@cling-se/widget 0.15.2 → 0.15.3

package/dist/{formComponentsInstall-CdjgjI6y.js → formComponentsInstall-DMoWrprH.js}

@@ -1,17 +1,17 @@
-import { m as p } from "./mapFormMixin-Hj1Y7rVt.js";
-import { I as L, a as H, r as l } from "./index-BCrDgR_4.js";
-import { aD as y, h as q, n as o, b as c, aE as j, t as K, aF as B, aG as W, q as I, aH as T, F as X, X as U, T as m, ai as Q, f as P, aI as M, K as _ } from "./main-CerYX9PA.js";
-import { B as R } from "./BaseDatePicker-Bd1maWgF.js";
-import { E as Y } from "./ErrorCallout-BBNHzuhf.js";
-import { s as G, F as J } from "./Flag-CwnrA4SV.js";
+import { m as p } from "./mapFormMixin-e2PJ431T.js";
+import { I as L, a as H, r as l } from "./index-CKZmpLr6.js";
+import { aD as y, h as q, n as o, b as c, aE as j, t as K, aF as B, aG as W, q as I, aH as T, F as X, X as U, T as m, ai as Q, f as P, aI as M, K as _ } from "./main-BIwKzAN8.js";
+import { B as R } from "./BaseDatePicker-C27CsTzy.js";
+import { E as Y } from "./ErrorCallout-CNxSDsr_.js";
+import { s as G, F as J } from "./Flag-3OyFDPsP.js";
 import { b as Z, m as v } from "./vuex.esm-DKGl8mcw.js";
-import ee from "./AddClientCallout-CSxN7XFh.js";
-import te from "./ClientModal-DSmFJ9bu.js";
-import { c as ie, r as se, g as ne, C as f, a as g, b as h } from "./CDropdownItem-b6ZzOnv-.js";
+import ee from "./AddClientCallout-8s5a1_CZ.js";
+import te from "./ClientModal-DLtFhJya.js";
+import { c as ie, r as se, g as ne, C as f, a as g, b as h } from "./CDropdownItem-BSPNul90.js";
 import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
-import { C as b } from "./CCallout-_k7FPbsE.js";
-import { a as ae, C as re } from "./CFormField-BjGICSv5.js";
-import { S as oe } from "./SmartList-cSmGbybV.js";
+import { C as b } from "./CCallout-CQjRcxpC.js";
+import { a as ae, C as re } from "./CFormField-Cz_jNazS.js";
+import { S as oe } from "./SmartList-D6AvxfSL.js";
 function z(t, e) {
   const i = new Date(t.getTime());
   return i.setDate(
@@ -314,7 +314,9 @@ var ge = function() {
     e.isDropdownOpen = n;
   } }, nativeOn: { click: function(n) {
     n.stopPropagation();
-  } } }, [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) {
+  } }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+    return [i("CButton", { attrs: { circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" } })];
+  }, proxy: !0 }], null, !1, 383536082) }, [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);
 }, ve = [], ye = /* @__PURE__ */ o(
@@ -323,7 +325,7 @@ var ge = function() {
   ve,
   !1,
   null,
-  "47fa5bc0"
+  "cc1fbfb5"
 );
 const N = ye.exports, _e = {
   name: "SenderBlockItem",
@@ -418,22 +420,24 @@ const N = ye.exports, _e = {
 };
 var be = 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",
-    "signature",
-    ...e.feature("bankId") ? ["bankId"] : []
-  ], function(s) {
-    return i("CDropdownItem", { key: s, attrs: { "icon-right": e.get(e.senderClient, "answerMethod.accept") === s ? "check" : "" }, on: { click: function(n) {
-      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();
+  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 }, scopedSlots: e._u([{ key: "dropdownOptions", fn: function() {
+    return [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",
+      "signature",
+      ...e.feature("bankId") ? ["bankId"] : []
+    ], function(s) {
+      return i("CDropdownItem", { key: s, attrs: { "icon-right": e.get(e.senderClient, "answerMethod.accept") === s ? "check" : "" }, on: { click: function(n) {
+        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")) + " ")])];
+  }, proxy: !0 }], null, !1, 407561968) }) : e._e();
 }, Ce = [], we = /* @__PURE__ */ o(
   _e,
   be,
   Ce,
   !1,
   null,
-  "dad49914"
+  "2303d81a"
 );
 const xe = we.exports, Se = {
   name: "RecipientBlock",
@@ -538,7 +542,7 @@ const xe = we.exports, Se = {
     }
   }
 };
-var $e = function() {
+var ke = 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: {
@@ -567,10 +571,10 @@ var $e = 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);
-}, ke = [], De = /* @__PURE__ */ o(
+}, $e = [], De = /* @__PURE__ */ o(
   Se,
-  $e,
   ke,
+  $e,
   !1,
   null,
   "51e072f2"
@@ -951,7 +955,9 @@ var Ne = function() {
       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 z-10", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(r) {
       r.preventDefault(), r.stopPropagation(), e.expiresAt = void 0, e._document.setDirty("expiresAt");
-    } } }) : e._e()], 1)], 1), 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) {
+    } } }) : e._e()], 1)], 1), i("CDropdown", { staticStyle: { flex: "1 0 200px" }, attrs: { disabled: !e.clients.length, "mobile-label": e.$t("sendAs"), expanded: "" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+      return [i("div", { staticClass: "psuedo-input", attrs: { tabindex: "0" } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("sendAs")))]), i("div", { domProps: { innerHTML: e._s(e.sendTypesText) } })])];
+    }, proxy: !0 }], null, !0) }, [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);
@@ -1002,7 +1008,7 @@ var Ne = function() {
   Le,
   !1,
   null,
-  "7ec7fd0b"
+  "daaaa86f"
 );
 const ri = He.exports, qe = {
   name: "CAutocomplete",
@@ -1486,13 +1492,17 @@ var et = function() {
   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": {
       maxWidth: "300px"
-    }, scrollable: !0, position: "is-bottom-right", "max-height": "240px" }, model: { value: e.internalRegion, callback: function(n) {
+    }, scrollable: !0, position: "is-bottom-right", "max-height": "240px" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
+      return [i("CButton", { staticStyle: { height: "100%" }, attrs: { size: e.$attrs.size, type: "none", pattern: "secondary" } }, [i("Flag", { staticStyle: { "margin-right": "0.35em" }, attrs: { region: e.internalRegion } }), e._v(" " + e._s(e.prefix) + " ")], 1)];
+    }, proxy: !0 }, { key: "header", fn: function() {
+      return [i("CInput", { staticStyle: { "margin-bottom": "0.25em" }, attrs: { placeholder: e.$t("_common:search"), filled: "" }, model: { value: e.searchQuery, callback: function(n) {
+        e.searchQuery = n;
+      }, expression: "searchQuery" } })];
+    }, proxy: !0 }], null, !0), model: { value: e.internalRegion, callback: function(n) {
       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: r }) {
+    }, expression: "internalRegion" } }, 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)];
   } }]) })], 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);
