@cling-se/widget 0.17.2 → 0.18.0

package/dist/formValidationMixin-Dq7aZhBk.js

@@ -1,49 +0,0 @@
-import { h as n } from "./main-BpqUyMpC.js";
-import { s as l } from "./dom-Ds4ypDrd.js";
-const s = (r) => {
-  var i;
-  const t = [];
-  return (i = r.$options) != null && i.validations && t.push(r), r.$children && r.$children.forEach((o) => t.push(...s(o))), t;
-}, m = {
-  provide() {
-    return {
-      formValidation: {
-        isFormValid: this.isFormValid,
-        scrollToInvalidInput: this.scrollToInvalidInput
-      }
-    };
-  },
-  data() {
-    return {
-      _formItems: []
-    };
-  },
-  created() {
-    this._formItems = s(this);
-  },
-  methods: {
-    _getInvalidInputs() {
-      return this._formItems.filter((r) => {
-        var t;
-        return (t = r.$v) == null ? void 0 : t.$invalid;
-      });
-    },
-    isFormValid() {
-      return this._formItems.every((r) => {
-        var t, i;
-        return (t = r.$v) == null || t.$touch(), !((i = r.$v) != null && i.$invalid);
-      });
-    },
-    scrollToInvalidInput({ offset: r = 0 } = {}) {
-      try {
-        const [t] = this._getInvalidInputs();
-        t != null && t.$el && l(t.$el, { offset: r });
-      } catch (t) {
-        n(t);
-      }
-    }
-  }
-};
-export {
-  m as f
-};

package/dist/index-2Q8Ejpof.js

