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

package/dist/PriceHeader-CxqhpGS-.js

@@ -1,338 +0,0 @@
-import { m as c, t as l } from "./mapFormMixin-CQgSN7dv.js";
-import { B as d } from "./BlockMedia-Bb5wQIDg.js";
-import { b as r, D as u, n, ah as m } from "./main-BgzLHIoo.js";
-import { s as p } from "./dom-CWsqMElk.js";
-import { T as y } from "./DocTextEditor-CQDnjnRY.js";
-import { i as h } from "./i18nMessages-Chz_lxGG.js";
-const _ = {
-  name: "SummaryBottom",
-  mixins: [c([])],
-  inject: ["parentSize"],
-  props: {
-    base: {
-      type: Object,
-      default: null
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    backgroundColor: {
-      type: String,
-      default: "#4c576d"
-    },
-    documentCurrency: {
-      type: String,
-      required: !0
-    },
-    vatType: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      get: r,
-      tinycolor: l
-    };
-  },
-  computed: {
-    prices() {
-      return r(this, "base.prices") || {};
-    },
-    isIndivid() {
-      return r(this.prices, "helpers.isIndivid", !0);
-    },
-    showIncVat() {
-      return this.isIndivid;
-    },
-    priceTotal() {
-      return this.isIndivid ? r(this.prices, "total", null) : r(this.prices, "subTotal", null);
-    },
-    priceType() {
-      return this.prices.type || ["fixed"];
-    },
-    currency() {
-      return this.prices.currency || this.documentCurrency;
-    },
-    openAccMaxPrice() {
-      return this.prices.maxTotal || null;
-    },
-    houseWorkType() {
-      return r(this.prices, "region.houseWorkType", null);
-    },
-    isReverseVat() {
-      return r(this.prices, "region.reverseVat", !1);
-    },
-    priceTypeString() {
-      return this.priceType.includes("openAccMaxPrice") ? this._document.$t("price.openAccMaxPrice") : this.priceType.includes("openAcc") ? this._document.$t("price.openAcc") : this._document.$t("price.price").capitalize();
-    },
-    priceDeductionVatString() {
-      let i = "";
-      if (this.isReverseVat && !this.showIncVat) {
-        const t = this.priceFormat(0, {
-          currency: this.currency,
-          showZero: !0
-        });
-        return i = this._document.$t("summaryBottom.reverseVat", { amount: t }), i;
-      }
-      return this.houseWorkType && (i = this._document.$t("deduction.afterType", {
-        type: this.$t(`deduction.${this.houseWorkType}_percentage`)
-      })), this.showIncVat && (i += ` ${this._document.$t("vat.incVat", {
-        thing: this._document.$t(`vat.${this.vatType}`)
-      })}`), this.showIncVat || (i += ` ${this._document.$t("vat.exVat", {
-        thing: this._document.$t(`vat.${this.vatType}`)
-      })}`), i.capitalize();
-    },
-    backgroundSecondary() {
-      if (!this.isSmallScreen)
-        return { backgroundColor: "transparent" };
-      const i = this.backgroundColor.match(/(\d*\.)?\d+/g)[0], t = this.backgroundColor.match(/(\d*\.)?\d+/g)[1], e = this.backgroundColor.match(/(\d*\.)?\d+/g)[2], s = this.backgroundColor.match(/(\d*\.)?\d+/g)[3];
-      return {
-        backgroundColor: `hsla(${i}, ${t ** 0.9}%, ${e ** 0.9}%, ${s})`
-      };
-    },
-    isSmallScreen() {
-      return this.parentSize.width <= 576;
-    }
-  },
-  methods: {
-    priceFormat: u,
-    scrollToPricing() {
-      const i = document.querySelector("#price");
-      i && p(i);
-    }
-  }
-};
-var v = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "summary-bottom-root" }, [e("div", { staticClass: "summary-bottom", style: [
-    {
-      backgroundColor: t.backgroundColor,
-      color: t.tinycolor.readability(t.backgroundColor, "#FFF") > 2.2 ? "#FFF" : "#000"
-    },
-    t.options.length && {
-      overflow: "hidden",
-      padding: 0
-    }
-  ] }, [t.options.length ? e("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { height: "108px" } }, [e("div", { staticStyle: { "text-align": "right", padding: "calc(2 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "900" } }, [t._v(" " + t._s(t._document.$t("price.proposal")) + " ")]), e("div", [t._v(t._s(t._document.$t("summaryBottom.chooseFrom")))])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.15)", paadding: "calc(1 * var(--rem)) calc(2 * var(--rem))", height: "100%", display: "inline-flex" } }, [t.base ? e("div", { staticStyle: { display: "flex", "flex-direction": "column", "align-items": "flex-start", "justify-content": "center", padding: "calc(1 * var(--rem)) calc(1 * var(--rem))", "text-align": "left" } }, [e("div", { staticStyle: { "font-weight": "900", "font-size": "calc(1.5 * var(--rem))" } }, [t._v(" " + t._s(t.priceFormat(t.base.prices.total, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")]), e("div", [t._v(" + " + t._s(t._document.$tc("summaryBottom.option", { count: t.options.length })) + " ")])]) : e("div", { staticStyle: { padding: "calc(2 * var(--rem))", display: "inline-flex", "align-items": "center", "justify-content": "center", "font-weight": "900", "font-size": "calc(2.5 * var(--rem))" } }, [t._v(" " + t._s(t._document.$t("summaryBottom.noOfOptions", { count: t.options.length })) + " ")])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.4)", overflow: "hidden", width: "calc(1.5 * var(--rem))", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center", height: "100%", color: "hsla(0, 0%, 100%, 0.2)" } })]) : e("div", { staticClass: "flex w-full justify-between", class: [
-    {
-      column: t.isSmallScreen,
-      sm: t.isSmallScreen
-    }
-  ], staticStyle: { position: "relative" } }, [e("div", { staticClass: "flex w-full flex-col", class: [{ "fixed-price-type-string": t.isSmallScreen }], staticStyle: { "background-color": "hsl(224, 57%, 39%)" }, style: [t.backgroundSecondary] }, [e("div", { staticClass: "price-type-string data-text" }, [t._v(" " + t._s(t.priceTypeString) + " ")]), t.isSmallScreen ? t._e() : e("div", { staticClass: "price-deduction-text" }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")])]), t.priceType.some((s) => ["openAcc", "openAccMaxPrice"].includes(s)) ? e("div", { staticClass: "open-acc-wrapper" }, [t.openAccMaxPrice ? e("div", { staticClass: "open-acc-item" }, [e("div", [t._v(" " + t._s(t._document.$t("price.maxPrice").capitalize()) + " " + t._s(t._document.$t("vat.exVat", { thing: t._document.$t(`vat.${t.vatType}`) })) + ": ")]), e("div", [t._v(t._s(t.priceFormat(t.openAccMaxPrice, { currency: t.currency })))])]) : t._e(), e("div", { staticClass: "open-acc-link" }, [t._v(" " + t._s(t._document.$t("see").capitalize()) + " "), e("span", { staticStyle: { color: "inherit", cursor: "pointer" }, on: { click: t.scrollToPricing } }, [e("u", [t._v(t._s(t._document.$t("price.price_plural")))])]), t._v(" " + t._s(t._document.$t("summaryBottom.forDetails")) + " ")])]) : e("div", { staticClass: "flex w-full items-center", class: [{ "justify-end": !t.isSmallScreen }] }, [e("div", { staticClass: "data-text", staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "900", "letter-spacing": "1px", "line-height": "1", "padding-bottom": "calc(0.3 * var(--rem))" } }, [t._v(" " + t._s(t.priceType.includes("approx") ? t._document.$t("approx").capitalize() : "") + " " + t._s(t.priceFormat(t.priceTotal, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")])]), t.isSmallScreen ? e("div", { staticClass: "label-text caps price-deduction-text", staticStyle: { "margin-top": "4px" } }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")]) : t._e()])])]);
-}, g = [], f = /* @__PURE__ */ n(
-  _,
-  v,
-  g,
-  !1,
-  null,
-  "dffa60b6"
-);
-const S = f.exports, x = {
-  name: "SummaryTop",
-  i18nOptions: {
-    namespaces: "summaryTop",
-    messages: h
-  },
-  components: {
-    TextEditor: y,
-    DocumentLogotype: () => import("./DocumentLogotype-mAVgMRHr.js")
-  },
-  mixins: [c([])],
-  inject: ["parentSize"],
-  props: {
-    showLogo: {
-      type: Boolean,
-      default: !0
-    },
-    logotype: {
-      type: String,
-      default: null
-    },
-    companyLogotype: {
-      type: String,
-      default: null
-    },
-    senderName: {
-      type: String,
-      default: null
-    },
-    docName: {
-      type: String,
-      default: null
-    },
-    docType: {
-      type: String,
-      required: !0
-    },
-    docNumber: {
-      type: [Number, String],
-      default: null
-    },
-    sentAt: {
-      type: [String, Number],
-      default: null
-      // required: true,
-    },
-    expiresAt: {
-      type: String,
-      default: null
-    },
-    estimatedTime: {
-      type: String,
-      default: null
-    },
-    validator: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    logotypeListeners() {
-      return {
-        ...this.$listeners,
-        input: (i) => this.$emit("update:logotype", i)
-      };
-    }
-  }
-};
-var b = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "summary-top flex w-full justify-center" }, [e("div", { staticClass: "doc-summary-top-wrapper" }, [e("div", { staticClass: "doc-summary-top-wrapper__background" }), e("div", { staticClass: "flex w-full justify-between", staticStyle: { "margin-bottom": "calc(2.5 * var(--rem))" } }, [t.showLogo && (t.logotype || t.companyLogotype) || t.canEdit ? e("DocumentLogotype", t._g({ attrs: { value: t.logotype, "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover } }, t.logotypeListeners)) : e("div", { staticClass: "company-name" }, [t._v(" " + t._s(t.senderName) + " ")]), e("div", { staticClass: "top-right-text-wrapper" }, [t.sentAt ? e("div", [t._v(t._s(t.$formatDate(t.sentAt)))]) : t._e(), t.docNumber ? e("div", [t._v(" #" + t._s(t.docNumber) + " ")]) : t._e()])], 1), e("div", { staticClass: "title-text" }, [t.canEdit ? e("TextEditor", { ref: "editor", staticClass: "no-drag", staticStyle: { "will-change": "opacity" }, attrs: { value: t.docName, placeholder: t.$t("name.placeholder"), extensions: {
-    bulletList: !1,
-    heading: [1, 2, 3],
-    bold: !1,
-    link: !1,
-    underline: !1,
-    blockquote: !0,
-    table: !1
-  }, unstyled: "", static: "" }, on: { input: function(s) {
-    return t.$emit("update:doc-name", s);
-  } } }) : e("div", { staticClass: "quill-custom", domProps: { innerHTML: t._s(t.docName) } })], 1), e("div", { staticClass: "flex w-full justify-between" }, [t.expiresAt ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t._document.$t("replyBy")))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t.$formatDate(t.expiresAt)))])]) : t._e(), t.docType !== "document" ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(" " + t._s(t._document.$t("document").capitalize()) + " ")]), e("div", { staticClass: "data-text" }, [t._v(" " + t._s(t._document.$t(`series.${t.docType}`).capitalize()) + " ")])]) : t._e(), t.parentSize.width >= 576 ? [t.estimatedTime ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t.$t("estimatedTime")))]), e("div", { staticClass: "data-text" }, [t._v(" " + t._s(t._document.$t("approx")) + " " + t._s(t.estimatedTime) + " ")])]) : t._e()] : t._e()], 2)])]);
-}, $ = [], C = /* @__PURE__ */ n(
-  x,
-  b,
-  $,
-  !1,
-  null,
-  "29bec6e5"
-);
-const w = C.exports, T = {
-  name: "PriceHeader",
-  components: {
-    SummaryTop: w,
-    SummaryBottom: S,
-    BlockMedia: d
-  },
-  mixins: [
-    c([
-      "media",
-      "backgroundColor",
-      "documentName",
-      "showPriceSummary",
-      "showLogo",
-      "logotype"
-    ])
-  ],
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    _value: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    internalName: {
-      get() {
-        var i;
-        return this.documentName || `<p data-typography="title">${((i = this._document.data) == null ? void 0 : i.name) || ""}</p>`;
-      },
-      set(i) {
-        this.documentName = i, this.$emit("input", {
-          key: "data.name",
-          value: m(i).trim().slice(0, 255)
-        });
-      }
-    },
-    company() {
-      return this._document.sender.company;
-    },
-    prices() {
-      return this._document.prices;
-    },
-    estimatedTimeString() {
-      var e, s;
-      const { value: i, unitType: t } = ((s = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : s.estimatedTime) || {};
-      return !i || !t ? null : this.$tc(`${t}`, { count: i });
-    },
-    sendAtShowDate() {
-      const { sentAt: i, scheduledFirstDelivery: t } = this._document;
-      return i || (t ? t.sendAt : null);
-    },
-    summaryBottom() {
-      var s;
-      let i = {
-        show: !1,
-        backgroundColor: this.backgroundColor || this._document.theme.priceSummaryBackground,
-        documentCurrency: this._document.currency,
-        vatType: this._document.vatType
-      }, { showPriceSummary: t } = this;
-      typeof t != "boolean" && ({ showPriceSummary: t } = this._document.theme);
-      const e = ((s = this._document.packageGroups) == null ? void 0 : s.packages) || [];
-      return e.length > 1 ? i = {
-        ...i,
-        show: t,
-        base: { prices: this.prices },
-        options: e.filter(({ toggable: o }) => o).map(({ prices: o }) => ({ prices: o }))
-      } : i = {
-        ...i,
-        show: t && this._document.readPrices && (this.prices.total || this.prices.type.some(
-          (o) => ["openAccMaxPrice", "openAcc"].includes(o)
-        )),
-        base: { prices: this.prices }
-      }, this.canEdit && t && (i.show = !0), i.documentCurrency || (i.show = !1), i;
-    }
-  }
-};
-var k = function() {
-  var s, o;
-  var t = this, e = t._self._c;
-  return e("div", [e("div", { staticClass: "doc-jumbotron-wrapper" }, [e("BlockMedia", { staticClass: "price-media-wrapper", attrs: { media: {
-    ...t.media,
-    resourceUrl: ((s = t.media) == null ? void 0 : s.resourceUrl) || t._document.theme.background,
-    overlayColor: ((o = t.media) == null ? void 0 : o.overlayColor) || t._document.theme.backgroundFilter
-  } } }), e("SummaryTop", { attrs: { _document: t._document, "show-logo": t.showLogo, logotype: t.logotype, "company-logotype": t.company.logotype, "sender-name": t.company.name, "doc-type": t._document.docNumber.series, "doc-name": t.internalName, "doc-number": t._document.docNumber.value, "sent-at": t.sendAtShowDate, "expires-at": t._document.expiresAt, "estimated-time": t.estimatedTimeString, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
-    t.showLogo = a;
-  }, "update:show-logo": function(a) {
-    t.showLogo = a;
-  }, "update:logotype": function(a) {
-    t.logotype = a;
-  }, "update:docName": function(a) {
-    t.internalName = a;
-  }, "update:doc-name": function(a) {
-    t.internalName = a;
-  } } })], 1), t.summaryBottom.show ? e("SummaryBottom", t._b({ attrs: { _document: t._document } }, "SummaryBottom", t.summaryBottom, !1)) : t._e()], 1);
-}, A = [], B = /* @__PURE__ */ n(
-  T,
-  k,
-  A,
-  !1,
-  null,
-  "e3b73dd6"
-);
-const D = B.exports;
-export {
-  D as default
-};

