@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/UploadModal-BITcxG-J.js

@@ -1,95 +0,0 @@
-import { i as l, h as o, G as c, n as d } from "./main-WKzC-Dnu.js";
-import m from "./Index-CmU3Sys-.js";
-import { m as p } from "./vuex.esm-DKGl8mcw.js";
-const u = {
-  i18nOptions: {
-    namespaces: "uploadModal",
-    messages: {
-      sv: {
-        upPlaceholder: "Dra & släpp filer hit eller",
-        recentlyUsed: "Senast använda"
-      },
-      en: {
-        upPlaceholder: "Drag & drop files here or",
-        recentlyUsed: "Recently used"
-      }
-    }
-  },
-  name: "UploadModal",
-  components: {
-    FileIcon: m
-  },
-  data() {
-    return {
-      recentFiles: [],
-      isLoading: !0
-    };
-  },
-  computed: {
-    ...p({
-      user: "application/user"
-    })
-  },
-  mounted() {
-    this.loadFiles();
-  },
-  methods: {
-    async loadFiles() {
-      var a;
-      this.isLoading = !0;
-      try {
-        const { data: e } = await l("/file", {
-          params: {
-            companyUserId: (a = this.user) == null ? void 0 : a.id,
-            _sort: "lastUsedAt",
-            _order: "DESC",
-            _start: 0,
-            _end: 20
-          }
-        });
-        this.recentFiles = (e || []).map(
-          ({ displayName: t, mime: s, id: r, createdAt: i, url: n }) => ({
-            name: t,
-            // TODO, could refactor to only 'displayName'
-            displayName: t,
-            // file-uploader-component uses displayName, therefore needed for select
-            mime: s,
-            id: r,
-            createdAt: i,
-            url: n
-          })
-        );
-      } catch (e) {
-        o(e);
-      } finally {
-        this.isLoading = !1;
-      }
-    },
-    onSelect(a) {
-      c(`/file/${a.id}/updateLastUsedAt`), this.$emit("select", a);
-    }
-  }
-};
-var h = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "max-h-[90%] w-[460px] max-w-full rounded-xl bg-white text-base" }, [t("div", { staticClass: "p-6" }, [t("div", { staticClass: "hover:border-primary-500/20 cursor-pointer rounded-lg border border-gray-200 bg-gray-50 p-8 text-center text-gray-700 hover:bg-gray-100 active:bg-gray-200", on: { click: function(s) {
-    return e.$emit("open-picker");
-  } } }, [e._v(" " + e._s(e.$t("upPlaceholder")) + " "), t("span", { staticClass: "text-primary-500 underline" }, [e._v(e._s(e.$t("_common:browse")))])])]), e.isLoading || e.recentFiles.length ? t("div", { staticClass: "h-[400px] max-h-[50vh] overflow-auto border-t border-gray-200 pb-4 text-left" }, [t("div", { staticStyle: { "font-size": "15px", padding: "1em", margin: "0px 1em", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e.$t("recentlyUsed")) + " ")]), e.isLoading ? e._l(6, function(s) {
-    return t("ContentPlaceholders", { key: s, staticClass: "up-recent-item flex w-full items-center", attrs: { animated: !1 } }, [t("ContentPlaceholdersText", { staticStyle: { width: "37px", height: "38px", "font-size": "24px", "margin-right": "4px" }, attrs: { lines: 1 } }), t("div", { staticClass: "flex-grow" }, [t("ContentPlaceholdersText", { attrs: { lines: 1 } }), t("ContentPlaceholdersText", { staticClass: "up-recent-item-hint", staticStyle: { "max-width": "50%" }, attrs: { lines: 1 } })], 1)], 1);
-  }) : e._l(e.recentFiles, function(s) {
-    return t("div", { key: s.id, staticClass: "up-recent-item flex w-full items-center", on: { click: function(r) {
-      return e.onSelect(s);
-    } } }, [t("FileIcon", { staticStyle: { "margin-right": "1em" }, attrs: { mime: s.mime, size: 30 } }), t("div", { staticClass: "truncate-text" }, [t("div", { staticClass: "truncate-text", staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(s.name) + " ")]), t("div", { staticClass: "up-recent-item-hint" }, [e._v(" " + e._s(e.$formatDate(s.createdAt)) + " ")])])], 1);
-  })], 2) : e._e()]);
-}, f = [], _ = /* @__PURE__ */ d(
-  u,
-  h,
-  f,
-  !1,
-  null,
-  "35ada666"
-);
-const y = _.exports;
-export {
-  y as default
-};

