@cling-se/widget 0.14.4 → 0.14.6

package/dist/DocSendReminder-C62RhltH.js

@@ -0,0 +1,137 @@
+import { g as m, n as a } from "./main-CQBEuZk9.js";
+import { m as c, a as d } from "./vuex.esm-DKGl8mcw.js";
+const l = {
+  name: "DocumentSendReminderModal",
+  i18nOptions: {
+    namespaces: "documentSendReminderModal",
+    messages: {
+      en: {
+        alreadySigned: "already signed",
+        cannotSign: "can't sign"
+      },
+      sv: {
+        alreadySigned: "har signerat",
+        cannotSign: "kan ej signera"
+      }
+    }
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      clientsToSend: []
+    };
+  },
+  computed: {
+    ...c({
+      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: {
+    ...d({
+      sendDocumentReminder: m.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 p = 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);
+}, u = [], _ = /* @__PURE__ */ a(
+  l,
+  p,
+  u,
+  !1,
+  null,
+  null
+);
+const v = _.exports, y = {
+  components: {
+    DocumentSendReminderModal: v
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+};
+var h = function() {
+  var e = this, n = e._self._c;
+  return n("DocumentSendReminderModal", { attrs: { document: e.document }, on: { close: function(t) {
+    return e.$router.push("/");
+  } } });
+}, f = [], g = /* @__PURE__ */ a(
+  y,
+  h,
+  f,
+  !1,
+  null,
+  null
+);
+const b = g.exports;
+export {
+  b as default
+};