@cling-se/widget 0.13.5 → 0.14.2

package/dist/{formComponentsInstall-BdhIOhq5.js → formComponentsInstall-EQLbqYqI.js}

@@ -1,55 +1,29 @@
-import { m } from "./mapFormMixin-2SoyKxW2.js";
-import { I as H, a as q, r as l } from "./index-DuCwf2mg.js";
-import { n as o, ay as j, az as v, h as K, b as c, aA as W, q as X, aB as I, aC as U, r as O, aD as T, f as P, aE as M, F as y } from "./main-DQ6SH_E_.js";
-import { B as R } from "./BaseDatePicker-2uhuySby.js";
-import { E as Q } from "./ErrorCallout-pRwrsMwI.js";
-import { s as Y, F as G } from "./Flag-CH9jX9p6.js";
-import { b as J, m as g } from "./vuex.esm-DKGl8mcw.js";
-import Z from "./AddClientCallout-P8T0R-6B.js";
-import ee from "./ClientModal-rdb9TsyH.js";
-import { c as te, r as ie, g as se, C as h, a as f, b as p } from "./CDropdownItem-BeK9wNHJ.js";
-import { S as ne } from "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-B85IuuQS.js";
-import { C as _ } from "./CCallout-CsQMsFZO.js";
-import { C as E } from "./CField-TsZhnNrK.js";
-const ae = {
-  name: "CFormField",
-  components: {
-    CField: E
-  },
-  extends: j,
-  computed: {
-    type() {
-      return this.hasErrors ? "is-danger" : this.isValid ? "is-success" : null;
-    },
-    customClass() {
-      return this.hasErrors ? "text-red-500" : this.isValid ? "text-green-500" : null;
-    }
-  }
-};
-var re = function() {
-  var e = this, i = e._self._c;
-  return i("CField", e._b({ attrs: { label: e.label, "custom-class": e.customClass, type: e.type, message: e.firstErrorMessage } }, "CField", { ...e.$attrs, ...e.$props }, !1), [e._t("default")], 2);
-}, oe = [], le = /* @__PURE__ */ o(
-  ae,
-  re,
-  oe,
-  !1,
-  null,
-  null
-);
-const de = le.exports;
+import { m } from "./mapFormMixin-Ce3_WIKw.js";
+import { I as L, a as H, r as l } from "./index-CUydiL8B.js";
+import { az as v, h as q, n as o, b as c, aA as j, t as K, aB as B, aC as W, q as I, aD as P, f as T, aE as R, J as y } from "./main-Bp2qcma0.js";
+import { B as M } from "./BaseDatePicker-BSkAllLg.js";
+import { E as X } from "./ErrorCallout-CdJCe67q.js";
+import { s as U, F as Q } from "./Flag-DwW19zju.js";
+import { b as Y, m as g } from "./vuex.esm-DKGl8mcw.js";
+import G from "./AddClientCallout-BP2ip0A4.js";
+import J from "./ClientModal-Dznh8Vvn.js";
+import { c as Z, r as ee, g as te, C as h, a as f, b as p } from "./CDropdownItem-DGES8E6l.js";
+import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
+import { C as _ } from "./CCallout-D5Nk5DgN.js";
+import { a as ie, C as se } from "./CFormField-CE4rV3cr.js";
+import { S as ne } from "./SmartList-BXeRj5NC.js";
 function z(t, e) {
   const i = new Date(t.getTime());
   return i.setDate(
     t.getDate() + (7 + e - t.getDay() - 1) % 7 + 1
   ), i.setHours(8, 0, 0, 0), i;
 }