package/dist/VideoPlayerInput-8szEX_8L.js

@@ -1,93 +0,0 @@
-import { d as a } from "./debounce-C1AuSpOZ.js";
-import { v as l } from "./utils-CA_Zy6u1.js";
-import { n as r } from "./main-WKzC-Dnu.js";
-const n = {
-  name: "VideoPlayerInput",
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "document.videoPlayer"
-  },
-  props: {
-    value: {
-      type: Object,
-      default: () => ({})
-    },
-    isDrawerMode: {
-      type: Boolean,
-      default: !1
-    },
-    videoOptions: {
-      type: Object,
-      default: () => ({ background: !1 })
-    },
-    filled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      isLoading: !1,
-      isValid: !1,
-      url: ""
-    };
-  },
-  validations() {
-    return {
-      url: {
-        isValid: () => this.isValid
-      }
-    };
-  },
-  computed: {
-    messages() {
-      return {
-        url: {
-          isValid: this.$t("validations.url.isValid")
-        }
-      };
-    }
-  },
-  created() {
-    this.value && this.value.url && (this.url = this.value.url);
-  },
-  methods: {
-    onInput: a(function(e) {
-      this.$v.$reset(), this.isValid = !1, e && this.validateUrl(e);
-    }, 500),
-    async validateUrl(i) {
-      const e = i;
-      this.isLoading = !0;
-      const t = await l(e, this.videoOptions);
-      t && (this.isValid = !0, this.$emit("input", t)), this.isLoading = !1, this.$v.$touch();
-    },
-    focus() {
-      this.$refs.input && this.$refs.input.focus();
-    }
-  }
-};
-var o = function() {
-  var e = this, t = e._self._c;
-  return t("CField", { style: e.isDrawerMode && {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start"
-  }, attrs: { grouped: !e.isDrawerMode } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { validator: e.$v.url, messages: e.messages.url, expanded: "" } }, [t("CInput", { ref: "input", attrs: { placeholder: "https://www...", size: e.isDrawerMode ? "small" : void 0, loading: e.isLoading, filled: e.filled || e.isDrawerMode, expanded: "" }, on: { input: e.onInput }, model: { value: e.url, callback: function(s) {
-    e.url = s;
-  }, expression: "url" } })], 1), e._t("default", function() {
-    return [t("CButton", { attrs: { size: e.isDrawerMode ? "small" : void 0, type: "secondary" }, on: { click: function(s) {
-      return e.validateUrl(e.url);
-    } } }, [e._v(" " + e._s(e.$t("_common:add")) + " ")])];
-  })], 2);
-}, d = [], u = /* @__PURE__ */ r(
-  n,
-  o,
-  d,
-  !1,
-  null,
-  null
-);
-const m = u.exports;
-export {
-  m as default
-};

package/dist/VideoPlayerSettings-BIPytm6w.js