@@ -1,167 +0,0 @@
-import { F as n } from "./Flag-C4Mf2xUU.js";
-import { w as o } from "./CDropdownItem-CkSNbSdj.js";
-import { n as a } from "./main-BpqUyMpC.js";
-import { i as c } from "./dom-Ds4ypDrd.js";
-import { d } from "./debounce-CgyZi04Q.js";
-import { t as u } from "./throttle-CfcsX8nA.js";
-import { s as m } from "./simplebar.min-Dm388s-3.js";
-const f = {
-  name: "BackgroundsModalList",
-  i18nOptions: {
-    namespaces: "backgroundsModalList",
-    messages: {
-      en: {
-        searchPlaceholder: "Search",
-        noMoreResults: "No more results"
-      },
-      sv: {
-        searchPlaceholder: "Sök efter en bild på engelska",
-        noMoreResults: "Inga fler resultat"
-      }
-    }
-  },
-  components: {
-    simplebar: m,
-    Flag: n
-  },
-  mixins: [o],
-  props: {
-    /**
-    * @param {Object} options Input arguments
-    * @param {String} options.query Search/Query string
-    * @param {Number} options.page Current page number
-    *
-    * @returns {Object} containing:
-    * items {Array}
-      - item {Object}
-        - item.image {String} Url of image resource (REQUIRED)
-        - item.video {String} Url of video resource (OPTIONAL)
-        - item.lowQualityVideo {String} preview url of video file (OPTIONAL)
-    * total {Number} Number of results
-    */
-    fetch: {
-      type: Function,
-      required: !0
-    },
-    defaultQuery: {
-      type: String,
-      required: !0
-    },
-    creditText: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      hoverIndex: null,
-      query: null,
-      items: [],
-      page: 1,
-      isLoading: !1,
-      allowMoreResults: !0,
-      searchTimeout: null,
-      selectedIndex: null,
-      selectedUrl: null,
-      noOfResults: null
-    };
-  },
-  watch: {
-    query() {
-      this.page = 0, this.items = [], this.allowMoreResults = !0, this.isLoading = !1, this.debouncedHandleFetch();
-    }
-  },
-  created() {
-    this.handleFetch(), this.debouncedHandleFetch = d(this.handleFetch, 1e3);
-  },
-  mounted() {
-    this.$refs.scrollbar.scrollElement.addEventListener(
-      "scroll",
-      this.scrollHandler,
-      { passive: !0 }
-    );
-  },
-  beforeDestroy() {
-    this.$refs.scrollbar.scrollElement.removeEventListener(
-      "scroll",
-      this.scrollHandler,
-      { passive: !0 }
-    );
-  },
-  methods: {
-    async handleFetch() {
-      if (!this.allowMoreResults || this.isLoading)
-        return;
-      this.isLoading = !0;
-      const i = this.query ? this.query : this.defaultQuery, { items: e, total: t } = await this.fetch({ query: i, page: this.page++ });
-      this.isLoading = !1, this.noOfResults = this.query ? t : null, this.items == null ? (this.selectedIndex = null, this.items = e) : this.items = [...this.items, ...e], this.allowMoreResults = t >= this.page * 12;
-    },
-    scrollHandler: u(async function() {
-      const e = this.$refs.item[this.$refs.item.length - 9 || 0];
-      e && c(e) && this.handleFetch();
-    }, 50),
-    selectItem(i, e) {
-      this.selectedIndex = e, this.$emit("select", i);
-    },
-    onSave() {
-      this.$emit("save");
-    },
-    playVideo(i) {
-      this.$refs.video[i] && this.$refs.video[i].play();
-    },
-    pauseVideo(i) {
-      const e = this.$refs.video[i];
-      e && (e.readyState === 4 ? e.pause() : e.addEventListener("playing", () => e.pause(), { once: !0 }));
-    }
-  }
-};
-var h = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "min-height": "0", display: "flex", "flex-direction": "column", height: "100%" } }, [t("div", { staticClass: "relative flex w-full shrink-0 py-1" }, [t("CInput", { staticClass: "flex-grow", staticStyle: { "border-bottom": "1px solid hsl(0, 0%, 92%)" }, attrs: { placeholder: e.$t("searchPlaceholder"), reset: !0, icon: "search", size: "medium" }, model: { value: e.query, callback: function(s) {
-    e.query = s;
-  }, expression: "query" } })], 1), t("div", { staticStyle: { overflow: "hidden", flex: "1", height: "100%" } }, [t("simplebar", { ref: "scrollbar", staticStyle: { width: "100%", height: "100%", padding: "3px 4px" } }, [t("div", { staticStyle: { display: "grid", "grid-template-columns": "repeat(auto-fit, minmax(210px, 1fr))", gap: "2px" } }, [!e.items.length && e.isLoading ? e._l(12, function(s) {
-    return t("div", { key: s, ref: "item", refInFor: !0, staticClass: "photo" });
-  }) : e._e(), e._l(e.items, function(s, l) {
-    return t("div", { key: l, ref: "item", refInFor: !0, staticClass: "photo", style: { backgroundImage: `url(${s.minImage})` }, on: { click: function(r) {
-      return e.selectItem(s, l);
-    } } }, [s.minVideo || s.video ? t("div", { staticClass: "video-bg__media", on: { "&mouseenter": function(r) {
-      return e.playVideo(l, s.minVideo || s.video);
-    }, "&mouseleave": function(r) {
-      return e.pauseVideo(l);
-    } } }, [t("video", { ref: "video", refInFor: !0, attrs: { src: s.minVideo || s.video, loop: "", muted: "", playsInline: "", preload: "none" }, domProps: { muted: !0 } })]) : e._e(), e.selectedIndex === l ? t("div", { staticClass: "select-wrapper" }) : e._e(), t("div", { staticClass: "photo__credit" }, [e._v(e._s(s.userName))])]);
-  })], 2), t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "2em 1em" } }, [e.isLoading ? t("CIcon", { staticClass: "rotateSpin", attrs: { type: "loader" } }) : e.allowMoreResults ? e._e() : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-gray-400" }, [t("div", [e._v(" " + e._s(e.$t("noMoreResults")) + " ")]), e.$i18n.lang !== "en" ? t("div", { staticClass: "flex flex-col items-center text-center", staticStyle: { "padding-top": "3.2rem" } }, [t("Flag", { staticClass: "mb-1 h-8 w-8", attrs: { region: "GB" } }), e._v(" Glöm inte att sökordet måste vara på engelska ")], 1) : e._e()])], 1)])], 1), t("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { padding: "4px 4px 4px 8px", "flex-shrink": "0" } }, [t("div", { staticClass: "flex-grow text-gray-400" }, [e.mq !== "sm" ? [e.query && e.noOfResults && e.noOfResults > 0 ? t("div", [e._v(" " + e._s(e.$tc("_common:result", { count: e.noOfResults })) + " ")]) : e._e(), t("div", [e._v(" " + e._s(e.creditText) + " ")])] : e._e()], 2), e._t("footer", function() {
-    return [t("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])];
-  })], 2)]);
-}, p = [], v = /* @__PURE__ */ a(
-  f,
-  h,
-  p,
-  !1,
-  null,
-  "70d28101"
-);
-const g = v.exports, _ = {
-  name: "BackgroundsModal"
-};
-var y = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "font-primary fixed inset-0 z-[1000] flex items-center justify-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto", on: { click: function(s) {
-    return s.target !== s.currentTarget ? null : e.$emit("close");
-  } } }, [t("div", { staticClass: "relative flex h-[90%] max-h-[700px] w-[90%] max-w-3xl flex-col rounded-lg bg-white max-sm:h-full max-sm:max-h-full max-sm:w-full max-sm:rounded-none", on: { click: function(s) {
-    s.stopPropagation();
-  } } }, [t("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { pattern: "tertiary", type: "none", size: "small", circle: "", icon: "x" }, on: { click: function(s) {
-    return e.$emit("close");
-  } } }), e._t("header"), e._t("default")], 2)]);
-}, x = [], w = /* @__PURE__ */ a(
-  _,
-  y,
-  x,
-  !1,
-  null,
-  "4a6a378b"
-);
-const b = w.exports, L = g, q = b;
-export {
-  q as B,
-  L as a
-};