@@ -1565,7 +1575,7 @@ var lt = function() {
   null,
   null
 );
-const $ = ct.exports, ut = {
+const k = ct.exports, ut = {
   name: "CSelect",
   mixins: [T],
   inheritAttrs: !1,
@@ -1651,7 +1661,7 @@ var mt = function() {
   null,
   "23e48013"
 );
-const k = ht.exports, ft = {
+const $ = ht.exports, ft = {
   name: "CSkeleton",
   functional: !0,
   props: {
@@ -1878,13 +1888,13 @@ const xt = wt.exports, St = {
     }
   }
 };
-var $t = function() {
+var kt = 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()]);
-}, kt = [], Dt = /* @__PURE__ */ o(
+}, $t = [], Dt = /* @__PURE__ */ o(
   St,
-  $t,
   kt,
+  $t,
   !1,
   null,
   null
@@ -2487,7 +2497,7 @@ var qt = function() {
 );
 const O = Kt.exports;
 function oi(t) {
-  t.component(D.name, D), t.component("CAutocomplete", Xe), t.component(_.name, _), t.component(S.name, S), t.component($.name, $), t.component(f.name, f), t.component(g.name, g), t.component(k.name, k), t.component(b.name, b), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", re), t.component("CMessage", Je), t.component(x.name, x), t.component(V.name, V);
+  t.component(D.name, D), t.component("CAutocomplete", Xe), t.component(_.name, _), t.component(S.name, S), t.component(k.name, k), t.component(f.name, f), t.component(g.name, g), t.component($.name, $), t.component(b.name, b), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", re), t.component("CMessage", Je), t.component(x.name, x), t.component(V.name, V);
 }
 export {
   ri as S,

package/dist/{formDrawerState-CchCpZRc.js → formDrawerState-DYSBcjo4.js}

@@ -1,4 +1,4 @@
-import { V as s } from "./main-CerYX9PA.js";
+import { V as s } from "./main-BIwKzAN8.js";
 const e = s.observable({
   isFixed: !1,
   // Worded according to CSS property (show as fixed drawer)

package/dist/{formValidationMixin-Dz9Mabvi.js → formValidationMixin-Dqlhg0R2.js}

@@ -1,4 +1,4 @@
-import { h as n } from "./main-CerYX9PA.js";
+import { h as n } from "./main-BIwKzAN8.js";
 import { s as l } from "./dom-CJxkno7i.js";
 const s = (r) => {
   var i;

package/dist/{index-kV9OZ5y0.js → index-CFe1BJZJ.js}

@@ -1,4 +1,4 @@
-import { n as i, D as n } from "./main-CerYX9PA.js";
+import { n as i, D as n } from "./main-BIwKzAN8.js";
 const o = {
   name: "DocumentGuide",
   i18nOptions: {

package/dist/{index-BaGtbWcA.js → index-CFwLDxbi.js}

@@ -1,9 +1,9 @@
-import { s as n, F as o } from "./Flag-CwnrA4SV.js";
-import { w as c } from "./CDropdownItem-b6ZzOnv-.js";
-import { n as a } from "./main-CerYX9PA.js";
+import { s as n, F as o } from "./Flag-3OyFDPsP.js";
+import { w as c } from "./CDropdownItem-BSPNul90.js";
+import { n as a } from "./main-BIwKzAN8.js";
 import { i as d } from "./dom-CJxkno7i.js";
-import { d as u } from "./debounce-B2lqFJg2.js";
-import { t as m } from "./throttle-B8hI9bkk.js";
+import { d as u } from "./debounce-HJoaSvIY.js";
+import { t as m } from "./throttle-B2yMLA5N.js";
 const f = {
   name: "BackgroundsModalList",
   i18nOptions: {

package/dist/{index-twnaU4rC.js → index-CFx0cpeM.js}

@@ -1,4 +1,4 @@
-import { a9 as T } from "./main-CerYX9PA.js";
+import { a9 as T } from "./main-BIwKzAN8.js";
 var pe = {}, P = {}, f = {}, b = {}, O = {};
 Object.defineProperty(O, "__esModule", {
   value: !0

package/dist/{index-BCrDgR_4.js → index-CKZmpLr6.js}

@@ -1,7 +1,7 @@
-import { n as d, bk as F, b as C, ba as M, bl as X, bm as Q, bn as J, bo as ee, V as U, bp as te, ai as D, bq as ne, c as h, K as ae, w as P, d as y, br as re, g as m, bs as b, D as k, bt as ie, bu as se, bv as oe, bw as H, p as ce, h as L, I as E, bx as B, P as le, by as ue, ay as de } from "./main-CerYX9PA.js";
+import { n as d, bk as F, b as C, ba as M, bl as X, bm as Q, bn as J, bo as ee, V as U, bp as te, ai as D, bq as ne, c as f, K as ae, w as P, d as y, br as re, g as m, bs as b, D as k, bt as ie, bu as se, bv as oe, bw as H, p as ce, h as L, I as E, bx as B, P as le, by as ue, ay as de } from "./main-BIwKzAN8.js";
 import { m as v, a as $, b as me } from "./vuex.esm-DKGl8mcw.js";
 import { a as u } from "./anime.es-BrPTThYb.js";
-import { v as _ } from "./index-twnaU4rC.js";
+import { v as _ } from "./index-CFx0cpeM.js";
 import { a as pe } from "./dom-CJxkno7i.js";
 const x = {
   AD: {
@@ -1312,15 +1312,15 @@ const x = {
     }
   }
 };
-var he = function() {
+var fe = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { on: { click: function(a) {
     e.expanded = !e.expanded;
   } } }, [e._t("trigger", null, { expanded: e.expanded })], 2), t("transition", { on: { enter: e.onEnter, "after-enter": e.onAfterEnter, "before-leave": e.onBeforeLeave, leave: e.onLeave } }, [e.expanded ? t("div", { ref: "wrapper", staticClass: "c-accordion", style: e.wrapperStyle }, [t("div", { ref: "inner", staticClass: "c-accordion__inner" }, [e._t("default")], 2)]) : e._e()])], 1);
-}, fe = [], ye = /* @__PURE__ */ d(
+}, he = [], ye = /* @__PURE__ */ d(
   ge,
-  he,
   fe,
+  he,
   !1,
   null,
   null
@@ -1985,7 +1985,7 @@ const Fe = Re.exports, Ue = {
   const e = "js.stripe.com/v3/", t = document.createElement("script"), a = document.getElementsByTagName("script")[0];
   return t.src = `https://${e}`, t.id = "stripe-js", n && t.addEventListener("load", (r) => n(null, r), !1), a.parentNode.insertBefore(t, a), !0;
 }, Be = (n) => He(() => {
-  window.$stripe = Stripe(h.stripe.publishableKey, {
+  window.$stripe = Stripe(f.stripe.publishableKey, {
     locale: D.lang || "en"
   }), typeof n == "function" && n();
 }), Z = {
@@ -2401,13 +2401,13 @@ const Fe = Re.exports, Ue = {
         return [];
       const { quotas: t, autoAddMeteredTypes: a } = e.metadata, r = t[this.companyAccount.accountConfigurationKeyName] || {};
       return Object.keys(r).forEach((s) => {
-        s === "bankId" && y[h.brand].defaultRegion === "US" || (n[s] = {
+        s === "bankId" && y[f.brand].defaultRegion === "US" || (n[s] = {
           type: s,
           count: r[s] || 0,
           cost: null
         });
       }), a.forEach((s) => {
-        if (s === "bankId" && y[h.brand].defaultRegion === "US")
+        if (s === "bankId" && y[f.brand].defaultRegion === "US")
           return;
         const c = this.getMeteredProduct(s);
         if (!c)
@@ -2505,11 +2505,13 @@ var Ve = function() {
     return e.verifyPromotionCode(e.inputPromotionCode);
   } }, nativeOn: { keyup: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.verifyPromotionCode(e.inputPromotionCode);
-  } }, model: { value: e.inputPromotionCode, callback: function(a) {
+  } }, scopedSlots: e._u([{ key: "suffix", fn: function() {
+    return [t("CButton", { attrs: { loading: e.isPosting, type: "secondary", size: "small" }, on: { click: function(a) {
+      return e.verifyPromotionCode(e.inputPromotionCode);
+    } } }, [e._v(" " + e._s(e.$t("promotion.submit")) + " ")])];
+  }, proxy: !0 }]), model: { value: e.inputPromotionCode, callback: function(a) {
     e.inputPromotionCode = typeof a == "string" ? a.trim() : a;
-  }, expression: "inputPromotionCode" } }, [t("template", { slot: "suffix" }, [t("CButton", { attrs: { loading: e.isPosting, type: "secondary", size: "small" }, on: { click: function(a) {
-    return e.verifyPromotionCode(e.inputPromotionCode);
-  } } }, [e._v(" " + e._s(e.$t("promotion.submit")) + " ")])], 1)], 2)], 1) : t("CButton", { staticStyle: { "text-decoration": "underline", "margin-right": "-1em" }, attrs: { disabled: e.isEditLock, type: "secondary", pattern: "tertiary", size: "small" }, on: { click: function(a) {
+  }, expression: "inputPromotionCode" } })], 1) : t("CButton", { staticStyle: { "text-decoration": "underline", "margin-right": "-1em" }, attrs: { disabled: e.isEditLock, type: "secondary", pattern: "tertiary", size: "small" }, on: { click: function(a) {
     e.promoInputVisible = !0;
   } } }, [e._v(" " + e._s(e.$t("promotion.add")) + " ")])], 1)], 2)]), t("div", { staticClass: "p-badge flex w-full items-center" }, [t("svg", { staticClass: "has-text-success", staticStyle: { "margin-right": "0.5em" }, attrs: { width: "17", height: "15", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" } }, [t("path", { attrs: { fill: "currentColor", d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" } })]), e._v(" " + e._s(e.$t("highlights.securePayment")) + " ")]), t("div", { staticClass: "p-badge flex w-full items-center" }, [t("svg", { staticClass: "has-text-success", staticStyle: { "margin-right": "0.5em" }, attrs: { width: "17", height: "20", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" } }, [t("path", { attrs: { fill: "currentColor", d: "M512 256c0-37.7-23.7-69.9-57.1-82.4 14.7-32.4 8.8-71.9-17.9-98.6-26.7-26.7-66.2-32.6-98.6-17.9C325.9 23.7 293.7 0 256 0s-69.9 23.7-82.4 57.1c-32.4-14.7-72-8.8-98.6 17.9-26.7 26.7-32.6 66.2-17.9 98.6C23.7 186.1 0 218.3 0 256s23.7 69.9 57.1 82.4c-14.7 32.4-8.8 72 17.9 98.6 26.6 26.6 66.1 32.7 98.6 17.9 12.5 33.3 44.7 57.1 82.4 57.1s69.9-23.7 82.4-57.1c32.6 14.8 72 8.7 98.6-17.9 26.7-26.7 32.6-66.2 17.9-98.6 33.4-12.5 57.1-44.7 57.1-82.4zm-144.8-44.25L236.16 341.74c-4.31 4.28-11.28 4.25-15.55-.06l-75.72-76.33c-4.28-4.31-4.25-11.28.06-15.56l26.03-25.82c4.31-4.28 11.28-4.25 15.56.06l42.15 42.49 97.2-96.42c4.31-4.28 11.28-4.25 15.55.06l25.82 26.03c4.28 4.32 4.26 11.29-.06 15.56z" } })]), e._v(" " + e._s(e.$t("highlights.satisfiedCustomer")) + " ")]), e.hideExtraInfo ? e._e() : [t("div", { staticClass: "p-badge flex w-full items-center" }, [t("CIcon", { staticStyle: { opacity: "0.65", "margin-right": "0.5em" }, attrs: { size: 17, "stroke-width": "2", type: "question" } }), t("span", { staticStyle: { "text-decoration": "underline", opacity: "0.85", cursor: "pointer" }, domProps: { textContent: e._s(e.$t("reasonableUse.title")) }, on: { click: function(a) {
     return e.$modal.show("reasonableUse");
@@ -2529,9 +2531,11 @@ var Ve = function() {
     e.useExistingCustomer = !1;
   } } }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), t("div", { staticClass: "flex w-full items-center" }, [t("div", { domProps: { innerHTML: e._s(
     e.cardBrands.get(e.customer.paymentMethodBrand, { width: 36 }).logo
-  ) } }), t("div", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" } }, [t("span", { staticStyle: { "margin-right": "5px" } }, [e._v(e._s(e.cardBrands.get(e.customer.paymentMethodBrand).name))]), e._v(" •••• " + e._s(e.customer.paymentMethodLast4 || "") + " ")])]), t("div", [e._v(e._s(e.customer.name))]), t("div", [e._v(e._s(e.customer.email))]), e.regions[e.customer.region] ? t("div", [e._v(" " + e._s(e.regions[e.customer.region].name) + " ")]) : e._e()], 1) : [t("div", { staticClass: "p-block" }, [e.useExistingCard ? e._e() : t("div", { staticClass: "p-block-title flex w-full items-center" }, [t("div", [e._v(e._s(e.$t("paymentInfoLabel")))])]), t("div", [e.useExistingCard && e.existingCardLast4 ? t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("paymentInfoLabel")) + " "), t("CField", { attrs: { messages: e.messages.email, expanded: "" } }, [t("CInput", { attrs: { value: `•••• •••• •••• ${e.existingCardLast4}`, size: "medium", disabled: "", filled: "" } }, [t("CButton", { attrs: { slot: "suffix", type: "secondary", size: "small" }, on: { click: function(a) {
-    e.useExistingCard = !1;
-  } }, slot: "suffix" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")])], 1)], 1)], 1) : e._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: !e.useExistingCard, expression: "!useExistingCard" }], staticClass: "bg-gray-100", staticStyle: { width: "400px", padding: "1em 1em", "border-radius": "0.5em", "min-height": "54px" }, attrs: { id: "card-element" } }), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.elementsError && !e.useExistingCard, expression: "elementsError && !useExistingCard" }], staticClass: "pt-2 text-red-500", domProps: { textContent: e._s(e.elementsError) } })])]), t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("name.label")) + " "), t("CInput", { attrs: { value: e.formCustomer.name, placeholder: e.$t("name.placeholder"), size: "medium", filled: "" }, on: { input: function(a) {
+  ) } }), t("div", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" } }, [t("span", { staticStyle: { "margin-right": "5px" } }, [e._v(e._s(e.cardBrands.get(e.customer.paymentMethodBrand).name))]), e._v(" •••• " + e._s(e.customer.paymentMethodLast4 || "") + " ")])]), t("div", [e._v(e._s(e.customer.name))]), t("div", [e._v(e._s(e.customer.email))]), e.regions[e.customer.region] ? t("div", [e._v(" " + e._s(e.regions[e.customer.region].name) + " ")]) : e._e()], 1) : [t("div", { staticClass: "p-block" }, [e.useExistingCard ? e._e() : t("div", { staticClass: "p-block-title flex w-full items-center" }, [t("div", [e._v(e._s(e.$t("paymentInfoLabel")))])]), t("div", [e.useExistingCard && e.existingCardLast4 ? t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("paymentInfoLabel")) + " "), t("CField", { attrs: { messages: e.messages.email, expanded: "" } }, [t("CInput", { attrs: { value: `•••• •••• •••• ${e.existingCardLast4}`, size: "medium", disabled: "", filled: "" }, scopedSlots: e._u([{ key: "suffix", fn: function() {
+    return [t("CButton", { attrs: { type: "secondary", size: "small" }, on: { click: function(a) {
+      e.useExistingCard = !1;
+    } } }, [e._v(" " + e._s(e.$t("_common:change")) + " ")])];
+  }, proxy: !0 }], null, !1, 2236526164) })], 1)], 1) : e._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: !e.useExistingCard, expression: "!useExistingCard" }], staticClass: "bg-gray-100", staticStyle: { width: "400px", padding: "1em 1em", "border-radius": "0.5em", "min-height": "54px" }, attrs: { id: "card-element" } }), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.elementsError && !e.useExistingCard, expression: "elementsError && !useExistingCard" }], staticClass: "pt-2 text-red-500", domProps: { textContent: e._s(e.elementsError) } })])]), t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("name.label")) + " "), t("CInput", { attrs: { value: e.formCustomer.name, placeholder: e.$t("name.placeholder"), size: "medium", filled: "" }, on: { input: function(a) {
     return e.$emit("input", { key: "customer.name", value: a });
   } } })], 1), t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("region.label")) + " "), t("CSelect", { attrs: { value: e.formCustomer.region, "select-class": "input is-filled", placeholder: e.$t("region.placeholder") }, on: { input: function(a) {
     return e.$emit("input", { key: "customer.region", value: a });
@@ -2545,11 +2549,13 @@ var Ve = function() {
     e.$v.consent.$invalid && e.$v.consent.$dirty ? "has-text-danger" : "has-text-grey-dark"
   ] }, [e._v(" " + e._s(e.$t("consent.label", { brand: e.$t("_common:brand.name") })) + " "), t("a", { staticClass: "underline", attrs: { href: e.$t("_common:brand.termsOfService.url"), target: "_blank", rel: "noopener", tabindex: "-1" } }, [e._v(" " + e._s(e.$t("_common:terms.termsAndConditions")) + " ")]), e._v(" " + e._s(e.$t("_common:and")) + " "), t("a", { staticClass: "underline", attrs: { href: e.$t("_common:brand.privacyPolicy.url"), target: "_blank", rel: "noopener", tabindex: "-1" } }, [e._v(" " + e._s(e.$t("_common:terms.privacyPolicy")) + " ")])])])], 1) : e._e(), e.formError ? t("div", { staticClass: "c-flex-row c-align-middle" }, [t("CIcon", { attrs: { type: "warning", size: "14", stroke: "hsl(360, 100%, 60%)" } }), t("div", { staticStyle: { "margin-left": "0.5em" }, domProps: { textContent: e._s(e.formError) } })], 1) : e._e(), t("div", { staticClass: "anim-block p-block" }, [t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", size: "medium", "icon-right": "arrow-right" }, on: { click: e.submit } }, [e._v(" " + e._s(e.$t("submitButton", { plan: e.uiPlan.name })) + " ")])], 1)])]), t("modal", { staticClass: "primary overflow-visible", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "faq" } }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "600", "margin-bottom": "0.5em", padding: "calc(1 * var(--rem))" }, domProps: { textContent: e._s(e.$t("faq.title")) } }), e._l(6, function(a) {
     return t("CAccordion", { key: a, attrs: { "default-open": null }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: r }) {
-      return t("div", { staticClass: "list-button" }, [t("span", { domProps: { textContent: e._s(
+      return [t("div", { staticClass: "list-button" }, [t("span", { domProps: { textContent: e._s(
         e.$t(`faq.items.${a - 1}.title`, {
           brand: e.$t("_common:brand.name")
         })
-      ) } }), t("CIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${r ? "0deg" : "180deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
+      ) } }), t("CIcon", { staticStyle: { transition: "200ms" }, style: {
+        transform: `rotate(${r ? "0deg" : "180deg"})`
+      }, attrs: { type: "chevron-down", size: "15" } })], 1)];
     } }], null, !0) }, [t("div", { staticStyle: { "font-size": "14px", opacity: "0.65", padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" }, domProps: { textContent: e._s(
       e.$t(`faq.items.${a - 1}.text`, { brand: e.$t("_common:brand.name") })
     ) } })]);