package/dist/SearchApi-BndaIbri.js

@@ -1,161 +0,0 @@
-import { g as u, p as h, f, i as d, n as m } from "./main-BgzLHIoo.js";
-import { d as p } from "./debounce-D0hKNU85.js";
-import { m as y, a as g } from "./vuex.esm-DKGl8mcw.js";
-const A = {
-  name: "SearchApi",
-  props: {
-    customSearch: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      defaultSearch: {
-        project: !0,
-        user: !0,
-        endCustomer: !1,
-        article: !1,
-        extensionArticle: !1,
-        // Articles in any authenticated CRM
-        document: !1
-      },
-      hasLoadedUsers: !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: {
-    ...y({
-      allUsers: "companyUsers/all",
-      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: {
-    ...g({
-      loadUsers: u.LOAD_COMPANY_USERS
-    }),
-    canFetchType(t) {
-      return t === "endCustomer" ? this.can("endCustomers", "read") : t === "user" ? this.can("users", "modify") : !0;
-    },
-    async fetch({ query: t, start: s = null, end: a = null }) {
-      const e = this.typesToFetch.reduce(
-        (n, c) => ({ ...n, [c]: [] }),
-        {}
-      ), r = t.toLowerCase();
-      if (this.emptyQuery && r && r.startsWith(this.emptyQuery) || (this.emptyQuery = null, this.hasSearchedAll = !0, !r))
-        return e;
-      try {
-        const n = [], c = Object.keys(this.defaultSearch);
-        (this.typesToFetch || []).forEach((l) => {
-          c.includes(l) && n.push(
-            (async () => {
-              let o = [];
-              l === "document" ? o = await this.fetchDocuments(r, s, a) : l === "user" ? o = await this.fetchUsers(r, s, a) : l === "extensionArticle" ? o = await this.fetchExtensionArticles(r, s, a) : o = await this.fetchType(l, r, s, a), e[l] = o;
-            })()
-          );
-        }), await Promise.all(n);
-      } finally {
-        this.isLoading = !1;
-      }
-      return Object.keys(e).every(
-        (n) => e[n].length === 0
-      ) && this.hasSearchedAll && (this.emptyQuery = r), e;
-    },
-    async fetchType(t, s, a, e) {
-      if (!this.canFetchType(t))
-        return [];
-      const { data: r } = await h("search", {
-        type: t,
-        query: s,
-        ...a !== null && e !== null && { start: a, end: e }
-      });
-      return r;
-    },
-    async fetchUsers(t, s, a) {
-      if (!this.canFetchType("user"))
-        return [];
-      this.hasLoadedUsers || (await this.loadUsers(), this.hasLoadedUsers = !0);
-      const r = Object.values(this.allUsers).filter((i) => !!(i.fullName && i.fullName.toLowerCase().includes(t) || i.email && i.email.toLowerCase().includes(t)));
-      return s !== null && a !== null ? r.slice(s, a) : r;
-    },
-    async fetchDocuments(t, s, a) {
-      const e = t.replace(/[-[\]{}()*+?.,\\/^$|#]/g, "\\$&"), r = {
-        $or: [
-          { "data.name": { $regex: e, $options: "i" } },
-          { "docNumber.value": { $regex: e, $options: "i" } },
-          {
-            clients: {
-              $elemMatch: {
-                $or: ["name", "email", "socialNo", "orgNo"].map((c) => ({
-                  [c]: { $regex: e, $options: "i" }
-                }))
-              }
-            }
-          }
-        ]
-      }, { data: i } = await f("/document", {
-        params: {
-          lean: !0,
-          filter: encodeURIComponent(JSON.stringify(r)),
-          fields: "clients,data.name,projectId,docNumber,createdAt",
-          ...s !== null && a !== null && { skip: s, limit: a - s }
-        }
-      }), { items: n = [] } = i || {};
-      return n;
-    },
-    async fetchExtensionArticles(t) {
-      const s = [];
-      return await Promise.all(
-        this.allAuthenticatedCRMs.map(async (a) => {
-          try {
-            if (a === "pipedrive" && t.length < 2) {
-              this.hasSearchedAll = !1;
-              return;
-            }
-            const { data: e } = await d.search(a, {
-              query: t,
-              type: "article"
-            });
-            e && Array.isArray(e) && s.push(...e);
-          } catch {
-          }
-        })
-      ), s;
-    },
-    triggerSearch: p(async function({ q: s, cb: a, start: e, end: r }) {
-      this.isLoading = !0;
-      const i = await this.fetch({ query: s, start: e, end: r });
-      return this.isLoading = !1, a(i);
-    }, 500)
-  },
-  render() {
-    return this.$scopedSlots.default({
-      fetch: ({ q: t, cb: s, start: a = null, end: e = null }) => (this.isLoading = !0, this.triggerSearch({ q: t, cb: s, start: a, end: e })),
-      isLoading: this.isLoading
-    });
-  }
-}, S = null, w = null;
-var L = /* @__PURE__ */ m(
-  A,
-  S,
-  w,
-  !1,
-  null,
-  null
-);
-const $ = L.exports;
-export {
-  $ as S
-};