@cling-se/widget 0.9.11 → 0.9.12

package/dist/{formComponentsInstall-0cfab48e.js → formComponentsInstall-57c30f22.js}

@@ -1,17 +1,17 @@
-import { b as H, m as f } from "./vuex.esm-4a0fff7c.js";
-import { s as q } from "./simplebar.min-07c0e6b7.js";
-import { m as u } from "./mapFormMixin-e82f943f.js";
-import { B as O } from "./BaseDatePicker-1abafbac.js";
-import { E as j } from "./ErrorCallout-ddbc30af.js";
-import { n as r, aA as I, aB as v, h as K, b as d, aC as W, l as X, aD as U, aE as Q, o as T, aF as P, aG as R, c as M, A as y } from "./main-abeba7c1.js";
-import G from "./AddClientCallout-bccc787f.js";
-import Y from "./ClientModal-e2c196c4.js";
-import { c as J, r as Z, g as ee, C as p, b as h, e as m } from "./CDropdownItem-bb7f1de7.js";
-import { S as te } from "./CSlider.vue_vue_type_style_index_0_lang-5ac8d200.js";
-import { C as _ } from "./CCallout-a357fde2.js";
-import { C as z } from "./CField-d69fcf46.js";
-import { r as o } from "./regions-29ee6964.js";
-const ie = {
+import { b as H, m as g } from "./vuex.esm-4a0fff7c.js";
+import { s as q } from "./simplebar.min-3682e5c9.js";
+import { m } from "./mapFormMixin-218f9749.js";
+import { B as I } from "./BaseDatePicker-2daf62c0.js";
+import { E as j } from "./ErrorCallout-d392ffe9.js";
+import { I as K, a as W, r as l } from "./IsPremiumPreStep-9b5a0a01.js";
+import { n as o, an as O, ao as v, h as X, b as c, ap as U, o as Q, aq as Y, ar as G, q as P, as as T, at as R, d as M, D as y } from "./main-5532481e.js";
+import J from "./AddClientCallout-6b0621ec.js";
+import Z from "./ClientModal-d1bf8d0d.js";
+import { c as ee, r as te, g as ie, C as h, b as f, e as p } from "./CDropdownItem-79c8dc70.js";
+import { S as se } from "./CSlider.vue_vue_type_style_index_0_lang-47894df7.js";
+import { C as _ } from "./CCallout-7fb1ad5c.js";
+import { C as z } from "./CField-2b1118f9.js";
+const ne = {
   name: "DocumentSendReminderItem",
   props: {
     label: {
@@ -28,24 +28,24 @@ const ie = {
     }
   }
 };
-var se = function() {
+var ae = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "flex items-center bg-gray-100 mb-4 rounded-md px-4 py-2 select-none text-sm font-medium min-h-[2.5em]" }, [i("div", { staticClass: "text-gray-700 flex-auto mr-6 select-none" }, [e._v(" " + e._s(e.label) + " ")]), i("div", { staticClass: "flex items-center justify-center flex-nowrap text-sm" }, [e.done ? i("span", { staticClass: "text-green-500" }, [i("BaseIcon", { attrs: { type: "check", size: "18" } }), e._v(" " + e._s(e.$t("sent")) + " ")], 1) : [i("CButton", { staticClass: "bg-white !h-6 !w-6", attrs: { icon: "minus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
     e.$emit("input", Math.max(e.value - 1, 0));
   } } }), i("div", { staticClass: "py-4 text-gray-800 font-medium text-center min-w-[8ch] text-sm" }, [e.value ? [e._v(" " + e._s(e.$tc("day", { count: Number(e.value) })) + " ")] : i("span", { staticClass: "text-gray-500 text-xs" }, [e._v(" " + e._s(e.$t("disabled").capitalize()) + " ")])], 2), i("CButton", { staticClass: "bg-white !w-6 !h-6", attrs: { icon: "plus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
     return e.$emit("input", e.value + 1);
   } } })]], 2)]);
-}, ne = [], ae = /* @__PURE__ */ r(
-  ie,
-  se,
+}, re = [], oe = /* @__PURE__ */ o(
   ne,
+  ae,
+  re,
   !1,
   null,
   null,
   null,
   null
 );