@@ -2562,7 +2568,7 @@ var Ve = function() {
   Oe,
   !1,
   null,
-  "34e4bb3d"
+  "265cded0"
 );
 const ze = Ne.exports, qe = {
   name: "PremiumStripeSelect",
@@ -2737,7 +2743,7 @@ const Ke = Ze.exports, Ye = {
             `
           },
           widget: {
-            text: `Service provided by ${y[h.brand].name}. <a href="${y[h.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Terms</a> for ${y[h.brand].name}.`
+            text: `Service provided by ${y[f.brand].name}. <a href="${y[f.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Terms</a> for ${y[f.brand].name}.`
           }
         },
         features: {
@@ -2771,7 +2777,7 @@ const Ke = Ze.exports, Ye = {
             "Custom email address",
             "Version control",
             ...b.checkFeature("bankId") ? ["BankID"] : [],
-            `Hide ${y[h.brand].name}-logo`,
+            `Hide ${y[f.brand].name}-logo`,
             "CRM integrations"
           ]
         },
@@ -2801,7 +2807,7 @@ const Ke = Ze.exports, Ye = {
             `
           },
           widget: {
-            text: `Tjänsten tillhandahålls via ${y[h.brand].name}. <a href="${y[h.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Villkor</a> för ${y[h.brand].name}.`
+            text: `Tjänsten tillhandahålls via ${y[f.brand].name}. <a href="${y[f.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Villkor</a> för ${y[f.brand].name}.`
           }
         },
         features: {
@@ -2835,7 +2841,7 @@ const Ke = Ze.exports, Ye = {
             "Egen e-postdomän",
             "Versionshantering",
             ...b.checkFeature("bankId") ? ["BankID"] : [],
-            `Göm ${y[h.brand].name}-logo`,
+            `Göm ${y[f.brand].name}-logo`,
             "CRM-Integrationer"
           ]
         },