-function N(t) {
+function E(t) {
   const e = new Date(t.getTime());
   return e.setDate(e.getDate() + 1), e.setHours(10, 0, 0, 0), e;
 }
-let b = N(/* @__PURE__ */ new Date()), C = z(/* @__PURE__ */ new Date(), 1);
-const ce = {
+let b = E(/* @__PURE__ */ new Date()), C = z(/* @__PURE__ */ new Date(), 1);
+const ae = {
   name: "DocumentSendLater",
   i18nOptions: {
     namespaces: "documentSendLater",
@@ -75,7 +49,7 @@ const ce = {
     }
   },
   components: {
-    BaseDatePicker: R
+    BaseDatePicker: M
   },
   props: {
     _document: {
@@ -110,7 +84,7 @@ const ce = {
     }
   },
   computed: {
-    ...J("forms", {
+    ...Y("forms", {
       formData: (t) => t.document2.data
     }),
     ...g({
@@ -133,7 +107,7 @@ const ce = {
     }
   },
   created() {
-    b = N(/* @__PURE__ */ new Date()), C = z(/* @__PURE__ */ new Date(), 1);
+    b = E(/* @__PURE__ */ new Date()), C = z(/* @__PURE__ */ new Date(), 1);
   },
   methods: {
     setTime(t) {
@@ -161,14 +135,14 @@ const ce = {
         ), s = i >= 0 ? `data.reminders[${i}]` : "data.reminders";
         this.setFormValue({ key: s, value: e }), await this.onSaveDocument({ doSend: !0 }), this.backupSentFlag = !1;
       } catch (e) {
-        K(e);
+        q(e);
       } finally {
         this.backupSentFlag = !1;
       }
     }
   }
 };
-var ue = function() {
+var re = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "overflow-hidden rounded-xl bg-white" }, [i("div", { staticClass: "px-6 pb-3 pt-8" }, [i("div", { staticClass: "text-md text-center font-semibold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), i("div", { staticClass: "pt-8" }, e._l([
     [e.tomorrowMorning, "tomorrowMorning"],
@@ -177,18 +151,18 @@ var ue = function() {
     return i("div", { key: n, 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]) } }, [i("div", { staticClass: "font-medium" }, [e._v(e._s(e.$t(s[1])))]), i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$formatDate(s[0], "p, d MMM")) + " ")])]);
   }), 0)]), i("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;
-  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), clearable: !1, type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { loading: e.isPostingDocument, type: "secondary", wide: "" }, on: { click: function(s) {
+  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("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)]);
-}, me = [], pe = /* @__PURE__ */ o(
-  ce,
-  ue,
-  me,
+}, oe = [], le = /* @__PURE__ */ o(
+  ae,
+  re,
+  oe,
   !1,
   null,
-  "799363f2"
+  "dcfae061"
 );
-const he = pe.exports, fe = {
+const de = le.exports, ce = {
   sv: {
     title: "Skicka dokument",
     nameLabel: "Dokumentnamn",
@@ -255,7 +229,7 @@ const he = pe.exports, fe = {
       }
     }
   }
-}, ge = {
+}, ue = {
   sv: {
     addFirstButton: "Lägg till mottagare",
     addButton: "Lägg till mottagare",
@@ -272,7 +246,7 @@ const he = pe.exports, fe = {
       tooltip: "Signing order lets you decide the order in which your recipients receive and sign your documents."
     }
   }
-}, ve = {
+}, me = {
   name: "ClientSendListItem",
   props: {
     client: {
@@ -316,7 +290,7 @@ const he = pe.exports, fe = {
     }
   }
 };
-var ye = function() {
+var pe = function() {
   var s;
   var e = this, i = e._self._c;
   return i("div", { staticClass: "rc-card flex items-center", class: {
@@ -343,15 +317,15 @@ var ye = function() {
   } } }, [i("CButton", { attrs: { slot: "trigger", circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" }, slot: "trigger" }), e._t("dropdownOptions")], 2) : e.allowEditClients ? i("CButton", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "secondary", raised: "" }, on: { click: function(n) {
     return n.stopPropagation(), e.$emit("remove");
   } } }) : e._e()] : e._e()], 2) : e._e()], 2);
-}, _e = [], be = /* @__PURE__ */ o(
-  ve,
-  ye,
-  _e,
+}, he = [], fe = /* @__PURE__ */ o(
+  me,
+  pe,
+  he,
   !1,
   null,
   "47fa5bc0"
 );
-const L = be.exports, Ce = {
+const N = fe.exports, ge = {
   name: "SenderBlockItem",
   i18nOptions: {
     namespaces: "senderBlockItem",
@@ -371,7 +345,7 @@ const L = be.exports, Ce = {
     }
   },
   components: {
-    RecipientBlockItem: L
+    RecipientBlockItem: N
   },
   mixins: [
     m(["senderClient"], {
@@ -415,7 +389,7 @@ const L = be.exports, Ce = {
         "data.defaultAnswerMethod"
       );
       this.senderClientData = {
-        ...W(),
+        ...j(),
         documentRole: "recipient",
         ...i && { answerMethod: i },
         ...this.senderClient,
@@ -442,7 +416,7 @@ const L = be.exports, Ce = {
     }
   }
 };
-var we = function() {
+var ve = function() {
   var e = this, i = e._self._c;
   return e.senderClientData ? i("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 } }, [i("template", { slot: "dropdownOptions" }, [i("CDropdownItem", { attrs: { value: !!e.senderClient, "close-on-click": !1, toggle: "" }, on: { input: e.toggleSenderSign } }, [e._v(" " + e._s(e.$t("toggle.label")) + " ")]), e.senderClient ? [i("CDropdownItem", { attrs: { separator: "" } }), i("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",
@@ -453,24 +427,24 @@ var we = function() {
       return e.setSenderMethod(s);
     } } }, [e._v(" " + e._s(e.$t(`_common:signMethod.${s}`)) + " ")]);
   })] : i("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")) + " ")])], 2)], 2) : e._e();
-}, xe = [], Se = /* @__PURE__ */ o(
-  Ce,
-  we,
-  xe,
+}, ye = [], _e = /* @__PURE__ */ o(
+  ge,
+  ve,
+  ye,
   !1,
   null,
   "dad49914"
 );