-const re = ae.exports, oe = {
+const le = oe.exports, de = {
   name: "DocumentSendReminders",
   i18nOptions: {
     namespaces: "documentSendReminders",
@@ -65,9 +65,9 @@ const re = ae.exports, oe = {
     }
   },
   components: {
-    DocumentSendReminderItem: re
+    DocumentSendReminderItem: le
   },
-  mixins: [u()],
+  mixins: [m()],
   props: {
     setFormValue: {
       type: Function,
@@ -106,7 +106,7 @@ const re = ae.exports, oe = {
       }
       if (typeof t == "string") {
         let s = this.getDefaultReminders().find((n) => n.type === t);
-        if (s || (s = I.default.find((n) => n.type === t)), !s)
+        if (s || (s = O.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;
@@ -115,7 +115,7 @@ const re = ae.exports, oe = {
     }
   }
 };
-var le = function() {
+var ce = 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" },
@@ -128,27 +128,27 @@ var le = function() {
   }), i("div", { staticClass: "flex items-center justify-center w-full", 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);
-}, de = [], ce = /* @__PURE__ */ r(
-  oe,
-  le,
+}, ue = [], me = /* @__PURE__ */ o(
   de,
+  ce,
+  ue,
   !1,
   null,
   null,
   null,
   null
 );
-const ue = ce.exports;
-function E(t, e) {
+const pe = me.exports;
+function N(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 = E(/* @__PURE__ */ new Date(), 1);
-const me = {
+let b = E(/* @__PURE__ */ new Date()), C = N(/* @__PURE__ */ new Date(), 1);
+const he = {
   name: "DocumentSendLater",
   i18nOptions: {
     namespaces: "documentSendLater",
@@ -174,7 +174,7 @@ const me = {
     }
   },
   components: {
-    BaseDatePicker: O
+    BaseDatePicker: I
   },
   props: {
     _document: {
@@ -212,7 +212,7 @@ const me = {
     ...H("forms", {
       formData: (t) => t.document2.data
     }),
-    ...f({
+    ...g({
       deliveryTypes: "forms/deliveryTypes",
       isPostingDocument: "documents2/isPosting",
       feature: "application/feature"
@@ -232,7 +232,7 @@ const me = {
     }
   },
   created() {
-    b = N(/* @__PURE__ */ new Date()), C = E(/* @__PURE__ */ new Date(), 1);
+    b = E(/* @__PURE__ */ new Date()), C = N(/* @__PURE__ */ new Date(), 1);
   },
   methods: {
     setTime(t) {
@@ -258,14 +258,14 @@ const me = {
         }, i = this.formData.reminders.findIndex((n) => n.type === "first"), 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);
+        X(e);
       } finally {
         this.backupSentFlag = !1;
       }
     }
   }
 };
-var pe = function() {
+var fe = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "bg-white rounded-xl overflow-hidden" }, [i("div", { staticClass: "px-6 pt-8 pb-3" }, [i("div", { staticClass: "text-md font-semibold text-center" }, [e._v(" " + e._s(e.$t("title")) + " ")]), i("div", { staticClass: "pt-8" }, e._l([
     [e.tomorrowMorning, "tomorrowMorning"],
@@ -277,18 +277,18 @@ var pe = function() {
   } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("BaseIcon", { 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("BaseIcon", { staticClass: "mr-2 text-primary-500", 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 || e.isPostingProject, 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)]);
-}, he = [], fe = /* @__PURE__ */ r(
-  me,
-  pe,
+}, ge = [], ve = /* @__PURE__ */ o(
   he,
+  fe,
+  ge,
   !1,
   null,
   "3b80f637",
   null,
   null
 );
-const ge = fe.exports;
-const ve = {
+const ye = ve.exports;
+const _e = {
   name: "ClientSendListItem",
   props: {
     client: {
@@ -320,7 +320,7 @@ const ve = {
     };
   }
 };
-var ye = function() {
+var be = function() {
   var s;
   var e = this, i = e._self._c;
   return i("div", { staticClass: "flex items-center rc-card", class: {
@@ -349,18 +349,18 @@ 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) : 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()], 2) : e._e()], 2);
-}, _e = [], be = /* @__PURE__ */ r(
-  ve,
-  ye,
+}, Ce = [], we = /* @__PURE__ */ o(
   _e,
+  be,
+  Ce,
   !1,
   null,
   "4102ea12",
   null,
   null
 );
-const L = be.exports;
-const Ce = {
+const L = we.exports;
+const xe = {
   name: "SenderBlockItem",
   i18nOptions: {
     namespaces: "senderBlockItem",
@@ -383,7 +383,7 @@ const Ce = {
     RecipientBlockItem: L
   },
   mixins: [
-    u(
+    m(
       ["senderClient"],
       { useEmit: !1, setFnName: "setFormValue" }
     )
@@ -409,7 +409,7 @@ const Ce = {
     };
   },
   computed: {
-    ...f({
+    ...g({
       feature: "application/feature"
     })
   },
@@ -417,11 +417,11 @@ const Ce = {
     this.generateSenderClient(), this._document.id || this._document.isDirty("senderClient") ? this.toggleSenderSign(!!this.senderClient) : this.defaultAddSenderClient && this.toggleSenderSign(!0);
   },
   methods: {
-    get: d,
+    get: c,
     generateSenderClient() {
-      const { company: t, user: e } = this._document.sender || {}, i = d(this._document, "data.defaultAnswerMethod");
+      const { company: t, user: e } = this._document.sender || {}, i = c(this._document, "data.defaultAnswerMethod");
       this.senderClientData = {
-        ...W(),
+        ...U(),
         documentRole: "recipient",
         ...i && { answerMethod: i },
         ...this.senderClient,
@@ -448,7 +448,7 @@ const Ce = {
     }
   }
 };
-var we = function() {
+var Se = 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)) calc(1 * var(--rem))", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), e._l([
     "login",
@@ -459,17 +459,17 @@ var we = function() {
       return e.setSenderMethod(s);
     } } }, [e._v(" " + e._s(e.$t(`_common:signMethod.${s}`)) + " ")]);
   })] : i("div", { staticClass: "text-gray-700 bg-gray-100", 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 = [], $e = /* @__PURE__ */ r(
-  Ce,
-  we,
+}, $e = [], ke = /* @__PURE__ */ o(
   xe,
+  Se,
+  $e,
   !1,
   null,
   "f5277e62",
   null,
   null
 );
-const Se = $e.exports, ke = {
+const De = ke.exports, Ve = {
   sv: {
     title: "Skicka dokument",
     nameLabel: "Dokumentnamn",
@@ -536,7 +536,7 @@ const Se = $e.exports, ke = {
       }
     }
   }
-}, De = {
+}, Fe = {
   sv: {
     addFirstButton: "Lägg till mottagare",
     addButton: "Lägg till mottagare",
@@ -554,19 +554,19 @@ const Se = $e.exports, ke = {
     }
   }
 };
-const Ve = {
+const Ae = {
   name: "RecipientBlock",
   i18nOptions: {
     namespaces: "recipientBlock",
-    messages: De
+    messages: Fe
   },
   components: {
-    AddClientCallout: G,
+    AddClientCallout: J,
     RecipientBlockItem: L,
-    SenderBlockItem: Se
+    SenderBlockItem: De
   },
   mixins: [
-    u(
+    m(
       ["clients"],
       {
         useEmit: !1,
@@ -607,12 +607,12 @@ const Ve = {
       return t;
     },
     useSignOrder() {
-      return d(this._document, "useSignOrder", !1);
+      return c(this._document, "useSignOrder", !1);
     }
   },
   methods: {
     onMoveRecipient({ index: t, direction: e }) {
-      this.clients = X(this.clients).set(
+      this.clients = Q(this.clients).set(
         {
           ...this.clients[t],
           signOrder: Math.max(this.clients[t].signOrder + e, 0)
@@ -629,20 +629,20 @@ const Ve = {
           signOrder: i ? s.signOrder : n + 1
         }));
       } else
-        e = d(this._document, "template.reminders", []), e.length || (e = I.default);
+        e = c(this._document, "template.reminders", []), e.length || (e = O.default);
       this.setFormValue({ key: "data.reminders", value: e }), this.setFormValue({ key: "useSignOrder", value: t });
     },
     removeClient(t) {
       this.removeFormValue(`clients[${t}]`);
     },
     openClientModal(t = 0) {
-      const e = d(this, `clients[${t}].signOrder`);
+      const e = c(this, `clients[${t}].signOrder`);
       this.$modal.show(
-        Y,
+        Z,
         {
           documentClientIndex: t,
           ...this.useSignOrder && {
-            signOrder: U(e) === "number" ? e : this.maxSignOrder + 1
+            signOrder: Y(e) === "number" ? e : this.maxSignOrder + 1
           },
           isPublicForm: this.isPublicForm
         }
@@ -653,7 +653,7 @@ const Ve = {
     }
   }
 };
-var Fe = function() {
+var Be = function() {
   var e = this, i = e._self._c;
   return i("div", [e.compact ? e._e() : [i("div", { staticClass: "text-gray-900 text-xs font-medium pb-0.5" }, [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 text-gray-500 text-xs pb-0.5 pt-2", class: { "block-title__line": !e.compact } }, [e.compact ? e._e() : i("div", { staticClass: "text-gray-900 font-medium" }, [e._v(" " + e._s(e.$t("_common:to").capitalize()) + ": ")]), e.clients && e.clients.length ? i("div", { staticClass: "inline-flex items-center justify-end ml-auto" }, [i("BaseIcon", { 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: "font-medium mr-2" }, [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: "h-full w-0.5 rounded-sm bg-primary-500" })]) : e._e(), i("div", { key: s._uniqueId, staticClass: "mt-px mb-0.5" }, [i("RecipientBlockItem", { class: {
@@ -682,31 +682,33 @@ var Fe = function() {
   } } }, [e._v(" " + e._s(e.$t("addFirstButton")) + " ")]) : e.compact ? e._e() : i("AddClientCallout", { attrs: { compact: !0 }, on: { add: function(s) {
     return e.openClientModal(e.clients.length);
   }, setClient: e.setClient } })], 2);
-}, Ae = [], Be = /* @__PURE__ */ r(
-  Ve,
-  Fe,
+}, Ie = [], Oe = /* @__PURE__ */ o(
   Ae,
+  Be,
+  Ie,
   !1,
   null,
   "ae1def56",
   null,
   null
 );
-const Oe = Be.exports;
-const Ie = {
+const Pe = Oe.exports;
+const Te = {
   name: "SendForm",
   i18nOptions: {
     namespaces: "sendForm",
-    messages: ke
+    messages: Ve
   },
   components: {
     Simplebar: q,
-    BaseDatePicker: O,
-    RecipientBlock: Oe,
-    ErrorCallout: j
+    BaseDatePicker: I,
+    RecipientBlock: Pe,
+    ErrorCallout: j,
+    IsPremiumPreStep: K,
+    IsPremium: W
   },
   mixins: [
-    u(
+    m(
       [
         "expiresAt",
         "clients",
@@ -761,7 +763,7 @@ const Ie = {
     };
   },
   computed: {
-    ...f({
+    ...g({
       deliveryTypes: "forms/deliveryTypes",
       isPostingDocument: "documents2/isPosting",
       documentSenderSign: "settings/documentSenderSign",
@@ -878,7 +880,7 @@ const Ie = {
     },
     openReminders() {
       this.useSignOrder || this.$modal.show(
-        ue,
+        pe,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -894,7 +896,7 @@ const Ie = {
     },
     openSendLater() {
       this.$v.$touch(), !this.$v.$invalid && this.$modal.show(
-        ge,
+        ye,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -913,71 +915,79 @@ const Ie = {
       (this.clients || []).forEach((t, e) => {
         this.setFormValue({ key: `clients[${e}].answer`, value: null });
       }), this.setFormValue({ key: "data.rejectReasons", value: [] }), this.setFormValue({ key: "status", value: "sent" });
+    },
+    shouldShowUpgradeModal({ canUseBankId: t, canUseSms: e }) {
+      var i;
+      return !!(this.smsActivated && !e || ((i = this.defaultAnswerMethod) == null ? void 0 : i.accept) === "bankId" && !t);
     }
   }
 };
-var Te = function() {
-  var s;
+var Re = function() {
   var e = this, i = e._self._c;
-  return i("div", { staticClass: "flex flex-col h-full @container" }, [i(e.useScroll ? "Simplebar" : "div", { tag: "component", staticClass: "main-container" }, [i("div", { staticClass: "relative pt-6 px-4 pb-4 @md:px-8 @md:pb-8 @xl:px-16 @xl:pb-16" }, [i("div", { staticClass: "pb-4 text-lg font-bold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), e.showName ? i("div", { staticClass: "mb-6" }, [i("div", { staticClass: "text-gray-900 text-xs font-medium pb-0.5" }, [e._v(" " + e._s(e.$t("nameLabel")) + " ")]), i("CInput", { attrs: { placeholder: e.$t("namePlaceholder"), filled: "" }, model: { value: e.name, callback: function(n) {
-    e.name = n;
-  }, expression: "name" } })], 1) : e._e(), i("div", { staticClass: "mb-6" }, [i("RecipientBlock", { attrs: { _value: {
-    clients: "clients"
-  }, _document: e._document, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "default-add-sender-client": e.documentSenderSign, "is-public-form": e.isPublicForm } })], 1), e._t("default"), e.defaultAnswerMethod && e.signMethods.length > 1 ? i("div", { staticClass: "mb-8" }, [i("div", { staticClass: "block-title text-gray-900 text-xs font-medium pb-0.5" }, [e._v(" " + e._s(e.$t("signMethod.title")) + " "), i("BaseIcon", { 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), i("div", { staticClass: "cb-card-group" }, e._l(e.signMethods, function(n) {
-    return i("div", { key: n.value, staticClass: "flex border-2 border-transparent hover:bg-gray-200 hover:border-gray-300/30 cb-card", class: { checked: e.defaultAnswerMethod.accept === n.value }, on: { click: function(a) {
-      e.defaultAnswerMethod.accept !== n.value && e.setAnswerMethod(n.value);
-    } } }, [i("CRadio", { staticClass: "mr-3 pointer-events-none sign-radio", attrs: { value: e.defaultAnswerMethod.accept, "native-value": n.value, type: "secondary", size: "small" } }), i("div", { staticClass: "flex-grow" }, [i("div", { staticClass: "cb-card-title" }, [e._v(e._s(n.title))]), i("div", { directives: [{ name: "show", rawName: "v-show", value: e.defaultAnswerMethod.accept === n.value, expression: "defaultAnswerMethod.accept === signMethod.value" }], staticClass: "cb-card-body" }, [e._v(" " + e._s(n.content) + " ")])])], 1);
-  }), 0)]) : e._e(), i("div", { staticClass: "grid items-center gap-2", staticStyle: { "grid-template-columns": "repeat(auto-fit, minmax(200px, 1fr))" } }, [i("div", [i("BaseDatePicker", { staticClass: "relative psuedo-input", attrs: { "custom-el": !0, direction: "end", tabindex: "0" }, model: { value: e.expiresAt, callback: function(n) {
-    e.expiresAt = n;
-  }, expression: "expiresAt" } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("validityPeriod")))]), i("div", [e._v(e._s(e.expiresAt ? e.$formatDate(e.expiresAt) : e.$t("_common:disabled").capitalize()))]), e.expiresAt ? i("CButton", { staticClass: "absolute right-3 top-3", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(n) {
-    n.preventDefault(), n.stopPropagation(), e.expiresAt = void 0, e._document.setDirty("expiresAt");
-  } } }) : e._e()], 1)], 1), i("CDropdown", { staticStyle: { flex: "1 0 200px" }, attrs: { disabled: !e.clients.length, "mobile-label": e.$t("sendAs"), expanded: "" } }, [i("div", { staticClass: "psuedo-input", attrs: { slot: "trigger", tabindex: "0" }, slot: "trigger" }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("sendAs")))]), i("div", { domProps: { innerHTML: e._s(e.sendTypesText) } })]), i("CDropdownItem", { attrs: { value: e.emailActivated, "close-on-click": !1, toggle: "" }, on: { click: function(n) {
-    return e.setDeliveryMethod("email", !e.emailActivated);
-  } } }, [e._v(" " + e._s(e.$t("_common:email").capitalize()) + " ")]), e.feature("sms") ? i("CDropdownItem", { attrs: { value: e.smsActivated, "close-on-click": !1, toggle: "" }, on: { click: function(n) {
-    return e.setDeliveryMethod("sms", !e.smsActivated);
-  } } }, [e._v(" " + e._s(e.$t("_common:sms")) + " ")]) : e._e(), e.allowManualDelivery ? i("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 ? i("div", { staticClass: "relative psuedo-input", attrs: { tabindex: "0" }, on: { click: e.openReminders } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("_common:reminder_plural").capitalize()))]), i("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 ? i("CButton", { staticClass: "absolute right-3 top-3", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(n) {
-    n.preventDefault(), n.stopPropagation(), e.reminders = [];
-  } } }) : e._e()], 1) : e._e()], 1), e.clientsAreMissingContactInfo || (s = e.$v.isManualDelivery) != null && s.$invalid ? i("ErrorCallout", { attrs: { message: e.clientsAreMissingContactInfo ? e.$t("clientsAreMissingContactInfo") : e.$t("missingDeliveryMethod"), size: "small" } }) : e._e(), e._t("content")], 2)]), i("div", { staticClass: "px-4 pb-4 @md:px-8 @xl:px-16" }, [e._t("send", function() {
-    return [i("div", { staticClass: "flex" }, [e.showSave ? i("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: "w-12 mr-2", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(n) {
-      return e.doSaveDocument({ doSend: !1 });
-    } } }) : e._e(), e.showSchedule && !e.useSignOrder && !e.isManualDelivery ? i("CButton", { staticClass: "mr-2 w-12 @md:w-auto", 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 } }, [i("span", { staticClass: "!hidden @md:!block", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), i("BaseIcon", { staticClass: "@md:!hidden", attrs: { type: "calendar", size: "16" } })], 1) : e._e(), i("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" }, [i("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(n) {
-      return e.doSendDocument();
-    } } }, [e._v(" " + e._s(e.$t("sendButton")) + " ")])], 1)], 1)];
-  }), e._t("footer")], 2)], 1);
-}, Pe = [], Re = /* @__PURE__ */ r(
-  Ie,
+  return i("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseBankId: s, canUseSms: n }) {
+    var a;
+    return [i("div", { staticClass: "flex flex-col h-full @container" }, [i(e.useScroll ? "Simplebar" : "div", { tag: "component", staticClass: "main-container" }, [i("div", { staticClass: "relative pt-6 px-4 pb-4 @md:px-8 @md:pb-8 @xl:px-16 @xl:pb-16" }, [i("div", { staticClass: "pb-4 text-lg font-bold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), e.showName ? i("div", { staticClass: "mb-6" }, [i("div", { staticClass: "text-gray-900 text-xs font-medium pb-0.5" }, [e._v(" " + e._s(e.$t("nameLabel")) + " ")]), i("CInput", { attrs: { placeholder: e.$t("namePlaceholder"), filled: "" }, model: { value: e.name, callback: function(r) {
+      e.name = r;
+    }, expression: "name" } })], 1) : e._e(), i("div", { staticClass: "mb-6" }, [i("RecipientBlock", { attrs: { _value: {
+      clients: "clients"
+    }, _document: e._document, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "default-add-sender-client": e.documentSenderSign, "is-public-form": e.isPublicForm } })], 1), e._t("default"), e.defaultAnswerMethod && e.signMethods.length > 1 ? i("div", { staticClass: "mb-8" }, [i("div", { staticClass: "block-title text-gray-900 text-xs font-medium pb-0.5" }, [e._v(" " + e._s(e.$t("signMethod.title")) + " "), i("BaseIcon", { 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), i("div", { staticClass: "cb-card-group" }, e._l(e.signMethods, function(r) {
+      return i("div", { key: r.value, staticClass: "flex border-2 border-transparent hover:bg-gray-200 hover:border-gray-300/30 cb-card", class: { checked: e.defaultAnswerMethod.accept === r.value }, on: { click: function(d) {
+        e.defaultAnswerMethod.accept !== r.value && e.setAnswerMethod(r.value);
+      } } }, [i("CRadio", { staticClass: "mr-3 pointer-events-none sign-radio", attrs: { value: e.defaultAnswerMethod.accept, "native-value": r.value, type: "secondary", size: "small" } }), i("div", { staticClass: "flex-grow" }, [i("div", { staticClass: "cb-card-title flex items-center justify-between" }, [e._v(" " + e._s(r.title) + " "), r.value === "bankId" && !s ? i("div", { staticClass: "ml-2 text-[10px] font-semibold text-white py-1 px-1.5 leading-none rounded-full bg-primary-500" }, [e._v(" Pro ")]) : e._e()]), i("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(), i("div", { staticClass: "grid items-center gap-2", staticStyle: { "grid-template-columns": "repeat(auto-fit, minmax(200px, 1fr))" } }, [i("div", [i("BaseDatePicker", { staticClass: "relative psuedo-input", attrs: { "custom-el": !0, direction: "end", tabindex: "0" }, model: { value: e.expiresAt, callback: function(r) {
+      e.expiresAt = r;
+    }, expression: "expiresAt" } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("validityPeriod")))]), i("div", [e._v(e._s(e.expiresAt ? e.$formatDate(e.expiresAt) : e.$t("_common:disabled").capitalize()))]), e.expiresAt ? i("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.expiresAt = void 0, e._document.setDirty("expiresAt");
+    } } }) : e._e()], 1)], 1), i("CDropdown", { staticStyle: { flex: "1 0 200px" }, attrs: { disabled: !e.clients.length, "mobile-label": e.$t("sendAs"), expanded: "" } }, [i("div", { staticClass: "psuedo-input", attrs: { slot: "trigger", tabindex: "0" }, slot: "trigger" }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("sendAs")))]), i("div", { domProps: { innerHTML: e._s(e.sendTypesText) } })]), i("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") ? i("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")) + " "), n ? e._e() : i("div", { staticClass: "ml-2 text-[10px] font-semibold text-white py-1 px-1.5 leading-none rounded-full bg-primary-500" }, [e._v(" Pro ")])]) : e._e(), e.allowManualDelivery ? i("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 ? i("div", { staticClass: "relative psuedo-input", attrs: { tabindex: "0" }, on: { click: e.openReminders } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("_common:reminder_plural").capitalize()))]), i("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 ? i("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 ? i("ErrorCallout", { attrs: { message: e.clientsAreMissingContactInfo ? e.$t("clientsAreMissingContactInfo") : e.$t("missingDeliveryMethod"), size: "small" } }) : e._e(), e._t("content")], 2)]), i("div", { staticClass: "px-4 pb-4 @md:px-8 @xl:px-16" }, [e._t("send", function() {
+      return [i("IsPremiumPreStep", { attrs: { feature: "bankIdAndSms" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: r }) {
+        return [i("div", { staticClass: "flex" }, [e.showSave ? i("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: "w-12 mr-2", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(d) {
+          return e.doSaveDocument({ doSend: !1 });
+        } } }) : e._e(), e.showSchedule && !e.useSignOrder && !e.isManualDelivery ? i("CButton", { staticClass: "mr-2 w-12 @md:w-auto", 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 } }, [i("span", { staticClass: "!hidden @md:!block", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), i("BaseIcon", { staticClass: "@md:!hidden", attrs: { type: "calendar", size: "16" } })], 1) : e._e(), i("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" }, [i("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(d) {
+          e.shouldShowUpgradeModal({ canUseBankId: s, canUseSms: n }) ? r() : e.doSendDocument();
+        } } }, [e._v(" " + e._s(e.$t("sendButton")) + " ")])], 1)], 1)];
+      } }], null, !0) })];
+    }), e._t("footer")], 2)], 1)];
+  } }], null, !0) });
+}, Me = [], ze = /* @__PURE__ */ o(
   Te,
-  Pe,
+  Re,
+  Me,
   !1,
   null,
-  "d9f1ecda",
+  "8a9d47a1",
   null,
   null
 );