@@ -3270,7 +3276,7 @@ var it = function() {
   null,
   "d154238a"
 );
-const f = ot.exports, ct = {
+const h = ot.exports, ct = {
   i18nOptions: {
     namespaces: "PremiumRestrictedBankIdAndSms",
     messages: {
@@ -3288,7 +3294,7 @@ const f = ot.exports, ct = {
   },
   name: "PremiumRestrictedBankIdAndSms",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3308,7 +3314,9 @@ var lt = function() {
     bankIdText: e.feature("bankId") ? "BankID " + e.$t("_common:and") : ""
   }), "sub-title": e.$t("subTitle", {
     bankIdText: e.feature("bankId") ? "BankID " + e.$t("_common:or") : ""
-  }), "on-upgrade": e.onUpgrade, plan: "pro" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
+  }), "on-upgrade": e.onUpgrade, plan: "pro" }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }]) });
 }, ut = [], dt = /* @__PURE__ */ d(
   ct,
   lt,
@@ -3335,7 +3343,7 @@ const mt = dt.exports, pt = {
   },
   name: "PremiumRestrictedCreators",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3346,16 +3354,18 @@ const mt = dt.exports, pt = {
 };
 var gt = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "action-function": e.onUpgrade, plan: "premium" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
-}, ht = [], ft = /* @__PURE__ */ d(
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "action-function": e.onUpgrade, plan: "premium" }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }]) });
+}, ft = [], ht = /* @__PURE__ */ d(
   pt,
   gt,
-  ht,
+  ft,
   !1,
   null,
   null
 );
