@cling-se/widget 0.9.1 → 0.9.3

package/dist/DocFormSend-1c7e370d.js

@@ -1,113 +0,0 @@
-import { V as n, m as r, a as l, g as a, C as i, n as u } from "./main-e2129a84.js";
-import { i as c, S as m } from "./formComponentsInstall-0d5f842a.js";
-import "./vuex.esm-4a0fff7c.js";
-n.use(c);
-const s = n.observable({
-  canEdit: !1,
-  isForm: !0,
-  setFormValue: null
-}), d = {
-  name: "DocFormSend",
-  components: {
-    SendForm: m
-  },
-  provide: () => ({ viewSettings: s }),
-  // TODO maybe not needed
-  props: {
-    showName: {
-      type: Boolean,
-      default: !0
-    },
-    showSave: {
-      type: Boolean,
-      default: !0
-    },
-    showSchedule: {
-      type: Boolean,
-      default: !0
-    },
-    allowManualDelivery: {
-      type: Boolean,
-      default: !1
-    },
-    contentSlot: {
-      type: String,
-      default: null
-    },
-    footerSlot: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      document: null
-    };
-  },
-  computed: {
-    ...r({
-      company: "application/company",
-      can: "application/can",
-      rawDoc: "forms/document",
-      isPosting: "documents2/isPosting"
-    })
-  },
-  watch: {
-    rawDoc: {
-      immediate: !0,
-      handler() {
-        this.initDoc();
-      }
-    }
-  },
-  async created() {
-    this.setFormValue && (s.setFormValue = this.setDocValue);
-  },
-  methods: {
-    ...l({
-      setFormValue: a.SET_FORM_VALUE,
-      removeFormValue: a.REMOVE_FORM_VALUE
-      // loadCompanyUser: global.LOAD_COMPANY_USER,
-    }),
-    async initDoc() {
-      if (!this.rawDoc)
-        throw new Error("Missing initiated form document");
-      this.document = new i({
-        data: this.rawDoc,
-        can: this.can,
-        getters: this.$store.getters,
-        updateSender: !0
-      });
-    },
-    setDocValue({ key: o, value: e }) {
-      return this.setFormValue({ key: `document2.${o}`, value: e });
-    },
-    removeDocValue(o) {
-      return this.removeFormValue(`document2.${o}`);
-    }
-  }
-};
-var p = function() {
-  var e = this, t = e._self._c;
-  return e.document ? t("SendForm", { staticClass: "w-full h-full", attrs: { _document: e.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-manual-delivery": e.allowManualDelivery, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "use-scroll": "" } }, [e.contentSlot ? t("div", { attrs: { slot: "content" }, domProps: { innerHTML: e._s(e.contentSlot) }, slot: "content" }) : e._e(), e.footerSlot ? t("div", { attrs: { slot: "footer" }, domProps: { innerHTML: e._s(e.footerSlot) }, slot: "footer" }) : e._e()]) : t("div", { staticClass: "grid w-full h-full place-items-center" }, [t("BaseIcon", { staticClass: "text-gray-400 animate-spin", attrs: { type: "loader", size: 28 } })], 1);
-}, f = [], h = /* @__PURE__ */ u(
-  d,
-  p,
-  f,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const S = h.exports;
-export {
-  S as default
-};

package/dist/Index-0f345bed.js

@@ -1,29 +0,0 @@
-import { m as o } from "./formComponentsInstall-0d5f842a.js";
-import { n as _ } from "./main-e2129a84.js";
-import "./vuex.esm-4a0fff7c.js";
-const i = {
-  name: "NotBinding",
-  components: {
-    Edit: () => import("./ToggleBinding-00c37a9d.js"),
-    Read: () => import("./NotBindingText-fb4e9ecb.js")
-  },
-  mixins: [o()]
-};
-var a = function() {
-  var t;
-  var n = this, e = n._self._c;
-  return n.canEdit ? e("Edit", n._g({ attrs: { _document: n._document, _value: { notBinding: "data.notBinding" } } }, n.$listeners)) : (t = n._document.data) != null && t.notBinding ? e("Read") : n._e();
-}, r = [], d = /* @__PURE__ */ _(
-  i,
-  a,
-  r,
-  !1,
-  null,
-  "0648ef9a",
-  null,
-  null
-);
-const p = d.exports;
-export {
-  p as default
-};

package/dist/PriceHeader-4fb21725.js

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