-const li = Re.exports, Me = {
+const ci = ze.exports, Ne = {
   name: "CFormField",
   components: {
     CField: z
   },
-  extends: Q,
+  extends: G,
   computed: {
     type() {
       return this.hasErrors ? "is-danger" : this.isValid ? "is-success" : null;
@@ -987,20 +997,20 @@ const li = Re.exports, Me = {
     }
   }
 };
-var ze = function() {
+var Ee = 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);
-}, Ee = [], Ne = /* @__PURE__ */ r(
-  Me,
-  ze,
+}, Le = [], He = /* @__PURE__ */ o(
+  Ne,
   Ee,
+  Le,
   !1,
   null,
   null,
   null,
   null
 );
-const Le = Ne.exports, He = {
+const qe = He.exports, je = {
   name: "CSkeleton",
   functional: !0,
   props: {
@@ -1061,23 +1071,23 @@ const Le = Ne.exports, He = {
       i
     );
   }
-}, qe = null, je = null;
-var Ke = /* @__PURE__ */ r(
-  He,
-  qe,
+}, Ke = null, We = null;
+var Xe = /* @__PURE__ */ o(
   je,
+  Ke,
+  We,
   !1,
   null,
   null,
   null,
   null
 );
-const w = Ke.exports, We = {
+const w = Xe.exports, Ue = {
   name: "CAutocomplete",
   components: {
-    CInput: T
+    CInput: P
   },
-  mixins: [P],
+  mixins: [T],
   inheritAttrs: !1,
   props: {
     value: [Number, String],
@@ -1230,10 +1240,10 @@ const w = Ke.exports, We = {
       const t = this.$refs.dropdown.querySelector(".dropdown-content");
       t.addEventListener("scroll", () => this.checkIfReachedTheEndOfScroll(t));
     }
-    this.appendToBody && (this.$data._bodyEl = J(this.$refs.dropdown), this.updateAppendToBody());
+    this.appendToBody && (this.$data._bodyEl = ee(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 && Z(this.$data._bodyEl);
+    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 && te(this.$data._bodyEl);
   },
   methods: {
     /**
@@ -1292,7 +1302,7 @@ const w = Ke.exports, We = {
          */
     getValue(t) {
       if (t !== null)
-        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? ee(t, this.field) : t;
+        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? ie(t, this.field) : t;
     },
     /**
          * Check if the scroll list inside the dropdown
@@ -1325,8 +1335,8 @@ const w = Ke.exports, We = {
         const s = this.$refs.dropdown.querySelector(".dropdown-content"), n = s.querySelectorAll("a.dropdown-item:not(.is-disabled)")[i];
         if (!n)
           return;
-        const a = s.scrollTop, l = s.scrollTop + s.clientHeight - n.clientHeight;
-        n.offsetTop < a ? s.scrollTop = n.offsetTop : n.offsetTop >= l && (s.scrollTop = n.offsetTop - s.clientHeight + n.clientHeight);
+        const a = s.scrollTop, r = s.scrollTop + s.clientHeight - n.clientHeight;
+        n.offsetTop < a ? s.scrollTop = n.offsetTop : n.offsetTop >= r && (s.scrollTop = n.offsetTop - s.clientHeight + n.clientHeight);
       } else
         this.isActive = !0;
     },
@@ -1359,7 +1369,7 @@ const w = Ke.exports, We = {
       const t = this.$refs.dropdown, e = this.$refs.input.$el;
       if (t && e) {
         const i = this.$data._bodyEl;
-        i.classList.forEach((l) => i.classList.remove(l)), i.classList.add("autocomplete"), i.classList.add("control"), this.expandend && i.classList.add("is-expandend");
+        i.classList.forEach((r) => i.classList.remove(r)), i.classList.add("autocomplete"), i.classList.add("control"), this.expandend && i.classList.add("is-expandend");
         const s = e.getBoundingClientRect();
         let n = s.top + window.scrollY;
         const a = s.left + window.scrollX;
@@ -1375,7 +1385,7 @@ const w = Ke.exports, We = {
     }
   }
 };
-var Xe = function() {
+var Qe = 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"]))
@@ -1396,21 +1406,21 @@ var Xe = 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);
-}, Ue = [], Qe = /* @__PURE__ */ r(
-  We,
-  Xe,
+}, Ye = [], Ge = /* @__PURE__ */ o(
   Ue,
+  Qe,
+  Ye,
   !1,
   null,
   null,
   null,
   null
 );
-const Ge = Qe.exports, Ye = {
+const Je = Ge.exports, Ze = {
   name: "CRadio",
   mixins: [R]
 };
-var Je = 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());
@@ -1419,17 +1429,17 @@ var Je = 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)]);
-}, Ze = [], et = /* @__PURE__ */ r(
-  Ye,
-  Je,
+}, tt = [], it = /* @__PURE__ */ o(
   Ze,
+  et,
+  tt,
   !1,
   null,
   null,
   null,
   null
 );
-const x = et.exports, tt = {
+const x = it.exports, st = {
   name: "CRadioButton",
   mixins: [R],
   components: {
@@ -1448,7 +1458,7 @@ const x = et.exports, tt = {
     };
   }
 };
-var it = 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 }
@@ -1463,19 +1473,19 @@ var it = function() {
   }, change: function(s) {
     e.computedValue = e.nativeValue;
   } } })], 2)], 1);