package/dist/index-B5-izJkt.js

@@ -1,102 +0,0 @@
-import { g as s, U as l, W as r, n as d, V as n } from "./main-BpqUyMpC.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,
-  "8273cadb"
-);
-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
-};

package/dist/index-BQb6k0M8.js

@@ -1,351 +0,0 @@
-import { w as m } from "./CDropdownItem-CkSNbSdj.js";
-import { n as o, M as f, S as v, g as i, h as l } from "./main-BpqUyMpC.js";
-import { m as h, a as d, b as _ } from "./vuex.esm-DKGl8mcw.js";
-import { C as g } from "./CFormField-Dw6UM1u6.js";
-import { B as u } from "./DocTextEditor-DFid7uKr.js";
-import { v as r } from "./index-lZ1sSNWc.js";
-import { S as x } from "./SmartList-DofjZjfy.js";
-const C = {
-  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 T = 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();
-  } }, scopedSlots: e._u([{ key: "popover", fn: function() {
-    return [t("div", { staticClass: "popover-container" }, [e.isOpen ? t("portal", { attrs: { to: "modal" } }, [t("div", { staticClass: "overlay" })]) : e._e(), e._t("popover", null, { close: e.onClose })], 2)];
-  }, proxy: !0 }], null, !0) }, "v-popover", e.$props, !1), [e._t("default")], 2);
-}, $ = [], S = /* @__PURE__ */ o(
-  C,
-  T,
-  $,
-  !1,
-  null,
-  "c4f53105"
-);
-const y = S.exports, { mapFields: b } = f({
-  getterType: "forms/getField",
-  mutationType: "forms/updateField"
-}), M = {
-  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: u,
-    Spinner: v,
-    CField: g
-  },
-  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"
-    }),
-    ...b({
-      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 E = 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);
-}, F = [], w = /* @__PURE__ */ o(
-  M,
-  E,
-  F,
-  !1,
-  null,
-  "0366ff76"
-);
-const k = w.exports, q = {
-  name: "TextTemplatesModal",
-  components: {
-    SmartList: x,
-    BaseTextEditor: u
-  },
-  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(
-        k,
-        {
-          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 A = 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(p) {
-        e.selectedIndex = c;
-      }, click: function(p) {
-        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)])])];
-  } }]) });
-}, L = [], B = /* @__PURE__ */ o(
-  q,
-  A,
-  L,
-  !1,
-  null,
-  "f0fd3834"
-);
-const O = B.exports, I = {
-  name: "TextTemplates",
-  components: {
-    ContextModal: y,
-    TextTemplatesModal: O
-  },
-  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 P = 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);
-}, G = [], N = /* @__PURE__ */ o(
-  I,
-  P,
-  G,
-  !1,
-  null,
-  null
-);
-const J = N.exports;
-export {
-  J as default
-};