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

package/dist/index-BjiGCJPI.js

@@ -0,0 +1,149 @@
+import { j as n } from "./main-Cb-nyil1.js";
+const i = (e) => {
+  if (e = n(e), Array.isArray(e)) return !!e.length;
+  if (e == null)
+    return !1;
+  if (e === !1)
+    return !0;
+  if (e instanceof Date)
+    return !isNaN(e.getTime());
+  if (typeof e == "object") {
+    for (let r in e) return !0;
+    return !1;
+  }
+  return !!String(e).length;
+}, m = (e) => (e = n(e), Array.isArray(e) ? e.length : typeof e == "object" ? Object.keys(e).length : String(e).length);
+function a() {
+  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
+    r[t] = arguments[t];
+  return (s) => (s = n(s), !i(s) || r.every((f) => (f.lastIndex = 0, f.test(s))));
+}
+a(/^[a-zA-Z]*$/);
+a(/^[a-zA-Z0-9]*$/);
+var $ = a(/^\d*(\.\d+)?$/), b = {
+  $validator: $,
+  $message: "Value must be numeric",
+  $params: {
+    type: "numeric"
+  }
+};
+const d = /^(?:[A-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9]{2,}(?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/i;
+var o = a(d), A = {
+  $validator: o,
+  $message: "Value is not a valid email address",
+  $params: {
+    type: "email"
+  }
+};
+function x(e) {
+  return (r) => !i(r) || m(r) <= n(e);
+}
+function q(e) {
+  return {
+    $validator: x(e),
+    $message: (r) => {
+      let {
+        $params: t
+      } = r;
+      return `The maximum length allowed is ${t.max}`;
+    },
+    $params: {
+      max: e,
+      type: "maxLength"
+    }
+  };
+}
+function c(e) {
+  return (r) => !i(r) || m(r) >= n(e);
+}
+function L(e) {
+  return {
+    $validator: c(e),
+    $message: (r) => {
+      let {
+        $params: t
+      } = r;
+      return `This field should be at least ${t.min} characters long`;
+    },
+    $params: {
+      min: e,
+      type: "minLength"
+    }
+  };
+}
+function g(e) {
+  return typeof e == "string" && (e = e.trim()), i(e);
+}
+var V = {
+  $validator: g,
+  $message: "Value is required",
+  $params: {
+    type: "required"
+  }
+};
+const u = (e, r) => e ? i(typeof r == "string" ? r.trim() : r) : !0;
+function h(e) {
+  return function(r, t) {
+    if (typeof e != "function")
+      return u(n(e), r);
+    const s = e.call(this, r, t);
+    return u(s, r);
+  };
+}
+function S(e) {
+  return {
+    $validator: h(e),
+    $message: "The value is required",
+    $params: {
+      type: "requiredIf",
+      prop: e
+    }
+  };
+}
+function l(e) {
+  return (r) => n(r) === n(e);
+}
+function T(e) {
+  let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "other";
+  return {
+    $validator: l(e),
+    $message: (t) => `The value must be equal to the ${r} value`,
+    $params: {
+      equalTo: e,
+      otherName: r,
+      type: "sameAs"
+    }
+  };
+}
+const p = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u00a1-\uffff][a-z0-9\u00a1-\uffff_-]{0,62})?[a-z0-9\u00a1-\uffff]\.)+(?:[a-z\u00a1-\uffff]{2,}\.?))(?::\d{2,5})?(?:[/?#]\S*)?$/i;
+a(p);
+function y(e) {
+  return (r) => !i(r) || (!/\s/.test(r) || r instanceof Date) && +r >= +n(e);
+}
+function j(e) {
+  return {
+    $validator: y(e),
+    $message: (r) => {
+      let {
+        $params: t
+      } = r;
+      return `The minimum value allowed is ${t.min}`;
+    },
+    $params: {
+      min: e,
+      type: "minValue"
+    }
+  };
+}
+a(/(^[0-9]*$)|(^-[0-9]+$)/);
+a(/^[-]?\d*(\.\d+)?$/);
+export {
+  S as a,
+  q as b,
+  j as c,
+  A as e,
+  L as m,
+  b as n,
+  V as r,
+  T as s
+};

package/dist/index-CFNv6OvX.js

@@ -0,0 +1,188 @@
+import { m as C, a as f, g as b, az as $, aA as w, _ as T, b as h, a3 as D, o as i, d as s, s as n, e as d, v as a, F as L, k as B, B as N, f as l, E, aB as u } from "./main-Cb-nyil1.js";
+const I = {
+  name: "ClientLinks",
+  emits: ["close"],
+  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: {
+    ...C({
+      docById: "documents2/byId"
+    }),
+    document() {
+      return this.docById(this.id);
+    },
+    clients() {
+      if (!this.document) return [];
+      const { clients: t } = this.document;
+      return t.map((o) => ({
+        ...o,
+        primaryTitle: o.name,
+        secondaryTitle: o.type === "company" ? o.companyName : ""
+      }));
+    }
+  },
+  created() {
+    this.loadDocument({ id: this.id });
+  },
+  methods: {
+    ...f({
+      loadDocument: b.LOAD_DOCUMENT2
+    }),
+    async copyToClipboard(t) {
+      var c, p;
+      (c = t.target.previousElementSibling) == null || c.select();
+      const o = (p = t.target.previousElementSibling) == null ? void 0 : p.value;
+      if (!o) return;
+      await $(o) && w("info", this.$t("copied"));
+    }
+  }
+}, S = {
+  class: "font-inter",
+  style: { "background-color": "white", "border-radius": "10px", overflow: "hidden" }
+}, z = { style: { padding: "40px 30px", position: "relative" } }, V = { style: { padding: "0 0 2.5em" } }, F = ["textContent"], M = ["textContent"], O = ["textContent"], R = { style: { padding: "4px 6px 8px 6px" } }, j = { class: "client-title truncate-text" }, q = {
+  key: 0,
+  style: { opacity: "0.5", "padding-left": "0.125ch" }
+}, A = ["textContent"], P = ["href"], G = {
+  key: 1,
+  style: { padding: "0 0.5ch" }
+}, K = ["href"], U = { style: { display: "flex", position: "relative" } }, W = ["value", "placeholder"], H = { class: "x-hint" }, J = ["textContent"];
+function Q(t, o, y, c, p, r) {
+  const k = h("CButton"), _ = h("CPhoneFormat"), m = h("CIcon"), g = D("tooltip");
+  return i(), s("div", S, [
+    n("div", z, [
+      d(k, {
+        icon: "x",
+        circle: "",
+        size: "normal",
+        style: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" },
+        onClick: o[0] || (o[0] = (e) => t.$emit("close"))
+      }),
+      n("div", V, [
+        n("div", {
+          class: "x-title",
+          textContent: a(t.$t("title"))
+        }, null, 8, F),
+        n("div", {
+          class: "x-text",
+          textContent: a(t.$t("text"))
+        }, null, 8, M)
+      ]),
+      r.clients.length ? (i(!0), s(L, { key: 1 }, B(r.clients, (e, v) => (i(), s("div", {
+        key: v,
+        class: "client-card"
+      }, [
+        n("div", R, [
+          n("div", j, [
+            N(a(e.primaryTitle) + " ", 1),
+            e.secondaryTitle ? (i(), s("span", q, "· " + a(e.secondaryTitle), 1)) : l("", !0)
+          ]),
+          e.documentRole ? (i(), s("div", {
+            key: 0,
+            textContent: a(t.$t(`_common:documentRole.${e.documentRole}.label`))
+          }, null, 8, A)) : l("", !0),
+          n("div", null, [
+            e.email ? (i(), s("a", {
+              key: 0,
+              href: `mailto:${e.email}?&body=${e.docLink}`
+            }, a(e.email), 9, P)) : l("", !0),
+            e.email && e.cellphone ? (i(), s("span", G, "·")) : l("", !0),
+            e.cellphone ? (i(), s("a", {
+              key: 2,
+              href: `sms:${e.cellphone}?&body=${e.docLink}`
+            }, [
+              d(_, {
+                phone: e.cellphone,
+                region: e.cellphoneRegion
+              }, null, 8, ["phone", "region"])
+            ], 8, K)) : l("", !0)
+          ])
+        ]),
+        n("div", U, [
+          n("input", {
+            ref_for: !0,
+            ref: "key",
+            value: e.docLink,
+            placeholder: t.$t("placeholder"),
+            type: "text",
+            readonly: "readonly",
+            class: "link-field truncate-text"
+          }, null, 8, W),
+          E((i(), s("div", {
+            class: "clipboard-button",
+            onClick: o[1] || (o[1] = (...x) => r.copyToClipboard && r.copyToClipboard(...x))
+          }, [
+            d(m, {
+              type: "copy",
+              size: "17",
+              style: { "pointer-events": "none" }
+            })
+          ])), [
+            [g, t.$t("tooltip")]
+          ])
+        ])
+      ]))), 128)) : (i(), s("div", {
+        key: 0,
+        style: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" },
+        textContent: a(t.$t("placeholder"))
+      }, null, 8, O)),
+      n("div", H, [
+        d(m, {
+          type: "info",
+          size: "16",
+          style: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" },
+          class: "text-primary-500"
+        }),
+        n("div", {
+          textContent: a(t.$t("hint"))
+        }, null, 8, J)
+      ])
+    ])
+  ]);
+}
+const X = /* @__PURE__ */ T(I, [["render", Q], ["__scopeId", "data-v-cb2f0c7a"]]), Y = X, ee = ({ id: t }) => {
+  var o;
+  if (!u.$modal)
+    throw Error("Open client modal requires plugin vue-js-modal");
+  (o = u.$modal) == null || o.show(
+    Y,
+    {
+      id: t
+    },
+    {
+      adaptive: !0,
+      maxWidth: 400,
+      width: "90%",
+      height: "auto",
+      scrollable: !0
+    }
+  );
+};
+export {
+  Y as C,
+  ee as o
+};