-}, st = [], nt = /* @__PURE__ */ r(
-  tt,
-  it,
+}, at = [], rt = /* @__PURE__ */ o(
   st,
+  nt,
+  at,
   !1,
   null,
   null,
   null,
   null
 );
-const $ = nt.exports, at = {
+const S = rt.exports, ot = {
   name: "CSelect",
-  mixins: [P],
+  mixins: [T],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1527,7 +1537,7 @@ const $ = nt.exports, at = {
     }
   }
 };
-var rt = 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();
@@ -1537,22 +1547,22 @@ var rt = function() {
     var n = Array.prototype.filter.call(s.target.options, function(a) {
       return a.selected;
     }).map(function(a) {
-      var l = "_value" in a ? a._value : a.value;
-      return l;
+      var r = "_value" in a ? a._value : a.value;
+      return r;
     });
     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)])]);
-}, ot = [], lt = /* @__PURE__ */ r(
-  at,
-  rt,
+}, dt = [], ct = /* @__PURE__ */ o(
   ot,
+  lt,
+  dt,
   !1,
   null,
   "e419c29c",
   null,
   null
 );
-const S = lt.exports, dt = {
+const $ = ct.exports, ut = {
   name: "CSwitch",
   props: {
     value: [String, Number, Boolean, Function, Object, Array, Date],
@@ -1576,10 +1586,6 @@ const S = lt.exports, dt = {
     rounded: {
       type: Boolean,
       default: !0
-    },
-    outlined: {
-      type: Boolean,
-      default: !1
     }
   },
   data() {
@@ -1601,8 +1607,7 @@ const S = lt.exports, dt = {
         `is-${this.size}`,
         {
           "is-disabled": this.disabled,
-          "is-rounded": this.rounded,
-          "is-outlined": this.outlined
+          "is-rounded": this.rounded
         }
       ];
     }
@@ -1621,31 +1626,31 @@ const S = lt.exports, dt = {
     }
   }
 };
-var ct = function() {
+var mt = 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());
   } } }, [i("input", { directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "input", attrs: { disabled: e.disabled, name: e.name, required: e.required, "true-value": e.trueValue, "false-value": e.falseValue, type: "checkbox" }, domProps: { value: e.nativeValue, checked: Array.isArray(e.computedValue) ? e._i(e.computedValue, e.nativeValue) > -1 : e._q(e.computedValue, e.trueValue) }, on: { click: function(s) {
     s.stopPropagation();
   }, change: function(s) {
-    var n = e.computedValue, a = s.target, l = a.checked ? e.trueValue : e.falseValue;
+    var n = e.computedValue, a = s.target, r = a.checked ? e.trueValue : e.falseValue;
     if (Array.isArray(n)) {
-      var g = e.nativeValue, c = e._i(n, g);
-      a.checked ? c < 0 && (e.computedValue = n.concat([g])) : c > -1 && (e.computedValue = n.slice(0, c).concat(n.slice(c + 1)));
+      var d = e.nativeValue, u = e._i(n, d);
+      a.checked ? u < 0 && (e.computedValue = n.concat([d])) : u > -1 && (e.computedValue = n.slice(0, u).concat(n.slice(u + 1)));
     } else
-      e.computedValue = l;
+      e.computedValue = r;
   } } }), i("span", { staticClass: "check", class: [`is-${e.type}`] }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
-}, ut = [], mt = /* @__PURE__ */ r(
-  dt,
-  ct,
+}, pt = [], ht = /* @__PURE__ */ o(
   ut,
+  mt,
+  pt,
   !1,
   null,
-  "839e1835",
+  "74591b69",
   null,
   null
 );
-const k = mt.exports, pt = {
+const k = ht.exports, ft = {
   name: "CSlotComponent",
   props: {
     component: {
@@ -1694,10 +1699,10 @@ const k = mt.exports, pt = {
         this.scoped ? this.component.$scopedSlots[this.name](this.props) : this.component.$slots[this.name]
       );
   }
-}, ht = {
+}, gt = {
   name: "CTabs",
   components: {
-    CSlotComponent: pt
+    CSlotComponent: ft
   },
   props: {
     value: [Number, String],
@@ -1810,7 +1815,7 @@ const k = mt.exports, pt = {
     }
   }
 };
-var ft = function() {
+var vt = 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: {
@@ -1822,17 +1827,17 @@ var ft = function() {
       return e.tabClick(n);
     } } }, [s.icon ? i("BaseIcon", { 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)]);
-}, gt = [], vt = /* @__PURE__ */ r(
-  ht,
-  ft,
+}, yt = [], _t = /* @__PURE__ */ o(
   gt,
+  vt,
+  yt,
   !1,
   null,
   "08518f65",
   null,
   null
 );
-const D = vt.exports, yt = {
+const D = _t.exports, bt = {
   name: "CTabItem",
   props: {
     label: String,
@@ -1910,18 +1915,18 @@ const D = vt.exports, yt = {
       [e]
     ) : e;
   }
-}, _t = null, bt = null;
-var Ct = /* @__PURE__ */ r(
-  yt,
-  _t,
+}, Ct = null, wt = null;
+var xt = /* @__PURE__ */ o(
   bt,
+  Ct,
+  wt,
   !1,
   null,
   null,
   null,
   null
 );
-const V = Ct.exports, wt = {
+const V = xt.exports, St = {
   name: "CMessage",
   props: {
     type: {
@@ -1938,21 +1943,21 @@ const V = Ct.exports, wt = {
     }
   }
 };
-var xt = function(e, i) {
+var $t = 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)]);
-}, $t = [], St = /* @__PURE__ */ r(
-  wt,
-  xt,
+}, kt = [], Dt = /* @__PURE__ */ o(
+  St,
   $t,
+  kt,
   !0,
   null,
   "a14c1e41",
   null,
   null
 );
-const F = St.exports, kt = {
+const F = Dt.exports, Vt = {
   name: "FlagIcon",
   props: {
     region: {
@@ -1969,15 +1974,15 @@ const F = St.exports, kt = {
     }
   },
   mounted() {
-    var a, l;
-    const t = "FLAG_ICONS", e = (l = (a = this.$el).getRootNode) == null ? void 0 : l.call(a), s = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.head;
+    var a, r;
+    const t = "FLAG_ICONS", e = (r = (a = this.$el).getRootNode) == null ? void 0 : r.call(a), s = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.head;
     if (s.querySelector(`#${t}`))
       return;
     const n = document.createElement("link");
     n.id = t, n.rel = "stylesheet", n.type = "text/css", n.href = "https://www.unpkg.com/flag-icons@6.6.6/css/flag-icons.min.css", n.media = "all", s.appendChild(n);
   }
 };
-var Dt = function() {
+var Ft = function() {
   var e = this, i = e._self._c;
   return e.region ? i("span", { staticClass: "fi", class: [
     `fi-${this.region.toLowerCase()}`,
@@ -1985,26 +1990,26 @@ var Dt = function() {
       fis: this.isSquared
     }
   ], attrs: { title: e.title || e.region } }) : e._e();
-}, Vt = [], Ft = /* @__PURE__ */ r(
-  kt,
-  Dt,
+}, At = [], Bt = /* @__PURE__ */ o(
   Vt,
+  Ft,
+  At,
   !1,
   null,
   null,
   null,
   null
 );
-const At = Ft.exports, Bt = {
+const It = Bt.exports, Ot = {
   name: "CPhoneInput",
   components: {
-    Flag: At,
-    CInput: T,
-    CDropdown: p,
-    CDropdownItem: h,
+    Flag: It,
+    CInput: P,
+    CDropdown: h,
+    CDropdownItem: f,
     CButton: M,
     CField: z,
-    SmartList: te
+    SmartList: se
   },
   props: {
     value: {
@@ -2038,7 +2043,7 @@ const At = Ft.exports, Bt = {
   },
   computed: {
     defaultPrefix() {
-      return o[this.internalRegion].callingCode;
+      return l[this.internalRegion].callingCode;
     },
     currentRegion() {
       return this.getRegionByCallingCode(this.prefix);
@@ -2048,21 +2053,21 @@ const At = Ft.exports, Bt = {
         if (this.region)
           return this.region;
         if (this.value) {
-          const t = (Object.keys(o) || []).find((e) => o[e].callingCode && this.value && this.value.startsWith(o[e].callingCode));
+          const t = (Object.keys(l) || []).find((e) => l[e].callingCode && this.value && this.value.startsWith(l[e].callingCode));
           if (t)
             return t;
         }
         return this.internalPrefix ? this.getRegionByCallingCode(this.internalPrefix) : this.defaultRegion;
       },
       set(t) {
-        this.$emit("update:region", t), this.updateValue({ prefix: o[t].callingCode });
+        this.$emit("update:region", t), this.updateValue({ prefix: l[t].callingCode });
       }
     },
     prefix() {
       if (!this.value)
         return this.internalPrefix || this.defaultPrefix;
-      const t = (Object.keys(o) || []).find((e) => o[e].callingCode && this.value && this.value.startsWith(o[e].callingCode));
-      return t ? o[t].callingCode : this.defaultPrefix;
+      const t = (Object.keys(l) || []).find((e) => l[e].callingCode && this.value && this.value.startsWith(l[e].callingCode));
+      return t ? l[t].callingCode : this.defaultPrefix;
     },
     phone: {
       get() {
@@ -2073,12 +2078,12 @@ const At = Ft.exports, Bt = {
       }
     },
     sortedRegions() {
-      return (Object.keys(o) || []).map((t) => ({ key: t, title: `${o[t].name} (${t})`, callingCode: o[t].callingCode })).sort((t, e) => t.title.localeCompare(e.title));
+      return (Object.keys(l) || []).map((t) => ({ key: t, title: `${l[t].name} (${t})`, callingCode: l[t].callingCode })).sort((t, e) => t.title.localeCompare(e.title));
     }
   },
   methods: {
     getRegionByCallingCode(t) {
-      return t ? (Object.keys(o) || []).find((i) => t === o[i].callingCode) : null;
+      return t ? (Object.keys(l) || []).find((i) => t === l[i].callingCode) : null;
     },
     updateValue({ prefix: t, phone: e }) {
       const i = t !== void 0 ? t : this.prefix || "", s = e !== void 0 ? e : this.phone || "", n = `${i}${s}`;
@@ -2086,7 +2091,7 @@ const At = Ft.exports, Bt = {
     }
   }
 };
-var Ot = function() {
+var Pt = 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": {
@@ -2095,23 +2100,23 @@ var Ot = function() {
       e.internalRegion = n;
     }, expression: "internalRegion" } }, [i("CButton", { staticStyle: { height: "100%" }, attrs: { slot: "trigger", size: e.$attrs.size, type: "none", pattern: "secondary" }, slot: "trigger" }, [i("Flag", { staticStyle: { "margin-right": "0.35em" }, attrs: { region: e.internalRegion } }), e._v(" " + e._s(e.prefix) + " ")], 1), i("CInput", { staticStyle: { "margin-bottom": "0.25em" }, attrs: { slot: "header", placeholder: e.$t("_common:search"), filled: "" }, slot: "header", model: { value: e.searchQuery, callback: function(n) {
       e.searchQuery = n;
-    }, expression: "searchQuery" } }), e._l(s, function({ key: n, title: a, callingCode: l }) {
-      return i("CDropdownItem", { key: n, staticClass: "truncate-text", attrs: { value: n } }, [i("Flag", { staticStyle: { "margin-right": "0.75em", flex: "0 0 auto" }, attrs: { region: n, title: a } }), i("span", { staticClass: "truncate-text" }, [e._v(" " + e._s(a) + " (" + e._s(l) + ") ")])], 1);
+    }, expression: "searchQuery" } }), e._l(s, function({ key: n, title: a, callingCode: r }) {
+      return i("CDropdownItem", { key: n, staticClass: "truncate-text", attrs: { value: n } }, [i("Flag", { staticStyle: { "margin-right": "0.75em", flex: "0 0 auto" }, attrs: { region: n, title: a } }), i("span", { staticClass: "truncate-text" }, [e._v(" " + e._s(a) + " (" + e._s(r) + ") ")])], 1);
     })], 2)];
   } }]) })], 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 = [], Tt = /* @__PURE__ */ r(
-  Bt,
+}, Tt = [], Rt = /* @__PURE__ */ o(
   Ot,
-  It,
+  Pt,
+  Tt,
   !1,
   null,
   null,
   null,
   null
 );
