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

package/dist/DocumentLogotype-mAVgMRHr.js

@@ -1,92 +0,0 @@
-import { a } from "./publicSenderState-DB4BHByV.js";
-import { C as s, a as r } from "./CDropdownItem-CaoSQX6X.js";
-import { g as l, n as p } from "./main-BgzLHIoo.js";
-import { m as c, a as m } from "./vuex.esm-DKGl8mcw.js";
-const u = {
-  name: "DocumentLogotype",
-  components: {
-    CDropdown: s,
-    CDropdownItem: r,
-    ImageUploadWrapper: () => import("./ImageUploadWrapper-CtZhkAm1.js")
-  },
-  inject: {
-    viewSettings: {
-      default: () => ({
-        canEdit: !1,
-        isPublicForm: !1
-      })
-    }
-  },
-  props: {
-    value: {
-      type: String,
-      default: null
-    },
-    companyLogotype: {
-      type: String,
-      default: null
-    },
-    showLogo: {
-      type: Boolean,
-      default: !0
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    ...c({
-      isPosting: "companies/isPosting"
-    }),
-    logotype() {
-      return this.value || this.companyLogotype || "";
-    }
-  },
-  methods: {
-    ...m({
-      updateCompany: l.DO_UPDATE_CURRENT_COMPANY
-    }),
-    initUpload() {
-      this.$refs.uploadWrapper && this.$refs.uploadWrapper.onClick();
-    },
-    async setLogotype({ response: e }) {
-      const { publicId: t, url: o } = e || {};
-      o && this.$emit("input", o), !this.companyLogotype && t && await this.postLogo(t);
-    },
-    async postLogo(e) {
-      if (this.isPosting)
-        return;
-      const t = { LogotypePublicId: e };
-      this.viewSettings.isPublicForm ? a({ company: t }) : await this.updateCompany({ body: t });
-    }
-  }
-};
-var d = function() {
-  var t = this, o = t._self._c;
-  return t.viewSettings.canEdit ? o("ImageUploadWrapper", { ref: "uploadWrapper", staticStyle: { display: "inline-block", width: "fit-content", "will-change": "opacity", "z-index": "3" }, attrs: { "on-image-upload": t.setLogotype, "upload-options": { maxWidth: 500, maxHeight: 300 } }, scopedSlots: t._u([{ key: "default", fn: function({ progress: n }) {
-    return [o("CDropdown", { attrs: { position: "is-bottom-right" }, nativeOn: { click: function(i) {
-      i.stopPropagation();
-    } }, scopedSlots: t._u([{ key: "trigger", fn: function() {
-      return [t.logotype && t.showLogo ? o("div", { staticClass: "logo", staticStyle: { "min-height": "35px" } }, [o("img", { staticClass: "hover:outline-primary-500 hover:outline hover:outline-2", attrs: { src: t.logotype, alt: "", width: "150" } })]) : o("CButton", { staticClass: "button-logo", style: !t.hasHover && {
-        visibility: "hidden",
-        pointerEvents: "none"
-      }, attrs: { loading: !!n && n < 100 || t.isPosting, type: "text", size: "normal", pattern: "secondary" } }, [t._v(" " + t._s(t.$t("_common:logo").capitalize()) + " ")])];
-    }, proxy: !0 }], null, !0) }, [o("CDropdownItem", { attrs: { value: t.showLogo, "close-on-click": !1, toggle: "" }, on: { input: function(i) {
-      return t.$emit("update:show-logo", i);
-    } } }, [t._v(" " + t._s(t.$t("_common:show", { thing: t.$t("_common:logotype") })) + " ")]), t.showLogo ? [o("CDropdownItem", { attrs: { separator: !0 } }), o("CDropdownItem", { on: { click: t.initUpload } }, [t._v(" " + t._s(t.$t("_common:change", { thing: t.$t("_common:logotype") })) + " ")]), o("CDropdownItem", { attrs: { disabled: !t.value }, on: { click: function(i) {
-      return t.$emit("input", "");
-    } } }, [t._v(" " + t._s(t.$t("_common:reset")) + " ")])] : t._e()], 2)];
-  } }], null, !1, 4142946360) }) : t.showLogo ? o("div", { staticStyle: { display: "inline-block" } }, [o("img", { attrs: { src: t.logotype, alt: "", width: "150" } })]) : t._e();
-}, g = [], y = /* @__PURE__ */ p(
-  u,
-  d,
-  g,
-  !1,
-  null,
-  "0bf1f99b"
-);
-const w = y.exports;
-export {
-  w as default
-};

package/dist/DocumentVoided-BXYNrf_6.js

@@ -1,25 +0,0 @@
-import { n } from "./main-BgzLHIoo.js";
-const s = {
-  name: "DocumentVoided",
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    }
-  }
-};
-var o = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "grid h-full place-items-center text-center" }, [e("div", { staticClass: "py-12" }, [e("CIcon", { staticClass: "text-primary-500 mb-2", attrs: { type: "info" } }), e("div", { staticClass: "text-lg font-medium", domProps: { textContent: t._s(t.document.$t("documentVoided.title")) } }), e("div", { staticClass: "text-gray-700", domProps: { textContent: t._s(t.document.$t("documentVoided.description")) } })], 1)]);
-}, r = [], c = /* @__PURE__ */ n(
-  s,
-  o,
-  r,
-  !1,
-  null,
-  null
-);
-const a = c.exports;
-export {
-  a as D
-};

