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

package/dist/useTermsModal-Dhf6_eYb.js

@@ -0,0 +1,87 @@
+import { _, b as m, o as f, d as h, s as i, e as c, w as u, aJ as v } from "./main-Cb-nyil1.js";
+import { m as M } from "./mapFormMixin-D3BihYWW.js";
+import { D as w } from "./DocModalBase-D72yWj-x.js";
+import { _ as x } from "./DocumentLayout-CKSi42ev.js";
+const C = {
+  name: "TermsModal",
+  components: {
+    DocModalBase: w,
+    DocumentStyleContainer: x
+  },
+  mixins: [M([])],
+  props: {
+    text: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["close"]
+}, $ = { class: "sticky-btn" }, B = { style: { padding: "0 calc(1 * var(--rem))" } }, g = ["innerHTML"];
+function b(o, e, a, d, t, s) {
+  const l = m("CButton"), r = m("DocumentStyleContainer"), p = m("DocModalBase");
+  return f(), h("div", null, [
+    i("div", {
+      style: { height: "200px", "max-height": "15vh" },
+      onClick: e[0] || (e[0] = (n) => o.$emit("close"))
+    }),
+    c(p, {
+      class: "terms-root",
+      onClose: e[2] || (e[2] = (n) => o.$emit("close"))
+    }, {
+      default: u(() => {
+        var n;
+        return [
+          i("div", $, [
+            c(l, {
+              circle: "",
+              icon: "x",
+              onClick: e[1] || (e[1] = (D) => o.$emit("close"))
+            })
+          ]),
+          i("div", B, [
+            c(r, {
+              "input-style": ((n = o._document.data) == null ? void 0 : n.css) || null,
+              style: { width: "100%", height: "100%" }
+            }, {
+              default: u(() => [
+                i("div", {
+                  class: "term-text quill-format",
+                  innerHTML: a.text
+                }, null, 8, g)
+              ]),
+              _: 1
+            }, 8, ["input-style"])
+          ])
+        ];
+      }),
+      _: 1
+    })
+  ]);
+}
+const y = /* @__PURE__ */ _(C, [["render", b]]);
+function H() {
+  const { show: o } = v();
+  return { showTermsModal: ({ text: a, _document: d, termType: t, file: s, href: l }) => {
+    if (t === "text")
+      o(
+        y,
+        { text: a, _document: d },
+        {
+          adaptive: !0,
+          height: "auto",
+          scrollable: !0,
+          maxWidth: 700,
+          width: "100%",
+          classes: "overflow-visible mobile-margin-bottom-0",
+          transition: "fade-in-slide-up"
+        }
+      );
+    else if (t === "file" || t === "href") {
+      const r = t === "file" ? ((s == null ? void 0 : s.url) || "").replace(/\+/g, "%2B") : l;
+      window.open(r, "_blank", "noopener");
+    }
+  } };
+}
+export {
+  H as u
+};

package/dist/{utils-nos8CB1L.js → utils-CBPcYdLv.js}

@@ -1,4 +1,4 @@
-import { q as d, c as m } from "./main-BgzLHIoo.js";
+import { a4 as d, p as m } from "./main-Cb-nyil1.js";
 const s = {
   youtube: {
     reg: /^(?:https?:\/\/)?(?:(?:www|m)\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((?:\w|-){11})(?:\S+)?$/,
@@ -59,21 +59,18 @@ const s = {
       hideEmbedTopBar: !0
     })
   }
-}, p = (t) => "?" + Object.keys(t).map((e) => e + "=" + t[e]).join("&"), c = (t = "") => {
+}, p = (t) => "?" + Object.keys(t).map((e) => e + "=" + t[e]).join("&"), u = (t = "") => {
   let e = { type: null, id: null };
-  if (typeof t != "string")
-    return e;
+  if (typeof t != "string") return e;
   const o = new RegExp(
-    Object.keys(s).map((u) => s[u].reg.source).join("|")
+    Object.keys(s).map((c) => s[c].reg.source).join("|")
   ), a = t.match(o);
-  if (!a)
-    return e;
+  if (!a) return e;
   const [, r, i, l, n] = a;
   return r ? e = { type: "youtube", id: r } : i ? e = { type: "vimeo", id: i } : l ? e = { type: "wistia", id: l } : n && (e = { type: "loom", id: n }), e;
 }, b = async (t) => {
-  const { type: e, id: o } = c(t);
-  if (!s[e] || !e || !o)
-    return null;
+  const { type: e, id: o } = u(t);
+  if (!s[e] || !e || !o) return null;
   const a = {
     type: e,
     url: s[e].standardSrc ? s[e].standardSrc(o) : t
@@ -88,7 +85,7 @@ const s = {
     return null;
   }
 }, w = async (t, e = { background: !1 }) => {
-  const { type: o, id: a } = c(t);
+  const { type: o, id: a } = u(t);
   if (!o || !a || !s[o])
     return null;
   let r = s[o].src(a);

package/dist/validation-DOcUOoMe.js

@@ -0,0 +1,40 @@
+import { x as l, y as c } from "./main-Cb-nyil1.js";
+import { s } from "./dom-CkTGWrfu.js";
+import { u } from "./index-kp-GC5I0.js";
+const d = Symbol(
+  "validateDocument"
+);
+function p() {
+  const n = u();
+  function e() {
+    return n.value.$validate();
+  }
+  function a({
+    selector: t = '[data-type="error-callout"]',
+    offset: i = 0
+  } = {}) {
+    try {
+      const o = document.querySelector(t);
+      o && s(o, { offset: i, behavior: "smooth" });
+    } catch (o) {
+      c(o);
+    }
+  }
+  async function r() {
+    const t = await e();
+    return t || a({ offset: 120 }), t;
+  }
+  return l(d, {
+    isValid: r,
+    validate: e,
+    scrollToInvalidInput: a
+  }), {
+    isValid: r,
+    validate: e,
+    scrollToInvalidInput: a
+  };
+}
+export {
+  p as u,
+  d as v
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cling-se/widget",
-  "version": "0.17.0",
+  "version": "1.0.0-beta.2",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -21,37 +21,33 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@cling-se/v-tooltip-root-node": "^0.1.3",
-    "@tiptap/core": "^2.0.0-beta.199",
-    "@vueuse/components": "^10.11.0",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "@vuelidate/core": "^2.0.3",
+    "@vuelidate/validators": "^2.0.4",
+    "@vueuse/components": "^11.1.0",
+    "@vueuse/core": "^11.1.0",
     "axios": "^1.7.4",
-    "date-fns": "2.14.0",
-    "deepmerge": "4.2.2",
-    "lodash": "4.17.21",
-    "portal-vue": "^2.1.7",
-    "simplebar": "5.2.0",
-    "simplebar-vue": "1.5.0",
-    "uniqid": "5.4.0",
-    "vue": "^2.7.8",
+    "date-fns": "^2.14.0",
+    "deepmerge": "^4.2.2",
+    "lodash": "^4.17.21",
+    "portal-vue": "^3.0.0",
+    "simplebar": "6.2.7",
+    "simplebar-vue": "^2.3.5",
+    "vue": "^3.5.12",
     "vue-js-modal": "2.0.0-rc.3",
-    "vue-router": "3.0.1",
-    "vuelidate": "0.7.5",
-    "vuelidate-error-extractor": "2.4.1",
-    "vuex": "3.4.0",
-    "vuex-router-sync": "5.0.0"
+    "vue-router": "^4.4.0",
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.7.2",
-    "@vitejs/plugin-legacy": "^4.0.4",
-    "@vitejs/plugin-vue2": "^1.1.2",
-    "@vitejs/plugin-vue2-jsx": "^1.1.0",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-prettier": "^9.0.0",
     "autoprefixer": "^10.4.12",
     "bumpp": "^8.2.1",
     "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.23.0",
     "path": "^0.12.7",
-    "postcss": "^8.4.17",
+    "postcss": "^8.4.31",
     "prettier": "^3.2.5",
     "rollup-plugin-visualizer": "^5.8.3",
     "tailwindcss": "^3.2.1",
@@ -62,6 +58,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:app": "BUILD_TARGET=app vite build",
     "preview": "vite preview --port 4173",
     "lint": "eslint . --report-unused-disable-directives",
     "release": "bumpp --tag '%s'"

package/dist/AddClientCallout-BJzBdba1.js

@@ -1,48 +0,0 @@
-import { m as o } from "./mapFormMixin-CQgSN7dv.js";
-import { C as r } from "./CFormField-Dd2Y71JG.js";
-import { v as s, n as a } from "./main-BgzLHIoo.js";
-import { C as i } from "./ClientAutocomplete-BRXIKQSk.js";
-const n = {
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "account.documentForm.clients"
-  },
-  name: "AddClientCallout",
-  components: {
-    ClientAutocomplete: i,
-    CField: r
-  },
-  mixins: [o([])],
-  props: {
-    compact: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    showSearch() {
-      return s.value !== "widget" && !this.viewSettings.isPublicForm;
-    }
-  }
-};
-var l = function() {
-  var t = this, e = t._self._c;
-  return e("div", { class: t.compact ? "rounded-lg border border-gray-200 p-3" : "rounded-lg border border-gray-200 bg-gray-100 p-3", style: t.compact && {
-    "--stripe-1": "hsl(var(--gray-color-50))",
-    "--stripe-2": "hsl(var(--gray-color-100))",
-    background: "repeating-linear-gradient(45deg,var(--stripe-1),var(--stripe-1) 15px,var(--stripe-2) 15px,var(--stripe-2) 30px)"
-  } }, [t.compact ? t._e() : e("div", { staticClass: "px-2" }, [e("div", { staticClass: "text-base font-semibold", domProps: { textContent: t._s(t.$t("title")) } }), e("div", { staticClass: "pb-6 text-gray-700", domProps: { textContent: t._s(t.$t("subTitle")) } })]), e("CField", { attrs: { grouped: "", "group-multiline": "" } }, [e("div", { staticClass: "control" }, [e("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small", taller: "", "icon-left": "plus" }, on: { click: function(d) {
-    return t.$emit("add");
-  } } }, [t._v(" " + t._s(t.showSearch ? t.$t("add.new") : t.$t("_common:add", { thing: t.$t("_common:recipient") })) + " ")])], 1), t.showSearch ? [t.compact ? e("div", { staticClass: "control flex items-center text-gray-500", staticStyle: { width: "initial", "font-size": "13px" } }, [t._v(" " + t._s(t.$t("_common:or")) + " ")]) : t._e(), e("ClientAutocomplete", t._g({ staticStyle: { flex: "1 1 0" }, attrs: { "show-loading": !0, "show-empty": !0, icon: "search", "clear-on-select": "" } }, t.$listeners))] : t._e()], 2)], 1);
-}, c = [], p = /* @__PURE__ */ a(
-  n,
-  l,
-  c,
-  !1,
-  null,
-  null
-);
-const g = p.exports;
-export {
-  g as default
-};