-const $e = Se.exports, ke = {
+const be = _e.exports, Ce = {
   name: "RecipientBlock",
   i18nOptions: {
     namespaces: "recipientBlock",
-    messages: ge
+    messages: ue
   },
   components: {
-    AddClientCallout: Z,
-    RecipientBlockItem: L,
-    SenderBlockItem: $e
+    AddClientCallout: G,
+    RecipientBlockItem: N,
+    SenderBlockItem: be
   },
   mixins: [
     m(["clients"], {
@@ -520,7 +494,7 @@ const $e = Se.exports, ke = {
   },
   methods: {
     onMoveRecipient({ index: t, direction: e }) {
-      this.clients = X(this.clients).set(
+      this.clients = K(this.clients).set(
         {
           ...this.clients[t],
           signOrder: Math.max(this.clients[t].signOrder + e, 0)
@@ -539,19 +513,21 @@ const $e = Se.exports, ke = {
           signOrder: i ? s.signOrder : n + 1
         }));
       } else
-        e = c(this._document, "template.reminders", []), e.length || (e = I.default);
+        e = c(this._document, "template.reminders", []), e.length || (e = B.default);
       this.setFormValue({ key: "data.reminders", value: e }), this.setFormValue({ key: "useSignOrder", value: t });
     },
     removeClient(t) {
       this.removeFormValue(`clients[${t}]`);
     },
     openClientModal(t = 0) {
+      var i;
       const e = c(this, `clients[${t}].signOrder`);
-      this.$modal.show(ee, {
+      this.$modal.show(J, {
         documentClientIndex: t,
         ...this.useSignOrder && {
-          signOrder: U(e) === "number" ? e : this.maxSignOrder + 1
+          signOrder: W(e) === "number" ? e : this.maxSignOrder + 1
         },
+        signOptions: (i = this._document) == null ? void 0 : i.signOptions,
         setFormValue: this.setFormValue,
         removeFormValue: this.removeFormValue,
         isPublicForm: this.isPublicForm
@@ -562,7 +538,7 @@ const $e = Se.exports, ke = {
     }
   }
 };
-var De = function() {
+var we = function() {
   var e = this, i = e._self._c;
   return i("div", [e.compact ? e._e() : [i("div", { staticClass: "pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("_common:from").capitalize()) + ": ")]), i("SenderBlockItem", { attrs: { _document: e._document, _value: { senderClient: "senderClient" }, "set-form-value": e.setFormValue, "default-add-sender-client": e.defaultAddSenderClient } })], i("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() : i("div", { staticClass: "font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("_common:to").capitalize()) + ": ")]), e.clients && e.clients.length ? i("div", { staticClass: "ml-auto inline-flex items-center justify-end" }, [i("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("signOrder.tooltip"), expression: "$t('signOrder.tooltip')" }], staticClass: "mr-1", attrs: { type: "info", size: "14" } }), i("div", { staticClass: "mr-2 font-medium" }, [e._v(" " + e._s(e.$t("signOrder.label")) + " ")]), i("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 ? i("transition-group", { staticClass: "list-move", attrs: { name: "list-move" } }, [e._l(e.sortedClients, function(s, n) {
     return [n > 0 && s.signOrder !== e.sortedClients[n - 1].signOrder ? i("div", { key: n, staticClass: "h-2 pl-6" }, [i("div", { staticClass: "bg-primary-500 h-full w-0.5 rounded-sm" })]) : e._e(), i("div", { key: s._uniqueId, staticClass: "mb-0.5 mt-px" }, [i("RecipientBlockItem", { class: {
@@ -591,15 +567,15 @@ var De = function() {
   } } }, [e._v(" " + e._s(e.$t("addFirstButton")) + " ")]) : !e.compact && e.allowEditClients ? i("AddClientCallout", { attrs: { compact: !0 }, on: { add: function(s) {
     return e.openClientModal(e.clients.length);
   }, setClient: e.setClient } }) : e._e()], 2);
-}, Ve = [], Fe = /* @__PURE__ */ o(
-  ke,
-  De,
-  Ve,
+}, xe = [], Se = /* @__PURE__ */ o(
+  Ce,
+  we,
+  xe,
   !1,
   null,
-  "d0782eac"
+  "51e072f2"
 );
-const Ae = Fe.exports, Be = {
+const $e = Se.exports, ke = {
   name: "DocumentSendReminderItem",
   props: {
     label: {
@@ -616,22 +592,22 @@ const Ae = Fe.exports, Be = {
     }
   }
 };
-var Ie = function() {
+var De = function() {
   var e = this, i = e._self._c;
   return i("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" }, [i("div", { staticClass: "mr-6 flex-auto select-none text-gray-700" }, [e._v(" " + e._s(e.label) + " ")]), i("div", { staticClass: "flex flex-nowrap items-center justify-center text-sm" }, [e.done ? i("span", { staticClass: "text-green-500" }, [i("CIcon", { attrs: { type: "check", size: "18" } }), e._v(" " + e._s(e.$t("sent")) + " ")], 1) : [i("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));
   } } }), i("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) })) + " ")] : i("span", { staticClass: "text-xs text-gray-500" }, [e._v(" " + e._s(e.$t("disabled").capitalize()) + " ")])], 2), i("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)]);
-}, Oe = [], Te = /* @__PURE__ */ o(
-  Be,
-  Ie,
-  Oe,
+}, Ve = [], Fe = /* @__PURE__ */ o(
+  ke,
+  De,
+  Ve,
   !1,
   null,
   null
 );
-const Pe = Te.exports, Me = {
+const Ae = Fe.exports, Oe = {
   name: "DocumentSendReminders",
   i18nOptions: {
     namespaces: "documentSendReminders",
@@ -651,7 +627,7 @@ const Pe = Te.exports, Me = {
     }
   },
   components: {
-    DocumentSendReminderItem: Pe
+    DocumentSendReminderItem: Ae
   },
   mixins: [m()],
   props: {
@@ -696,7 +672,7 @@ const Pe = Te.exports, Me = {
         let s = this.getDefaultReminders().find(
           (n) => n.type === t
         );
-        if (s || (s = I.default.find((n) => n.type === t)), !s)
+        if (s || (s = B.default.find((n) => n.type === t)), !s)
           throw new Error("Could not find default reminder");
         s[i] = e, this.setFormValue({ key: "data.reminders", value: s });
         return;
@@ -708,7 +684,7 @@ const Pe = Te.exports, Me = {
     }
   }
 };
-var Re = function() {
+var Be = function() {
   var e = this, i = e._self._c;
   return i("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(2 * var(--rem))", "font-size": "16px" } }, [i("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()) + " ")]), i("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" },
@@ -721,27 +697,27 @@ var Re = function() {
   }), i("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "margin-top": "calc(2.5 * var(--rem))" } }, [i("CButton", { attrs: { type: "secondary", expanded: "" }, on: { click: function(s) {
     return e.$emit("close");
   } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 2);
-}, Ee = [], ze = /* @__PURE__ */ o(
-  Me,
-  Re,
-  Ee,
+}, Ie = [], Pe = /* @__PURE__ */ o(
+  Oe,
+  Be,
+  Ie,
   !1,
   null,
   null
 );
-const Ne = ze.exports, Le = {
+const Te = Pe.exports, Re = {
   name: "SendForm",
   i18nOptions: {
     namespaces: "sendForm",
-    messages: fe
+    messages: ce
   },
   components: {
-    Simplebar: Y,
-    BaseDatePicker: R,
-    RecipientBlock: Ae,
-    ErrorCallout: Q,
-    IsPremiumPreStep: H,
-    IsPremium: q
+    Simplebar: U,
+    BaseDatePicker: M,
+    RecipientBlock: $e,
+    ErrorCallout: X,
+    IsPremiumPreStep: L,
+    IsPremium: H
   },
   mixins: [
     m(
@@ -840,20 +816,12 @@ const Ne = ze.exports, Le = {
       return this.isManualDelivery ? !1 : this.clients.some((t) => !(t.email || t.cellphone));
     },
     signMethods() {
-      return [
-        ...this.feature("bankId") ? [
-          {
-            value: "bankId",
-            title: this.$t("signMethod.bankId.title"),
-            content: this.$t("signMethod.bankId.content")
-          }
-        ] : [],
-        {
-          value: "signature",
-          title: this.$t("signMethod.signature.title"),
-          content: this.$t("signMethod.signature.content")
-        }
-      ];
+      var t, e;
+      return ((e = (t = this._document.signOptions) == null ? void 0 : t.filter((i) => i !== "inPerson")) == null ? void 0 : e.map((i) => ({
+        value: i,
+        title: this.$t(`signMethod.${i}.title`),
+        content: this.$t(`signMethod.${i}.content`)
+      }))) || [];
     }
   },
   created() {
@@ -869,7 +837,10 @@ const Ne = ze.exports, Le = {
         });
       }
     }
-    ((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button" && this.setAnswerMethod("signature", { ignoreChanges: !0 });
+    if (((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button") {
+      const [e] = this._document.signOptions || ["signature"];
+      this.setAnswerMethod(e, { ignoreChanges: !0 });
+    }
   },
   validations() {
     const t = {
@@ -920,7 +891,7 @@ const Ne = ze.exports, Le = {
     },
     openReminders() {
       this.useSignOrder || this.$modal.show(
-        Ne,
+        Te,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -936,7 +907,7 @@ const Ne = ze.exports, Le = {
     },
     openSendLater() {
       this.$v.$touch(), !this.$v.$invalid && this.$modal.show(
-        he,
+        de,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -962,7 +933,7 @@ const Ne = ze.exports, Le = {
     }
   }
 };
-var He = function() {
+var Me = function() {
   var e = this, i = e._self._c;
   return i("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseBankId: s, canUseSms: n }) {
     var a;
@@ -1020,20 +991,20 @@ var He = function() {
       } }], null, !0) })];
     }), e._t("footer")], 2)], 1)];
   } }], null, !0) });
-}, qe = [], je = /* @__PURE__ */ o(
-  Le,
-  He,
-  qe,
+}, ze = [], Ee = /* @__PURE__ */ o(
+  Re,
+  Me,
+  ze,
   !1,
   null,
-  "a160ead7"
+  "8a4ea99d"
 );
-const ri = je.exports, Ke = {
+const ii = Ee.exports, Ne = {
   name: "CAutocomplete",
   components: {
-    CInput: O
+    CInput: I
   },
-  mixins: [T],
+  mixins: [P],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1202,13 +1173,13 @@ const ri = je.exports, Ke = {
         () => this.checkIfReachedTheEndOfScroll(t)
       );
     }
-    this.appendToBody && (this.$data._bodyEl = te(this.$refs.dropdown), this.updateAppendToBody());
+    this.appendToBody && (this.$data._bodyEl = Z(this.$refs.dropdown), this.updateAppendToBody());
   },
   beforeDestroy() {
     typeof window < "u" && (document.removeEventListener("click", this.clickedOutside), this.dropdownPosition === "auto" && window.removeEventListener(
       "resize",
       this.calcDropdownInViewportVertical
-    )), this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content") && this.$refs.dropdown.querySelector(".dropdown-content").removeEventListener("scroll", this.checkIfReachedTheEndOfScroll), this.appendToBody && ie(this.$data._bodyEl);
+    )), this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content") && this.$refs.dropdown.querySelector(".dropdown-content").removeEventListener("scroll", this.checkIfReachedTheEndOfScroll), this.appendToBody && ee(this.$data._bodyEl);
   },
   methods: {
     /**
@@ -1267,7 +1238,7 @@ const ri = je.exports, Ke = {
      */
     getValue(t) {
       if (t !== null)
-        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? se(t, this.field) : t;
+        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? te(t, this.field) : t;
     },
     /**
      * Check if the scroll list inside the dropdown
@@ -1352,7 +1323,7 @@ const ri = je.exports, Ke = {
     }
   }
 };
-var We = function() {
+var Le = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "autocomplete control", class: { "is-expanded": e.expanded } }, [i("CInput", e._b({ ref: "input", attrs: { size: e.size, loading: e.loading, rounded: e.rounded, icon: e.icon, "icon-right": e.newIconRight, "icon-right-clickable": e.newIconRightClickable, "icon-pack": e.iconPack, maxlength: e.maxlength, autocomplete: e.newAutocomplete, "use-html5-validation": !1, type: "text" }, on: { input: e.onInput, focus: e.focused, blur: e.onBlur, "icon-right-click": e.rightIconClick, "icon-click": (s) => e.$emit("icon-click", s) }, nativeOn: { keyup: function(s) {
     if (!s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]))
@@ -1373,15 +1344,15 @@ var We = function() {
       return e.setSelected(s, void 0, a);
     } } }, [e.hasDefaultSlot ? e._t("default", null, { option: s, index: n }) : i("span", [e._v(" " + e._s(e.getValue(s, !0)) + " ")])], 2);
   }), e.data.length === 0 && e.hasEmptySlot ? i("div", { staticClass: "dropdown-item is-disabled" }, [e._t("empty")], 2) : e._e(), e.hasFooterSlot ? i("div", { staticClass: "dropdown-item" }, [e._t("footer")], 2) : e._e()], 2)])])], 1);
-}, Xe = [], Ue = /* @__PURE__ */ o(
-  Ke,
-  We,
-  Xe,
+}, He = [], qe = /* @__PURE__ */ o(
+  Ne,
+  Le,
+  He,
   !1,
   null,
   null
 );
-const Qe = Ue.exports, Ye = {
+const je = qe.exports, Ke = {
   name: "CMessage",
   props: {
     type: {
@@ -1398,25 +1369,25 @@ const Qe = Ue.exports, Ye = {
     }
   }
 };
-var Ge = function(e, i) {
+var We = function(e, i) {
   return e("div", { class: [i.data.class, i.data.staticClass], staticStyle: { padding: "0.75em 1em", display: "flex", "align-items": "flex-start", "border-radius": "0.6em", "background-color": "hsl(var(--gray-color-100) / 1)" }, style: { ...i.data.staticStyle } }, [e("div", { class: [`has-background-${i.props.type}`], staticStyle: { display: "inline-block", padding: "0.5em", "border-radius": "0.45em", "font-weight": "700", color: "white", "line-height": "1", "font-size": "12px", "margin-right": "1.25em" } }, [i._v(" " + i._s(i.props.badge || i.parent.$t("components:cling.message.tip")) + " ")]), e("div", { staticStyle: { color: "hsl(0, 0%, 25%)" } }, [i.props.text ? [i._v(" " + i._s(i.props.text) + " ")] : i._e(), i._t("default")], 2)]);
-}, Je = [], Ze = /* @__PURE__ */ o(
-  Ye,
-  Ge,
-  Je,
+}, Xe = [], Ue = /* @__PURE__ */ o(
+  Ke,
+  We,
+  Xe,
   !0,
   null,
   "9be3b227"
 );
-const w = Ze.exports, et = {
+const w = Ue.exports, Qe = {
   name: "CPhoneInput",
   components: {
-    Flag: G,
-    CInput: O,
+    Flag: Q,
+    CInput: I,
     CDropdown: h,
     CDropdownItem: f,
-    CButton: P,
-    CField: E,
+    CButton: T,
+    CField: ie,
     SmartList: ne
   },
   props: {
@@ -1509,7 +1480,7 @@ const w = Ze.exports, et = {
     }
   }
 };
-var tt = function() {
+var Ye = function() {
   var e = this, i = e._self._c;
   return i("CField", { staticClass: "has-addons", attrs: { expanded: "" } }, [i("div", { staticClass: "control" }, [i("SmartList", { attrs: { query: e.searchQuery, items: e.sortedRegions }, scopedSlots: e._u([{ key: "default", fn: function({ items: s }) {
     return [i("CDropdown", { staticClass: "control", staticStyle: { height: "100%" }, attrs: { size: e.$attrs.size, disabled: e.$attrs.disabled, "menu-styling": {
@@ -1524,19 +1495,19 @@ var tt = function() {
   } }]) })], 1), i("CField", { staticClass: "control", attrs: { label: e.label, "label-position": e.labelPosition, expanded: "" } }, [i("CInput", e._b({ attrs: { size: e.$attrs.size, placeholder: e.$attrs.placeholder, type: "tel" }, model: { value: e.phone, callback: function(s) {
     e.phone = s;
   }, expression: "phone" } }, "CInput", { ...e.$attrs, ...e.$props }, !1))], 1)], 1);
-}, it = [], st = /* @__PURE__ */ o(
-  et,
-  tt,
-  it,
+}, Ge = [], Je = /* @__PURE__ */ o(
+  Qe,
+  Ye,
+  Ge,
   !1,
   null,
   null
 );
-const x = st.exports, nt = {
+const x = Je.exports, Ze = {
   name: "CRadio",
-  mixins: [M]
+  mixins: [R]
 };
-var at = function() {
+var et = function() {
   var e = this, i = e._self._c;
   return i("label", { ref: "label", staticClass: "b-radio radio", class: [`is-${e.size}`, { "is-disabled": e.disabled }], attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.label.click());
@@ -1545,20 +1516,20 @@ var at = function() {
   }, change: function(s) {
     e.computedValue = e.nativeValue;
   } } }), i("span", { staticClass: "check", class: `is-${e.type}` }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
-}, rt = [], ot = /* @__PURE__ */ o(
-  nt,
-  at,
-  rt,
+}, tt = [], it = /* @__PURE__ */ o(
+  Ze,
+  et,
+  tt,
   !1,
   null,
   null
 );
-const S = ot.exports, lt = {
+const S = it.exports, st = {
   name: "CRadioButton",
   components: {
-    CButton: P
+    CButton: T
   },
-  mixins: [M],
+  mixins: [R],
   props: {
     type: {
       type: String,
@@ -1572,7 +1543,7 @@ const S = ot.exports, lt = {
     };
   }
 };
-var dt = function() {
+var nt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "control", class: { "is-expanded": e.expanded } }, [i("CButton", { ref: "label", staticClass: "c-radio radio button", class: [{ "is-disabled": e.disabled, "is-focused": e.isFocused }], attrs: { tag: "label", type: e.newValue === e.nativeValue ? e.type : null, size: e.size, disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.$el.label.click());
@@ -1585,17 +1556,17 @@ var dt = function() {
   }, change: function(s) {
     e.computedValue = e.nativeValue;
   } } })], 2)], 1);
-}, ct = [], ut = /* @__PURE__ */ o(
-  lt,
-  dt,
-  ct,
+}, at = [], rt = /* @__PURE__ */ o(
+  st,
+  nt,
+  at,
   !1,
   null,
   null
 );
-const $ = ut.exports, mt = {
+const $ = rt.exports, ot = {
   name: "CSelect",
-  mixins: [T],
+  mixins: [P],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1656,7 +1627,7 @@ const $ = ut.exports, mt = {
     }
   }
 };
-var pt = function() {
+var lt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "control", class: { "is-expanded": e.expanded, "has-icons-left": e.icon } }, [i("span", { staticClass: "select", class: e.spanClasses }, [i("select", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "select", class: e.selectClass, attrs: { multiple: e.multiple, size: e.nativeSize }, on: { blur: function(s) {
     e.$emit("blur", s) && e.checkHtml5Validity();
@@ -1671,15 +1642,15 @@ var pt = function() {
     });
     e.computedValue = s.target.multiple ? n : n[0];
   } } }, "select", e.$attrs, !1), [e.placeholder && e.computedValue == null ? i("option", { attrs: { disabled: "", hidden: "" }, domProps: { value: null } }, [e._v(" " + e._s(e.placeholder) + " ")]) : e._e(), e._t("default")], 2)])]);
-}, ht = [], ft = /* @__PURE__ */ o(
-  mt,
-  pt,
-  ht,
+}, dt = [], ct = /* @__PURE__ */ o(
+  ot,
+  lt,
+  dt,
   !1,
   null,
   "23e48013"
 );
-const k = ft.exports, gt = {
+const k = ct.exports, ut = {
   name: "CSkeleton",
   functional: !0,
   props: {
@@ -1745,16 +1716,16 @@ const k = ft.exports, gt = {
       i
     );
   }
-}, vt = null, yt = null;
-var _t = /* @__PURE__ */ o(
-  gt,
-  vt,
-  yt,
+}, mt = null, pt = null;
+var ht = /* @__PURE__ */ o(
+  ut,
+  mt,
+  pt,
   !1,
   null,
   null
 );
-const D = _t.exports, bt = {
+const D = ht.exports, ft = {
   name: "CSliderThumb",
   inheritAttrs: !1,
   props: {
@@ -1856,7 +1827,7 @@ const D = _t.exports, bt = {
     }
   }
 };
-var Ct = function() {
+var gt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-slider-thumb-wrapper", class: { "is-dragging": e.dragging }, style: e.wrapperStyle }, [i("div", e._b({ staticClass: "c-slider-thumb", attrs: { tabindex: e.disabled ? !1 : 0 }, on: { mousedown: e.onButtonDown, touchstart: e.onButtonDown, focus: e.onFocus, blur: e.onBlur, keydown: [function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "left", 37, s.key, ["Left", "ArrowLeft"]) || "button" in s && s.button !== 0 ? null : (s.preventDefault(), e.onLeftKeyDown.apply(null, arguments));
@@ -1871,15 +1842,15 @@ var Ct = function() {
   }, function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "end", void 0, s.key, void 0) ? null : (s.preventDefault(), e.onEndKeyDown.apply(null, arguments));
   }] } }, "div", e.$attrs, !1))]);
-}, wt = [], xt = /* @__PURE__ */ o(
-  bt,
-  Ct,
-  wt,
+}, vt = [], yt = /* @__PURE__ */ o(
+  ft,
+  gt,
+  vt,
   !1,
   null,
   null
 );
-const St = xt.exports, $t = {
+const _t = yt.exports, bt = {
   name: "CSliderTick",
   props: {
     value: {
@@ -1906,22 +1877,22 @@ const St = xt.exports, $t = {
     }
   }
 };
-var kt = function() {
+var Ct = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-slider-tick", class: { "is-tick-hidden": e.hidden }, style: e.getTickStyle(e.position) }, [e.$slots.default ? i("span", { staticClass: "c-slider-tick-label" }, [e._t("default")], 2) : e._e()]);
-}, Dt = [], Vt = /* @__PURE__ */ o(
-  $t,
-  kt,
-  Dt,
+}, wt = [], xt = /* @__PURE__ */ o(
+  bt,
+  Ct,
+  wt,
   !1,
   null,
   null
 );
-const Ft = Vt.exports, At = {
+const St = xt.exports, $t = {
   name: "CSlider",
   components: {
-    CSliderThumb: St,
-    CSliderTick: Ft
+    CSliderThumb: _t,
+    CSliderTick: St
   },
   props: {
     value: {
@@ -2118,7 +2089,7 @@ const Ft = Vt.exports, At = {
     }
   }
 };
-var Bt = function() {
+var kt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-slider", class: [`is-${e.size}`, `is-${e.type}`, e.rootClasses], on: { click: e.onSliderClick } }, [i("div", { ref: "slider", staticClass: "c-slider-track" }, [i("div", { staticClass: "c-slider-fill", style: e.barStyle }), e.ticks ? e._l(e.tickValues, function(s, n) {
     return i("CSliderTick", { key: n, attrs: { value: s } });
@@ -2127,15 +2098,15 @@ var Bt = function() {
   }, expression: "value1" } }), e.isRange ? i("CSliderThumb", { ref: "button2", attrs: { type: e.newTooltipType, tooltip: e.tooltip, "custom-formatter": e.customFormatter, "aria-valuenow": e.value2, "aria-valuemin": e.min, "aria-valuemax": e.max, "aria-label": Array.isArray(e.ariaLabel) ? e.ariaLabel[1] : "", "aria-disabled": e.disabled, role: "slider", "aria-orientation": "horizontal" }, on: { dragstart: e.onDragStart, dragend: e.onDragEnd }, model: { value: e.value2, callback: function(s) {
     e.value2 = s;
   }, expression: "value2" } }) : e._e()], 2)]);
-}, It = [], Ot = /* @__PURE__ */ o(
-  At,
-  Bt,
-  It,
+}, Dt = [], Vt = /* @__PURE__ */ o(
+  $t,
+  kt,
+  Dt,
   !1,
   null,
   null
 );
-const V = Ot.exports, Tt = {
+const V = Vt.exports, Ft = {
   name: "CSwitch",
   props: {
     value: {
@@ -2211,7 +2182,7 @@ const V = Ot.exports, Tt = {
     }
   }
 };
-var Pt = function() {
+var At = function() {
   var e = this, i = e._self._c;
   return i("label", { ref: "label", staticClass: "switch", class: e.newClass, attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.label.click());
@@ -2225,15 +2196,15 @@ var Pt = function() {
     } else
       e.computedValue = r;
   } } }), i("span", { staticClass: "check", class: [`is-${e.type}`] }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
-}, Mt = [], Rt = /* @__PURE__ */ o(
-  Tt,
-  Pt,
-  Mt,
+}, Ot = [], Bt = /* @__PURE__ */ o(
+  Ft,
+  At,
+  Ot,
   !1,
   null,
   "4cdd239d"
 );
-const F = Rt.exports, Et = {
+const F = Bt.exports, It = {
   name: "CTabItem",
   props: {
     label: String,
@@ -2311,16 +2282,16 @@ const F = Rt.exports, Et = {
       [e]
     ) : e;
   }
-}, zt = null, Nt = null;
-var Lt = /* @__PURE__ */ o(
-  Et,
-  zt,
-  Nt,
+}, Pt = null, Tt = null;
+var Rt = /* @__PURE__ */ o(
+  It,
+  Pt,
+  Tt,
   !1,
   null,
   null
 );
-const A = Lt.exports, Ht = {
+const A = Rt.exports, Mt = {
   name: "CSlotComponent",
   props: {
     component: {
@@ -2368,10 +2339,10 @@ const A = Lt.exports, Ht = {
         this.scoped ? this.component.$scopedSlots[this.name](this.props) : this.component.$slots[this.name]
       );
   }
-}, qt = {
+}, zt = {
   name: "CTabs",
   components: {
-    CSlotComponent: Ht
+    CSlotComponent: Mt
   },
   props: {
     value: {
@@ -2493,7 +2464,7 @@ const A = Lt.exports, Ht = {
     }
   }
 };
-var jt = function() {
+var Et = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-tabs", class: e.mainClasses }, [i("nav", { staticClass: "tabs", class: e.navClasses }, [i("ul", e._l(e.tabItems, function(s, n) {
     return i("li", { directives: [{ name: "show", rawName: "v-show", value: s.visible, expression: "tabItem.visible" }], key: n, class: {
@@ -2505,20 +2476,19 @@ var jt = function() {
       return e.tabClick(n);
     } } }, [s.icon ? i("CIcon", { attrs: { size: e.size, type: s.icon } }) : e._e(), i("span", [e._v(e._s(s.label))])], 1)], 1);
   }), 0)]), i("section", { staticClass: "tab-content", class: { "is-transitioning": e.isTransitioning } }, [e._t("default")], 2)]);
-}, Kt = [], Wt = /* @__PURE__ */ o(
-  qt,
-  jt,
-  Kt,
+}, Nt = [], Lt = /* @__PURE__ */ o(
+  zt,
+  Et,
+  Nt,
   !1,
   null,
   "e02a6440"
 );
-const B = Wt.exports;
-function oi(t) {
-  t.component(D.name, D), t.component("CAutocomplete", Qe), t.component(y.name, y), t.component(S.name, S), t.component($.name, $), t.component(h.name, h), t.component(f.name, f), t.component(k.name, k), t.component(_.name, _), t.component(F.name, F), t.component(B.name, B), t.component(A.name, A), t.component("CField", de), t.component(w.name, w), t.component(x.name, x), t.component(V.name, V);
+const O = Lt.exports;
+function si(t) {
+  t.component(D.name, D), t.component("CAutocomplete", je), t.component(y.name, y), t.component(S.name, S), t.component($.name, $), t.component(h.name, h), t.component(f.name, f), t.component(k.name, k), t.component(_.name, _), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", se), t.component(w.name, w), t.component(x.name, x), t.component(V.name, V);
 }
 export {
-  de as C,
-  ri as S,
-  oi as i
+  ii as S,
+  si as i
 };