package/dist/EmbedInput-YRUrw3c6.js

@@ -1,117 +0,0 @@
-import { C as d } from "./CFormField-Dd2Y71JG.js";
-import { d as o } from "./debounce-D0hKNU85.js";
-import { b as l, n as m } from "./main-BgzLHIoo.js";
-const u = (t) => {
-  const i = new DOMParser().parseFromString(t, "text/html"), [s] = l(i, "body.children") || [];
-  return !s || s.tagName !== "IFRAME" ? {} : Array.from(s.attributes).reduce(
-    (a, { name: r, value: n }) => ({ ...a, [r]: n }),
-    {}
-  );
-}, c = (t) => {
-  if (typeof t != "object" || !t)
-    return "";
-  const e = document.createElement("iframe");
-  return Object.keys(t).forEach((i) => e.setAttribute(i, t[i])), e.hasAttribute("src") ? e.outerHTML : "";
-}, p = (t) => /^(?:https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi.test(
-  t
-), f = {
-  name: "EmbedInput",
-  i18nOptions: {
-    namespaces: "embedInput",
-    messages: {
-      en: {
-        placeholder: "Paste embed link",
-        validations: {
-          embed: {
-            isValid: "No supported source found"
-          }
-        }
-      },
-      sv: {
-        placeholder: "Klista in inbäddningslänk",
-        validations: {
-          embed: {
-            isValid: "Ingen källa kunde hittas"
-          }
-        }
-      }
-    }
-  },
-  components: {
-    CField: d
-  },
-  props: {
-    value: {
-      type: Object,
-      default: () => ({})
-    },
-    isDrawerMode: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      isLoading: !1,
-      embed: {},
-      // TODO: could remove the template string in the input and only parse/validate input strings
-      // TODO: would
-      iFrameTplString: "",
-      inputPlaceholder: '<iframe style="border: 1px solid rgba(0, 0, 0, 0.1)...'
-    };
-  },
-  validations() {
-    return {
-      embed: { isValid: (t) => t && p(t.src) }
-    };
-  },
-  computed: {
-    messages() {
-      return {
-        embed: { isValid: this.$t("validations.embed.isValid") }
-      };
-    }
-  },
-  watch: {
-    value: {
-      immediate: !0,
-      handler(t) {
-        this.embed = Object.assign({}, t), this.iFrameTplString = c(this.embed);
-      }
-    }
-  },
-  methods: {
-    onInput: o(function(e) {
-      this.$v.$reset(), e && this.validateInput(e);
-    }, 500),
-    async validateInput(t) {
-      this.isLoading = !0, this.embed = await u(t), this.embed.src || (this.embed.src = t), this.$v.$invalid || this.$emit("input", this.embed), this.isLoading = !1, this.$v.$touch();
-    },
-    focus() {
-      this.$refs.input && this.$refs.input.focus();
-    }
-  }
-};
-var h = function() {
-  var e = this, i = e._self._c;
-  return i("CField", { style: e.isDrawerMode && {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start"
-  }, attrs: { grouped: !e.isDrawerMode } }, [i("CField", { staticStyle: { width: "100%" }, attrs: { validator: e.$v.embed, messages: e.messages.embed, expanded: "" } }, [i("CInput", { ref: "input", attrs: { placeholder: e.inputPlaceholder, size: e.isDrawerMode ? "small" : void 0, loading: e.isLoading, filled: e.isDrawerMode, "auto-resize": !0, type: "textarea", expanded: "" }, on: { input: e.onInput }, model: { value: e.iFrameTplString, callback: function(s) {
-    e.iFrameTplString = s;
-  }, expression: "iFrameTplString" } })], 1), i("CButton", { attrs: { disabled: e.isLoading, size: e.isDrawerMode ? "small" : void 0, type: "secondary" }, on: { click: function(s) {
-    return e.validateInput(e.iFrameTplString);
-  } } }, [e._v(" " + e._s(e.$t("_common:add")) + " ")])], 1);
-}, b = [], w = /* @__PURE__ */ m(
-  f,
-  h,
-  b,
-  !1,
-  null,
-  null
-);
-const F = w.exports;
-export {
-  F as default
-};

