@cling-se/widget 0.22.2 → 0.22.4

package/package.json

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

package/dist/Index-BfMZgBeX.js

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

package/dist/Index-bSfn5DlT.js

@@ -1,364 +0,0 @@
-import { m as E } from "./mapFormMixin-DmIyfVCN.js";
-import { C as z } from "./CCallout-B86E6HJd.js";
-import { C as K, a as B } from "./CDropdownItem-BU65rYaX.js";
-import { _ as A, b as v, d as c, o as n, j as g, t as u, c as f, F as C, s as b, y as V, n as M, e as y, w as h, f as w, q as I, af as x } from "./main-BI2UvBxx.js";
-import { C as O } from "./CPhoneFormat-CSys3pPM.js";
-const $ = {
-  name: "DocPartiesItem",
-  components: {
-    CPhoneFormat: O
-  },
-  emits: ["click"],
-  props: {
-    label: {
-      type: String,
-      required: !0
-    },
-    data: {
-      type: [String, Object],
-      required: !0
-    },
-    type: {
-      type: String,
-      default: ""
-    },
-    canEdit: {
-      type: Boolean,
-      default: !1
-    }
-  }
-}, q = { class: "client-row" }, j = { class: "label" };
-function L(e, o, t, i, s, l) {
-  const p = v("CPhoneFormat");
-  return n(), c("div", q, [
-    g("div", j, u(t.label), 1),
-    g("div", {
-      class: V([{
-        "is-editable": t.canEdit
-      }, "data"])
-    }, [
-      g("span", {
-        onClick: o[0] || (o[0] = (k) => e.$emit("click"))
-      }, [
-        t.type === "phone" ? (n(), f(p, {
-          key: 0,
-          phone: t.data.cellphone,
-          region: t.data.region
-        }, null, 8, ["phone", "region"])) : (n(), c(C, { key: 1 }, [
-          b(u(t.data), 1)
-        ], 64))
-      ])
-    ], 2)
-  ]);
-}
-const R = /* @__PURE__ */ A($, [["render", L], ["__scopeId", "data-v-5f1f8662"]]), T = {
-  client: M(
-    () => import("./ClientModal-BHUD-VYM.js").then((e) => e.b)
-  ),
-  company: M(
-    () => import("./CompanyModal-C38jvSZX.js")
-  )
-}, G = {
-  i18nOptions: {
-    namespaces: "components"
-  },
-  name: "DocParties",
-  components: {
-    DocPartiesItem: R,
-    CCallout: z,
-    CDropdown: B,
-    CDropdownItem: K,
-    AddClientCallout: M(
-      () => import("./AddClientCallout-CtfDZ5iE.js")
-    )
-  },
-  emits: ["input"],
-  mixins: [E()],
-  props: {
-    // todo: atm custom behaviour for path 'data.sender' through doc-class
-    parties: {
-      type: [Array, Object],
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      type: "client",
-      hoverIndex: null
-    };
-  },
-  computed: {
-    mappedParties() {
-      const e = (t, i = {}) => this._document.$t(t, { postProcess: "capitalize", ...i });
-      return (Array.isArray(this.parties) ? this.parties : [this.parties]).map((t) => {
-        const {
-          orgNo: i,
-          socialNo: s,
-          companyName: l,
-          name: p,
-          type: k,
-          cellphone: S,
-          cellphoneRegion: P,
-          email: F,
-          addresses: _,
-          hasFSkatt: r,
-          hasInsurance: d
-        } = t, a = k === "individual", m = _ && (_.standard || _.work);
-        m && (m.formKey = _.standard ? "street" : "workStreet");
-        const N = [
-          l && {
-            label: e("company"),
-            value: l,
-            formKey: "name"
-          },
-          i && {
-            label: e("orgNoShort"),
-            value: i,
-            formKey: "orgNo"
-          },
-          p && {
-            label: e(a ? "name" : "reference"),
-            value: p,
-            formKey: a ? "name" : "reference"
-          },
-          s && a && {
-            label: e("socialNo"),
-            value: s,
-            formKey: "orgNo"
-          },
-          F && {
-            label: e("email"),
-            value: F,
-            formKey: "email"
-          },
-          S && {
-            label: e("phone"),
-            type: "phone",
-            value: {
-              cellphone: S,
-              region: P || x(this._document, "sender.company.region", "")
-            },
-            formKey: "cellphone"
-          },
-          m && {
-            label: e("address"),
-            value: this.parseStreet(m.street, m.city, m.zip),
-            formKey: m.formKey
-          }
-        ], D = [];
-        return r && D.push({
-          label: this._document.$t("chapters.parties.fTax"),
-          value: r
-        }), d && D.push({
-          label: this._document.$t("chapters.parties.allRiskAndLiability"),
-          value: d
-        }), {
-          main: N,
-          checks: D
-        };
-      });
-    }
-  },
-  created() {
-    x(this, "_value.parties", "") !== "clients" && (this.type = "company");
-  },
-  methods: {
-    openModal({ formKey: e, index: o } = {}) {
-      var s;
-      let t = "name", i = !1;
-      e && (t = e, ["name", "email", "cellphone", "reference"].includes(e) || (i = !0)), this.$modal.show(T[this.type], {
-        inputFocusOnMount: t,
-        forceExpand: i,
-        documentClientIndex: o,
-        signOptions: (s = this._document) == null ? void 0 : s.signOptions,
-        setFormValue: this.viewSettings.setFormValue,
-        removeFormValue: this.viewSettings.removeFormValue,
-        isPublicForm: this.viewSettings.isPublicForm
-      });
-    },
-    removeClient(e) {
-      this.parties[e] && this.removeField(`clients[${e}]`);
-    },
-    parseStreet(e, o, t) {
-      let i = "";
-      return e && (i += e), e && (t || o) && (i += ", "), t && (i += ` ${t}`), o && (i += ` ${o}`), i;
-    },
-    searchEndCustomers(e, o) {
-      e({
-        q: o,
-        cb: ({ endCustomer: t }) => {
-          this.results = t;
-        }
-      });
-    },
-    setClient(e) {
-      this.$emit("input", {
-        key: `clients[${this.parties.length}]`,
-        value: e
-      });
-    }
-  }
-}, H = { style: { position: "relative" } }, J = {
-  key: 0,
-  class: "edit-button"
-}, Q = { style: { "padding-bottom": "1em" } }, U = ["onMouseoverPassive"], W = {
-  key: 0,
-  class: "controls",
-  style: { position: "absolute", left: "100%", top: "0", "padding-left": "calc(0.5 * var(--rem))" }
-}, X = {
-  key: 1,
-  style: { width: "100%", "padding-top": "calc(1 * var(--rem))" }
-};
-function Y(e, o, t, i, s, l) {
-  const p = v("CButton"), k = v("CDropdownItem"), S = v("CDropdown"), P = v("AddClientCallout"), F = v("CCallout"), _ = v("DocPartiesItem");
-  return n(), c("div", H, [
-    e.viewSettings.canEdit ? (n(), c("div", J, [
-      s.type === "company" ? (n(), f(p, {
-        key: 0,
-        type: "none",
-        size: "small",
-        pattern: "secondary",
-        onClick: l.openModal
-      }, {
-        default: h(() => [
-          b(u(e.$t("_common:edit").capitalize()), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])) : t.parties.length && s.type === "client" ? (n(), f(S, {
-        key: 1,
-        ref: "dropdown",
-        position: "is-bottom-left"
-      }, {
-        trigger: h(() => [
-          w(p, {
-            type: "none",
-            size: "small",
-            pattern: "secondary",
-            "icon-right": "chevron-down"
-          }, {
-            default: h(() => [
-              b(u(e.$t("_common:more").capitalize()), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: h(() => [
-          w(k, {
-            "icon-props": {
-              class: "text-primary-500"
-            },
-            "icon-left": "plus-circle",
-            onClick: o[0] || (o[0] = (r) => l.openModal({ index: t.parties.length }))
-          }, {
-            default: h(() => [
-              b(u(e.$t("components:account.documentForm.clients.add.extra")), 1)
-            ]),
-            _: 1
-          }),
-          w(k, { separator: "" }),
-          (n(!0), c(C, null, I(t.parties, (r, d) => (n(), f(k, {
-            key: d,
-            "icon-props": {
-              class: "text-gray-400"
-            },
-            "icon-left": "edit",
-            onClick: (a) => l.openModal({ index: d })
-          }, {
-            default: h(() => [
-              b(u(r.type === "individual" ? r.name : r.companyName || r.name), 1)
-            ]),
-            _: 2
-          }, 1032, ["onClick"]))), 128))
-        ]),
-        _: 1
-      }, 512)) : y("", !0)
-    ])) : y("", !0),
-    e.viewSettings.canEdit ? (n(), c(C, { key: 1 }, [
-      s.type === "client" && !(t.parties && t.parties.length) ? (n(), f(P, {
-        key: 0,
-        onAdd: o[1] || (o[1] = (r) => l.openModal({ index: t.parties.length })),
-        onSetClient: l.setClient,
-        "default-answer-method": e._document.data.defaultAnswerMethod
-      }, null, 8, ["onSetClient", "default-answer-method"])) : y("", !0),
-      s.type === "company" && e.viewSettings.isPublicForm && !(t.parties.companyName || t.parties.email) ? (n(), f(F, {
-        key: 1,
-        title: e.$t("document.chapters.parties.missingSender.title")
-      }, {
-        default: h(() => [
-          g("div", Q, u(e.$t("document.chapters.parties.missingSender.description")), 1),
-          w(p, {
-            "icon-left": "plus",
-            type: "secondary",
-            onClick: l.openModal
-          }, {
-            default: h(() => [
-              b(u(e.$t("_common:add", { thing: e.$t("_common:info") })), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ]),
-        _: 1
-      }, 8, ["title"])) : y("", !0)
-    ], 64)) : y("", !0),
-    (n(!0), c(C, null, I(l.mappedParties, (r, d) => (n(), c("div", {
-      key: d,
-      class: "party-wrapper print-avoid-break-inside",
-      onMouseoverPassive: (a) => s.hoverIndex = d,
-      onMouseleavePassive: o[2] || (o[2] = (a) => s.hoverIndex = null)
-    }, [
-      e.viewSettings.canEdit && s.type !== "company" && s.hoverIndex === d ? (n(), c("div", W, [
-        w(p, {
-          circle: "",
-          size: "small",
-          icon: "edit",
-          type: "none",
-          pattern: "tertiary",
-          onClick: (a) => l.openModal({ index: d })
-        }, null, 8, ["onClick"]),
-        w(p, {
-          circle: "",
-          size: "small",
-          icon: "x",
-          type: "none",
-          pattern: "tertiary",
-          onClick: (a) => l.removeClient(d)
-        }, null, 8, ["onClick"])
-      ])) : y("", !0),
-      (n(!0), c(C, null, I(r.main, (a, m) => (n(), c(C, { key: m }, [
-        a ? (n(), f(_, {
-          key: 0,
-          label: a.label,
-          data: a.value,
-          type: a.type,
-          "can-edit": e.viewSettings.canEdit,
-          onClick: (N) => e.viewSettings.canEdit ? l.openModal({ formKey: a.formKey, index: d }) : null
-        }, null, 8, ["label", "data", "type", "can-edit", "onClick"])) : y("", !0)
-      ], 64))), 128)),
-      r.checks && r.checks.length ? (n(), c("div", X, [
-        (n(!0), c(C, null, I(r.checks, (a, m) => (n(), c("div", {
-          key: m,
-          class: "check-text"
-        }, [
-          o[3] || (o[3] = g("svg", {
-            width: "11",
-            height: "11",
-            viewBox: "0 0 218 185",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [
-            g("path", {
-              class: "primary-svg-fill",
-              d: "M217.931476 30.821773L180.506583.515692 85.82601 117.436462 29.993388 72.224097.068524 109.178227l93.257515 75.518447z",
-              fill: "#D8D8D8",
-              "fill-rule": "evenodd"
-            })
-          ], -1)),
-          g("div", null, u(a.label), 1)
-        ]))), 128))
-      ])) : y("", !0)
-    ], 40, U))), 128))
-  ]);
-}
-const ae = /* @__PURE__ */ A(G, [["render", Y], ["__scopeId", "data-v-1fc04f53"]]);
-export {
-  ae as default
-};

package/dist/SearchApi-DP2NKS7Z.js

@@ -1,136 +0,0 @@
-import { _ as u, Y as h, a as f, Z as d, $ as p, a0 as m, U as y } from "./main-BI2UvBxx.js";
-const g = {
-  name: "SearchApi",
-  props: {
-    customSearch: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      defaultSearch: {
-        project: !0,
-        endCustomer: !1,
-        article: !1,
-        extensionArticle: !1,
-        // Articles in any authenticated CRM
-        document: !1
-      },
-      isLoading: !1,
-      emptyQuery: null,
-      // String to track last query that was empty, if a new query starts with this string we do not have to search again
-      hasSearchedAll: !1
-      // Helper to keep track when some search types have not yet searched due min query length
-    };
-  },
-  computed: {
-    ...f({
-      allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
-      can: "application/can"
-    }),
-    typesToFetch() {
-      return Object.keys(this.customSearch).length ? Object.keys(this.customSearch).filter(
-        (t) => this.customSearch[t]
-      ) : Object.keys(this.defaultSearch).filter(
-        (t) => this.defaultSearch[t]
-      );
-    }
-  },
-  methods: {
-    canFetchType(t) {
-      return t === "endCustomer" ? this.can("endCustomers", "read") : !0;
-    },
-    async fetch({ query: t, start: a = null, end: r = null }) {
-      const e = this.typesToFetch.reduce(
-        (i, n) => ({ ...i, [n]: [] }),
-        {}
-      ), s = t.toLowerCase();
-      if (this.emptyQuery && s && s.startsWith(this.emptyQuery) || (this.emptyQuery = null, this.hasSearchedAll = !0, !s)) return e;
-      try {
-        const i = [], n = Object.keys(this.defaultSearch);
-        (this.typesToFetch || []).forEach((c) => {
-          n.includes(c) && i.push(
-            (async () => {
-              let o = [];
-              c === "document" ? o = await this.fetchDocuments(s, a, r) : c === "extensionArticle" ? o = await this.fetchExtensionArticles(s, a, r) : o = await this.fetchType(c, s, a, r), e[c] = o;
-            })()
-          );
-        }), await Promise.all(i);
-      } finally {
-        this.isLoading = !1;
-      }
-      return Object.keys(e).every(
-        (i) => e[i].length === 0
-      ) && this.hasSearchedAll && (this.emptyQuery = s), e;
-    },
-    async fetchType(t, a, r, e) {
-      if (!this.canFetchType(t)) return [];
-      const { data: s } = await m("search", {
-        type: t,
-        query: a,
-        ...r !== null && e !== null && { start: r, end: e }
-      });
-      return s;
-    },
-    async fetchDocuments(t, a, r) {
-      const e = t.replace(/[-[\]{}()*+?.,\\/^$|#]/g, "\\$&"), s = {
-        $or: [
-          { "data.name": { $regex: e, $options: "i" } },
-          { "docNumber.value": { $regex: e, $options: "i" } },
-          {
-            clients: {
-              $elemMatch: {
-                $or: ["name", "email", "socialNo", "orgNo"].map((n) => ({
-                  [n]: { $regex: e, $options: "i" }
-                }))
-              }
-            }
-          }
-        ]
-      }, { data: l } = await p("/document", {
-        params: {
-          lean: !0,
-          filter: encodeURIComponent(JSON.stringify(s)),
-          fields: "clients,data.name,projectId,docNumber,createdAt",
-          ...a !== null && r !== null && { skip: a, limit: r - a }
-        }
-      }), { items: i = [] } = l || {};
-      return i;
-    },
-    async fetchExtensionArticles(t) {
-      const a = [];
-      return await Promise.all(
-        this.allAuthenticatedCRMs.map(async (r) => {
-          try {
-            if (r === "pipedrive" && t.length < 2) {
-              this.hasSearchedAll = !1;
-              return;
-            }
-            const { data: e } = await d.search(r, {
-              query: t,
-              type: "article"
-            });
-            e && Array.isArray(e) && a.push(...e);
-          } catch {
-          }
-        })
-      ), a;
-    },
-    triggerSearch: h(async function({ q: a, cb: r, start: e, end: s }) {
-      this.isLoading = !0;
-      const l = await this.fetch({ query: a, start: e, end: s });
-      return this.isLoading = !1, r(l);
-    }, 500)
-  }
-};
-function A(t, a, r, e, s, l) {
-  return y(t.$slots, "default", {
-    fetch: ({ q: i, cb: n, start: c = null, end: o = null }) => (s.isLoading = !0, l.triggerSearch({ q: i, cb: n, start: c, end: o })),
-    isLoading: s.isLoading
-  });
-}
-const $ = /* @__PURE__ */ u(g, [["render", A]]);
-export {
-  $ as S
-};