@cling-se/widget 0.17.3 → 0.18.0

package/dist/DocSendReminder-CRzBM2NJ.js

@@ -1,140 +0,0 @@
-import { t as m, g as c, n as a } from "./main-BL_yzf2r.js";
-import { m as d, a as l } from "./vuex.esm-DKGl8mcw.js";
-const p = {
-  name: "DocumentSendReminderModal",
-  i18nOptions: {
-    namespaces: "documentSendReminderModal",
-    messages: {
-      en: {
-        alreadySigned: "already signed",
-        cannotSign: "can't sign"
-      },
-      sv: {
-        alreadySigned: "har signerat",
-        cannotSign: "kan ej signera"
-      }
-    }
-  },
-  components: {
-    CCheckbox: m
-  },
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      clientsToSend: []
-    };
-  },
-  computed: {
-    ...d({
-      feature: "application/feature"
-    })
-  },
-  created() {
-    const { events: s = [], clients: e = [] } = this.document || {}, n = s.reduce(
-      (t, { code: i, data: o }) => i === "sent" && o && o.clients && o.clients.length ? [...t, ...o.clients.map(({ id: r }) => r)] : t,
-      []
-    );
-    this.clientsToSend = e.filter(({ id: t }) => n.includes(t)), this.feature("sms") || this.clientsToSend.forEach((t, i) => {
-      this.isTypeActive("sms", t) && this.setDeliveryMethod("sms", i);
-    }), this.clientsToSend.forEach((t, i) => {
-      (t.answer || t.documentRole === "recipient") && ["sms", "email"].forEach((o) => {
-        this.isTypeActive(o, t) && this.setDeliveryMethod(o, i);
-      });
-    });
-  },
-  methods: {
-    ...l({
-      sendDocumentReminder: c.SEND_REMINDER_DOCUMENT2
-    }),
-    async submit() {
-      await this.sendDocumentReminder({
-        id: this.document.id,
-        body: {
-          clients: this.clientsToSend
-        }
-      }), this.$emit("close");
-    },
-    canSendType(s, e) {
-      return !!e[s === "sms" ? "cellphone" : "email"];
-    },
-    isTypeActive(s, e) {
-      return e.deliveryTypes.includes(s) && this.canSendType(s, e);
-    },
-    setDeliveryMethod(s, e) {
-      const n = this.clientsToSend[e].deliveryTypes.findIndex(
-        (t) => t === s
-      );
-      n > -1 ? this.clientsToSend[e].deliveryTypes.splice(n, 1) : this.clientsToSend[e].deliveryTypes.push(s);
-    }
-  }
-};
-var u = function() {
-  var e = this, n = e._self._c;
-  return n("div", { staticClass: "rounded-xl bg-white p-8" }, [n("div", { staticClass: "mb-6 text-lg font-semibold", domProps: { textContent: e._s(e.$t("_common:send", { thing: e.$t("_common:reminder") })) } }), e._l(e.clientsToSend, function(t, i) {
-    return n("div", { key: i, staticClass: "mb-3 rounded-lg border border-gray-200 p-2" }, [n("div", { staticClass: "mb-2 pl-1" }, [n("div", { staticClass: "text-sm font-medium" }, [e._v(" " + e._s(t.name || t.companyName) + " ")]), t.answer ? n("div", { staticClass: "text-xs text-gray-500", domProps: { textContent: e._s(e.$t("alreadySigned").capitalize()) } }) : t.documentRole === "recipient" ? n("div", { staticClass: "text-xs text-gray-500", domProps: { textContent: e._s(e.$t("cannotSign").capitalize()) } }) : e._e()]), n("div", { staticClass: "flex" }, [n("div", { staticClass: "mr-2 flex items-center rounded-md border border-gray-200 bg-gray-100 py-1.5 pl-1.5" }, [n("CCheckbox", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
-      ...!e.canSendType("sms", t) && {
-        content: e.$t("_common:missing", {
-          thing: e.$t("_common:phoneNumber")
-        })
-      }
-    }, expression: `{
-            ...(!canSendType('sms', client) && {
-              content: $t('_common:missing', {
-                thing: $t('_common:phoneNumber')
-              })
-            })
-          }` }], staticClass: "mr-2 font-medium", attrs: { value: e.isTypeActive("sms", t), size: "tiny", disabled: !e.feature("sms") || !e.canSendType("sms", t) }, on: { input: function(o) {
-      return e.setDeliveryMethod("sms", i);
-    } } }, [e._v(" " + e._s(e.$t("_common:sms")) + " ")])], 1), n("div", { staticClass: "flex items-center rounded-md border border-gray-200 bg-gray-100 py-1.5 pl-1.5 pr-2.5" }, [n("CCheckbox", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
-      ...!e.canSendType("email", t) && {
-        content: e.$t("_common:missing", { thing: e.$t("_common:email") })
-      }
-    }, expression: `{
-            ...(!canSendType('email', client) && {
-              content: $t('_common:missing', { thing: $t('_common:email') })
-            })
-          }` }], staticClass: "font-medium", attrs: { value: e.isTypeActive("email", t), size: "tiny", disabled: !e.canSendType("email", t) }, on: { input: function(o) {
-      return e.setDeliveryMethod("email", i);
-    } } }, [e._v(" " + e._s(e.$t("_common:email").capitalize()) + " ")])], 1)])]);
-  }), n("CButton", { staticClass: "mt-8 font-semibold", attrs: { type: "secondary", size: "small", taller: "", icon: "send", wide: "" }, on: { click: e.submit } }, [e._v(" " + e._s(e.$t("_common:send", { thing: e.$t("_common:reminder") })) + " ")])], 2);
-}, _ = [], v = /* @__PURE__ */ a(
-  p,
-  u,
-  _,
-  !1,
-  null,
-  null
-);
-const y = v.exports, h = {
-  components: {
-    DocumentSendReminderModal: y
-  },
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    }
-  }
-};
-var f = function() {
-  var e = this, n = e._self._c;
-  return n("DocumentSendReminderModal", { attrs: { document: e.document }, on: { close: function(t) {
-    return e.$router.push("/");
-  } } });
-}, g = [], S = /* @__PURE__ */ a(
-  h,
-  f,
-  g,
-  !1,
-  null,
-  null
-);
-const C = S.exports;
-export {
-  C as default
-};