package/dist/EmbedSettings-DvRreF7H.js

@@ -1,74 +0,0 @@
-import { b as n } from "./CDropdownItem-CaoSQX6X.js";
-import l from "./EmbedInput-YRUrw3c6.js";
-import { n as o } from "./main-BgzLHIoo.js";
-const r = {
-  i18nOptions: {
-    namespaces: "embedSettings",
-    messages: {
-      en: {
-        title: "Embed - iFrame",
-        subTitle: "Embed anything (PDFs, Google Docs, Calender Sheets...)",
-        responsiveSize: "Responsive size"
-      },
-      sv: {
-        title: "Bädda in - iFrame",
-        subTitle: "Bädda in vad som helst (PDF:er, Google Docs, Calender Sheets...)",
-        responsiveSize: "Responsiv storlek"
-      }
-    }
-  },
-  name: "EmbedSettings",
-  components: {
-    EmbedInput: l,
-    CSwitch: n
-  },
-  props: {
-    value: {
-      type: Object,
-      default: () => ({})
-    },
-    size: {
-      type: String,
-      default: "small"
-    }
-  },
-  computed: {
-    sizeOptions() {
-      return [
-        {
-          value: "small",
-          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M22 16h56a2 2 0 012 2v30a2 2 0 01-2 2H22a2 2 0 01-2-2V18a2 2 0 012-2zm0 40h56a2 2 0 012 2v7H20v-7a2 2 0 012-2zM20 0h60v7a2 2 0 01-2 2H22a2 2 0 01-2-2V0z" fill="currentColor"/></g>'
-        },
-        {
-          value: "medium",
-          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M11 14h76a2 2 0 012 2v33a2 2 0 01-2 2H11a2 2 0 01-2-2V16a2 2 0 012-2zm8-14h60v6a2 2 0 01-2 2H21a2 2 0 01-2-2V0zm2 58h56a2 2 0 012 2v5H19v-5a2 2 0 012-2z" fill="currentColor"/></g>'
-        },
-        {
-          value: "large",
-          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M8 7h84a2 2 0 012 2v42a2 2 0 01-2 2H8a2 2 0 01-2-2V9a2 2 0 012-2zm13 51h56a2 2 0 012 2v5H19v-5a2 2 0 012-2z" fill="currentColor"/></g>'
-        }
-      ];
-    }
-  }
-};
-var d = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "d-root" }, [t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(e._s(e.$t("title").capitalize()))]), t("div", { staticClass: "text-gray-600", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), t("EmbedInput", { attrs: { value: e.value, "is-drawer-mode": !0 }, on: { input: function(i) {
-    return e.$emit("input", i);
-  } } })], 1), t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [t("div", { staticStyle: { flex: "1 1 auto" } }, [e._v(" " + e._s(e.$t("responsiveSize")) + " ")]), t("CSwitch", { staticStyle: { "margin-right": "0" }, attrs: { value: !!e.size, size: "small", type: "secondary" }, on: { input: (i) => e.$emit("update:size", i ? "small" : null) } })], 1), e.size ? t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "5px" } }, e._l(e.sizeOptions, function({ value: i, svg: s }, a) {
-    return t("div", { key: a, staticClass: "size-option", on: { click: function(c) {
-      return e.$emit("update:size", i);
-    } } }, [t("svg", { staticClass: "size-option-image", class: { "is-active": e.size === i }, attrs: { viewBox: "0 0 99 65" }, domProps: { innerHTML: e._s(s) } })]);
-  }), 0) : e._e()])]);
-}, v = [], p = /* @__PURE__ */ o(
-  r,
-  d,
-  v,
-  !1,
-  null,
-  "a62790ae"
-);
-const g = p.exports;
-export {
-  g as default
-};