@@ -1,61 +0,0 @@
-import n from "./VideoPlayerInput-8szEX_8L.js";
-import { n as s } from "./main-WKzC-Dnu.js";
-const l = {
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "document.videoPlayer"
-  },
-  name: "VideoPlayerSettings",
-  components: {
-    VideoPlayerInput: n
-  },
-  props: {
-    video: {
-      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 r = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "d-root" }, [e("div", { staticClass: "d-option" }, [e("div", { staticClass: "d-option-title" }, [t._v(t._s(t.$t("_common:video").capitalize()))]), e("div", { staticClass: "text-gray-600", staticStyle: { "padding-bottom": "1em", "font-size": "15px" } }, [t._v(" " + t._s(t.$t("subTitle")) + " ")]), e("VideoPlayerInput", { attrs: { value: t.video, "is-drawer-mode": !0 }, on: { input: function(i) {
-    return t.$emit("input", { key: "video", value: i });
-  } } })], 1), e("div", { staticClass: "d-option" }, [e("div", { staticClass: "d-option-title" }, [t._v(t._s(t.$t("_common:size").capitalize()))]), e("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap" } }, t._l(t.sizeOptions, function({ value: i, svg: a }, o) {
-    return e("div", { key: o, staticClass: "size-option", on: { click: function(c) {
-      return t.$emit("input", { key: "size", value: i });
-    } } }, [e("svg", { staticClass: "size-option-image", class: { "is-active": t.size === i }, attrs: { viewBox: "0 0 99 65" }, domProps: { innerHTML: t._s(a) } })]);
-  }), 0)])]);
-}, v = [], d = /* @__PURE__ */ s(
-  l,
-  r,
-  v,
-  !1,
-  null,
-  "ba43bad1"
-);
-const f = d.exports;
-export {
-  f as default
-};

package/dist/VideoSelectModal-B-Pe34nb.js

@@ -1,100 +0,0 @@
-import v from "./VideoPlayerInput-8szEX_8L.js";
-import { B as f, a as g } from "./index-BgJ05dYc.js";
-import { c as x, n as y, o as _ } from "./main-WKzC-Dnu.js";
-const V = x.pexels.id, w = {
-  name: "VideoSelectModal",
-  i18nOptions: {
-    namespaces: "videoSelectModal",
-    messages: {
-      en: {
-        creditVideos: "Videos from {{thing}}",
-        tabLink: "Use link"
-      },
-      sv: {
-        creditVideos: "Videor från {{thing}}",
-        tabLink: "Egen länk"
-      }
-    }
-  },
-  components: {
-    BackgroundModal: f,
-    BackgroundList: g,
-    VideoPlayerInput: v
-  },
-  data() {
-    return {
-      activeTab: "pexels",
-      selectedVideo: null,
-      customVideo: null
-    };
-  },
-  methods: {
-    async fetch({ query: s, page: t }) {
-      const { data: e } = await _.get("https://api.pexels.com/videos/search", {
-        headers: {
-          Authorization: V
-        },
-        params: {
-          page: t,
-          per_page: 12,
-          query: s
-        }
-      }), a = (o, i) => o.height < i.height || o.width < i.width ? -1 : 1, u = (o) => (o.find(({ height: i }) => i > 1e3 && i < 1200) || {}).link;
-      return {
-        items: (e.videos || []).map(
-          ({ id: o, image: i, video_files: r = [], user: d }) => {
-            const { sd: m, hd: p } = (r || []).sort(a).reduce(
-              (c, n) => (c[n.quality] && n.link && c[n.quality].push(n.link), c),
-              { sd: [], hd: [] }
-            ), [h] = m;
-            let l = u(r);
-            return l || ([l] = p.length ? p : m.slice(-1)), {
-              id: `${o}`,
-              image: i,
-              minImage: i,
-              video: l,
-              minVideo: h,
-              userName: d.name,
-              userLink: d.link
-            };
-          }
-        ),
-        total: e.total_results
-      };
-    },
-    selectVideo(s) {
-      const { id: t, image: e, video: a } = s || {};
-      this.selectedVideo = {
-        id: t,
-        url: a,
-        thumbnail: e,
-        provider: "pexels"
-      };
-    },
-    onSave() {
-      const s = this.activeTab === "pexels" ? this.selectedVideo : this.customVideo;
-      this.$emit("input", s), this.$parent && this.$parent.$emit("input", s), this.$emit("close");
-    }
-  }
-};
-var b = function() {
-  var t = this, e = t._self._c;
-  return e("BackgroundModal", t._g({}, t.$listeners), [e("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "calc(0.25 * var(--rem)) calc(1 * var(--rem))", "border-bottom": "1px solid hsl(0, 0%, 88%)" }, attrs: { slot: "header" }, slot: "header" }, [e("CButton", { staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === "pexels" && { opacity: 1 }, on: { click: function(a) {
-    t.activeTab = "pexels";
-  } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 32 32" } }, [e("path", { attrs: { d: "M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z", fill: "#05A081" } }), e("path", { attrs: { d: "M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z", fill: "#fff" } })]), t._v(" " + t._s(t.$t("_common:video").capitalize()) + " ")])]), e("CButton", { staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === "customUrl" && { opacity: 1 }, on: { click: function(a) {
-    t.activeTab = "customUrl";
-  } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { width: "28", height: "28", xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", "xml:space": "preserve", viewBox: "0 0 71.412 50" } }, [e("g", { attrs: { transform: "scale(.58824)" } }, [e("path", { attrs: { d: "M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z", fill: "red", "fill-opacity": "1" } }), e("path", { attrs: { fill: "#fff", d: "M80.2 42.5L48.6 24.3v36.4z" } })])]), t._v(" " + t._s(t.$t("tabLink").capitalize()) + " ")])])], 1), t.activeTab === "pexels" ? e("BackgroundList", { attrs: { fetch: t.fetch, "credit-text": t.$t("creditVideos", { thing: "Pexels" }), "default-query": "nature" }, on: { select: t.selectVideo } }, [e("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { slot: "footer", disable: !t.selectedVideo, type: "secondary" }, on: { click: t.onSave }, slot: "footer" }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1) : e("div", { staticClass: "flex w-full flex-col items-center justify-center" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, [e("div", { staticStyle: { position: "relative", width: "100%", "padding-top": "56.25%", "background-color": "hsl(var(--gray-color-100) / 1)", "border-radius": "0.5em", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t.customVideo ? e("iframe", { staticClass: "custom-video-preview", attrs: { src: t.customVideo.url } }) : t._e()]), e("VideoPlayerInput", { attrs: { filled: !0, "video-options": { background: !0 } }, model: { value: t.customVideo, callback: function(a) {
-    t.customVideo = a;
-  }, expression: "customVideo" } }, [e("CButton", { attrs: { disable: !t.customVideo, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1)], 1)])], 1);
-}, k = [], S = /* @__PURE__ */ y(
-  w,
-  b,
-  k,
-  !1,
-  null,
-  "670d3d62"
-);
-const C = S.exports;
-export {
-  C as default
-};

