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

package/dist/CompanyModal-OL4bD9Gk.js

@@ -1,147 +0,0 @@
-import { C as r } from "./CFormField-Dd2Y71JG.js";
-import { C as l } from "./CPhoneInput-BU1t6eo_.js";
-import { w as c } from "./CDropdownItem-CaoSQX6X.js";
-import { M as p, g as s, n as d } from "./main-BgzLHIoo.js";
-import { v as o } from "./index-zXXJrTvv.js";
-import { m as u, b as n, a as f } from "./vuex.esm-DKGl8mcw.js";
-import { s as m, a as y } from "./publicSenderState-DB4BHByV.js";
-const { mapFields: h } = p({
-  getterType: "forms/getField",
-  mutationType: "forms/updateField"
-}), C = {
-  name: "CompanyModal",
-  components: {
-    CPhoneInput: l,
-    CField: r
-  },
-  mixins: [c],
-  props: {
-    inputFocusOnMount: {
-      type: String,
-      default: ""
-    },
-    isPublicForm: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      isLoading: !1
-    };
-  },
-  validations: {
-    name: {
-      required: o.required
-    },
-    email: {
-      email: o.email
-    }
-  },
-  computed: {
-    ...u({
-      isPostingCompany: "companies/isPosting",
-      isPostingUser: "companyUsers/isPosting",
-      hasChanged: "forms/hasChanged",
-      companyRegion: "application/companyRegion",
-      can: "application/can"
-    }),
-    ...h({
-      company: "company",
-      user: "companyUser",
-      name: "company.name",
-      email: "companyUser.email",
-      firstName: "companyUser.firstname",
-      lastName: "companyUser.lastname",
-      cellphone: "companyUser.cellphone"
-    }),
-    ...n("application", {
-      currentUserId: (i) => i.user.userId
-    }),
-    ...n("forms", {
-      documentCompanyUserId: ({ document2: i }) => i && i.companyUserId
-    }),
-    isFullScreen() {
-      return this.mq === "sm";
-    },
-    isPosting() {
-      return this.isPostingCompany || this.isPostingUser;
-    },
-    notCurrentUser() {
-      return this.currentUserId !== this.documentCompanyUserId && !this.isPublicForm;
-    },
-    messages() {
-      const i = (e) => this.$t(`views:account.settings.company.validations.${e}`);
-      return {
-        name: {
-          required: i("name.required")
-        },
-        email: {
-          required: i("email.required"),
-          email: i("email.email")
-        }
-      };
-    }
-  },
-  created() {
-    this.loadForm();
-  },
-  mounted() {
-    this.$refs[this.inputFocusOnMount] ? this.$refs[this.inputFocusOnMount].$el.querySelector("input").focus() : this.$refs.name.$el.querySelector("input").focus();
-  },
-  methods: {
-    ...f({
-      formEditCompany: s.FORM_EDIT_COMPANY,
-      formEditCompanyUser: s.FORM_EDIT_COMPANY_USER,
-      formSubmitCompany: s.FORM_SUBMIT_COMPANY,
-      formSubmitCompanyUser: s.FORM_SUBMIT_COMPANY_USER,
-      setForm: s.SET_FORM,
-      showMessage: s.SHOW_MESSAGE
-    }),
-    loadForm() {
-      this.isPublicForm ? (this.setForm({ key: "company", formData: m.company }), this.setForm({ key: "companyUser", formData: m.user })) : (this.formEditCompany({ props: ["name"] }), this.formEditCompanyUser({
-        id: this.documentCompanyUserId,
-        props: ["id", "firstname", "lastname", "cellphone", "email"]
-      }));
-    },
-    async save() {
-      this.$v.$touch(), !this.$v.$invalid && (this.isLoading = !0, this.isPublicForm ? y({ company: this.company, user: this.user }) : await Promise.all([
-        ...this.hasChanged("company") ? [this.formSubmitCompany()] : [],
-        ...this.hasChanged("companyUser") && this.currentUserId === this.documentCompanyUserId ? [this.formSubmitCompanyUser()] : []
-      ]), this.$emit("close"), this.isLoading = !1);
-    },
-    close() {
-      this.$emit("close");
-    }
-  }
-};
-var g = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "font-inter", class: {
-    "full-screen": e.isFullScreen,
-    "modal-overlay": !0
-  }, on: { "&click": function(t) {
-    return t.target !== t.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [a("div", { staticClass: "modal-container", style: !e.isFullScreen && { padding: "calc(3 * var(--rem))" } }, [e.isFullScreen ? a("CButton", { staticClass: "modal-close", attrs: { pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: e.close } }) : e._e(), a("div", { staticClass: "form-client" }, [a("div", { staticStyle: { "font-weight": "600", "font-size": "21px", "padding-bottom": "calc(2.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:company") })) + " ")]), a("CField", { staticStyle: { "margin-bottom": "calc(1.5 * var(--rem))" }, attrs: { label: e.$t("_common:companyName").capitalize(), validator: e.$v.name, messages: e.messages.name, "label-position": "inside" } }, [a("CInput", { ref: "name", attrs: { disabled: e.isPublicForm ? !1 : !e.can("company", "modify"), placeholder: e.$t("_common:companyName").capitalize(), size: "medium" }, model: { value: e.name, callback: function(t) {
-    e.name = t;
-  }, expression: "name" } })], 1), a("CField", { staticStyle: { "margin-bottom": "calc(1.5 * var(--rem))" }, attrs: { label: e.$t("_common:firstName").capitalize(), "label-position": "inside" } }, [a("CInput", { ref: "reference", attrs: { disabled: e.notCurrentUser, placeholder: e.$t("_common:firstName").capitalize(), size: "medium" }, model: { value: e.firstName, callback: function(t) {
-    e.firstName = t;
-  }, expression: "firstName" } }), a("CField", { attrs: { label: e.$t("_common:lastName").capitalize(), "label-position": "inside" } }, [a("CInput", { attrs: { disabled: e.notCurrentUser, placeholder: e.$t("_common:lastName").capitalize(), size: "medium" }, model: { value: e.lastName, callback: function(t) {
-    e.lastName = t;
-  }, expression: "lastName" } })], 1)], 1), a("CField", { staticStyle: { "margin-bottom": "calc(1.5 * var(--rem))" }, attrs: { validator: e.$v.email, messages: e.messages.email, label: e.$t("_common:email").capitalize(), "label-position": "inside" } }, [a("CInput", { ref: "email", attrs: { disabled: !e.isPublicForm, placeholder: e.$t("_common:email").capitalize(), size: "medium" }, model: { value: e.email, callback: function(t) {
-    e.email = typeof t == "string" ? t.trim() : t;
-  }, expression: "email" } })], 1), a("CField", [a("CPhoneInput", { ref: "cellphone", attrs: { "default-region": e.companyRegion, disabled: e.notCurrentUser, label: e.$t("_common:cellphone").capitalize(), "label-position": "inside", size: "medium" }, model: { value: e.cellphone, callback: function(t) {
-    e.cellphone = t;
-  }, expression: "cellphone" } })], 1), a("CButton", { staticStyle: { "margin-top": "calc(3 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", size: "medium" }, on: { click: e.save } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:company") })) + " ")])], 1)], 1)]);
-}, _ = [], b = /* @__PURE__ */ d(
-  C,
-  g,
-  _,
-  !1,
-  null,
-  "81c1ebb3"
-);
-const M = b.exports;
-export {
-  M as default
-};

package/dist/ContentWrapper-8HduCnR4.js

@@ -1,190 +0,0 @@
-import { m as s, t as r } from "./mapFormMixin-CQgSN7dv.js";
-import { B as l } from "./BlockMedia-Bb5wQIDg.js";
-import { T as i } from "./DocTextEditor-CQDnjnRY.js";
-import { n, ah as c, H as u, K as p, J as m } from "./main-BgzLHIoo.js";
-import { i as d } from "./i18nMessages-Chz_lxGG.js";
-const f = {
-  name: "StaticComboLayout",
-  props: {
-    layout: {
-      type: String,
-      required: !0
-    }
-  }
-};
-var _ = function() {
-  var t = this, e = t._self._c;
-  return ["horizontal"].includes(t.layout) ? e("div", { staticClass: "flex w-full flex-col", staticStyle: { flex: "1 1 auto", "min-height": "100%" } }, [t._t("logo"), e("div", { staticClass: "flex w-full flex-col justify-end", staticStyle: { flex: "1 1 auto" } }, [t._t("preText"), t._t("documentName"), t._t("postText")], 2)], 2) : e("div", { staticClass: "flex w-full flex-col justify-between", class: {
-    "items-center": t.layout === "center"
-  }, staticStyle: { flex: "1 1 auto", "min-height": "100%" } }, [t._t("logo"), e("div", { staticClass: "flex w-full flex-col justify-center", staticStyle: { flex: "1 1 auto" } }, [t._t("preText"), t._t("documentName")], 2), t._t("postText")], 2);
-}, y = [], x = /* @__PURE__ */ n(
-  f,
-  _,
-  y,
-  !1,
-  null,
-  "8e41c57b"
-);
-const h = x.exports, v = {
-  name: "StaticLayout",
-  i18nOptions: {
-    namespaces: "staticLayout",
-    messages: d
-  },
-  components: {
-    DocumentLogotype: () => import("./DocumentLogotype-mAVgMRHr.js"),
-    StaticComboLayout: h,
-    TextEditor: i
-  },
-  mixins: [
-    s([
-      "layout",
-      "preText",
-      "documentName",
-      "postText",
-      "showLogo",
-      "logotype"
-    ])
-  ],
-  props: {
-    validator: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    companyLogotype() {
-      var o, t;
-      return ((t = (o = this._document.sender) == null ? void 0 : o.company) == null ? void 0 : t.logotype) || "";
-    },
-    internalName: {
-      get() {
-        var o;
-        return this.documentName || `<p data-typography="title">${((o = this._document.data) == null ? void 0 : o.name) || ""}</p>`;
-      },
-      set(o) {
-        this.documentName = o, this.$emit("input", {
-          key: "data.name",
-          value: c(o).trim().slice(0, 255)
-        });
-      }
-    },
-    mentions() {
-      return () => this._document.textTemplateItems || [];
-    }
-  },
-  methods: {
-    mustacheToSpan: u,
-    spanToMustache: p,
-    interpolateString: m
-  }
-};
-var g = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "dont-break-out hyphens-auto flex w-full flex-col break-words", class: [`is-layout-${t.layout}`], staticStyle: { "word-wrap": "break-word", "word-break": "break-word" } }, [e("StaticComboLayout", { attrs: { layout: t.layout }, scopedSlots: t._u([{ key: "logo", fn: function() {
-    return [e("DocumentLogotype", { attrs: { "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
-      t.showLogo = a;
-    }, "update:show-logo": function(a) {
-      t.showLogo = a;
-    } }, model: { value: t.logotype, callback: function(a) {
-      t.logotype = a;
-    }, expression: "logotype" } })];
-  }, proxy: !0 }, { key: "preText", fn: function() {
-    return [e("TextEditor", { key: "preText" + t.canEdit, ref: "preTextEditor", staticClass: "no-drag header-text", attrs: { value: t.canEdit ? t.mustacheToSpan(
-      t.preText,
-      t._document.textTemplateMap,
-      t._document._doc
-    ) : t.interpolateString(t.preText, t._document._doc), mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
-      t.preText = t.spanToMustache(a);
-    } } })];
-  }, proxy: !0 }, { key: "documentName", fn: function() {
-    return [e("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "700", margin: "calc(1 * var(--rem)) 0" } }, [t.canEdit ? e("TextEditor", { ref: "nameEditor", staticClass: "no-drag header-text", attrs: { value: t.internalName, extensions: {
-      bulletList: !0,
-      heading: [1, 2, 3],
-      bold: !0,
-      link: !0,
-      underline: !0,
-      blockquote: !0,
-      table: !1
-    }, placeholder: t.$t("name.placeholder"), unstyled: "", static: "" }, on: { input: function(a) {
-      t.internalName = a;
-    } } }) : e("div", { staticClass: "header-text", domProps: { innerHTML: t._s(t.internalName) } })], 1)];
-  }, proxy: !0 }, { key: "postText", fn: function() {
-    return [e("TextEditor", { key: "postText" + t.canEdit, ref: "postTextEditor", staticClass: "no-drag header-text", staticStyle: { width: "100%" }, attrs: { value: t.canEdit ? t.mustacheToSpan(
-      t.postText,
-      t._document.textTemplateMap,
-      t._document._doc
-    ) : t.interpolateString(t.postText, t._document._doc), editable: t.canEdit, mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
-      t.postText = t.spanToMustache(a);
-    } } })];
-  }, proxy: !0 }]) })], 1);
-}, T = [], b = /* @__PURE__ */ n(
-  v,
-  g,
-  T,
-  !1,
-  null,
-  "a4b43835"
-);
-const C = b.exports, S = {
-  name: "ContentWrapper",
-  components: {
-    StaticCombo: C,
-    BlockMedia: l
-  },
-  mixins: [s(["layout", "item", "baseStyle"])],
-  props: {
-    hasHover: {
-      type: Boolean,
-      default: !1
-    },
-    validator: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      hoverIndex: null
-    };
-  },
-  computed: {
-    color() {
-      var o;
-      return ((o = this.baseStyle) == null ? void 0 : o.textColor) || this.fallbackTextColor;
-    },
-    textAlign() {
-      var o;
-      return ((o = this.baseStyle) == null ? void 0 : o.textAlign) || "left";
-    },
-    fallbackTextColor() {
-      return this.backgroundColor && r.readability(this.backgroundColor, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
-    }
-  }
-};
-var w = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "content-root", class: { "has-hover": t.hasHover }, style: { color: t.color, textAlign: t.textAlign } }, [t.layout !== "center" ? e("BlockMedia", { staticClass: "content-media", attrs: { media: t.item.media } }) : t._e(), e("div", { staticClass: "content-spacing" }, [e("StaticCombo", t._g({ attrs: { "has-hover": t.hasHover, _document: t._document, _value: {
-    layout: t._value.layout,
-    preText: `${t._value.item}.value.preText`,
-    documentName: `${t._value.item}.value.documentName`,
-    postText: `${t._value.item}.value.postText`,
-    showLogo: `${t._value.item}.value.showLogo`,
-    logotype: `${t._value.item}.value.logotype`
-  }, validator: t.validator } }, t.$listeners))], 1)], 1);
-}, k = [], $ = /* @__PURE__ */ n(
-  S,
-  w,
-  k,
-  !1,
-  null,
-  "3dfe0998"
-);
-const H = $.exports;
-export {
-  H as default
-};