@cling-se/widget 0.15.3 → 0.15.5

package/dist/SendForm-BDY5VDkS.js

@@ -0,0 +1,1023 @@
+import { m as d } from "./mapFormMixin-BZf4RJIE.js";
+import { I as S, a as w } from "./index-CMT3coT-.js";
+import { aB as u, h as $, n as o, b as l, aC as b, v as k, z as D, aD as g, aE as M } from "./main-U22_wtg0.js";
+import { B as f } from "./BaseDatePicker-DxL2l3QC.js";
+import { C as h, a as y, b as F } from "./CDropdownItem-DiLisSei.js";
+import { E as A } from "./ErrorCallout-CDtZceLU.js";
+import { C as O, a as I } from "./ClientModal-DNcf4APF.js";
+import { s as B } from "./simplebar.min-Bnrne5ZK.js";
+import { b as P, m as c } from "./vuex.esm-DKGl8mcw.js";
+import V from "./AddClientCallout-CrZF5j7A.js";
+function _(n, e) {
+  const t = new Date(n.getTime());
+  return t.setDate(
+    n.getDate() + (7 + e - n.getDay() - 1) % 7 + 1
+  ), t.setHours(8, 0, 0, 0), t;
+}
+function C(n) {
+  const e = new Date(n.getTime());
+  return e.setDate(e.getDate() + 1), e.setHours(10, 0, 0, 0), e;
+}
+let p = C(/* @__PURE__ */ new Date()), v = _(/* @__PURE__ */ new Date(), 1);
+const R = {
+  name: "DocumentSendLater",
+  i18nOptions: {
+    namespaces: "documentSendLater",
+    messages: {
+      en: {
+        title: "Schedule Delivery",
+        tomorrowMorning: "Tomorrow morning",
+        mondayMorning: "Monday morning",
+        custom: {
+          title: "Set time & date",
+          invalid: "Time & date can't be in the past"
+        }
+      },
+      sv: {
+        title: "Skicka med schemaläggning",
+        tomorrowMorning: "Imorgon förmiddag",
+        mondayMorning: "Måndag morgon",
+        custom: {
+          title: "Välj datum & tid",
+          invalid: "Välj en tid & datum längre fram i tiden."
+        }
+      }
+    }
+  },
+  components: {
+    BaseDatePicker: f
+  },
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    },
+    onSaveDocument: {
+      type: Function,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      sendAt: u(/* @__PURE__ */ new Date(), 5).toISOString(),
+      showCustom: !1,
+      backupSentFlag: !1
+      // needed since doc/project flags not instant on double clicks
+    };
+  },
+  validations: {
+    sendAt: {
+      minValue: (n) => n > u(/* @__PURE__ */ new Date(), 2).toISOString()
+      // two minutes as safety
+    }
+  },
+  computed: {
+    ...P("forms", {
+      formData: (n) => n.document2.data
+    }),
+    ...c({
+      deliveryTypes: "forms/deliveryTypes",
+      isPostingDocument: "documents2/isPosting",
+      feature: "application/feature"
+    }),
+    tomorrowMorning() {
+      return p.toISOString();
+    },
+    mondayMorning() {
+      return v.toISOString();
+    },
+    reminderDeliveryTypes() {
+      const n = ["email"];
+      return this.feature("sms") && n.push("sms"), this.deliveryTypes ? [
+        ...this.deliveryTypes.sms && this.feature("sms") ? ["sms"] : [],
+        ...this.deliveryTypes.email ? ["email"] : []
+      ] : n;
+    }
+  },
+  created() {
+    p = C(/* @__PURE__ */ new Date()), v = _(/* @__PURE__ */ new Date(), 1);
+  },
+  methods: {
+    setTime(n) {
+      const e = n.split(":"), t = new Date(this.sendAt).setHours(e[0], e[1]);
+      t && (this.sendAt = new Date(t).toISOString());
+    },
+    setDate(n) {
+      const e = new Date(this.sendAt), t = new Date(n).setHours(e.getHours(), e.getMinutes());
+      this.sendAt = new Date(t).toISOString();
+    },
+    async onSendAt(n) {
+      try {
+        if (this.$v.$invalid || this.isPostingDocument || this.backupSentFlag)
+          return;
+        this.backupSentFlag = !0;
+        const e = {
+          type: "first",
+          status: "new",
+          sendDays: 0,
+          sendAt: n,
+          deliveryTypes: this.reminderDeliveryTypes,
+          tries: 0
+        }, t = this.formData.reminders.findIndex(
+          (i) => i.type === "first"
+        ), s = t >= 0 ? `data.reminders[${t}]` : "data.reminders";
+        this.setFormValue({ key: s, value: e }), await this.onSaveDocument({ doSend: !0 }), this.backupSentFlag = !1;
+      } catch (e) {
+        $(e);
+      } finally {
+        this.backupSentFlag = !1;
+      }
+    }
+  }
+};
+var z = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "overflow-hidden rounded-xl bg-white" }, [t("div", { staticClass: "px-6 pb-3 pt-8" }, [t("div", { staticClass: "text-md text-center font-semibold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("div", { staticClass: "pt-8" }, e._l([
+    [e.tomorrowMorning, "tomorrowMorning"],
+    [e.mondayMorning, "mondayMorning"]
+  ], function(s, i) {
+    return t("div", { key: i, staticClass: "mb-4 flex cursor-pointer select-none items-center justify-between rounded-md border border-gray-200 bg-gray-50 p-4 text-sm hover:border-gray-300 hover:bg-gray-100 active:border-gray-400 active:bg-gray-200", on: { click: () => e.onSendAt(s[0]) } }, [t("div", { staticClass: "font-medium" }, [e._v(e._s(e.$t(s[1])))]), t("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$formatDate(s[0], "p, d MMM")) + " ")])]);
+  }), 0)]), t("div", { staticClass: "border-t border-gray-200 bg-gray-100 px-8 py-6", class: e.showCustom ? "" : "cursor-pointer hover:bg-gray-200", on: { click: function(s) {
+    e.showCustom = !0;
+  } } }, [t("div", { staticClass: "flex items-center text-sm" }, [t("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), t("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), t("Animation", [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [t("div", { staticClass: "grid grid-cols-2 gap-4" }, [t("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), t("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? t("div", { staticClass: "error-wrapper" }, [t("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), t("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { loading: e.isPostingDocument, type: "secondary", wide: "" }, on: { click: function(s) {
+    return e.onSendAt(e.sendAt);
+  } } }, [e._v(" " + e._s(e.$t("_common:send")) + " " + e._s(e.$formatDate(e.sendAt, "d MMM - p")) + " ")])], 1)])], 1)]);
+}, T = [], E = /* @__PURE__ */ o(
+  R,
+  z,
+  T,
+  !1,
+  null,
+  "09b0e21d"
+);
+const N = E.exports, L = {
+  sv: {
+    title: "Skicka dokument",
+    nameLabel: "Dokumentnamn",
+    namePlaceholder: "Namn",
+    sendAs: "Skicka som",
+    validityPeriod: "Giltighetstid",
+    manualDelivery: "Manuell leverans",
+    manualDeliveryTooltip: "Skicka ut dokument till din mottagare själv. Du kan dela en länk eller en PDF.",
+    scheduledTooltip: "Schemalägg utskick",
+    clientsAreMissingContactInfo: "En eller flera mottagare saknar e-post eller mobiltelefon-nr. Dokumentet kommer inte att kunna skickas till dem.",
+    missingDeliveryMethod: "Välj en eller fler leveransmetoder",
+    sendButton: "Skicka dokument",
+    signMethod: {
+      title: "Signeringsmetod",
+      tooltip: "Hur ska din mottagare signera?",
+      button: {
+        title: "Standard - knapptryck",
+        content: "Bevisnivå: IP-adress, tidpunkt och enhet."
+      },
+      bankId: {
+        title: "BankId",
+        content: "Samma säkerhetsgrad som bankerna har."
+      },
+      signature: {
+        title: "Standard",
+        content: "Bevisnivå: IP-adress, tidpunkt och enhet."
+      },
+      inPerson: {
+        title: "Fysisk underskrift",
+        content: "Signatur på utskrivet dokument"
+      }
+    }
+  },
+  en: {
+    title: "Send document",
+    nameLabel: "Document name",
+    namePlaceholder: "Name",
+    sendAs: "Send as",
+    validityPeriod: "Expiration",
+    manualDelivery: "Manual delivery",
+    manualDeliveryTooltip: "Share the document with your recipient yourself. You can share a link or a PDF.",
+    scheduledTooltip: "Schedule delivery",
+    clientsAreMissingContactInfo: "Note that one or more recipients are missing an email or cellphone number. The document will not be sent to them.",
+    missingDeliveryMethod: "Please select one or more delivery methods",
+    sendButton: "Send document",
+    signMethod: {
+      title: "Signing method",
+      tooltip: "How do you want your client to sign?",
+      button: {
+        title: "Standard - button",
+        content: "Level of proof: IP address, timestamp and device."
+      },
+      bankId: {
+        title: "BankID",
+        content: "Same level of proof as the banks use."
+      },
+      signature: {
+        title: "Signature",
+        content: "Level of proof: IP address, timestamp and device."
+      },
+      inPerson: {
+        title: "In person",
+        content: "Signature on print document"
+      }
+    }
+  }
+}, j = {
+  sv: {
+    addFirstButton: "Lägg till mottagare",
+    addButton: "Lägg till mottagare",
+    signOrder: {
+      label: "Signeringsordning",
+      tooltip: "Signeringsordning låter dig bestämma i vilken ordning dina mottagare tar emot och signerar dokumentet."
+    }
+  },
+  en: {
+    addFirstButton: "Add recipient",
+    addButton: "Add recipient",
+    signOrder: {
+      label: "Signing order",
+      tooltip: "Signing order lets you decide the order in which your recipients receive and sign your documents."
+    }
+  }
+}, H = {
+  name: "ClientSendListItem",
+  components: {
+    CDropdown: h
+  },
+  props: {
+    client: {
+      type: Object,
+      default: () => ({})
+    },
+    isOrder: {
+      type: Boolean,
+      default: !1
+    },
+    isSender: {
+      type: Boolean,
+      default: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    allowEditClients: {
+      type: Boolean,
+      default: !0
+    },
+    rightButton: {
+      // TODO temporary in order to disable sender sign for widget context
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      isHover: !1,
+      isDropdownOpen: !1
+    };
+  },
+  methods: {
+    onClick() {
+      var n;
+      if (this.rightButton && this.isSender)
+        return (n = this.$refs.dropdown) == null ? void 0 : n.toggle();
+      this.allowEditClients && this.$emit("open");
+    }
+  }
+};
+var q = function() {
+  var s;
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "rc-card flex items-center", class: {
+    "is-hover": e.isHover,
+    "has-controls": e.isOrder
+  }, staticStyle: { "padding-left": "8px" }, on: { click: e.onClick, "&mouseover": function(i) {
+    e.isHover = !0;
+  }, "&mouseleave": function(i) {
+    e.isHover = !1;
+  } } }, [e.compact ? t("div", { staticStyle: { "font-size": "14px" } }, [t("div", [e._v(e._s(e.client.name || e.client.companyName))]), e.client.name && e.client.companyName ? t("div", { staticStyle: { "font-size": "12px", "font-weight": "500" } }, [e._v(" " + e._s(e.client.companyName) + " ")]) : e._e(), e.client.documentRole ? t("div", { staticClass: "text-gray-700", staticStyle: { "font-size": "13px", "margin-top": "4px" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e(), e.isOrder ? t("div", { staticClass: "compact-order" }, [t("CIcon", { staticClass: "compact-order-button", attrs: { size: "16", type: "chevron-up" }, on: { click: function(i) {
+    return i.preventDefault(), i.stopPropagation(), e.$emit("move", -1);
+  } } }), t("div", { staticClass: "rc-order", staticStyle: { width: "20px", height: "20px" } }, [e._v(" " + e._s(e.client.signOrder) + " ")]), t("CIcon", { staticClass: "compact-order-button", attrs: { size: "16", type: "chevron-down" }, on: { click: function(i) {
+    return i.preventDefault(), i.stopPropagation(), e.$emit("move", 1);
+  } } })], 1) : e._e()]) : [t("div", { staticStyle: { width: "34px", flex: "0 0 34px", display: "inline-flex", "justify-content": "center" } }, [e.isOrder ? t("div", { staticStyle: { position: "relative", display: "inline-block" } }, [t("CButton", { staticClass: "rc-order__button up", attrs: { type: "none", pattern: "primary", circle: "", raised: "", size: "small", icon: "minus" }, on: { click: function(i) {
+    return i.preventDefault(), i.stopPropagation(), e.$emit("move", -1);
+  } } }), t("CButton", { staticClass: "rc-order__button down", attrs: { type: "none", pattern: "primary", circle: "", raised: "", size: "small", icon: "plus" }, on: { click: function(i) {
+    return i.preventDefault(), i.stopPropagation(), e.$emit("move", 1);
+  } } }), t("div", { staticClass: "rc-order" }, [e._v(" " + e._s(e.client.signOrder) + " ")])], 1) : t("CIcon", { staticClass: "text-primary-500", staticStyle: { "margin-right": "8px", flex: "0 0 18px" }, attrs: { type: e.isSender ? "send" : ["signee", "approver"].includes(e.client.documentRole) ? "pen-tool" : "eye", size: "18" } })], 1), t("div", { staticClass: "rc-data truncate-text" }, [e.client.name || e.client.companyName ? t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.client.name || e.client.companyName) + " ")]) : e.isSender ? t("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:empty", { thing: e.$t("_common:reference") })) + " ")]) : t("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:missing", { thing: e.$t("_common:name") })) + " ")]), t("div", { staticClass: "text-gray-700", staticStyle: { "font-size": "12px" } }, [e.isSender ? [e.isSender ? t("span", [e._v(" " + e._s(e.$t("_common:documentRole.sender.description")) + " ")]) : e._e(), e.client.documentRole === "signee" ? t("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e()] : [((s = e.client.answerMethod) == null ? void 0 : s.accept) === "inPerson" ? t("span", { staticClass: "text-red-500" }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + ": "), t("span", [e._v(" " + e._s(e.$t("_common:signMethod.inPerson")) + " ")])]) : e._e(), e.client.documentRole ? t("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e(), e.client.email ? t("span", [e._v(e._s(e.client.email))]) : e._e(), e.client.cellphone ? t("span", [e._v(e._s(e.client.cellphone))]) : e._e()]], 2)])], e.rightButton ? t("transition", { attrs: { name: "fade-100" } }, [e.isHover || e.isDropdownOpen ? [e.isSender ? t("CDropdown", { ref: "dropdown", staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left", "menu-styling": {
+    minWidth: "220px"
+  }, "append-to-body": "" }, on: { "active-change": function(i) {
+    e.isDropdownOpen = i;
+  } }, nativeOn: { click: function(i) {
+    i.stopPropagation();
+  } }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+    return [t("CButton", { attrs: { circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" } })];
+  }, proxy: !0 }], null, !1, 383536082) }, [e._t("dropdownOptions")], 2) : e.allowEditClients ? t("CButton", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "secondary", raised: "" }, on: { click: function(i) {
+    return i.stopPropagation(), e.$emit("remove");
+  } } }) : e._e()] : e._e()], 2) : e._e()], 2);
+}, K = [], W = /* @__PURE__ */ o(
+  H,
+  q,
+  K,
+  !1,
+  null,
+  "3c817872"
+);
+const x = W.exports, G = {
+  name: "SenderBlockItem",
+  i18nOptions: {
+    namespaces: "senderBlockItem",
+    messages: {
+      en: {
+        toggle: {
+          label: "Sign the document",
+          description: "Toggle to add your own signature to the document."
+        }
+      },
+      sv: {
+        toggle: {
+          label: "Signera dokumentet",
+          description: "Aktivera för att lägga till din signatur på dokumentet."
+        }
+      }
+    }
+  },
+  components: {
+    RecipientBlockItem: x,
+    CDropdownItem: y
+  },
+  mixins: [
+    d(["senderClient"], {
+      useEmit: !1,
+      setFnName: "setFormValue"
+    })
+  ],
+  inject: {
+    allowSenderSign: {
+      default: !0
+    }
+  },
+  props: {
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    defaultAddSenderClient: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      senderClientData: null
+    };
+  },
+  computed: {
+    ...c({
+      feature: "application/feature"
+    })
+  },
+  created() {
+    this.generateSenderClient(), this._document.id || this._document.isDirty("senderClient") ? this.toggleSenderSign(!!this.senderClient) : this.defaultAddSenderClient && this.toggleSenderSign(!0);
+  },
+  methods: {
+    get: l,
+    generateSenderClient() {
+      const { company: n, user: e } = this._document.sender || {}, t = l(
+        this._document,
+        "data.defaultAnswerMethod"
+      );
+      this.senderClientData = {
+        ...b(),
+        documentRole: "recipient",
+        ...t && { answerMethod: t },
+        ...this.senderClient,
+        // latest sender values in the document
+        type: "company",
+        companyName: n.name,
+        name: e.name,
+        email: e.email,
+        cellphone: e.cellphone
+      };
+    },
+    toggleSenderSign(n) {
+      this.senderClientData.documentRole = n ? "signee" : "recipient", this.senderClient = n ? this.senderClientData : null, this._document.setDirty("senderClient");
+    },
+    setSenderMethod(n) {
+      const e = {
+        ...this.senderClient,
+        answerMethod: {
+          accept: n,
+          deny: "button"
+        }
+      };
+      this.senderClient = e, this.senderClientData = { ...e };
+    }
+  }
+};
+var Y = function() {
+  var e = this, t = e._self._c;
+  return e.senderClientData ? t("RecipientBlockItem", { staticClass: "first-of-group last-of-group", staticStyle: { display: "inline-flex", width: "auto", "padding-right": "2em", "min-width": "220px" }, attrs: { client: e.senderClientData, "right-button": e.allowSenderSign, "is-sender": !0 }, scopedSlots: e._u([{ key: "dropdownOptions", fn: function() {
+    return [t("CDropdownItem", { attrs: { value: !!e.senderClient, "close-on-click": !1, toggle: "" }, on: { input: e.toggleSenderSign } }, [e._v(" " + e._s(e.$t("toggle.label")) + " ")]), e.senderClient ? [t("CDropdownItem", { attrs: { separator: "" } }), t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "13px", padding: "calc(0.5 * var(--rem)) 0 calc(0.25 * var(--rem))", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), e._l([
+      "login",
+      "signature",
+      ...e.feature("bankId") ? ["bankId"] : []
+    ], function(s) {
+      return t("CDropdownItem", { key: s, attrs: { "icon-right": e.get(e.senderClient, "answerMethod.accept") === s ? "check" : "" }, on: { click: function(i) {
+        return e.setSenderMethod(s);
+      } } }, [e._v(" " + e._s(e.$t(`_common:signMethod.${s}`)) + " ")]);
+    })] : t("div", { staticClass: "bg-gray-100 text-gray-700", staticStyle: { padding: "calc(0.5 * var(--rem))", margin: "calc(0.5 * var(--rem))", "font-size": "13px", "border-radius": "4px", "line-height": "1.25", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("toggle.description")) + " ")])];
+  }, proxy: !0 }], null, !1, 407561968) }) : e._e();
+}, J = [], Q = /* @__PURE__ */ o(
+  G,
+  Y,
+  J,
+  !1,
+  null,
+  "427538ca"
+);
+const X = Q.exports, Z = {
+  name: "RecipientBlock",
+  i18nOptions: {
+    namespaces: "recipientBlock",
+    messages: j
+  },
+  components: {
+    AddClientCallout: V,
+    RecipientBlockItem: x,
+    SenderBlockItem: X,
+    CSwitch: F
+  },
+  mixins: [
+    d(["clients"], {
+      useEmit: !1,
+      setFnName: "setFormValue"
+    })
+  ],
+  props: {
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    },
+    defaultAddSenderClient: {
+      type: Boolean,
+      default: !1
+    },
+    allowEditClients: {
+      type: Boolean,
+      default: !0
+    },
+    isPublicForm: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    sortedClients() {
+      return [...this.clients].map((n, e) => ({ ...n, index: e })).sort((n, e) => n.signOrder - e.signOrder);
+    },
+    maxSignOrder() {
+      if (!this.useSignOrder || this.sortedClients.length === 0)
+        return 0;
+      const { signOrder: n } = this.sortedClients[this.sortedClients.length - 1];
+      return n;
+    },
+    useSignOrder() {
+      return l(this._document, "useSignOrder", !1);
+    },
+    getView() {
+      return k.value;
+    }
+  },
+  methods: {
+    onMoveRecipient({ index: n, direction: e }) {
+      this.clients = D(this.clients).set(
+        {
+          ...this.clients[n],
+          signOrder: Math.max(this.clients[n].signOrder + e, 0)
+        },
+        n
+      );
+    },
+    toggleSignOrder(n) {
+      let e = [];
+      if (n) {
+        const t = !this.clients.every(
+          ({ signOrder: s }) => !s
+        );
+        this.clients = this.clients.map((s, i) => ({
+          ...s,
+          signOrder: t ? s.signOrder : i + 1
+        }));
+      } else
+        e = l(this._document, "template.reminders", []), e.length || (e = g.default);
+      this.setFormValue({ key: "data.reminders", value: e }), this.setFormValue({ key: "useSignOrder", value: n });
+    },
+    removeClient(n) {
+      this.removeFormValue(`clients[${n}]`);
+    },
+    openClientModal(n = 0) {
+      var t;
+      const e = l(this, `clients[${n}].signOrder`);
+      this.$modal.show(O, {
+        documentClientIndex: n,
+        ...this.useSignOrder && {
+          signOrder: M(e) === "number" ? e : this.maxSignOrder + 1
+        },
+        signOptions: (t = this._document) == null ? void 0 : t.signOptions,
+        setFormValue: this.setFormValue,
+        removeFormValue: this.removeFormValue,
+        isPublicForm: this.isPublicForm
+      });
+    },
+    setClient(n) {
+      this.setFormValue({ key: `clients[${this.clients.length}]`, value: n });
+    }
+  }
+};
+var U = function() {
+  var e = this, t = e._self._c;
+  return t("div", [e.compact ? e._e() : [t("div", { staticClass: "pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("_common:from").capitalize()) + ": ")]), t("SenderBlockItem", { attrs: { _document: e._document, _value: { senderClient: "senderClient" }, "set-form-value": e.setFormValue, "default-add-sender-client": e.defaultAddSenderClient } })], t("div", { staticClass: "block-title flex pb-0.5 pt-2 text-xs text-gray-500", class: { "block-title__line": !e.compact } }, [e.compact ? e._e() : t("div", { staticClass: "font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("_common:to").capitalize()) + ": ")]), e.clients && e.clients.length ? t("div", { staticClass: "ml-auto inline-flex items-center justify-end" }, [t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("signOrder.tooltip"), expression: "$t('signOrder.tooltip')" }], staticClass: "mr-1", attrs: { type: "info", size: "14" } }), t("div", { staticClass: "mr-2 font-medium" }, [e._v(" " + e._s(e.$t("signOrder.label")) + " ")]), t("CSwitch", { staticClass: "!mr-0", attrs: { value: e.useSignOrder, size: "tiny", type: "success" }, on: { input: e.toggleSignOrder } })], 1) : e._e()]), e.clients && e.clients.length ? [e.useSignOrder ? t("transition-group", { staticClass: "list-move", attrs: { name: "list-move" } }, [e._l(e.sortedClients, function(s, i) {
+    return [i > 0 && s.signOrder !== e.sortedClients[i - 1].signOrder ? t("div", { key: i, staticClass: "h-2 pl-6" }, [t("div", { staticClass: "bg-primary-500 h-full w-0.5 rounded-sm" })]) : e._e(), t("div", { key: s._uniqueId, staticClass: "mb-0.5 mt-px" }, [t("RecipientBlockItem", { class: {
+      "first-of-group": i === 0 || i > 0 && s.signOrder !== e.sortedClients[i - 1].signOrder,
+      "last-of-group": i === e.sortedClients.length - 1 || e.sortedClients[i + 1] && s.signOrder !== e.sortedClients[i + 1].signOrder
+    }, attrs: { client: s, "is-order": e.useSignOrder, compact: e.compact, "allow-edit-clients": e.allowEditClients }, on: { move: function(a) {
+      return e.onMoveRecipient({ index: s.index, direction: a });
+    }, open: function(a) {
+      return e.openClientModal(s.index);
+    }, remove: function(a) {
+      return e.removeClient(s.index);
+    } } })], 1)];
+  })], 2) : e._l(e.clients, function(s, i) {
+    return t("RecipientBlockItem", { key: s._uniqueId, staticClass: "mb-0.5 mt-px", class: {
+      "first-of-group": i === 0,
+      "last-of-group": i === e.clients.length - 1
+    }, attrs: { "is-order": e.useSignOrder, compact: e.compact, "allow-edit-clients": e.allowEditClients, client: s }, on: { open: function(a) {
+      return e.openClientModal(i);
+    }, remove: function(a) {
+      return e.removeClient(i);
+    } } });
+  }), !e.compact && e.allowEditClients ? t("CButton", { staticClass: "is-thinner !text-sm", attrs: { type: "secondary", pattern: "tertiary", "icon-left": "plus", size: "normal" }, on: { click: function(s) {
+    return e.openClientModal(e.clients.length);
+  } } }, [e._v(" " + e._s(e.$t("addButton")) + " ")]) : e._e()] : (e.getView === "widget" || e.viewSettings.isPublicForm) && e.allowEditClients ? t("CButton", { staticClass: "!px-4 font-medium", attrs: { type: "secondary", raised: "", size: "small", taller: "", "icon-left": "person" }, on: { click: function(s) {
+    return e.openClientModal(e.clients.length);
+  } } }, [e._v(" " + e._s(e.$t("addFirstButton")) + " ")]) : !e.compact && e.allowEditClients ? t("AddClientCallout", { attrs: { compact: !0 }, on: { add: function(s) {
+    return e.openClientModal(e.clients.length);
+  }, setClient: e.setClient } }) : e._e()], 2);
+}, ee = [], te = /* @__PURE__ */ o(
+  Z,
+  U,
+  ee,
+  !1,
+  null,
+  "d8baf10e"
+);
+const ne = te.exports, se = {
+  name: "DocumentSendReminderItem",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    done: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+var ie = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "mb-4 flex min-h-[2.5em] select-none items-center rounded-md bg-gray-100 px-4 py-2 text-sm font-medium" }, [t("div", { staticClass: "mr-6 flex-auto select-none text-gray-700" }, [e._v(" " + e._s(e.label) + " ")]), t("div", { staticClass: "flex flex-nowrap items-center justify-center text-sm" }, [e.done ? t("span", { staticClass: "text-green-500" }, [t("CIcon", { attrs: { type: "check", size: "18" } }), e._v(" " + e._s(e.$t("sent")) + " ")], 1) : [t("CButton", { staticClass: "!h-6 !w-6 bg-white", attrs: { icon: "minus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
+    e.$emit("input", Math.max(e.value - 1, 0));
+  } } }), t("div", { staticClass: "min-w-[8ch] py-4 text-center text-sm font-medium text-gray-800" }, [e.value ? [e._v(" " + e._s(e.$tc("day", { count: Number(e.value) })) + " ")] : t("span", { staticClass: "text-xs text-gray-500" }, [e._v(" " + e._s(e.$t("disabled").capitalize()) + " ")])], 2), t("CButton", { staticClass: "!h-6 !w-6 bg-white", attrs: { icon: "plus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
+    return e.$emit("input", e.value + 1);
+  } } })]], 2)]);
+}, re = [], ae = /* @__PURE__ */ o(
+  se,
+  ie,
+  re,
+  !1,
+  null,
+  null
+);
+const oe = ae.exports, le = {
+  name: "DocumentSendReminders",
+  i18nOptions: {
+    namespaces: "documentSendReminders",
+    messages: {
+      en: {
+        description: "Edit when smart reminders should be sent to client",
+        notViewed: "Not viewed after",
+        notAnswered: "No reply after",
+        expires: "When expiration date is within"
+      },
+      sv: {
+        description: "Ställ in när smarta påminnelser ska skickas ut till mottagaren",
+        notViewed: "Inte öppnat efter",
+        notAnswered: "Inte svarat efter",
+        expires: "När giltighetstiden är inom"
+      }
+    }
+  },
+  components: {
+    DocumentSendReminderItem: oe
+  },
+  mixins: [d()],
+  props: {
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    }
+  },
+  computed: {
+    reminders() {
+      const n = {
+        first: null,
+        notViewed: null,
+        notAnswered: null,
+        expires: null
+      };
+      return this._document.reminders.forEach((e, t) => {
+        e.type === "first" ? n.first = { ...e, index: t } : e.type === "viewed" ? n.notViewed = { ...e, index: t } : e.type === "expires" ? n.expires = { ...e, index: t } : n.notAnswered = { ...e, index: t };
+      }), n;
+    }
+  },
+  methods: {
+    getDefaultReminders() {
+      if (!this._document.template)
+        return [];
+      const n = this._document.template.getDefaultData({
+        path: "properties.data.properties.reminders"
+      });
+      return n && Array.isArray(n) ? n : [];
+    },
+    setReminder(n, e) {
+      let t = "sendDays";
+      if (typeof e == "string" && (t = "sendAt"), !e) {
+        this.removeFormValue(`data.reminders[${n.index}]`);
+        return;
+      }
+      if (typeof n == "string") {
+        let s = this.getDefaultReminders().find(
+          (i) => i.type === n
+        );
+        if (s || (s = g.default.find((i) => i.type === n)), !s)
+          throw new Error("Could not find default reminder");
+        s[t] = e, this.setFormValue({ key: "data.reminders", value: s });
+        return;
+      }
+      this.setFormValue({
+        key: `data.reminders[${n.index}].${t}`,
+        value: e
+      });
+    }
+  }
+};
+var de = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(2 * var(--rem))", "font-size": "16px" } }, [t("div", { staticStyle: { "font-size": "1.25em", "font-weight": "700", "margin-bottom": "0.25em", "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), t("div", { staticClass: "text-center text-gray-600", staticStyle: { "max-width": "calc(20 * var(--rem))", margin: "0 auto calc(2 * var(--rem)) auto" } }, [e._v(" " + e._s(e.$t("description")) + " ")]), e._l([
+    { type: "notViewed", fallbackKey: "viewed" },
+    { type: "notAnswered", fallbackKey: "reminder" },
+    { type: "expires", fallbackKey: "expires" }
+  ], function(s, i) {
+    return t("DocumentSendReminderItem", { key: i, attrs: { label: e.$t(s.type), value: e.reminders[s.type] ? e.reminders[s.type].sendDays : 0, done: e.reminders[s.type] && e.reminders[s.type].status === "successful" }, on: { input: function(a) {
+      return e.setReminder(e.reminders[s.type] || s.fallbackKey, a);
+    } } });
+  }), t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "margin-top": "calc(2.5 * var(--rem))" } }, [t("CButton", { attrs: { type: "secondary", expanded: "" }, on: { click: function(s) {
+    return e.$emit("close");
+  } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 2);
+}, ce = [], me = /* @__PURE__ */ o(
+  le,
+  de,
+  ce,
+  !1,
+  null,
+  null
+);
+const ue = me.exports, pe = {
+  name: "SendForm",
+  i18nOptions: {
+    namespaces: "sendForm",
+    messages: L
+  },
+  components: {
+    Simplebar: B,
+    BaseDatePicker: f,
+    RecipientBlock: ne,
+    ErrorCallout: A,
+    IsPremiumPreStep: S,
+    IsPremium: w,
+    CDropdown: h,
+    CDropdownItem: y,
+    CRadio: I
+  },
+  mixins: [
+    d(
+      ["expiresAt", "clients", "defaultAnswerMethod", "reminders", "name"],
+      {
+        useEmit: !1,
+        setFnName: "setFormValue"
+      }
+    )
+  ],
+  props: {
+    showName: {
+      type: Boolean,
+      default: !0
+    },
+    showSave: {
+      type: Boolean,
+      default: !0
+    },
+    showSchedule: {
+      type: Boolean,
+      default: !0
+    },
+    allowManualDelivery: {
+      type: Boolean,
+      default: !0
+    },
+    allowEditClients: {
+      type: Boolean,
+      default: !0
+    },
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    },
+    useScroll: {
+      type: Boolean,
+      default: !1
+    },
+    onSaveDocument: {
+      type: Function,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      localIsPosting: !1,
+      clientHoverIndex: null
+    };
+  },
+  computed: {
+    ...c({
+      deliveryTypes: "forms/deliveryTypes",
+      isPostingDocument: "documents2/isPosting",
+      documentSenderSign: "settings/documentSenderSign",
+      // todo: could be moved to load form action
+      getCompanySetting: "settings/getCompanySetting",
+      feature: "application/feature"
+    }),
+    isPosting() {
+      return this.isPostingDocument || this.localIsPosting;
+    },
+    isPublicForm() {
+      return !!(this.viewSettings && this.viewSettings.isPublicForm);
+    },
+    useSignOrder() {
+      var n;
+      return ((n = this._document) == null ? void 0 : n.useSignOrder) || !1;
+    },
+    noOfReminders() {
+      return Object.values(this.reminders || []).reduce(
+        (n, e) => e && (e.sendDays || e.sendAt) && e.type !== "first" ? n + 1 : n,
+        0
+      );
+    },
+    smsActivated() {
+      return this.deliveryTypes.sms;
+    },
+    emailActivated() {
+      return this.deliveryTypes.email;
+    },
+    isManualDelivery() {
+      return !this.smsActivated && !this.emailActivated;
+    },
+    sendTypesText() {
+      return this.emailActivated || this.smsActivated ? [
+        ...this.emailActivated ? [this.$t("_common:email").capitalize()] : [],
+        ...this.smsActivated ? [this.$t("_common:sms")] : []
+      ].join(" & ") : this._document.isDirty("isManualDelivery") && this.clients.length ? this.$t("manualDelivery") : " ";
+    },
+    clientsAreMissingContactInfo() {
+      return this.isManualDelivery ? !1 : this.clients.some((n) => !(n.email || n.cellphone));
+    },
+    signMethods() {
+      var n, e;
+      return ((e = (n = this._document.signOptions) == null ? void 0 : n.filter((t) => t !== "inPerson")) == null ? void 0 : e.map((t) => ({
+        value: t,
+        title: this.$t(`signMethod.${t}.title`),
+        content: this.$t(`signMethod.${t}.content`)
+      }))) || [];
+    }
+  },
+  created() {
+    var n;
+    if (!this.expiresAt && !this._document.isDirty("expiresAt")) {
+      const e = this.getCompanySetting("defaultExpireDays");
+      if (e && Number.isInteger(e) && e > 0) {
+        const t = /* @__PURE__ */ new Date();
+        t.setDate(t.getDate() + e), this.setField({
+          field: "expiresAt",
+          value: t.toISOString(),
+          options: { ignoreChanges: !0 }
+        });
+      }
+    }
+    if (((n = this.defaultAnswerMethod) == null ? void 0 : n.accept) === "button") {
+      const [e] = this._document.signOptions || ["signature"];
+      this.setAnswerMethod(e, { ignoreChanges: !0 });
+    }
+  },
+  validations() {
+    const n = {
+      clients: {
+        required: (e) => e && e.length
+      }
+    };
+    return !this.allowManualDelivery && this.clients.length && (n.isManualDelivery = {
+      checked: (e) => !e
+    }), n;
+  },
+  methods: {
+    async doSaveDocument({ doSend: n }) {
+      try {
+        this.localIsPosting = !0, await this.onSaveDocument({ doSend: n });
+      } finally {
+        this.localIsPosting = !1;
+      }
+    },
+    async doSendDocument() {
+      var n;
+      this.$v.$touch(), !this.$v.$invalid && (["denied", "expired", "voided"].includes((n = this._document) == null ? void 0 : n.status) && this.resetDeniedDocument(), await this.doSaveDocument({ doSend: !0 }));
+    },
+    setDeliveryMethod(n, e) {
+      const t = this.deliveryTypes;
+      t[n] = e;
+      const s = Object.keys(t).filter((i) => t[i]);
+      (this.clients || []).forEach((i, a) => {
+        this.setFormValue({
+          key: `clients[${a}].deliveryTypes`,
+          value: s
+        });
+      });
+    },
+    setAnswerMethod(n, e = {}) {
+      this.setField({
+        field: "defaultAnswerMethod",
+        value: { ...this.defaultAnswerMethod, accept: n },
+        options: e
+      }), (this.clients || []).forEach((t, s) => {
+        var i;
+        ((i = t.answerMethod) == null ? void 0 : i.accept) !== "inPerson" && this.setField({
+          key: `clients[${s}].answerMethod.accept`,
+          value: n,
+          options: e
+        });
+      });
+    },
+    openReminders() {
+      this.useSignOrder || this.$modal.show(
+        ue,
+        {
+          _document: this._document,
+          setFormValue: this.setFormValue,
+          removeFormValue: this.removeFormValue
+        },
+        {
+          adaptive: !0,
+          height: "auto",
+          width: "90%",
+          maxWidth: 360
+        }
+      );
+    },
+    openSendLater() {
+      this.$v.$touch(), !this.$v.$invalid && this.$modal.show(
+        N,
+        {
+          _document: this._document,
+          setFormValue: this.setFormValue,
+          removeFormValue: this.removeFormValue,
+          onSaveDocument: this.doSaveDocument
+        },
+        {
+          adaptive: !0,
+          height: "auto",
+          width: "90%",
+          maxWidth: 360
+        }
+      );
+    },
+    resetDeniedDocument() {
+      (this.clients || []).forEach((n, e) => {
+        this.setFormValue({ key: `clients[${e}].answer`, value: null });
+      }), this.setFormValue({ key: "data.rejectReasons", value: [] }), this.setFormValue({ key: "status", value: "sent" });
+    },
+    shouldShowUpgradeModal({ canUseBankId: n, canUseSms: e }) {
+      var t;
+      return !!(this.smsActivated && !e || ((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "bankId" && !n);
+    }
+  }
+};
+var ve = function() {
+  var e = this, t = e._self._c;
+  return t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseBankId: s, canUseSms: i }) {
+    var a;
+    return [t("div", { staticClass: "@container flex h-full flex-col" }, [t(e.useScroll ? "Simplebar" : "div", { tag: "component", staticClass: "main-container" }, [t("div", { staticClass: "@md:px-8 @md:pb-8 @xl:px-16 @xl:pb-16 relative px-4 pb-4 pt-6" }, [t("div", { staticClass: "pb-4 text-lg font-bold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), e.showName ? t("div", { staticClass: "mb-6" }, [t("div", { staticClass: "pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("nameLabel")) + " ")]), t("CInput", { attrs: { placeholder: e.$t("namePlaceholder"), filled: "" }, model: { value: e.name, callback: function(r) {
+      e.name = r;
+    }, expression: "name" } })], 1) : e._e(), t("div", { staticClass: "mb-6" }, [t("RecipientBlock", { attrs: { _value: {
+      clients: "clients"
+    }, _document: e._document, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "default-add-sender-client": e.documentSenderSign, "allow-edit-clients": e.allowEditClients, "is-public-form": e.isPublicForm } })], 1), e._t("default"), e.defaultAnswerMethod && e.signMethods.length > 1 ? t("div", { staticClass: "mb-8" }, [t("div", { staticClass: "block-title pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("signMethod.title")) + " "), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("signMethod.tooltip"), expression: "$t('signMethod.tooltip')" }], staticClass: "ml-px text-gray-500", attrs: { type: "info", size: "14" } })], 1), t("div", { staticClass: "cb-card-group" }, e._l(e.signMethods, function(r) {
+      return t("div", { key: r.value, staticClass: "cb-card flex border-2 border-transparent hover:border-gray-300/30 hover:bg-gray-200", class: {
+        checked: e.defaultAnswerMethod.accept === r.value
+      }, on: { click: function(m) {
+        e.defaultAnswerMethod.accept !== r.value && e.setAnswerMethod(r.value);
+      } } }, [t("CRadio", { staticClass: "sign-radio pointer-events-none mr-3", attrs: { value: e.defaultAnswerMethod.accept, "native-value": r.value, type: "secondary", size: "small" } }), t("div", { staticClass: "flex-grow" }, [t("div", { staticClass: "cb-card-title flex items-center justify-between" }, [e._v(" " + e._s(r.title) + " "), r.value === "bankId" && !s ? t("div", { staticClass: "bg-primary-500 ml-2 rounded-full px-1.5 py-1 text-[10px] font-semibold leading-none text-white" }, [e._v(" Pro ")]) : e._e()]), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.defaultAnswerMethod.accept === r.value, expression: "defaultAnswerMethod.accept === signMethod.value" }], staticClass: "cb-card-body" }, [e._v(" " + e._s(r.content) + " ")])])], 1);
+    }), 0)]) : e._e(), t("div", { staticClass: "grid items-center gap-2", staticStyle: { "grid-template-columns": "repeat(auto-fit, minmax(200px, 1fr))" } }, [t("div", [t("BaseDatePicker", { staticClass: "psuedo-input relative", attrs: { "custom-el": !0, direction: "end", tabindex: "0" }, model: { value: e.expiresAt, callback: function(r) {
+      e.expiresAt = r;
+    }, expression: "expiresAt" } }, [t("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("validityPeriod")))]), t("div", [e._v(" " + e._s(e.expiresAt ? e.$formatDate(e.expiresAt) : e.$t("_common:disabled").capitalize()) + " ")]), e.expiresAt ? t("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(r) {
+      r.preventDefault(), r.stopPropagation(), e.expiresAt = void 0, e._document.setDirty("expiresAt");
+    } } }) : e._e()], 1)], 1), t("CDropdown", { staticStyle: { flex: "1 0 200px" }, attrs: { disabled: !e.clients.length, "mobile-label": e.$t("sendAs"), expanded: "" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+      return [t("div", { staticClass: "psuedo-input", attrs: { tabindex: "0" } }, [t("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("sendAs")))]), t("div", { domProps: { innerHTML: e._s(e.sendTypesText) } })])];
+    }, proxy: !0 }], null, !0) }, [t("CDropdownItem", { attrs: { value: e.emailActivated, "close-on-click": !1, toggle: "" }, on: { click: function(r) {
+      return e.setDeliveryMethod("email", !e.emailActivated);
+    } } }, [e._v(" " + e._s(e.$t("_common:email").capitalize()) + " ")]), e.feature("sms") ? t("CDropdownItem", { attrs: { value: e.smsActivated, "close-on-click": !1, toggle: "" }, on: { click: function(r) {
+      return e.setDeliveryMethod("sms", !e.smsActivated);
+    } } }, [e._v(" " + e._s(e.$t("_common:sms")) + " "), i ? e._e() : t("div", { staticClass: "bg-primary-500 ml-2 rounded-full px-1.5 py-1 text-[10px] font-semibold leading-none text-white" }, [e._v(" Pro ")])]) : e._e(), e.allowManualDelivery ? t("CDropdownItem", { attrs: { value: "", tooltip: {
+      content: e.$t("manualDeliveryTooltip")
+    } }, domProps: { textContent: e._s(e.$t("manualDelivery")) }, on: { click: () => {
+      e.setDeliveryMethod("sms", !1), e.setDeliveryMethod("email", !1), e._document.setDirty("isManualDelivery");
+    } } }) : e._e()], 1), !e.useSignOrder && !e.isManualDelivery ? t("div", { staticClass: "psuedo-input relative", attrs: { tabindex: "0" }, on: { click: e.openReminders } }, [t("div", { staticClass: "psuedo-input-label" }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), t("div", [e._v(" " + e._s(e.noOfReminders ? `${e.noOfReminders} ${e.$i18n.lang === "sv" ? e.$t("_common:unitType.unit") : ""}` : e.$t("_common:disabled").capitalize()) + " ")]), e.noOfReminders ? t("CButton", { staticClass: "absolute right-3 top-3", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(r) {
+      r.preventDefault(), r.stopPropagation(), e.reminders = [];
+    } } }) : e._e()], 1) : e._e()], 1), e.clientsAreMissingContactInfo || (a = e.$v.isManualDelivery) != null && a.$invalid ? t("ErrorCallout", { attrs: { message: e.clientsAreMissingContactInfo ? e.$t("clientsAreMissingContactInfo") : e.$t("missingDeliveryMethod"), size: "small" } }) : e._e(), e._t("content")], 2)]), t("div", { staticClass: "@md:px-8 @xl:px-16 px-4 pb-4" }, [e._t("send", function() {
+      return [t("IsPremiumPreStep", { attrs: { feature: "bankIdAndSms" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: r }) {
+        return [t("div", { staticClass: "flex" }, [e.showSave ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("_common:save", {
+          thing: e.$t("_common:document").toLowerCase()
+        }), expression: `
+                $t('_common:save', {
+                  thing: $t('_common:document').toLowerCase()
+                })
+              ` }], staticClass: "mr-2 w-12", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(m) {
+          return e.doSaveDocument({ doSend: !1 });
+        } } }) : e._e(), e.showSchedule && !e.useSignOrder && !e.isManualDelivery ? t("CButton", { staticClass: "@md:w-auto mr-2 w-12", staticStyle: { padding: "14px 16px", "border-radius": "8px", height: "initial", "font-size": "14px", "font-weight": "600" }, attrs: { disabled: e.isPosting || !e.clients.length, type: "none", pattern: "secondary" }, on: { click: e.openSendLater } }, [t("span", { staticClass: "@md:!block !hidden", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), t("CIcon", { staticClass: "@md:!hidden", attrs: { type: "calendar", size: "16" } })], 1) : e._e(), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$v.$invalid ? {
+          content: e.clients.length ? e.$t("missingDeliveryMethod") : e.$t(
+            "components:account.documentForm.clients.errorMessage"
+          )
+        } : {}, expression: `
+                $v.$invalid
+                  ? {
+                      content: !clients.length
+                        ? $t(
+                            'components:account.documentForm.clients.errorMessage'
+                          )
+                        : $t('missingDeliveryMethod')
+                    }
+                  : {}
+              ` }], staticClass: "flex-auto" }, [t("CButton", { staticStyle: { padding: "14px 16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0, 0, 0, 0.1)" }, attrs: { disabled: e.$v.$invalid, loading: e.isPosting, type: "secondary", wide: "" }, on: { click: function(m) {
+          e.shouldShowUpgradeModal({ canUseBankId: s, canUseSms: i }) ? r({
+            data: {
+              bankIdBlocked: !s,
+              smsBlocked: !i
+            }
+          }) : e.doSendDocument();
+        } } }, [e._v(" " + e._s(e.$t("sendButton")) + " ")])], 1)], 1)];
+      } }], null, !0) })];
+    }), e._t("footer")], 2)], 1)];
+  } }], null, !0) });
+}, ge = [], fe = /* @__PURE__ */ o(
+  pe,
+  ve,
+  ge,
+  !1,
+  null,
+  "69a6a565"
+);
+const De = fe.exports;
+export {
+  De as S
+};