package/dist/DocTimeline-DGVOk8-2.js

@@ -1,485 +0,0 @@
-import { C as b } from "./CSkeleton-AsnvnD-m.js";
-import { n as u, aj as f, ak as _, $ as S, b as D } from "./main-BL_yzf2r.js";
-import { m as k } from "./vuex.esm-DKGl8mcw.js";
-const w = {
-  name: "DynamicLink",
-  props: {
-    template: {
-      type: String,
-      required: !0
-    }
-  },
-  computed: {
-    transformed() {
-      return { template: this.template };
-    }
-  }
-};
-var z = function() {
-  var t = this, e = t._self._c;
-  return e(t.transformed, { tag: "component" });
-}, T = [], I = /* @__PURE__ */ u(
-  w,
-  z,
-  T,
-  !1,
-  null,
-  null
-);
-const B = I.exports, O = {
-  name: "EventItem",
-  components: {
-    DynamicLink: B,
-    CSkeleton: b
-  },
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    template: {
-      type: String,
-      default: ""
-    },
-    content: {
-      type: [String, Array],
-      default: ""
-    },
-    createdAt: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      type: String,
-      default: "square"
-    },
-    compact: {
-      type: Boolean,
-      default: !1
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    color: {
-      type: String,
-      default: "gray",
-      validator: (s) => [
-        "blue",
-        "teal",
-        "orange",
-        "green",
-        "red",
-        "purple",
-        "gray",
-        "primary"
-      ].indexOf(s) !== -1
-    },
-    isFuture: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    date() {
-      return f(_(this.createdAt)) ? this.$formatDate(this.createdAt, "Pp") : null;
-    },
-    dayOfMonth() {
-      return f(_(this.createdAt)) ? this.$formatDate(this.createdAt, "d") : null;
-    },
-    month() {
-      return f(_(this.createdAt)) ? this.$formatDate(this.createdAt, "MMM") : null;
-    },
-    iconClasses() {
-      const s = {
-        blue: "text-blue-600 bg-blue-50",
-        teal: "text-cyan-600 bg-cyan-50",
-        orange: "text-orange-600 bg-orange-50",
-        green: "text-green-600 bg-green-50",
-        red: "text-red-600 bg-red-50",
-        purple: "text-purple-600 bg-purple-50",
-        gray: "text-gray-500 bg-gray-100",
-        primary: "text-primary-500 bg-primary-50"
-      };
-      return this.isFuture ? "bg-purple-100 text-purple-500" : s[this.color] || s.gray;
-    },
-    titleSize() {
-      return this.size === "large" ? "text-base" : "text-sm";
-    },
-    textSize() {
-      return this.size === "large" ? "text-[15px]" : "text-[13px]";
-    },
-    dateSize() {
-      return this.size === "large" ? "text-sm" : "text-xs";
-    }
-  }
-};
-var E = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "text-primary-500 event relative ml-4 flex cursor-default flex-nowrap pb-5 before:absolute before:-left-px before:top-4 before:h-full before:w-px before:bg-gray-300 before:content-[''] last:before:hidden" }, [e("div", { staticClass: "relative m-0 h-[23px]", staticStyle: { "--bg": "#fff" } }, [e("div", { staticClass: "absolute left-1/2 top-1/2 z-[1] flex h-7 w-7 items-center justify-center rounded-full border-none bg-gray-100", class: t.iconClasses, staticStyle: { transform: "translate(-50%, calc(-50% + 8px))", "box-shadow": "0 0 0 2px var(--bg)" } }, [t.loading ? t._e() : e("CIcon", { attrs: { type: t.icon, size: "14" } })], 1)]), e("div", { staticClass: "ml-7 flex min-w-0 flex-grow flex-col pt-1" }, [t.loading ? [e("CSkeleton", { staticClass: "max-w-md font-medium text-gray-900", class: t.titleSize, attrs: { width: "80%" } }), e("CSkeleton", { staticClass: "text-gray-600", class: t.textSize, attrs: { width: "40%" } }), e("CSkeleton", { staticClass: "inline-flex pt-0.5 text-center text-xs text-gray-500", class: t.dateSize, attrs: { hidden: "" } })] : t._e(), e("div", { staticClass: "max-w-md font-medium", class: [t.isFuture ? "text-gray-500" : "text-gray-700", t.titleSize] }, [t.template ? e("DynamicLink", { attrs: { template: t.template } }) : [t._v(t._s(t.title))]], 2), t.content ? e("div", { class: [t.isFuture ? "text-gray-400" : "text-gray-600", t.textSize] }, [e("div", { domProps: { innerHTML: t._s(t.content) } })]) : t._e(), e("div", { staticClass: "inline-flex pt-1 text-center text-gray-500", class: t.dateSize }, [e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.date, expression: "date" }] }, [t._v(t._s(t.dayOfMonth) + " " + t._s(t.month))])])], 2)]);
-}, M = [], N = /* @__PURE__ */ u(
-  O,
-  E,
-  M,
-  !1,
-  null,
-  null
-);
-const F = N.exports, q = {
-  sv: {
-    clientName: "Kunden",
-    byName: "Av {{- name}}",
-    withBankId: "med BankID",
-    propertyDesignation: "Begäran om fastighetsbeteckning",
-    viewed: "Granskat",
-    viewedContent: "{{- name}} har visat dokumentet",
-    statusChangedAccepted: "Dokumentet har blivit signerat",
-    statusChangedDenied: "Dokumentet har blivit nekat",
-    requestChange: "Markerades manuellt som",
-    mailOpened: "Mail visat",
-    mailOpenedContent: "{{email}} visat",
-    mailDropped: "E-post kunde inte skickas",
-    smsDropped: "SMS kunde inte skickas",
-    expired: "Dokumentet har förfallit",
-    expiredContent: "Giltighetstiden har passerats",
-    toEmail: "Till: {{email}}"
-  },
-  en: {
-    clientName: "Client",
-    byName: "By {{- name}}",
-    withBankId: "with BankID",
-    propertyDesignation: "Request for property designation",
-    viewed: "Viewed",
-    viewedContent: "{{- name}} has viewed the document",
-    statusChangedAccepted: "The document has been signed",
-    statusChangedDenied: "The document has been declined",
-    requestChange: "Manually marked as",
-    mailOpened: "Email opened",
-    mailOpenedContent: "{{email}} viewed",
-    mailDropped: "Could not send email",
-    smsDropped: "Could not send SMS",
-    expired: "Expired",
-    expiredContent: "The expiration date has passed",
-    toEmail: "To: {{email}}"
-  }
-}, A = {
-  name: "DocumentTimeline",
-  i18nOptions: {
-    namespaces: "documentTimeline",
-    messages: q
-  },
-  components: {
-    EventItem: F
-  },
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    },
-    colors: {
-      type: Object,
-      default: () => ({})
-    },
-    size: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    ...k({
-      userById: "companyUsers/byId"
-    }),
-    events() {
-      var n, r;
-      const s = [
-        this.formatEvent({
-          code: "created",
-          createdAt: (n = this.document) == null ? void 0 : n.createdAt
-        })
-      ], { events: t, scheduledFirstDelivery: e } = this.document || {};
-      if ((e == null ? void 0 : e.status) === "active") {
-        const o = e.deliveryTypes.join(
-          ` ${this.$t("_common:and")} `
-        );
-        s.push({
-          title: this.$t("_common:scheduledDelivery"),
-          content: `${this.$t(
-            "_common:via"
-          )} ${o}, ${this.$formatDate(
-            e.sendAt
-          )}`,
-          isFuture: !0,
-          icon: "calendar",
-          color: ((r = this.colors) == null ? void 0 : r.scheduledDelivery) || "primary"
-        });
-      }
-      return t == null || t.forEach((o) => s.push(this.formatEvent(o))), s;
-    }
-  },
-  methods: {
-    formatEvent({ code: s, data: t, createdAt: e, children: n = [] }) {
-      var y;
-      const {
-        client: r = {},
-        clients: o,
-        email: d,
-        status: m,
-        counter: x,
-        sendSource: h,
-        companyUserId: $
-      } = t || {}, p = x || n.length + 1, c = r.name, C = {
-        created: () => ({
-          title: this.$t("_common:created"),
-          createdAt: e,
-          icon: "folder",
-          color: "primary"
-        }),
-        viewed: () => ({
-          title: this.$t("viewed"),
-          content: (c ? this.$t("viewedContent", { name: c }) : "") + (p ? ` ${this.$tc("_common:times", { count: p })}` : ""),
-          createdAt: e,
-          icon: "eye",
-          color: "primary"
-        }),
-        accepted: () => {
-          var a;
-          const i = {
-            title: this.$t("_common:status.signed"),
-            content: c ? this.$t("byName", { name: c }) : "",
-            createdAt: e,
-            icon: "check",
-            color: "primary"
-          };
-          return i.content && ((a = r.answerMethod) == null ? void 0 : a.accept) === "bankId" && (i.content += ` ${this.$t("withBankId")}`), i;
-        },
-        denied: () => ({
-          title: this.$t("_common:status.denied"),
-          content: c ? this.$t("byName", { name: c }) : "",
-          createdAt: e,
-          icon: "x",
-          color: "primary"
-        }),
-        sent: () => {
-          let i = this.$t("_common:sent");
-          return ["reminder", "propertyDesignation"].includes(h) && (i = this.$t("_common:sentThing", {
-            thing: h === "reminder" ? this.$t("_common:reminder") : this.$t("propertyDesignation")
-          })), {
-            title: i,
-            content: o == null ? void 0 : o.map(
-              (a) => ["email", "cellphone"].filter((l) => !!a[l]).map((l) => a[l]).join(` ${this.$t("_common:and")} `)
-            ).reduce(
-              (a, l) => a ? `${a}<div>${l}</div>` : `${this.$t("_common:to")}: ${l}`.capitalize(),
-              ""
-            ),
-            createdAt: e,
-            icon: h === "reminder" ? "bell" : "send",
-            color: "primary"
-          };
-        },
-        statusChanged: () => ["accepted", "denied"].includes(m) ? {
-          title: m === "accepted" ? this.$t("statusChangedAccepted") : this.$t("statusChangedDenied"),
-          createdAt: e,
-          icon: m === "accepted" ? "check" : "x",
-          color: m === "accepted" ? "green" : "red"
-        } : null,
-        requestChange: () => {
-          var a;
-          const i = ((a = this.userById($)) == null ? void 0 : a.fullName) || "";
-          return {
-            title: `${this.$t("requestChange")} ${this.$t(
-              `_common:status.${m}`
-            )}`,
-            content: i && this.$t("byName", { name: i }),
-            createdAt: e,
-            icon: "tool",
-            color: "primary"
-          };
-        },
-        mailDelivered: () => ({
-          title: this.$t("_common:sentThing", {
-            thing: this.$t("_common:email").capitalize()
-          }),
-          content: d ? `${this.$t("_common:to")}: ${d}`.capitalize() : "",
-          createdAt: e,
-          icon: "inbox",
-          color: "primary"
-        }),
-        mailOpened: () => ({
-          title: this.$t("mailOpened"),
-          content: `${this.$t("mailOpenedContent", { email: d })} ${p ? this.$tc("_common:times", { count: p }) : ""}`,
-          createdAt: e,
-          icon: "email",
-          color: "primary"
-        }),
-        mailDropped: () => ({
-          title: this.$t("mailDropped"),
-          content: d ? this.$t("toEmail", { email: d }) : null,
-          createdAt: e,
-          icon: "alert-triangle",
-          color: "orange"
-        }),
-        smsDropped: () => ({
-          title: this.$t("smsDropped"),
-          content: t ? `${this.$t("_common:to")}: ${t}`.capitalize() : "",
-          createdAt: e,
-          icon: "alert-triangle",
-          color: "orange"
-        }),
-        expired: () => ({
-          title: this.$t("expired"),
-          content: this.$t("expiredContent"),
-          createdAt: e,
-          icon: "moon",
-          color: "gray"
-        })
-      }, g = (y = this.colors) == null ? void 0 : y[s];
-      return {
-        ...C[s](),
-        ...g && { color: g }
-      };
-    }
-  }
-};
-var j = function() {
-  var t = this, e = t._self._c;
-  return e("div", [t._t("header"), t._l(t.events, function(n, r) {
-    return e("EventItem", { key: r, attrs: { title: n.title, content: n.content, "created-at": n.createdAt, icon: n.icon, color: n.color, "is-future": n.isFuture, size: t.size } });
-  })], 2);
-}, R = [], L = /* @__PURE__ */ u(
-  A,
-  j,
-  R,
-  !1,
-  null,
-  null
-);
-const P = L.exports, v = {
-  new: {
-    statusClass: "draft",
-    icon: "statusDraft"
-  },
-  draft: {
-    statusClass: "draft",
-    icon: "statusDraft"
-  },
-  scheduled: {
-    statusClass: "scheduled",
-    icon: "statusScheduled"
-  },
-  sent: {
-    statusClass: "sent",
-    icon: "statusSent"
-  },
-  denied: {
-    statusClass: "denied",
-    icon: "statusDenied"
-  },
-  accepted: {
-    statusClass: "accepted",
-    icon: "statusAccepted"
-  },
-  signed: {
-    statusClass: "accepted",
-    icon: "statusAccepted"
-  },
-  semiSigned: {
-    statusClass: "accepted",
-    icon: "statusSemiSigned"
-  },
-  expired: {
-    statusClass: "expired",
-    icon: "statusExpired"
-  },
-  voided: {
-    statusClass: "voided",
-    icon: "statusVoided"
-  },
-  active: {
-    statusClass: "active",
-    icon: "statusActive"
-  },
-  completed: {
-    statusClass: "completed",
-    icon: "statusCompleted"
-  },
-  archived: {
-    statusClass: "archived",
-    icon: "statusArchive"
-  }
-}, G = {
-  props: {
-    status: {
-      type: String,
-      default: ""
-    },
-    split: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    text() {
-      return this.status ? S.t(`_common:status.${this.status}`) : "";
-    },
-    className() {
-      const { statusClass: s = "" } = v[this.status] || {};
-      return s;
-    },
-    icon() {
-      return D(v, `${this.status}.icon`);
-    }
-  }
-};
-var H = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "c-badge_status inline-flex h-6 items-center rounded-full pl-1 pr-2 text-xs font-medium leading-none", class: t.className }, [t.icon ? e("CIcon", { staticClass: "status-icon mr-1", attrs: { type: t.icon, size: "16" } }) : t._e(), e("span", [t._v(t._s(t.text))])], 1);
-}, V = [], U = /* @__PURE__ */ u(
-  G,
-  H,
-  V,
-  !1,
-  null,
-  null
-);
-const K = U.exports, J = {
-  name: "DocTimeline",
-  components: {
-    StatusBadge: K,
-    DocumentTimeline: P
-  },
-  props: {
-    document: {
-      type: Object,
-      required: !0
-    },
-    showHeader: {
-      type: Boolean,
-      default: !0
-    },
-    viewType: {
-      type: String,
-      default: "modal"
-    }
-  }
-};
-var Q = function() {
-  var t = this, e = t._self._c;
-  return e("div", { class: { "p-8": t.viewType !== "mount" } }, [e("DocumentTimeline", { attrs: { document: t.document, size: "large" }, scopedSlots: t._u([{ key: "header", fn: function() {
-    return [t.showHeader ? e("div", { staticClass: "mb-4 border-b pb-4" }, [e("div", { staticClass: "mb-2" }, [e("div", { staticClass: "text-xs text-gray-600", domProps: { textContent: t._s(t.$t("_common:document").capitalize()) } }), e("div", { staticClass: "text-lg font-semibold" }, [t._v(t._s(t.document.name))])]), e("div", { staticClass: "-ml-2 inline-flex items-center" }, [e("div", { staticClass: "mr-1.5 py-1 pl-2 text-xs text-gray-600", domProps: { textContent: t._s(t.$t("_common:status.status")) } }), e("StatusBadge", { attrs: { status: t.document.status } })], 1)]) : t._e()];
-  }, proxy: !0 }]) })], 1);
-}, W = [], X = /* @__PURE__ */ u(
-  J,
-  Q,
-  W,
-  !1,
-  null,
-  null
-);
-const et = X.exports;
-export {
-  et as default
-};