@cling-se/widget 0.14.4 → 0.14.6

package/dist/index-CLUljEDI.js

@@ -0,0 +1,347 @@
+import { w as m } from "./CDropdownItem-CXJ4xD8W.js";
+import { n as o, E as f, S as v, g as i, h as l } from "./main-CQBEuZk9.js";
+import { m as h, a as d, b as _ } from "./vuex.esm-DKGl8mcw.js";
+import { B as p } from "./DocTextEditor-VjhV9IRp.js";
+import { v as r } from "./index-BDMI4NVY.js";
+import { S as g } from "./SmartList-q6H-uLbm.js";
+const x = {
+  mixins: [m],
+  props: {
+    placement: {
+      type: String,
+      default: "top-start"
+    }
+  },
+  data() {
+    return {
+      isOpen: !1
+    };
+  },
+  methods: {
+    onOpen() {
+      this.$emit("open"), this.isOpen = !0;
+    },
+    onClose() {
+      this.$emit("close"), this.isOpen = !1;
+    }
+  }
+};
+var C = function() {
+  var e = this, t = e._self._c;
+  return e.mq === "sm" ? t("div", [t("div", { on: { click: e.onOpen } }, [e._t("default")], 2), e.isOpen ? t("portal", { attrs: { to: "modal" } }, [t("div", { staticClass: "modal-overlay", on: { click: function(a) {
+    return a.target !== a.currentTarget ? null : e.onClose.apply(null, arguments);
+  } } }, [t("div", { staticClass: "modal-container" }, [e._t("popover", null, { close: e.onClose })], 2)])]) : e._e()], 1) : t("v-popover", e._b({ attrs: { open: e.isOpen, placement: e.placement, "popover-class": "reset" }, on: { close: function(a) {
+    return e.onClose();
+  }, "update:open": function(a) {
+    a ? e.onOpen() : e.onClose();
+  } } }, "v-popover", e.$props, !1), [e._t("default"), t("div", { staticClass: "popover-container", attrs: { slot: "popover" }, slot: "popover" }, [e.isOpen ? t("portal", { attrs: { to: "modal" } }, [t("div", { staticClass: "overlay" })]) : e._e(), e._t("popover", null, { close: e.onClose })], 2)], 2);
+}, T = [], $ = /* @__PURE__ */ o(
+  x,
+  C,
+  T,
+  !1,
+  null,
+  "92a9b7fb"
+);
+const S = $.exports, { mapFields: y } = f({
+  getterType: "forms/getField",
+  mutationType: "forms/updateField"
+}), b = {
+  i18nOptions: {
+    namespaces: "TextTemplatesForm",
+    messages: {
+      en: {
+        textLabel: "Snippet",
+        name: {
+          label: "Template Name",
+          placeholder: "Name"
+        },
+        placeholderType: {
+          default: "Write here..."
+        },
+        validations: {
+          name: {
+            required: "Name is required",
+            maxLength: "Maximum length is 256 characters"
+          },
+          textContent: {
+            required: "Add some content"
+          }
+        }
+      },
+      sv: {
+        textLabel: "Mallens innehåll",
+        name: {
+          label: "Namn på mallen",
+          placeholder: "Mallens namn"
+        },
+        placeholderType: {
+          default: "Skriv här..."
+        },
+        validations: {
+          name: {
+            required: "Ge mallen ett namn",
+            maxLength: "Får max vara 256 tecken långt"
+          },
+          textContent: {
+            required: "Skriv vad mallen ska innehålla"
+          }
+        }
+      }
+    }
+  },
+  name: "TextTemplatesForm",
+  components: {
+    BaseTextEditor: p,
+    Spinner: v
+  },
+  props: {
+    id: {
+      type: [String, Number],
+      default: null
+    },
+    predefinedTextContent: {
+      type: String,
+      default: null
+    },
+    onAfterSubmit: {
+      type: Function,
+      default: null
+    },
+    showFixedCloseButton: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  validations: {
+    name: {
+      required: r.required,
+      maxLength: r.maxLength(255)
+    },
+    textContent: {
+      required: r.required
+    }
+  },
+  computed: {
+    ...h({
+      isPosting: "templateMessages/isPosting",
+      isFetching: "templateMessages/isFetching",
+      checkFormChanged: "forms/hasChanged"
+    }),
+    ...y({
+      templateMessage: "templateMessage",
+      name: "templateMessage.name",
+      textContent: "templateMessage.message"
+    }),
+    messages() {
+      return {
+        name: {
+          required: this.$t("validations.name.required"),
+          maxLength: this.$t("validations.name.maxLength")
+        },
+        textContent: {
+          required: this.$t("validations.textContent.required")
+        }
+      };
+    },
+    hasChanged() {
+      return this.checkFormChanged("templateMessage");
+    }
+  },
+  watch: {
+    id() {
+      this.load();
+    }
+  },
+  mounted() {
+    this.load(), this.predefinedTextContent && (this.textContent = this.predefinedTextContent);
+  },
+  methods: {
+    ...d({
+      loadTemplate: i.LOAD_TEMPLATE_MESSAGE,
+      deleteTemplate: i.DELETE_TEMPLATE_MESSAGE,
+      formNewTemplate: i.FORM_NEW_TEMPLATE_MESSAGE,
+      formEditTemplate: i.FORM_EDIT_TEMPLATE_MESSAGE,
+      formSubmitTemplate: i.FORM_SUBMIT_TEMPLATE_MESSAGE
+    }),
+    canLeave() {
+      return !this.hasChanged;
+    },
+    async load() {
+      try {
+        this.id ? (await this.loadTemplate({
+          id: this.id
+        }), await this.formEditTemplate({
+          id: this.id
+        })) : await this.formNewTemplate();
+      } catch (s) {
+        l(s);
+      }
+    },
+    validateBeforeSubmit() {
+      return this.$v.$touch(), this.$v.$invalid ? !1 : this.submit();
+    },
+    async submit() {
+      if (this.hasChanged)
+        try {
+          await this.formSubmitTemplate(), typeof this.onAfterSubmit == "function" && this.onAfterSubmit();
+        } catch (s) {
+          l(s);
+        }
+    },
+    async remove() {
+      try {
+        await this.deleteTemplate({ id: this.id }), typeof this.onAfterSubmit == "function" && this.onAfterSubmit();
+      } catch (s) {
+        l(s);
+      }
+    }
+  }
+};
+var M = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { position: "relative" } }, [e.showFixedCloseButton ? t("CButton", { staticClass: "fixed-close-button", attrs: { circle: "", icon: "x" }, on: { click: function(a) {
+    return e.$emit("close");
+  } } }) : e._e(), e.isFetching ? t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "calc(3 * var(--rem)) 0" } }, [t("Spinner")], 1) : e.templateMessage !== void 0 ? t("form", [t("CField", { attrs: { validator: e.$v.name, messages: e.messages.name, label: e.$t("name.label") } }, [t("CInput", { attrs: { placeholder: e.$t("name.placeholder") }, on: { blur: function(a) {
+    return e.$v.name.$touch();
+  } }, model: { value: e.name, callback: function(a) {
+    e.name = a;
+  }, expression: "name" } })], 1), t("CField", { attrs: { validator: e.$v.textContent, messages: e.messages.textContent, label: e.$t("textLabel") } }, [t("BaseTextEditor", { attrs: { placeholder: e.$t("placeholderType.default"), "class-list": "large" }, on: { blur: function(a) {
+    return e.$v.textContent.$touch();
+  } }, model: { value: e.textContent, callback: function(a) {
+    e.textContent = a;
+  }, expression: "textContent" } })], 1), t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, disabled: !e.hasChanged, type: "secondary", icon: "save", wide: "" }, on: { click: function(a) {
+    return e.validateBeforeSubmit();
+  } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")]), e.id ? t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", pattern: "tertiary", wide: "" }, on: { click: function(a) {
+    return e.remove();
+  } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")]) : e._e()], 1) : e._e()], 1);
+}, E = [], w = /* @__PURE__ */ o(
+  b,
+  M,
+  E,
+  !1,
+  null,
+  "a9ef19eb"
+);
+const F = w.exports, k = {
+  name: "TextTemplatesModal",
+  components: {
+    SmartList: g,
+    BaseTextEditor: p
+  },
+  mixins: [m],
+  data() {
+    return {
+      selectedIndex: 0,
+      query: ""
+    };
+  },
+  computed: {
+    ..._("templateMessages", {
+      templateMessages: (s) => s.data
+    }),
+    templates() {
+      return Object.values(this.templateMessages);
+    }
+  },
+  methods: {
+    onSelect(s) {
+      this.$emit("select", s), this.close();
+    },
+    close() {
+      this.$emit("close");
+    },
+    openCreateModal() {
+      this.close(), this.$modal.show(
+        F,
+        {
+          predefinedTextContent: "",
+          showFixedCloseButton: !0,
+          onAfterSubmit: () => this.$modal.hide("saveTemplateModal")
+        },
+        {
+          name: "saveTemplateModal",
+          delay: 100,
+          adaptive: !0,
+          height: "auto",
+          width: "90%",
+          maxWidth: 500,
+          scrollable: !0,
+          classes: "overflow-visible default"
+        }
+      );
+    }
+  }
+};
+var q = function() {
+  var e = this, t = e._self._c;
+  return t("SmartList", { attrs: { items: e.templates, "sort-key": "position", query: e.query }, scopedSlots: e._u([{ key: "default", fn: function({ items: a }) {
+    return [t("div", { ref: "modal-container", staticClass: "font-inter t-modal" }, [t("div", { staticClass: "t-nav" }, [t("CInput", { ref: "searchInput", staticClass: "search-input focus:text-gray-500", attrs: { placeholder: e.$t("search"), icon: "search" }, on: { input: function(n) {
+      e.selectedIndex = 0;
+    } }, model: { value: e.query, callback: function(n) {
+      e.query = n;
+    }, expression: "query" } })], 1), t("div", { staticClass: "t-main" }, [t("div", { staticClass: "t-list" }, e._l(a, function(n, c) {
+      return t("div", { key: n.id, staticClass: "t-list-item truncate-text", class: { selected: c === e.selectedIndex }, on: { "&mouseover": function(u) {
+        e.selectedIndex = c;
+      }, click: function(u) {
+        return e.onSelect(a[e.selectedIndex].message || "");
+      } } }, [e._v(" " + e._s(n.name) + " ")]);
+    }), 0), e.mq !== "sm" ? t("div", { staticClass: "t-text quill-format" }, [a[e.selectedIndex] ? t("BaseTextEditor", { attrs: { value: a[e.selectedIndex].message || "", editable: !1, extensions: "all", "class-list": "document-form", unstyled: "" } }) : t("div", [e._v(" " + e._s(e.$t("noResults")) + " ")])], 1) : e._e()]), t("div", { staticClass: "t-footer flex w-full items-center justify-between" }, [t("div", { staticStyle: { display: "inline-flex", "align-items": "center" } }), t("div", [t("CButton", { staticClass: "t-footer-button", attrs: { to: { name: "settingsTemplates" }, target: "_blank", size: "small" } }, [e._v(" " + e._s(e.$t("handle")) + " "), t("CIcon", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "new-window", size: "16" } })], 1), t("CButton", { staticClass: "t-footer-button", attrs: { size: "small" }, on: { click: e.openCreateModal } }, [e._v(" " + e._s(e.$t("create", { thing: e.$t("template") })) + " ")])], 1)])])];
+  } }]) });
+}, A = [], L = /* @__PURE__ */ o(
+  k,
+  q,
+  A,
+  !1,
+  null,
+  "6b139605"
+);
+const B = L.exports, O = {
+  name: "TextTemplates",
+  components: {
+    ContextModal: S,
+    TextTemplatesModal: B
+  },
+  inject: {
+    viewSettings: {
+      default: () => ({ isPublicForm: !1 })
+    }
+  },
+  props: {
+    placement: {
+      type: String,
+      default: "left"
+    }
+  },
+  created() {
+    this.viewSettings.isPublicForm || this.loadTemplateMessages();
+  },
+  methods: {
+    ...d({
+      loadTemplateMessages: i.LOAD_TEMPLATE_MESSAGES
+    })
+  }
+};
+var I = function() {
+  var e = this, t = e._self._c;
+  return e.viewSettings.isPublicForm ? e._e() : t("div", { staticClass: "t-list" }, [t("ContextModal", { attrs: { "break-point": 1e3, placement: e.placement }, on: { open: function(a) {
+    return e.$emit("open");
+  }, close: function(a) {
+    return e.$emit("close");
+  } }, scopedSlots: e._u([{ key: "popover", fn: function({ close: a }) {
+    return [t("TextTemplatesModal", { on: { close: a, select: function(n) {
+      return e.$emit("select", n);
+    } } })];
+  } }], null, !1, 1240188552) }, [t("div", { staticClass: "t-option main" }, [e._t("default")], 2)])], 1);
+}, P = [], G = /* @__PURE__ */ o(
+  O,
+  I,
+  P,
+  !1,
+  null,
+  null
+);
+const H = G.exports;
+export {
+  H as default
+};