package/dist/answerDocumentMixin-W7vE1Gp4.js

@@ -1,51 +0,0 @@
-import { w as a } from "./CDropdownItem-BE8BAMD1.js";
-import { b as r } from "./main-WKzC-Dnu.js";
-const m = ({ documentKey: s = "document" } = {}) => ({
-  mixins: [a],
-  inject: {
-    formValidation: { default: null }
-  },
-  methods: {
-    isValid() {
-      const { isFormValid: t, scrollToInvalidInput: i } = this.formValidation || this;
-      return !t || !i || t() ? !0 : i({ offset: 120 });
-    },
-    isAnswerModalOpen() {
-      const t = this.$modal.getOpenInstances();
-      return t && t.length && t.some((i) => {
-        var e;
-        return ((e = i.modalAttrs) == null ? void 0 : e.name) === "AnswerModal";
-      });
-    },
-    onAnswer(t = "accept", i = {}) {
-      if (this.isAnswerModalOpen())
-        return;
-      const e = r(this, s);
-      if (!e || e.isPreview || !(t === "decline" ? !0 : this.isValid()))
-        return;
-      const o = this.mq === "sm" ? "100%" : "auto", n = () => import("./AnswerModal-CLGRdSnK.js");
-      this.$modal.show(
-        n,
-        {
-          mode: t,
-          _document: e,
-          fullScreen: o === "100%",
-          calcHeight: !!i.calcHeight
-        },
-        {
-          name: "AnswerModal",
-          adaptive: !0,
-          height: "auto",
-          width: "90%",
-          maxWidth: 420,
-          classes: "overflow-visible",
-          transition: "modal-soft",
-          clickToClose: !1
-        }
-      );
-    }
-  }
-});
-export {
-  m as a
-};