package/dist/ErrorCallout-DVknpLVY.js

@@ -1,27 +0,0 @@
-import { u as c, y as l, x as r, n } from "./main-BgzLHIoo.js";
-const o = /* @__PURE__ */ c({
-  __name: "ErrorCallout",
-  props: {
-    message: null,
-    size: { default: "normal" }
-  },
-  setup(a) {
-    const s = l(), t = r(() => s.style), e = r(() => s.class);
-    return { __sfc: !0, attrs: s, staticStyle: t, staticClass: e };
-  }
-});
-var i = function() {
-  var s = this, t = s._self._c, e = s._self._setupProxy;
-  return t("div", { staticClass: "flex items-center", class: [e.staticClass], staticStyle: { "margin-top": "calc(1 * var(--rem))" }, style: [e.staticStyle] }, [t("div", { staticClass: "error-wrapper bg-red-50 text-red-500", class: [`is-${s.size}`], staticStyle: { margin: "calc(1 * var(--rem)) 0" } }, [t("CIcon", { staticStyle: { "margin-right": "0.5em", flex: "0 0 18px" }, attrs: { type: "alert", size: "18" } }), t("div", [s._v(" " + s._s(s.message) + " ")])], 1)]);
-}, _ = [], m = /* @__PURE__ */ n(
-  o,
-  i,
-  _,
-  !1,
-  null,
-  "f8619ad7"
-);
-const u = m.exports;
-export {
-  u as E
-};

package/dist/FilePreviewModal-DC56FaGy.js