-const A = Tt.exports, Pt = {
+const A = Rt.exports, Mt = {
   name: "CSliderThumb",
   inheritAttrs: !1,
   props: {
@@ -2210,7 +2215,7 @@ const A = Tt.exports, Pt = {
     }
   }
 };
-var Rt = function() {
+var zt = 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));
@@ -2225,17 +2230,17 @@ var Rt = 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))]);
-}, Mt = [], zt = /* @__PURE__ */ r(
-  Pt,
-  Rt,
+}, Nt = [], Et = /* @__PURE__ */ o(
   Mt,
+  zt,
+  Nt,
   !1,
   null,
   null,
   null,
   null
 );
-const Et = zt.exports, Nt = {
+const Lt = Et.exports, Ht = {
   name: "CSliderTick",
   props: {
     value: {
@@ -2262,24 +2267,24 @@ const Et = zt.exports, Nt = {
     }
   }
 };
-var Lt = function() {
+var qt = 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()]);
-}, Ht = [], qt = /* @__PURE__ */ r(
-  Nt,
-  Lt,
+}, jt = [], Kt = /* @__PURE__ */ o(
   Ht,
+  qt,
+  jt,
   !1,
   null,
   null,
   null,
   null
 );
-const jt = qt.exports, Kt = {
+const Wt = Kt.exports, Xt = {
   name: "CSlider",
   components: {
-    CSliderThumb: Et,
-    CSliderTick: jt
+    CSliderThumb: Lt,
+    CSliderTick: Wt
   },
   props: {
     value: {
@@ -2415,10 +2420,10 @@ const jt = qt.exports, Kt = {
       if (!(this.min > this.max))
         if (Array.isArray(t)) {
           this.isRange = !0;
-          const e = typeof t[0] != "number" || isNaN(t[0]) ? this.min : m(t[0], this.min, this.max), i = typeof t[1] != "number" || isNaN(t[1]) ? this.max : m(t[1], this.min, this.max);
+          const e = typeof t[0] != "number" || isNaN(t[0]) ? this.min : p(t[0], this.min, this.max), i = typeof t[1] != "number" || isNaN(t[1]) ? this.max : p(t[1], this.min, this.max);
           this.value1 = this.isThumbReversed ? i : e, this.value2 = this.isThumbReversed ? e : i;
         } else
-          this.isRange = !1, this.value1 = isNaN(t) ? this.min : m(t, this.min, this.max), this.value2 = null;
+          this.isRange = !1, this.value1 = isNaN(t) ? this.min : p(t, this.min, this.max), this.value2 = null;
     },
     onInternalValueUpdate() {
       this.isRange && (this.isThumbReversed = this.value1 > this.value2), (!this.lazy || !this.dragging) && this.emitValue("input"), this.dragging && this.emitValue("dragging");
@@ -2461,7 +2466,7 @@ const jt = qt.exports, Kt = {
     }
   }
 };
-var Wt = function() {
+var Ut = 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 } });
@@ -2470,22 +2475,22 @@ var Wt = 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)]);
-}, Xt = [], Ut = /* @__PURE__ */ r(
-  Kt,
-  Wt,
+}, Qt = [], Yt = /* @__PURE__ */ o(
   Xt,
+  Ut,
+  Qt,
   !1,
   null,
   null,
   null,
   null
 );
-const B = Ut.exports;
-function di(t) {
-  t.component(w.name, w), t.component("CAutocomplete", Ge), t.component(y.name, y), t.component(x.name, x), t.component($.name, $), t.component(p.name, p), t.component(h.name, h), t.component(S.name, S), t.component(_.name, _), t.component(k.name, k), t.component(D.name, D), t.component(V.name, V), t.component("CField", Le), t.component(F.name, F), t.component(A.name, A), t.component(B.name, B);
+const B = Yt.exports;
+function ui(t) {
+  t.component(w.name, w), t.component("CAutocomplete", Je), t.component(y.name, y), t.component(x.name, x), t.component(S.name, S), t.component(h.name, h), t.component(f.name, f), t.component($.name, $), t.component(_.name, _), t.component(k.name, k), t.component(D.name, D), t.component(V.name, V), t.component("CField", qe), t.component(F.name, F), t.component(A.name, A), t.component(B.name, B);
 }
 export {
-  Le as C,
-  li as S,
-  di as i
+  qe as C,
+  ci as S,
+  ui as i
 };