-const yt = ft.exports, Ct = {
+const yt = ht.exports, Ct = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3373,7 +3383,7 @@ const yt = ft.exports, Ct = {
   },
   name: "PremiumRestrictedDocumentBlocks",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3384,7 +3394,9 @@ const yt = ft.exports, Ct = {
 };
 var vt = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }]) });
 }, bt = [], _t = /* @__PURE__ */ d(
   Ct,
   vt,
@@ -3417,7 +3429,7 @@ const Pt = _t.exports, St = {
   },
   name: "PremiumRestrictedDocuments",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3493,7 +3505,9 @@ const Pt = _t.exports, St = {
 };
 var kt = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade } }, [e.canUseFreeDocVoucher ? t("div", { staticStyle: { background: "hsl(33, 100%, 84%)", padding: "1em", "font-size": "15px", "border-radius": "0.5em" }, attrs: { slot: "content" }, slot: "content" }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "500" } }, [t("span", { staticStyle: { "margin-right": "4px" } }, [e._v("🎁")]), e._v(" " + e._s(e.$t("voucherTitle")) + " ")]), t("div", { staticStyle: { opacity: "0.75" }, domProps: { textContent: e._s(e.$t("voucherText", { count: e.voucherDocCount })) } }), t("div", { staticClass: "flex w-full justify-center", staticStyle: { "margin-top": "calc(1 * var(--rem))" } }, [t("CButton", { staticStyle: { border: "none", background: "hsl(33, 100%, 95%)", color: "hsl(33, 88%, 36%)", "box-shadow": "0 3px 6px -2px rgb(0, 0, 0, 0.3)" }, attrs: { loading: e.isLoading, transparent: "", "icon-left": "heart" }, on: { click: e.useFreeDocsVoucher } }, [e._v(" " + e._s(e.$t("voucherButton", { count: e.voucherDocCount })) + " ")])], 1)]) : e._e()]);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade }, scopedSlots: e._u([{ key: "content", fn: function() {
+    return [e.canUseFreeDocVoucher ? t("div", { staticStyle: { background: "hsl(33, 100%, 84%)", padding: "1em", "font-size": "15px", "border-radius": "0.5em" } }, [t("div", { staticStyle: { "font-size": "16px", "font-weight": "500" } }, [t("span", { staticStyle: { "margin-right": "4px" } }, [e._v("🎁")]), e._v(" " + e._s(e.$t("voucherTitle")) + " ")]), t("div", { staticStyle: { opacity: "0.75" }, domProps: { textContent: e._s(e.$t("voucherText", { count: e.voucherDocCount })) } }), t("div", { staticClass: "flex w-full justify-center", staticStyle: { "margin-top": "calc(1 * var(--rem))" } }, [t("CButton", { staticStyle: { border: "none", background: "hsl(33, 100%, 95%)", color: "hsl(33, 88%, 36%)", "box-shadow": "0 3px 6px -2px rgb(0, 0, 0, 0.3)" }, attrs: { loading: e.isLoading, transparent: "", "icon-left": "heart" }, on: { click: e.useFreeDocsVoucher } }, [e._v(" " + e._s(e.$t("voucherButton", { count: e.voucherDocCount })) + " ")])], 1)]) : e._e()];
+  }, proxy: !0 }]) });
 }, xt = [], wt = /* @__PURE__ */ d(
   St,
   kt,
@@ -3526,7 +3540,7 @@ const $t = wt.exports, Tt = {
   },
   name: "PremiumRestrictedLicenses",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3596,7 +3610,11 @@ const $t = wt.exports, Tt = {
 };
 var Mt = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, "action-function": e.doUpgrade } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")]), e.extraPrice && e.extraPrice.amount && e.extraPrice.currency && e.extraPrice.interval ? t("div", { staticClass: "flex w-full justify-between", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "0.5em 1em", "border-radius": "0.5em" }, attrs: { slot: "content" }, slot: "content" }, [t("div", { staticStyle: { "text-align": "left" } }, [t("div", { staticStyle: { "font-weight": "500" }, domProps: { textContent: e._s(e.$t("productTitle")) } }), t("div", { staticStyle: { opacity: "0.75", "font-size": "13px" }, domProps: { textContent: e._s(e.$t("productCost")) } })]), t("div", { staticStyle: { "text-align": "right" } }, [t("div", [e._v(" +" + e._s(e.priceFormat(e.extraPrice.amount, { currency: e.extraPrice.currency })) + " ")]), t("div", { staticStyle: { "font-size": "13px", opacity: "0.7" } }, [e._v(" per " + e._s(e.$t(`_common:${e.extraPrice.interval}`)) + " ")])])]) : e._e()], 2);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, "action-function": e.doUpgrade }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }, { key: "content", fn: function() {