@@ -1,81 +0,0 @@
-import { V as n } from "./PdfViewer-C0lDpjte.js";
-import { n as o, S as r } from "./main-BgzLHIoo.js";
-const a = {
-  name: "FilesPreviewModal",
-  components: {
-    Spinner: r,
-    VuePdf: n
-  },
-  props: {
-    index: {
-      type: Number,
-      default: 0
-    },
-    list: {
-      type: Array,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      isLoading: !0,
-      currentIndex: this.index
-    };
-  },
-  computed: {
-    isPdf() {
-      return this.list[this.currentIndex].mime === "application/pdf";
-    }
-  },
-  mounted() {
-    window.addEventListener("keyup", this.handleKey, { capture: !0 }), this.toggleIsLoading();
-  },
-  beforeDestroy() {
-    window.removeEventListener("keyup", this.handleKey, { capture: !0 });
-  },
-  methods: {
-    onGo(i) {
-      const t = this.currentIndex + i;
-      this.list[t] && (this.currentIndex = t, this.toggleIsLoading());
-    },
-    toggleIsLoading() {
-      this.isLoading = !0, setTimeout(() => {
-        this.isLoading = !1;
-      }, 1e3);
-    },
-    handleKey(i) {
-      i.stopPropagation(), parseInt(i.keyCode, 10) === 37 && this.onGo(-1), parseInt(i.keyCode, 10) === 39 && this.onGo(1);
-      const t = i.key || i.keyCode;
-      (t === "Escape" || t === "Esc" || t === 27) && this.$emit("close");
-    }
-  }
-};
-var l = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "flex w-full flex-col", staticStyle: { height: "100%" } }, [e("div", { staticClass: "image-modal-overlay" }), e("div", { staticClass: "image-modal-nav", staticStyle: { "z-index": "2" } }, [e("div", { staticClass: "truncate-text", staticStyle: { "align-items": "center", display: "flex" } }, [e("div", { staticClass: "truncate-text" }, [t._v(t._s(t.list[t.currentIndex].name))])]), e("div", { staticStyle: { display: "flex" } }, [e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("show", { thing: t.$t("previous") }), expression: "$t('show', { thing: $t('previous') })" }], staticClass: "image-modal-nav-button", class: { disabled: !t.list[t.currentIndex - 1] }, on: { click: function(s) {
-    return t.onGo(-1);
-  } } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M19 12H6M12 5l-7 7 7 7" } })])]), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("show", { thing: t.$t("next") }), expression: "$t('show', { thing: $t('next') })" }], staticClass: "image-modal-nav-button", class: { disabled: !t.list[t.currentIndex + 1] }, on: { click: function(s) {
-    return t.onGo(1);
-  } } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M5 12h13M12 5l7 7-7 7" } })])]), e("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("download"), expression: "$t('download')" }], staticClass: "image-modal-nav-button", attrs: { href: t.list[t.currentIndex].url, target: "_blank", download: "" } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5" } })])]), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("close"), expression: "$t('close')" }], staticClass: "image-modal-nav-button", on: { click: function(s) {
-    return t.$emit("close");
-  } } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("line", { attrs: { x1: "18", y1: "6", x2: "6", y2: "18" } }), e("line", { attrs: { x1: "6", y1: "6", x2: "18", y2: "18" } })])])])]), e("div", { staticClass: "content-container flex w-full items-center justify-center", staticStyle: { position: "relative" }, on: { click: function(s) {
-    return t.$emit("close");
-  } } }, [t.isLoading ? e("Spinner", { staticStyle: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }, attrs: { size: "50px" } }) : t._e(), t.isPdf ? e("div", { staticClass: "pdf-root" }, [e("VuePdf", { staticClass: "pdf-page", attrs: { src: t.list[t.currentIndex].url }, on: { rendered: () => {
-    t.isLoading = !1;
-  } }, nativeOn: { click: function(s) {
-    s.stopPropagation();
-  } } })], 1) : t.isLoading ? t._e() : e("img", { staticClass: "modal-image", attrs: { src: t.list[t.currentIndex].url }, on: { load: function(s) {
-    t.isLoading = !1;
-  } } })], 1)]);
-}, d = [], c = /* @__PURE__ */ o(
-  a,
-  l,
-  d,
-  !1,
-  null,
-  "76622471"
-);
-const p = c.exports;
-export {
-  p as default
-};

package/dist/Flag-D5iZLESg.js

@@ -1,46 +0,0 @@
-import { n as r } from "./main-BgzLHIoo.js";
-const i = {
-  name: "FlagIcon",
-  props: {
-    region: {
-      type: String,
-      default: null
-    },
-    title: {
-      type: String,
-      default: null
-    },
-    isSquared: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  mounted() {
-    var a, l;
-    const n = "FLAG_ICONS", e = (l = (a = this.$el).getRootNode) == null ? void 0 : l.call(a), o = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.head;
-    if (o.querySelector(`#${n}`))
-      return;
-    const t = document.createElement("link");
-    t.id = n, t.rel = "stylesheet", t.type = "text/css", t.href = "https://www.unpkg.com/flag-icons@6.6.6/css/flag-icons.min.css", t.media = "all", o.appendChild(t);
-  }
-};
-var c = function() {
-  var e = this, s = e._self._c;
-  return e.region ? s("span", { staticClass: "fi", class: [
-    `fi-${e.region.toLowerCase()}`,
-    {
-      fis: e.isSquared
-    }
-  ], attrs: { title: e.title || e.region } }) : e._e();
-}, d = [], f = /* @__PURE__ */ r(
-  i,
-  c,
-  d,
-  !1,
-  null,
-  null
-);
-const u = f.exports;
-export {
-  u as F
-};