package/dist/index-SxyZvewN.js

@@ -0,0 +1,102 @@
+import { g as s, N as l, O as r, n as d, V as n } from "./main-CQBEuZk9.js";
+import { m as p, a as c } from "./vuex.esm-DKGl8mcw.js";
+const m = {
+  name: "ClientLinks",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  i18nOptions: {
+    namespaces: "ClientLinks",
+    messages: {
+      en: {
+        title: "Document links",
+        text: "Share the document links below with your recipients. Each recipient has their own unique link.",
+        copied: "Link copied to clipboard",
+        tooltip: "Copy link",
+        placeholder: "No links available.",
+        hint: "Note that visting a link will trigger a viewed event in the events timeline."
+      },
+      sv: {
+        title: "Dokumentlänkar",
+        text: "Dela dokumentlänkarna nedan med dina mottagare. Varje mottagare har sin egen unika länk.",
+        copied: "Länk kopierat till urklipp",
+        tooltip: "Kopiera länk",
+        placeholder: "Inga länkar finns tillgängliga.",
+        hint: "Notera att ett sidbesök på en länk kommer att skapa en visad-händelse i tidslinjen."
+      }
+    }
+  },
+  computed: {
+    ...p({
+      docById: "documents2/byId"
+    }),
+    document() {
+      return this.docById(this.id);
+    },
+    clients() {
+      if (!this.document)
+        return [];
+      const { clients: o } = this.document;
+      return o.map((t) => ({
+        ...t,
+        primaryTitle: t.name,
+        secondaryTitle: t.type === "company" ? t.companyName : ""
+      }));
+    }
+  },
+  created() {
+    this.loadDocument({ id: this.id });
+  },
+  methods: {
+    ...c({
+      loadDocument: s.LOAD_DOCUMENT2
+    }),
+    async copyToClipboard(o) {
+      var i, a;
+      (i = o.target.previousElementSibling) == null || i.select();
+      const t = (a = o.target.previousElementSibling) == null ? void 0 : a.value;
+      if (!t)
+        return;
+      await l(t) && r("info", this.$t("copied"));
+    }
+  }
+};
+var u = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [e("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [e("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(i) {
+    return t.$emit("close");
+  } } }), e("div", { staticStyle: { padding: "0 0 2.5em" } }, [e("div", { staticClass: "x-title", domProps: { textContent: t._s(t.$t("title")) } }), e("div", { staticClass: "x-text", domProps: { textContent: t._s(t.$t("text")) } })]), t.clients.length ? t._l(t.clients, function(i, a) {
+    return e("div", { key: a, staticClass: "client-card" }, [e("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [e("div", { staticClass: "client-title truncate-text" }, [t._v(" " + t._s(i.primaryTitle) + " "), i.secondaryTitle ? e("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [t._v("· " + t._s(i.secondaryTitle))]) : t._e()]), i.documentRole ? e("div", { domProps: { textContent: t._s(t.$t(`_common:documentRole.${i.documentRole}.label`)) } }) : t._e(), e("div", [i.email ? e("a", { attrs: { href: `mailto:${i.email}?&body=${i.docLink}` } }, [t._v(t._s(i.email))]) : t._e(), i.email && i.cellphone ? e("span", { staticStyle: { padding: "0 0.5ch" } }, [t._v("·")]) : t._e(), i.cellphone ? e("a", { attrs: { href: `sms:${i.cellphone}?&body=${i.docLink}` } }, [e("CPhoneFormat", { attrs: { phone: i.cellphone, region: i.cellphoneRegion } })], 1) : t._e()])]), e("div", { staticStyle: { display: "flex", position: "relative" } }, [e("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: t.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: i.docLink } }), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: t.copyToClipboard } }, [e("CIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
+  }) : e("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: t._s(t.$t("placeholder")) } }), e("div", { staticClass: "x-hint" }, [e("CIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), e("div", { domProps: { textContent: t._s(t.$t("hint")) } })], 1)], 2)]);
+}, h = [], y = /* @__PURE__ */ d(
+  m,
+  u,
+  h,
+  !1,
+  null,
+  "39699716"
+);
+const v = y.exports, g = v, _ = ({ id: o }) => {
+  if (!n.prototype.$modal)
+    throw Error("Open client modal requires plugin vue-js-modal");
+  n.prototype.$modal.show(
+    g,
+    {
+      id: o
+    },
+    {
+      adaptive: !0,
+      maxWidth: 400,
+      width: "90%",
+      height: "auto",
+      scrollable: !0
+    }
+  );
+};
+export {
+  g as C,
+  _ as o
+};