+    return [e.extraPrice && e.extraPrice.amount && e.extraPrice.currency && e.extraPrice.interval ? t("div", { staticClass: "flex w-full justify-between", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "0.5em 1em", "border-radius": "0.5em" } }, [t("div", { staticStyle: { "text-align": "left" } }, [t("div", { staticStyle: { "font-weight": "500" }, domProps: { textContent: e._s(e.$t("productTitle")) } }), t("div", { staticStyle: { opacity: "0.75", "font-size": "13px" }, domProps: { textContent: e._s(e.$t("productCost")) } })]), t("div", { staticStyle: { "text-align": "right" } }, [t("div", [e._v(" +" + e._s(e.priceFormat(e.extraPrice.amount, { currency: e.extraPrice.currency })) + " ")]), t("div", { staticStyle: { "font-size": "13px", opacity: "0.7" } }, [e._v(" per " + e._s(e.$t(`_common:${e.extraPrice.interval}`)) + " ")])])]) : e._e()];
+  }, proxy: !0 }]) });
 }, Et = [], It = /* @__PURE__ */ d(
   Tt,
   Mt,
@@ -3621,7 +3639,7 @@ const Dt = It.exports, Lt = {
   },
   name: "PremiumRestrictedPersonalMessage",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3659,7 +3677,7 @@ const Ht = Ut.exports, Bt = {
   },
   name: "PremiumRestrictedSaveDocTemplate",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3670,7 +3688,9 @@ const Ht = Ut.exports, Bt = {
 };
 var At = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }]) });
 }, Vt = [], Ot = /* @__PURE__ */ d(
   Bt,
   At,
@@ -3697,7 +3717,7 @@ const Nt = Ot.exports, zt = {
   },
   name: "PremiumRestrictedStats",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3708,7 +3728,9 @@ const Nt = Ot.exports, zt = {
 };
 var qt = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }]) });
 }, Gt = [], jt = /* @__PURE__ */ d(
   zt,
   qt,
@@ -3733,7 +3755,7 @@ const Zt = jt.exports, Kt = {
   },
   name: "PremiumRestrictedTemplates",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3771,7 +3793,7 @@ const Qt = Xt.exports, Jt = {
   },
   name: "PremiumRestrictedUseDocTemplates",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {
@@ -3782,7 +3804,9 @@ const Qt = Xt.exports, Jt = {
 };
 var en = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade, plan: "pro" }, scopedSlots: e._u([{ key: "actionText", fn: function() {
+    return [e._v(" " + e._s(e.$t("actionText")) + " ")];
+  }, proxy: !0 }]) });
 }, tn = [], nn = /* @__PURE__ */ d(
   Jt,
   en,
@@ -3810,7 +3834,7 @@ const an = nn.exports, rn = {
   },
   name: "PremiumRestrictedWinProfile",
   components: {
-    PremiumRestrictedBase: f
+    PremiumRestrictedBase: h
   },
   props: {
     onUpgrade: {