@cling-se/widget 0.13.1 → 0.13.2

package/dist/{IsPremiumPreStep-27645ee9.js → index-Cp7dG8Zm.js}

@@ -1,9 +1,8 @@
-import { aD as F, b as C, aE as M, aF as Z, aG as K, aH as Y, aI as W, V as B, aJ as X, aa as L, aK as Q, n as d, v as P, c as h, F as J, l as y, aL as ee, g as m, aM as _, q as k, aN as te, aO as ne, aP as ae, aQ as H, p as re, h as D, I as E, aR as U, L as ie, aS as se, as as oe } from "./main-b9ea9725.js";
-import { m as v, a as $, b as le } from "./vuex.esm-4a0fff7c.js";
-import { a as u } from "./anime.es-e284c852.js";
-import "./index-d35e9363.js";
-import { g as ce } from "./dom-962579a6.js";
-import { v as b } from "./index-805c56e4.js";
+import { n as d, bf as F, b as C, b5 as M, bg as X, bh as Q, bi as J, bj as ee, V as U, bk as te, a1 as L, bl as ne, c as h, F as ae, u as P, d as y, bm as re, g as m, bn as b, z as k, bo as ie, bp as se, bq as oe, br as H, p as ce, h as D, I as E, bs as B, L as le, bt as ue, at as de } from "./main-DBw231uy.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-C16hoSRM.js";
+import { a as pe } from "./dom-CPYqHOIw.js";
 const x = {
   AD: {
     name: "Andorra",
@@ -1250,19 +1249,156 @@ const x = {
     callingCode: "+263",
     currency: "USD"
   }
-}, ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
+}, ge = {
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      default: !0
+    },
+    value: {
+      type: Boolean,
+      default: null
+    },
+    duration: {
+      type: Number,
+      default: 250
+    }
+  },
+  data() {
+    return {
+      internalExpanded: !1
+    };
+  },
+  computed: {
+    wrapperStyle() {
+      return {
+        transitionDuration: `${this.duration}ms`
+      };
+    },
+    expanded: {
+      get() {
+        return this.value === null ? this.internalExpanded : this.value;
+      },
+      set(n) {
+        this.value === null ? this.internalExpanded = n : this.$emit("input", this.value);
+      }
+    }
+  },
+  created() {
+    this.defaultOpen && (this.expanded = !0);
+  },
+  mounted() {
+    this.expanded && this.setWrapperHeightTo("auto");
+  },
+  methods: {
+    onEnter(n) {
+      this.setWrapperHeightTo(this.getContentHeight(), n);
+    },
+    onAfterEnter(n) {
+      this.setWrapperHeightTo("auto", n);
+    },
+    onBeforeLeave(n) {
+      this.setWrapperHeightTo(this.getContentHeight(), n);
+    },
+    onLeave(n) {
+      n.scrollHeight, this.setWrapperHeightTo(0, n);
+    },
+    getContentHeight() {
+      const { inner: n } = this.$refs;
+      return n.getBoundingClientRect().height;
+    },
+    setWrapperHeightTo(n, e = this.$refs.wrapper) {
+      e.style.height = typeof n == "number" ? `${n}px` : n;
+    }
+  }
+};
+var he = 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(
+  ge,
+  he,
+  fe,
+  !1,
+  null,
+  null
+);
+const Ce = ye.exports, ve = {
+  name: "CalloutLegacy",
+  i18nOptions: {
+    namespaces: "components",
+    messages: {
+      sv: {
+        legacy: {
+          title: "Du har en gammal kontoplan",
+          text: `
+            Den här funktionen är enbart tillgänglig på våra uppdaterade kontoplaner.
+            För att gå vidare måste du först byta till de uppdaterade kontoplanerna.
+          `,
+          action: "Gå till inställningar"
+        },
+        invoice: {
+          title: "Byt till kortbetalning",
+          text: `
+           För att gå vidare måste du byta till att använda kortbetalning.
+           Din betalningsmetod är just nu faktura.
+          `,
+          action: "Gå till inställningar"
+        }
+      },
+      en: {
+        legacy: {
+          title: "Your account plan is outdated",
+          text: `
+            This feature is now only available on our updated account plans.
+            To continue you must first convert your account to the updated account plans.
+          `,
+          action: "Go to settings"
+        },
+        invoice: {
+          title: "Change to card",
+          text: `
+            To continue you must change your payment method to card. You're currently using invoice as a payment method.
+          `,
+          action: "Go to settings"
+        }
+      }
+    }
+  },
+  props: {
+    mode: {
+      type: String,
+      default: "legacy",
+      validator: (n) => ["legacy", "invoice"].includes(n)
+    }
+  }
+};
+var be = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { border: "2px solid hsla(35, 100%, 50%, 0.2)", "background-color": "hsl(35, 100%, 91%)", padding: "1.5em", "border-radius": "8px", margin: "calc(2 * var(--rem)) 0 calc(3 * var(--rem)) 0" } }, [t("div", { staticStyle: { "font-weight": "600" }, domProps: { textContent: e._s(e.$t(`${e.mode}.title`)) } }), t("div", { staticStyle: { "font-size": "14px", opacity: "0.7", "margin-bottom": "2em" }, domProps: { textContent: e._s(e.$t(`${e.mode}.text`)) } }), t("CButton", { attrs: { to: { name: "settingsBilling", query: { highlight: e.mode } }, target: "_blank", type: "secondary", wide: "", "icon-right": "new-window" } }, [e._v(" " + e._s(e.$t(`${e.mode}.action`)) + " ")])], 1);
+}, _e = [], Pe = /* @__PURE__ */ d(
+  ve,
+  be,
+  _e,
+  !1,
+  null,
+  null
+);
+const G = Pe.exports, Se = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ke = "stripe", {
   LOAD_PRICES: A,
-  RESET_STRIPE_FORM: me,
-  SET_STRIPE_FORM_VALUE: pe,
+  RESET_STRIPE_FORM: xe,
+  SET_STRIPE_FORM_VALUE: we,
   SET_FORM_PROMOTION: V,
-  SUBMIT_PROMOTION_CODE: ge,
+  SUBMIT_PROMOTION_CODE: $e,
   SUBMIT_PAYMENT_METHOD: O,
-  SUBMIT_FORM_PLAN: he,
-  REMOVE_SUBSCRIPTION_ITEM: fe,
+  SUBMIT_FORM_PLAN: Te,
+  REMOVE_SUBSCRIPTION_ITEM: Me,
   CONFIRM_PAYMENT: N,
   SUBMIT_FORM_PAYMENT: w,
-  SUBMIT_FORM_PRODUCTS: ye
-} = Q, z = {
+  SUBMIT_FORM_PRODUCTS: Ee
+} = ne, z = {
   // The term "plan" refers to a _price_ connected to a _product_ with metadata.accountType
   plan: { accountType: "pro", interval: "month", quantity: 1 },
   customer: { name: "", email: "", region: null },
@@ -1275,7 +1411,7 @@ const x = {
   // If the payment should be associated with a specific dealSource
 }, q = {
   SE: 0.25
-}, G = {
+}, j = {
   namespaced: !0,
   state: {
     isFetching: !1,
@@ -1392,7 +1528,7 @@ const x = {
      * @returns {Object} Price obj on format { intervals: {}, currency  }
      */
     formPrices: (n, e) => {
-      function t(i, s, l) {
+      function t(i, s, c) {
         const o = i;
         return (!o.intervals[s] || !Object.keys(o.intervals[s]).length) && (o.intervals[s] = {
           subTotalBeforeDiscount: 0,
@@ -1400,8 +1536,8 @@ const x = {
           subTotal: 0,
           totalAmount: 0,
           items: []
-        }), Object.keys(l).forEach((c) => {
-          Array.isArray(l[c]) ? o.intervals[s][c] = o.intervals[s][c].concat(l[c]) : o.intervals[s][c] += l[c];
+        }), Object.keys(c).forEach((l) => {
+          Array.isArray(c[l]) ? o.intervals[s][l] = o.intervals[s][l].concat(c[l]) : o.intervals[s][l] += c[l];
         }), o;
       }
       let a = {
@@ -1412,11 +1548,11 @@ const x = {
         const i = (e.formPlan.amount || 0) * e.formPlan.quantity;
         let s = i;
         e.formPromotion && (e.formPromotion.amountOff ? s -= e.formPromotion.amountOff : e.formPromotion.percentOff && (s *= 1 - e.formPromotion.percentOff / 100));
-        const l = s * (q[e.formCustomer.region] || 0), o = s + l;
+        const c = s * (q[e.formCustomer.region] || 0), o = s + c;
         a = t(a, e.formPlan.interval, {
           subTotalBeforeDiscount: i,
           subTotal: s,
-          vatAmount: l,
+          vatAmount: c,
           totalAmount: o,
           items: [
             {
@@ -1430,15 +1566,15 @@ const x = {
       return r(), e.formProducts.forEach((i) => {
         const s = e.priceById(i.stripePriceStripeId);
         if (s) {
-          let l = s.interval;
-          s.usageType === "one_time" && (l = "oneOff");
+          let c = s.interval;
+          s.usageType === "one_time" && (c = "oneOff");
           const o = s.amount * i.quantity;
-          let c = o;
-          e.formPromotion && (e.formPromotion.amountOff ? c -= e.formPromotion.amountOff : e.formPromotion.percentOff && (c *= 1 - e.formPromotion.percentOff / 100));
-          const p = c * (q[e.formCustomer.region] || 0), g = c + p;
-          a = t(a, l, {
+          let l = o;
+          e.formPromotion && (e.formPromotion.amountOff ? l -= e.formPromotion.amountOff : e.formPromotion.percentOff && (l *= 1 - e.formPromotion.percentOff / 100));
+          const p = l * (q[e.formCustomer.region] || 0), g = l + p;
+          a = t(a, c, {
             subTotalBeforeDiscount: o,
-            subTotal: c,
+            subTotal: l,
             vatAmount: p,
             totalAmount: g,
             items: [
@@ -1461,17 +1597,17 @@ const x = {
         n("setPrices", { data: e }), n("setActivePriceMap");
       } catch (e) {
         this.handleError(e, {
-          action: `${de}/${A}`,
+          action: `${ke}/${A}`,
           actionPayload: null
         });
       } finally {
         n("setFetching", !1);
       }
     },
-    async [me]({ commit: n }) {
+    async [xe]({ commit: n }) {
       n("setForm", F(z));
     },
-    async [pe]({ commit: n }, { key: e, value: t }) {
+    async [we]({ commit: n }, { key: e, value: t }) {
       n("setFormValue", { key: e, value: t });
     },
     [V]({ commit: n, getters: e }, { promotionDetails: t, code: a = null } = {}) {
@@ -1483,12 +1619,12 @@ const x = {
         value: { ...t, code: a }
       }), !0);
     },
-    async [ge]({ commit: n, getters: e, dispatch: t }, a) {
+    async [$e]({ commit: n, getters: e, dispatch: t }, a) {
       try {
         if (e.isPosting || !a)
           return !1;
         n("setPosting", !0);
-        const { data: r } = await Z(a);
+        const { data: r } = await X(a);
         return t(V, {
           promotionDetails: r,
           code: a
@@ -1511,8 +1647,8 @@ const x = {
         const { paymentMethod: a = {}, error: r } = await t.createPaymentMethod("card", e);
         if (r)
           throw new Error(r.message || "Card Error");
-        const { id: i } = a, { last4: s, brand: l } = a.card || {};
-        return { id: i, last4: s, brand: l };
+        const { id: i } = a, { last4: s, brand: c } = a.card || {};
+        return { id: i, last4: s, brand: c };
       } catch (a) {
         return this.handleError(a), null;
       } finally {
@@ -1530,38 +1666,38 @@ const x = {
     async [w]({ commit: n, getters: e, dispatch: t }, { form: a, stripe: { cardElement: r } = {}, removeUnusedItems: i = !0 } = {}) {
       try {
         n("setPosting", !0), n("setFormValue", { key: "error", value: null });
-        const { items: s } = a, { formCustomer: l, formPromotion: o, customer: c, formDealSource: p } = e;
+        const { items: s } = a, { formCustomer: c, formPromotion: o, customer: l, formDealSource: p } = e;
         let g;
         r && (g = await t(O, { cardElement: r }));
-        const S = { ...l, items: s };
+        const S = { ...c, items: s };
         g && (S.paymentMethod = g), o && o.code && (S.promotionCode = o.code), p && (S.dealSource = p);
-        const { data: j = {} } = await M.product(S, {
+        const { data: W = {} } = await M.product(S, {
           removeUnusedItems: i
-        }), { clientSecrets: T } = j, R = g && g.id ? g.id : c && c.paymentMethodId;
+        }), { clientSecrets: T } = W, R = g && g.id ? g.id : l && l.paymentMethodId;
         return T && T.length && R ? await t(N, {
           clientSecrets: T,
           paymentMethodId: R
         }) : !0;
       } catch (s) {
         this.handleError(s);
-        const l = (s.errorCode ? ue(s.errorCode) : "") || s.message;
+        const c = (s.errorCode ? Se(s.errorCode) : "") || s.message;
         return n("setFormValue", {
           key: "error",
-          value: l || "Submit Form Payment Error"
+          value: c || "Submit Form Payment Error"
         }), !1;
       } finally {
         n("setPosting", !1);
       }
     },
-    async [he]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
+    async [Te]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
       try {
-        const { formPlan: r, formProducts: i, products: s, subscriptionItems: l } = t;
+        const { formPlan: r, formProducts: i, products: s, subscriptionItems: c } = t;
         if (!r)
           return !1;
-        const o = [...l], c = o.findIndex(
+        const o = [...c], l = o.findIndex(
           (p) => C(s[p.stripeProductStripeId], "metadata.accountType")
         );
-        return c !== -1 && o.splice(c, 1), o.push({
+        return l !== -1 && o.splice(l, 1), o.push({
           stripePriceStripeId: r.stripeId,
           stripeProductStripeId: r.stripeProductId,
           quantity: r.quantity
@@ -1576,7 +1712,7 @@ const x = {
         }), !1;
       }
     },
-    async [ye]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
+    async [Ee]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
       try {
         const { formProducts: i } = t, s = [...i];
         return s.length ? await e(w, {
@@ -1611,7 +1747,7 @@ const x = {
           throw new Error("Param clientSecrets needs to be an array");
         return await e.reduce(async (i, s) => {
           await i;
-          const { paymentIntent: l, error: o } = await a.confirmCardPayment(s, {
+          const { paymentIntent: c, error: o } = await a.confirmCardPayment(s, {
             payment_method: t
           });
           return o ? (o.message && n("setFormValue", {
@@ -1620,7 +1756,7 @@ const x = {
           }), await M.cancelAll({
             immediately: !0,
             status: "incomplete"
-          }), !1) : l && l.status === "succeeded";
+          }), !1) : c && c.status === "succeeded";
         }, Promise.resolve());
       } catch (r) {
         return this.handleError(r), !1;
@@ -1634,7 +1770,7 @@ const x = {
      * @param {String} obj.stripePriceStripeId priceId to remove
      * @returns {Promise<Boolean>} Resolves with true if successful, otherwise false
      */
-    async [fe]({ commit: n, dispatch: e, getters: t }, { stripePriceStripeId: a }) {
+    async [Me]({ commit: n, dispatch: e, getters: t }, { stripePriceStripeId: a }) {
       try {
         if (!a)
           throw new Error("Missing parameter stripePriceStripeId");
@@ -1665,8 +1801,8 @@ const x = {
     setPrices: (n, { data: e = [] }) => {
       if (typeof e != "object")
         throw Error("Data must be a priceItem or array of priceItems!");
-      const t = Array.isArray(e) ? e : [e], { ids: a, values: r } = K(t, { keyId: "stripeId" });
-      Y(n.prices, r), n.priceIds = W([...a, ...n.priceIds]);
+      const t = Array.isArray(e) ? e : [e], { ids: a, values: r } = Q(t, { keyId: "stripeId" });
+      J(n.prices, r), n.priceIds = ee([...a, ...n.priceIds]);
     },
     setActivePriceMap: ({ prices: n, activePriceMap: e }) => Object.keys(n).forEach((t) => {
       const a = n[t], r = C(a, "StripeProduct.metadata.accountType");
@@ -1674,15 +1810,14 @@ const x = {
     }),
     // --- Form ---
     setForm: (n, e) => {
-      B.set(n, "form", e);
+      U.set(n, "form", e);
     },
     setFormValue: (n, { key: e, value: t }) => {
-      const { root: a, prop: r } = X(n, `form.${e}`);
-      B.set(a, r, t);
+      const { root: a, prop: r } = te(n, `form.${e}`);
+      U.set(a, r, t);
     }
   }
-};
-const Ce = {
+}, Ie = {
   props: {
     colors: {
       type: Array,
@@ -1790,211 +1925,21 @@ const Ce = {
     }
   }
 };
-var ve = function() {
+var Le = function() {
   var e = this;
   return e._self._c, e._m(0);
-}, _e = [function() {
+}, De = [function() {
   var n = this, e = n._self._c;
   return e("div", [e("canvas", { attrs: { id: "fireworks" } })]);
-}], be = /* @__PURE__ */ d(
-  Ce,
-  ve,
-  _e,
+}], Re = /* @__PURE__ */ d(
+  Ie,
+  Le,
+  De,
   !1,
   null,
-  "ebe417f7",
-  null,
-  null
+  "18ad2709"
 );
-const Pe = be.exports;
-const Se = {
-  name: "PremiumStripeSelect",
-  i18nOptions: {
-    namespaces: "premiumStripeSelect",
-    messages: {
-      en: {
-        title: 'Upgrade your plan. <span style="opacity: 0.5;">Get more out of {{brand,capitalize}}.</span>',
-        saveYearly: "Save 30%",
-        billedYearly: "Billed yearly.",
-        continueButton: "Continue to billing",
-        currentPlan: "Your current plan"
-      },
-      sv: {
-        title: 'Uppgradera ditt konto. <span style="opacity: 0.5;">Få ut mer av {{brand,capitalize}}.</span>',
-        saveYearly: "Spara 30%",
-        billedYearly: "Faktureras årsvis.",
-        continueButton: "Fortsätt till kassan",
-        currentPlan: "Din nuvarande plan"
-      }
-    }
-  },
-  props: {
-    plans: {
-      type: Array,
-      required: !0
-    },
-    interval: {
-      type: String,
-      required: !0
-    },
-    plan: {
-      type: String,
-      required: !0
-    }
-  },
-  computed: {
-    ...v({
-      currentPlan: "stripe/currentPlan",
-      getPrice: "stripe/getPrice"
-    }),
-    currentAccountType() {
-      var n;
-      return ((n = this.currentPlan) == null ? void 0 : n.accountType) || "free";
-    },
-    currentInterval() {
-      var n;
-      return (n = this.currentPlan) == null ? void 0 : n.interval;
-    }
-  },
-  created() {
-    this.$nextTick(() => {
-      u({
-        targets: ".anim-block",
-        translateY: [50, 0],
-        opacity: [0, 1],
-        delay: u.stagger(80),
-        easing: "spring(1, 70, 20, 9)",
-        complete: (n) => {
-          n.animatables.forEach(({ target: e }) => {
-            e.style.transform = "", this.$el.classList.remove("animating");
-          });
-        }
-      });
-    });
-  },
-  methods: {
-    getPriceFormatted(n) {
-      if (n.accountType === "free")
-        return "";
-      const { amount: e, currency: t } = this.getPrice(n.accountType, this.interval) || {};
-      if (typeof e > "u" || typeof t > "u")
-        return "";
-      const a = e / (this.interval === "month" ? 1 : 12);
-      return `${P(a, { currency: t })}/${this.$t(
-        "_common:month"
-      )}`;
-    }
-  }
-};
-var ke = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "animating flex w-full flex-col items-center", staticStyle: { "padding-top": "30px" } }, [t("div", { staticClass: "anim-block flex w-full flex-col items-center text-center", staticStyle: { "margin-bottom": "50px" } }, [t("div", { staticStyle: { "font-size": "22px", "font-weight": "600", "margin-bottom": "20px", "max-width": "20ch" }, domProps: { innerHTML: e._s(e.$t("title", { brand: e.$t("_common:brand.name") })) } }), t("div", { staticStyle: { position: "relative" } }, [t("div", { staticClass: "tgl-btn-group" }, e._l(["month", "year"], function(a) {
-    return t("div", { key: a, staticClass: "tgl-btn", class: {
-      selected: e.interval === a
-    }, domProps: { textContent: e._s(e.$t(`_common:paymentInterval.${a}`).capitalize()) }, on: { click: function(r) {
-      return e.$emit("update:interval", a);
-    } } });
-  }), 0), t("div", { staticClass: "text-primary-600 absolute left-[88%] top-[112%] whitespace-nowrap text-[13px]" }, [t("svg", { attrs: { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M1.73255 11.5162L3.78467 5.87805L9.42282 7.93017", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }), t("path", { attrs: { d: "M3.78467 5.87805C4.42683 7.25608 8.24738 13.7995 10.2964 15.6909C13.8158 18.9395 19.2241 17.4113 22.0419 16.6886", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } })]), t("span", { staticStyle: { "padding-left": "0.25em" }, domProps: { textContent: e._s(e.$t("saveYearly")) } })])])]), t("div", { staticClass: "PriceGrid" }, e._l(e.plans, function(a, r) {
-    return t("div", { key: r, staticClass: "PriceItem anim-block", class: {
-      selected: e.plan === a.accountType
-    }, on: { click: function(i) {
-      return e.$emit("update:plan", a.accountType);
-    } } }, [t("div", [t("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%" }, attrs: { src: a.img, alt: a.name, width: "50", height: "50" } })]), t("div", { staticClass: "PriceItem__title" }, [t("span", { domProps: { textContent: e._s(a.name) } }), e._v("  ")]), e.currentAccountType === a.accountType ? t("svg", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("currentPlan"), expression: "$t('currentPlan')" }], staticClass: "[.selected_&]:text-primary-500 absolute right-0 top-0 rounded-tr-lg text-gray-400", attrs: { width: "50", height: "50", viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 0H70V70L0 0Z", fill: "currentColor" } }), t("path", { attrs: { d: "M39.4203 23.5667L45 29.1464L57.0732 17.0732", stroke: "white", "stroke-width": "4" } })]) : e._e(), t("div", { staticClass: "PriceItem__cost" }, [t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.getPriceFormatted(a)) } }), e._v("   ")]), t("div", { staticStyle: { "font-size": "14px", "margin-bottom": "20px", color: "hsl(240, 8%, 45%)", "min-height": "2em" } }, [t("transition", { attrs: { name: "vertical-fader" } }, [e.interval === "year" && a.accountType !== "free" ? t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.$t("billedYearly")) } }) : e._e()])], 1), t("ul", { staticClass: "PriceItem__text" }, e._l(a.features, function(i) {
-      return t("li", { key: i }, [t("span", { domProps: { textContent: e._s(i) } })]);
-    }), 0)]);
-  }), 0), t("CButton", { staticClass: "anim-block sticky-btn", attrs: { disabled: e.currentAccountType === e.plan && e.currentInterval === e.interval || e.plan === "free", type: "secondary", "icon-right": "arrow-right" }, on: { click: function(a) {
-    return e.$emit("next");
-  } } }, [e._v(e._s(e.$t("continueButton")))])], 1);
-}, xe = [], we = /* @__PURE__ */ d(
-  Se,
-  ke,
-  xe,
-  !1,
-  null,
-  "f97667c4",
-  null,
-  null
-);
-const $e = we.exports;
-const Te = {
-  props: {
-    defaultOpen: {
-      type: Boolean,
-      default: !0
-    },
-    value: {
-      type: Boolean,
-      default: null
-    },
-    duration: {
-      type: Number,
-      default: 250
-    }
-  },
-  data() {
-    return {
-      internalExpanded: !1
-    };
-  },
-  computed: {
-    wrapperStyle() {
-      return {
-        transitionDuration: `${this.duration}ms`
-      };
-    },
-    expanded: {
-      get() {
-        return this.value === null ? this.internalExpanded : this.value;
-      },
-      set(n) {
-        this.value === null ? this.internalExpanded = n : this.$emit("input", this.value);
-      }
-    }
-  },
-  created() {
-    this.defaultOpen && (this.expanded = !0);
-  },
-  mounted() {
-    this.expanded && this.setWrapperHeightTo("auto");
-  },
-  methods: {
-    onEnter(n) {
-      this.setWrapperHeightTo(this.getContentHeight(), n);
-    },
-    onAfterEnter(n) {
-      this.setWrapperHeightTo("auto", n);
-    },
-    onBeforeLeave(n) {
-      this.setWrapperHeightTo(this.getContentHeight(), n);
-    },
-    onLeave(n) {
-      n.scrollHeight, this.setWrapperHeightTo(0, n);
-    },
-    getContentHeight() {
-      const { inner: n } = this.$refs;
-      return n.getBoundingClientRect().height;
-    },
-    setWrapperHeightTo(n, e = this.$refs.wrapper) {
-      e.style.height = typeof n == "number" ? `${n}px` : n;
-    }
-  }
-};
-var Me = 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);
-}, Ee = [], Ie = /* @__PURE__ */ d(
-  Te,
-  Me,
-  Ee,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Le = Ie.exports, De = {
+const Fe = Re.exports, Ue = {
   amex: {
     name: "American Express",
     logo: '<g><rect width="48" height="32" rx="4" fill="white"/><g><path d="M8.88 17.9V26.06H17.14L18 24.84L18.84 26.06H23.89V24.22H24.45C24.9584 24.2244 25.4643 24.1502 25.95 24V26.06H29.38V24.6L30.54 26.06H46.16C46.802 26.0712 47.4338 25.8977 47.98 25.56V29C47.5224 30.7722 45.9203 32.0078 44.09 32H4C1.79086 32 0 30.2091 0 28V15.4H2.28L2.75 14.18H3.87L4.33 15.4H22.67V13.94L23.83 15.4H28.64V14.66C29.3453 15.1621 30.1945 15.4217 31.06 15.4H33.93L34.39 14.18H35.51L36 15.4H40.9V13.82L41.9 15.4H45.28V7.24H41.69V8.9L40.62 7.24H37.48V9.34L36.48 7.24H31.14C30.2366 7.21382 29.3524 7.50384 28.64 8.06V7.24H11L10.4 9L9.8 7.2H5.8V9.3L4.86 7.2H1.6L0 11V4C0 1.79086 1.79086 1.31011e-07 4 1.31011e-07H44.09C45.9278 -0.0169872 47.5406 1.2205 48 3V17.9H18.86L18 19.1L17.16 17.9H8.88Z" fill="#296DB6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.32 19.2H24.43V19.16C24.9479 19.1165 25.4595 19.2976 25.8345 19.6574C26.2096 20.0171 26.4119 20.5208 26.39 21.04C26.4028 21.5655 26.1927 22.0718 25.8116 22.4338C25.4306 22.7958 24.9141 22.9797 24.39 22.94H22.69V24.8H21.32V19.2ZM14.71 20.36V19.16H10.18V24.8H14.71V23.6H11.54V22.6H14.65V21.38H11.54V20.38L14.71 20.36ZM18.8 22L21.06 19.2H19.4L18 20.94L16.61 19.16H14.91L17.2 22L15 24.8H16.64L18 23L19.36 24.82H21.08L18.8 22ZM24.31 21.78H22.69V20.36H24.31C24.6911 20.36 25 20.6689 25 21.05C25 21.4311 24.6911 21.74 24.31 21.74V21.78ZM32.17 20.79C32.286 21.7731 31.5831 22.664 30.6 22.78L32.49 24.8H30.78L29.1 22.8H28.48V24.8H27.12V19.22H30.18C31.1631 19.104 32.054 19.8069 32.17 20.79ZM30.06 21.66H28.48V20.36H30.06C30.2378 20.3369 30.4169 20.3918 30.5511 20.5107C30.6853 20.6296 30.7615 20.8007 30.76 20.98C30.7649 21.1604 30.6898 21.3337 30.5547 21.4533C30.4196 21.573 30.2385 21.6267 30.06 21.6V21.66ZM37.36 19.22V20.42L34.19 20.38V21.38H37.28V22.6H34.19V23.6H37.36V24.8H32.81V19.22H37.36ZM41.13 21.42H39.82C39.6175 21.4607 39.4105 21.3753 39.2956 21.2036C39.1808 21.032 39.1808 20.808 39.2956 20.6364C39.4105 20.4647 39.6175 20.3793 39.82 20.42H42.25L42.79 19.22H39.86C39.3615 19.1622 38.8623 19.3225 38.4906 19.6597C38.1189 19.9969 37.9109 20.4782 37.92 20.98C37.8896 21.4469 38.0691 21.903 38.4094 22.2241C38.7498 22.5451 39.2157 22.6976 39.68 22.64H41C41.2025 22.5993 41.4095 22.6847 41.5244 22.8564C41.6392 23.028 41.6392 23.252 41.5244 23.4236C41.4095 23.5953 41.2025 23.6807 41 23.64H38.08V24.84H41C41.5039 24.8812 42.0011 24.7024 42.3634 24.3497C42.7257 23.997 42.9177 23.5049 42.89 23C42.9153 22.5378 42.7326 22.0885 42.392 21.775C42.0514 21.4615 41.5885 21.3166 41.13 21.38V21.42ZM47.46 20.42H45.03L45 20.38C44.7975 20.3393 44.5905 20.4247 44.4756 20.5964C44.3608 20.768 44.3608 20.992 44.4756 21.1636C44.5905 21.3353 44.7975 21.4207 45 21.38H46.36C47.0518 21.3089 47.7118 21.6871 48 22.32V23.66C47.7246 24.4224 46.9666 24.9003 46.16 24.82H43.29V23.62H46.18C46.3825 23.6607 46.5895 23.5753 46.7044 23.4036C46.8192 23.232 46.8192 23.008 46.7044 22.8364C46.5895 22.6647 46.3825 22.5793 46.18 22.62H44.89C44.4257 22.6776 43.9598 22.5251 43.6194 22.2041C43.2791 21.883 43.0996 21.4269 43.13 20.96C43.1209 20.4582 43.3289 19.9769 43.7006 19.6397C44.0723 19.3025 44.5715 19.1422 45.07 19.2H48L47.46 20.42Z" fill="#296DB6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.45 10.28C25.4719 11.1815 24.8053 11.9521 23.91 12.06L25.79 14.14H24.09L22.41 12.14H21.79V14.14H20.4V8.5H23.45C23.9596 8.43317 24.473 8.59111 24.8569 8.93278C25.2408 9.27446 25.4573 9.76612 25.45 10.28ZM4.23 8.5H2.45L0 14.14H1.48L2 13H4.63L5.11 14.18H6.65L4.23 8.5ZM2.38 11.86L2.93 10.54L3.29 9.66L3.65 10.54L4.19 11.86H2.38ZM10.6 11.76L11.7 8.5H13.89V14.14H12.57V10.44V9.58L12.31 10.44L11 14.14H9.8L8.52 10.44L8.24 9.58V10.44V14.14H6.91V8.5H9.12L10.24 11.76L10.42 12.38L10.6 11.76ZM19.5 9.7V8.5H15V14.14H19.5V12.94H16.33V11.94H19.42V10.72H16.33V9.72L19.5 9.7ZM23.37 10.94H21.79V9.7H23.37C23.5471 9.68019 23.7243 9.73632 23.8577 9.85449C23.9912 9.97265 24.0683 10.1418 24.07 10.32C24.0749 10.5004 23.9998 10.6737 23.8647 10.7933C23.7296 10.913 23.5485 10.9667 23.37 10.94ZM26.11 14.14V8.5H27.48V14.14H26.11ZM31.11 9.72H32.58V8.5H31C30.2562 8.45299 29.5291 8.7337 29.0099 9.26831C28.4907 9.80292 28.2313 10.5379 28.3 11.28V11.36C28.2164 12.0915 28.4596 12.8226 28.9645 13.3583C29.4694 13.8941 30.1849 14.1801 30.92 14.14H31L31.55 12.94H31.1C30.685 12.9613 30.2819 12.7972 29.9999 12.492C29.7179 12.1868 29.586 11.772 29.64 11.36V11.28C29.5925 10.8712 29.7272 10.4621 30.0085 10.1616C30.2897 9.86113 30.6889 9.69961 31.1 9.72H31.11ZM34.09 8.5H35.89L38.3 14.18H36.76L36.28 13H33.61L33.13 14.14H31.67L34.09 8.5ZM34.05 11.86L34.57 10.54L34.93 9.66L35.27 10.54L35.81 11.86H34.05ZM42.61 11.5V8.5H44V14.14H42.35L40.26 10.96L39.9 10.34V11V14.18H38.56V8.54H40.23L42.23 11.54L42.61 12.18V11.5Z" fill="#296DB6"/></g></g>'
@@ -2034,16 +1979,16 @@ const Le = Ie.exports, De = {
       logo: i
     };
   }
-}, Re = (n) => {
+}, He = (n) => {
   if (document.getElementById("stripe-js"))
     return n();
   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;
-}, Fe = (n) => Re(() => {
+}, Be = (n) => He(() => {
   window.$stripe = Stripe(h.stripe.publishableKey, {
     locale: L.lang || "en"
   }), typeof n == "function" && n();
-}), Be = {
+}), Z = {
   data() {
     return {
       stripeCardElementId: null,
@@ -2061,7 +2006,7 @@ const Le = Ie.exports, De = {
     };
   },
   created() {
-    Fe(() => {
+    Be(() => {
       this.stripe = window.$stripe, this.$nextTick(() => {
         this.elements = this.stripe.elements(), this.stripeCardElementId && this.configureStripeCard(this.stripeCardElementId);
       });
@@ -2129,7 +2074,7 @@ const Le = Ie.exports, De = {
       var i;
       const e = n.cloneNode(!0);
       e.style.boxSizing = "border-box", e.style.fontSize = (i = window.getComputedStyle(n)) == null ? void 0 : i.fontSize;
-      const t = ce(n), a = () => {
+      const t = pe(n), a = () => {
         this.repositionStripeEl({ original: n, clone: e });
       };
       t.addEventListener("scroll", a, {
@@ -2145,8 +2090,7 @@ const Le = Ie.exports, De = {
       e.style.zIndex = r + 1e4, document.body.appendChild(e);
     }
   }
-};
-const He = {
+}, Ae = {
   i18nOptions: {
     namespaces: "PremiumStripeForm",
     messages: {
@@ -2338,10 +2282,10 @@ const He = {
   },
   name: "PremiumStripeForm",
   components: {
-    CAccordion: Le,
-    CCheckbox: J
+    CAccordion: Ce,
+    CCheckbox: ae
   },
-  mixins: [Be],
+  mixins: [Z],
   props: {
     formPlan: {
       type: Object,
@@ -2367,7 +2311,7 @@ const He = {
   data() {
     return {
       regions: x,
-      cardBrands: De,
+      cardBrands: Ue,
       stripeCardElementId: "#card-element",
       promoInputVisible: !1,
       inputPromotionCode: "",
@@ -2382,17 +2326,17 @@ const He = {
     return {
       formCustomer: {
         email: {
-          email: b.email
+          email: _.email
         }
       },
       quantity: {
-        required: b.required,
-        minValue: b.minValue(1),
-        numeric: b.numeric
+        required: _.required,
+        minValue: _.minValue(1),
+        numeric: _.numeric
       },
       consent: {
-        required: b.requiredIf((e) => e.collectConsent),
-        sameAs: b.sameAs((e) => e.collectConsent)
+        required: _.requiredIf((e) => e.collectConsent),
+        sameAs: _.sameAs((e) => e.collectConsent)
       }
     };
   },
@@ -2465,10 +2409,10 @@ const He = {
       }), a.forEach((s) => {
         if (s === "bankId" && y[h.brand].defaultRegion === "US")
           return;
-        const l = this.getMeteredProduct(s);
-        if (!l)
+        const c = this.getMeteredProduct(s);
+        if (!c)
           return;
-        const o = l.prices.find(
+        const o = c.prices.find(
           (p) => {
             var g;
             return p.active && ((g = p == null ? void 0 : p.metadata) == null ? void 0 : g.visible) === !0;
@@ -2476,12 +2420,12 @@ const He = {
         );
         if (!o)
           return;
-        const c = P(o.amount, {
+        const l = P(o.amount, {
           currency: o.currency,
           decimals: 2,
           hideZeroDecimals: !0
         });
-        n[s] || (n[s] = { type: s, count: 0, cost: null }), n[s].cost = c;
+        n[s] || (n[s] = { type: s, count: 0, cost: null }), n[s].cost = l;
       }), Object.keys(n).map((s) => n[s]);
     }
   },
@@ -2509,7 +2453,7 @@ const He = {
           value: this.customer[t]
         });
       });
-      const { data: e } = await ee();
+      const { data: e } = await re();
       this.setPromotion({ promotionDetails: e });
     }
     this.companyRegion === "SE" && !this.formCustomer.region && this.$emit("input", { key: "customer.region", value: this.companyRegion }), this.routePromo && this.verifyPromotionCode(this.routePromo);
@@ -2544,7 +2488,7 @@ const He = {
     }
   }
 };
-var Ue = function() {
+var Ve = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "root font-inter anime-payment-modal" }, [t("div", { staticClass: "flex w-full", staticStyle: { overflow: "hidden" } }, [t("div", { staticClass: "anim-block p-aside" }, [t("div", { staticClass: "p-callout", class: e.uiPlan.accountType }, [t("div", { staticStyle: { "font-size": "11px", position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(1.5 * var(--rem))", display: "flex", "line-height": "1.2" } }, [t("div", { staticStyle: { "text-align": "right", "padding-right": "0.5em" } }, [t("div", { staticStyle: { opacity: "0.7" }, domProps: { textContent: e._s(e.$t("payYearly")) } }), t("div", { staticClass: "text-primary-500 font-medium", domProps: { textContent: e._s(e.$t("saveAmount")) } })]), t("CSwitch", { attrs: { value: e.formPlan.interval === "year", size: "small", type: "secondary" }, on: { input: function(a) {
     return e.$emit(
@@ -2567,11 +2511,11 @@ var Ue = function() {
     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) {
     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("BaseIcon", { 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) {
+  } } }, [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");
-  } } })], 1), t("div", { staticClass: "p-badge flex w-full items-center" }, [t("BaseIcon", { 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("faq.title")) }, on: { click: function(a) {
+  } } })], 1), 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("faq.title")) }, on: { click: function(a) {
     return e.$modal.show("faq");
-  } } })], 1)]], 2), t("div", [t("div", { staticClass: "anim-block p-block", staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "line-height": "1.5" } }, [t("span", { staticStyle: { opacity: "0.5" } }, [e._v(e._s(e.$t("formSteps")))]), t("br"), e._v(" " + e._s(e.$t("formTitle")) + " ")])]), t("div", { staticClass: "anim-block", staticStyle: { "font-size": "14px" } }, [e.disableQuantity ? e._e() : t("div", { staticClass: "p-block" }, [t("div", { staticClass: "p-block-title flex w-full items-center" }, [t("div", [e._v(" " + e._s(e.$t("quantity.label")) + " "), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("quantity.tooltip"), expression: "$t('quantity.tooltip')" }], staticClass: "text-gray-400", attrs: { type: "info", size: "16" } })], 1)]), t("div", { staticClass: "flex w-full" }, [t("div", { staticClass: "p-option-list", staticStyle: { flex: "1 1 auto" } }, [t("CField", { attrs: { validator: e.$v.quantity, messages: e.messages.quantity, expanded: "" } }, [t("CInput", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.uiPlan.accountType === "start" ? { content: e.$t("quantity.disabled") } : "", expression: `
+  } } })], 1)]], 2), t("div", [t("div", { staticClass: "anim-block p-block", staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "line-height": "1.5" } }, [t("span", { staticStyle: { opacity: "0.5" } }, [e._v(e._s(e.$t("formSteps")))]), t("br"), e._v(" " + e._s(e.$t("formTitle")) + " ")])]), t("div", { staticClass: "anim-block", staticStyle: { "font-size": "14px" } }, [e.disableQuantity ? e._e() : t("div", { staticClass: "p-block" }, [t("div", { staticClass: "p-block-title flex w-full items-center" }, [t("div", [e._v(" " + e._s(e.$t("quantity.label")) + " "), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("quantity.tooltip"), expression: "$t('quantity.tooltip')" }], staticClass: "text-gray-400", attrs: { type: "info", size: "16" } })], 1)]), t("div", { staticClass: "flex w-full" }, [t("div", { staticClass: "p-option-list", staticStyle: { flex: "1 1 auto" } }, [t("CField", { attrs: { validator: e.$v.quantity, messages: e.messages.quantity, expanded: "" } }, [t("CInput", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.uiPlan.accountType === "start" ? { content: e.$t("quantity.disabled") } : "", expression: `
                     uiPlan.accountType === 'start'
                       ? { content: $t('quantity.disabled') }
                       : ''
@@ -2599,30 +2543,134 @@ var Ue = function() {
     e.consent = a;
   }, expression: "consent" } }, [t("div", { class: [
     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("BaseIcon", { 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) {
+  ] }, [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(
         e.$t(`faq.items.${a - 1}.title`, {
           brand: e.$t("_common:brand.name")
         })
-      ) } }), t("BaseIcon", { 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") })
     ) } })]);
   })], 2)]), t("modal", { staticClass: "primary overflow-visible", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "reasonableUse" } }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [t("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "600", padding: "calc(1 * var(--rem))" }, domProps: { textContent: e._s(e.$t("reasonableUse.title")) } }), t("div", { staticStyle: { "font-size": "15px", opacity: "0.75", padding: "0 calc(1 * var(--rem)) calc(2 * var(--rem))" }, domProps: { textContent: e._s(e.$t("reasonableUse.text", { brand: e.$t("_common:brand.name") })) } }), t("div", { staticStyle: { padding: "0 calc(1 * var(--rem))" } }, e._l(e.reasonableUseQuotas, function(a, r) {
     return t("div", { key: r, staticStyle: { "font-size": "14px", "margin-bottom": "calc(1 * var(--rem))" } }, [t("span", { staticStyle: { "font-weight": "500", "padding-right": "0.5ch" }, domProps: { textContent: e._s(e.$t(`reasonableUse.${a.type}`) + ":") } }), t("span", { staticStyle: { opacity: "0.75", "padding-right": "0.5ch" }, domProps: { textContent: e._s(e.$t("reasonableUse.quotaIncluded", { count: a.count })) } }), a.cost ? t("span", { staticStyle: { opacity: "0.75" }, domProps: { textContent: e._s(e.$t("reasonableUse.quotaExtra", { cost: a.cost })) } }) : e._e()]);
   }), 0)])])], 1);
-}, Ae = [], Ve = /* @__PURE__ */ d(
-  He,
-  Ue,
+}, Oe = [], Ne = /* @__PURE__ */ d(
   Ae,
+  Ve,
+  Oe,
   !1,
   null,
-  "0817a685",
+  "30b943b0"
+);
+const ze = Ne.exports, qe = {
+  name: "PremiumStripeSelect",
+  i18nOptions: {
+    namespaces: "premiumStripeSelect",
+    messages: {
+      en: {
+        title: 'Upgrade your plan. <span style="opacity: 0.5;">Get more out of {{brand,capitalize}}.</span>',
+        saveYearly: "Save 30%",
+        billedYearly: "Billed yearly.",
+        continueButton: "Continue to billing",
+        currentPlan: "Your current plan"
+      },
+      sv: {
+        title: 'Uppgradera ditt konto. <span style="opacity: 0.5;">Få ut mer av {{brand,capitalize}}.</span>',
+        saveYearly: "Spara 30%",
+        billedYearly: "Faktureras årsvis.",
+        continueButton: "Fortsätt till kassan",
+        currentPlan: "Din nuvarande plan"
+      }
+    }
+  },
+  props: {
+    plans: {
+      type: Array,
+      required: !0
+    },
+    interval: {
+      type: String,
+      required: !0
+    },
+    plan: {
+      type: String,
+      required: !0
+    }
+  },
+  computed: {
+    ...v({
+      currentPlan: "stripe/currentPlan",
+      getPrice: "stripe/getPrice"
+    }),
+    currentAccountType() {
+      var n;
+      return ((n = this.currentPlan) == null ? void 0 : n.accountType) || "free";
+    },
+    currentInterval() {
+      var n;
+      return (n = this.currentPlan) == null ? void 0 : n.interval;
+    }
+  },
+  created() {
+    this.$nextTick(() => {
+      u({
+        targets: ".anim-block",
+        translateY: [50, 0],
+        opacity: [0, 1],
+        delay: u.stagger(80),
+        easing: "spring(1, 70, 20, 9)",
+        complete: (n) => {
+          n.animatables.forEach(({ target: e }) => {
+            e.style.transform = "", this.$el.classList.remove("animating");
+          });
+        }
+      });
+    });
+  },
+  methods: {
+    getPriceFormatted(n) {
+      if (n.accountType === "free")
+        return "";
+      const { amount: e, currency: t } = this.getPrice(n.accountType, this.interval) || {};
+      if (typeof e > "u" || typeof t > "u")
+        return "";
+      const a = e / (this.interval === "month" ? 1 : 12);
+      return `${P(a, { currency: t })}/${this.$t(
+        "_common:month"
+      )}`;
+    }
+  }
+};
+var Ge = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "animating flex w-full flex-col items-center", staticStyle: { "padding-top": "30px" } }, [t("div", { staticClass: "anim-block flex w-full flex-col items-center text-center", staticStyle: { "margin-bottom": "50px" } }, [t("div", { staticStyle: { "font-size": "22px", "font-weight": "600", "margin-bottom": "20px", "max-width": "20ch" }, domProps: { innerHTML: e._s(e.$t("title", { brand: e.$t("_common:brand.name") })) } }), t("div", { staticStyle: { position: "relative" } }, [t("div", { staticClass: "tgl-btn-group" }, e._l(["month", "year"], function(a) {
+    return t("div", { key: a, staticClass: "tgl-btn", class: {
+      selected: e.interval === a
+    }, domProps: { textContent: e._s(e.$t(`_common:paymentInterval.${a}`).capitalize()) }, on: { click: function(r) {
+      return e.$emit("update:interval", a);
+    } } });
+  }), 0), t("div", { staticClass: "text-primary-600 absolute left-[88%] top-[112%] whitespace-nowrap text-[13px]" }, [t("svg", { attrs: { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M1.73255 11.5162L3.78467 5.87805L9.42282 7.93017", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }), t("path", { attrs: { d: "M3.78467 5.87805C4.42683 7.25608 8.24738 13.7995 10.2964 15.6909C13.8158 18.9395 19.2241 17.4113 22.0419 16.6886", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } })]), t("span", { staticStyle: { "padding-left": "0.25em" }, domProps: { textContent: e._s(e.$t("saveYearly")) } })])])]), t("div", { staticClass: "PriceGrid" }, e._l(e.plans, function(a, r) {
+    return t("div", { key: r, staticClass: "PriceItem anim-block", class: {
+      selected: e.plan === a.accountType
+    }, on: { click: function(i) {
+      return e.$emit("update:plan", a.accountType);
+    } } }, [t("div", [t("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%" }, attrs: { src: a.img, alt: a.name, width: "50", height: "50" } })]), t("div", { staticClass: "PriceItem__title" }, [t("span", { domProps: { textContent: e._s(a.name) } }), e._v("  ")]), e.currentAccountType === a.accountType ? t("svg", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("currentPlan"), expression: "$t('currentPlan')" }], staticClass: "[.selected_&]:text-primary-500 absolute right-0 top-0 rounded-tr-lg text-gray-400", attrs: { width: "50", height: "50", viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 0H70V70L0 0Z", fill: "currentColor" } }), t("path", { attrs: { d: "M39.4203 23.5667L45 29.1464L57.0732 17.0732", stroke: "white", "stroke-width": "4" } })]) : e._e(), t("div", { staticClass: "PriceItem__cost" }, [t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.getPriceFormatted(a)) } }), e._v("   ")]), t("div", { staticStyle: { "font-size": "14px", "margin-bottom": "20px", color: "hsl(240, 8%, 45%)", "min-height": "2em" } }, [t("transition", { attrs: { name: "vertical-fader" } }, [e.interval === "year" && a.accountType !== "free" ? t("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: e._s(e.$t("billedYearly")) } }) : e._e()])], 1), t("ul", { staticClass: "PriceItem__text" }, e._l(a.features, function(i) {
+      return t("li", { key: i }, [t("span", { domProps: { textContent: e._s(i) } })]);
+    }), 0)]);
+  }), 0), t("CButton", { staticClass: "anim-block sticky-btn", attrs: { disabled: e.currentAccountType === e.plan && e.currentInterval === e.interval || e.plan === "free", type: "secondary", "icon-right": "arrow-right" }, on: { click: function(a) {
+    return e.$emit("next");
+  } } }, [e._v(e._s(e.$t("continueButton")))])], 1);
+}, je = [], Ze = /* @__PURE__ */ d(
+  qe,
+  Ge,
+  je,
+  !1,
   null,
-  null
+  "8aad9743"
 );
-const Oe = Ve.exports, Ne = {
+const Ke = Ze.exports, Ye = {
   sv: {
     premiumStripe: {
       "features.free": [
@@ -2665,7 +2713,7 @@ const Oe = Ve.exports, Ne = {
       title: 'Upgrade your plan. <span style="opacity: 0.5;">Get more out of Offerta.</span>'
     }
   }
-}, ze = {
+}, We = {
   name: "PremiumStripe",
   i18nOptions: {
     namespaces: "premiumStripe",
@@ -2699,7 +2747,7 @@ const Oe = Ve.exports, Ne = {
             "Send up to 5 docs / month",
             "Up to 2 templates",
             "Real-time audit trail",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           base: [
@@ -2709,7 +2757,7 @@ const Oe = Ve.exports, Ne = {
             "Members",
             "Reminders",
             "Real-time audit trail",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           pro: [
@@ -2722,7 +2770,7 @@ const Oe = Ve.exports, Ne = {
             "Custom subdomain",
             "Custom email address",
             "Version control",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             `Hide ${y[h.brand].name}-logo`,
             "CRM integrations"
           ]
@@ -2763,7 +2811,7 @@ const Oe = Ve.exports, Ne = {
             "Skicka upp till 5 dokument / månad",
             "Upp till 2 mallar",
             "Dokumentspårning i realtid",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           base: [
@@ -2773,7 +2821,7 @@ const Oe = Ve.exports, Ne = {
             "Medlemmar",
             "Påminnelser",
             "Dokumentspårning i realtid",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           pro: [
@@ -2786,7 +2834,7 @@ const Oe = Ve.exports, Ne = {
             "Subdomän",
             "Egen e-postdomän",
             "Versionshantering",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             `Göm ${y[h.brand].name}-logo`,
             "CRM-Integrationer"
           ]
@@ -2801,9 +2849,9 @@ const Oe = Ve.exports, Ne = {
     }
   },
   components: {
-    Confetti: Pe,
-    PremiumStripeSelect: $e,
-    PremiumStripeForm: Oe
+    Confetti: Fe,
+    PremiumStripeSelect: Ke,
+    PremiumStripeForm: ze
   },
   props: {
     suggestedQuantity: {
@@ -2824,7 +2872,7 @@ const Oe = Ve.exports, Ne = {
     };
   },
   computed: {
-    ...le({
+    ...me({
       forceShowBase: (n) => n.route.query.base,
       routeDeal: (n) => n.route.query.deal
     }),
@@ -2914,10 +2962,10 @@ const Oe = Ve.exports, Ne = {
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", G);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", j);
   },
   async created() {
-    this.isOfferta && te(Ne), this.resetStripeForm(), await this.loadPrices(), await this.suggestQuantity(), await this.handlePossibleDeal(), this.isEdit = !!this.subscriptions.length;
+    this.isOfferta && ie(Ye), this.resetStripeForm(), await this.loadPrices(), await this.suggestQuantity(), await this.handlePossibleDeal(), this.isEdit = !!this.subscriptions.length;
   },
   methods: {
     ...$({
@@ -2934,7 +2982,7 @@ const Oe = Ve.exports, Ne = {
         this.quantity = this.suggestedQuantity;
         return;
       }
-      const { data: n } = await ne();
+      const { data: n } = await se();
       this.quantity = n;
     },
     onReset() {
@@ -2972,7 +3020,7 @@ const Oe = Ve.exports, Ne = {
     setFromDealToken(n) {
       if (n)
         try {
-          const e = ae(n);
+          const e = oe(n);
           if (e.accountType && (this.plan = e.accountType), e.accountTypeInterval && (this.interval = e.accountTypeInterval), e.accountQuantity && (this.quantity = e.accountQuantity), e.dealSource && (this.dealSource = e.dealSource), e.items) {
             const t = [];
             Object.keys(e.items).forEach((a) => {
@@ -2996,11 +3044,11 @@ const Oe = Ve.exports, Ne = {
     }
   }
 };
-var qe = function() {
+var Xe = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter anime-payment-modal font-base relative grid h-full place-items-center overflow-auto bg-white px-12 py-8" }, [t("div", { staticStyle: { position: "absolute", left: "1em", top: "0.5em", display: "inline-flex", "z-index": "10" } }, [t("CButton", { attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: function(a) {
     return e.$emit("close");
-  } } }), e.view === "form" ? t("CButton", { staticStyle: { "margin-left": "2px" }, attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "arrow-left" }, on: { click: e.onReset } }) : e._e()], 1), e.calloutMode ? t("div", { staticClass: "bg-primary-100 border-primary-300 relative inline-block rounded-lg border-2 py-4 pl-12 pr-4", staticStyle: { "max-width": "calc(55 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-800 absolute left-4 top-5", attrs: { type: "info", size: "20" } }), t("div", { staticClass: "text-primary-800 font-semibold", domProps: { textContent: e._s(e.$t(`callout.${e.calloutMode}.title`)) } }), t("div", { staticClass: "text-sm opacity-70", domProps: { innerHTML: e._s(e.$t(`callout.${e.calloutMode}.text`)) } })], 1) : e._e(), t("div", [e.view === "select" ? t("PremiumStripeSelect", { attrs: { plan: e.plan, interval: e.interval, plans: e.prettyPlans }, on: { "update:plan": function(a) {
+  } } }), e.view === "form" ? t("CButton", { staticStyle: { "margin-left": "2px" }, attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "arrow-left" }, on: { click: e.onReset } }) : e._e()], 1), e.calloutMode ? t("div", { staticClass: "bg-primary-100 border-primary-300 relative inline-block rounded-lg border-2 py-4 pl-12 pr-4", staticStyle: { "max-width": "calc(55 * var(--rem))" } }, [t("CIcon", { staticClass: "text-primary-800 absolute left-4 top-5", attrs: { type: "info", size: "20" } }), t("div", { staticClass: "text-primary-800 font-semibold", domProps: { textContent: e._s(e.$t(`callout.${e.calloutMode}.title`)) } }), t("div", { staticClass: "text-sm opacity-70", domProps: { innerHTML: e._s(e.$t(`callout.${e.calloutMode}.text`)) } })], 1) : e._e(), t("div", [e.view === "select" ? t("PremiumStripeSelect", { attrs: { plan: e.plan, interval: e.interval, plans: e.prettyPlans }, on: { "update:plan": function(a) {
     e.plan = a;
   }, "update:interval": function(a) {
     e.interval = a;
@@ -3011,17 +3059,15 @@ var qe = function() {
   }, input: e.setFormValue, success: e.goToSuccess } }) : e.view === "success" ? t("div", { staticClass: "flex h-full w-full flex-col items-center justify-center text-center" }, [t("Confetti", { attrs: { animate: e.animateConfetti } }), e.isEdit ? e._e() : t("div", { staticClass: "success-block", staticStyle: { "font-size": "calc(18px + 2vw)", "font-weight": "800" } }, [e._v(" " + e._s(e.$t("success.title")) + " ")]), t("div", { staticClass: "success-block", staticStyle: { "font-size": "20px", opacity: "0.7" } }, [e._v(" " + e._s(e.isEdit ? e.$t("success.subTitleEdit") : e.$t("success.subTitle")) + " ")]), t("CButton", { staticClass: "success-block", staticStyle: { "margin-top": "3em" }, attrs: { type: "secondary", size: "medium", rounded: "" }, on: { click: function(a) {
     return e.closeAndContinue();
   } } }, [e._v(e._s(e.$t("success.closeButton")))])], 1) : e._e()], 1)]);
-}, Ge = [], je = /* @__PURE__ */ d(
-  ze,
-  qe,
-  Ge,
+}, Qe = [], Je = /* @__PURE__ */ d(
+  We,
+  Xe,
+  Qe,
   !1,
   null,
-  null,
-  null,
   null
 );
-const Ze = je.exports, Ke = {
+const K = Je.exports, et = {
   name: "IsPremium",
   computed: {
     ...v({
@@ -3085,7 +3131,7 @@ const Ze = je.exports, Ke = {
     } = {}) {
       let a = () => null, r = () => null;
       typeof e == "function" && (a = e), typeof t == "function" && (r = t), this.$modal.show(
-        Ze,
+        K,
         {
           suggestedQuantity: n,
           onUpgrade: a
@@ -3119,91 +3165,25 @@ const Ze = je.exports, Ke = {
       accountType: this.subscription.type,
       freeDocumentsLeft: this.subscription.freeDocumentsLeft,
       trialDaysLeft: this.subscription.trialDaysLeft,
-      maxProjectManagers: this.subscription.maxProjectManagers,
-      initialFreePremiumDays: this.subscription.initialFreePremiumDays,
-      canCreateDocument: this.canCreateDocument,
-      canUseTemplate: this.canUseTemplate,
-      canCreateTemplate: this.canCreateTemplate,
-      canUseBankId: this.canUseBankId,
-      canUseSms: this.canUseSms
-    }) : {};
-  }
-}, Ye = null, We = null;
-var Xe = /* @__PURE__ */ d(
-  Ke,
-  Ye,
-  We,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Qe = Xe.exports, Je = {
-  name: "CalloutLegacy",
-  i18nOptions: {
-    namespaces: "components",
-    messages: {
-      sv: {
-        legacy: {
-          title: "Du har en gammal kontoplan",
-          text: `
-            Den här funktionen är enbart tillgänglig på våra uppdaterade kontoplaner.
-            För att gå vidare måste du först byta till de uppdaterade kontoplanerna.
-          `,
-          action: "Gå till inställningar"
-        },
-        invoice: {
-          title: "Byt till kortbetalning",
-          text: `
-           För att gå vidare måste du byta till att använda kortbetalning.
-           Din betalningsmetod är just nu faktura.
-          `,
-          action: "Gå till inställningar"
-        }
-      },
-      en: {
-        legacy: {
-          title: "Your account plan is outdated",
-          text: `
-            This feature is now only available on our updated account plans.
-            To continue you must first convert your account to the updated account plans.
-          `,
-          action: "Go to settings"
-        },
-        invoice: {
-          title: "Change to card",
-          text: `
-            To continue you must change your payment method to card. You're currently using invoice as a payment method.
-          `,
-          action: "Go to settings"
-        }
-      }
-    }
-  },
-  props: {
-    mode: {
-      type: String,
-      default: "legacy",
-      validator: (n) => ["legacy", "invoice"].includes(n)
-    }
+      maxProjectManagers: this.subscription.maxProjectManagers,
+      initialFreePremiumDays: this.subscription.initialFreePremiumDays,
+      canCreateDocument: this.canCreateDocument,
+      canUseTemplate: this.canUseTemplate,
+      canCreateTemplate: this.canCreateTemplate,
+      canUseBankId: this.canUseBankId,
+      canUseSms: this.canUseSms
+    }) : {};
   }
-};
-var et = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticStyle: { border: "2px solid hsla(35, 100%, 50%, 0.2)", "background-color": "hsl(35, 100%, 91%)", padding: "1.5em", "border-radius": "8px", margin: "calc(2 * var(--rem)) 0 calc(3 * var(--rem)) 0" } }, [t("div", { staticStyle: { "font-weight": "600" }, domProps: { textContent: e._s(e.$t(`${e.mode}.title`)) } }), t("div", { staticStyle: { "font-size": "14px", opacity: "0.7", "margin-bottom": "2em" }, domProps: { textContent: e._s(e.$t(`${e.mode}.text`)) } }), t("CButton", { attrs: { to: { name: "settingsBilling", query: { highlight: e.mode } }, target: "_blank", type: "secondary", wide: "", "icon-right": "new-window" } }, [e._v(" " + e._s(e.$t(`${e.mode}.action`)) + " ")])], 1);
-}, tt = [], nt = /* @__PURE__ */ d(
-  Je,
+}, tt = null, nt = null;
+var at = /* @__PURE__ */ d(
   et,
   tt,
+  nt,
   !1,
   null,
-  null,
-  null,
   null
 );
-const at = nt.exports;
-const rt = {
+const Y = at.exports, rt = {
   i18nOptions: {
     namespaces: "components",
     messages: {
@@ -3227,8 +3207,8 @@ const rt = {
   },
   name: "PremiumRestrictedBase",
   components: {
-    IsPremium: Qe,
-    CalloutLegacy: at
+    IsPremium: Y,
+    CalloutLegacy: G
   },
   props: {
     plan: {
@@ -3266,8 +3246,6 @@ const rt = {
     async onActionClick(n) {
       try {
         this.isLoading = !0, await n({ callback: this.onUpgrade }), this.$parent.$emit("close");
-      } catch (e) {
-        throw e;
       } finally {
         this.isLoading = !1;
       }
@@ -3276,7 +3254,7 @@ const rt = {
 };
 var it = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "root font-inter" }, [t("div", { staticClass: "lock-wrapper has-text-white" }, [t("BaseIcon", { attrs: { type: "lock", size: "24" } })], 1), t("div", { staticStyle: { width: "100%" } }, [t("div", { staticClass: "flex items-center justify-center" }, [t("div", { staticClass: "badge-premium" }, [e._v(e._s(e.$t(`badge.${e.plan}`)))])]), t("div", { staticStyle: { "text-align": "center" } }, [e._t("default", function() {
+  return t("div", { staticClass: "root font-inter" }, [t("div", { staticClass: "lock-wrapper has-text-white" }, [t("CIcon", { attrs: { type: "lock", size: "24" } })], 1), t("div", { staticStyle: { width: "100%" } }, [t("div", { staticClass: "flex items-center justify-center" }, [t("div", { staticClass: "badge-premium" }, [e._v(e._s(e.$t(`badge.${e.plan}`)))])]), t("div", { staticStyle: { "text-align": "center" } }, [e._t("default", function() {
     return [e._t("image"), t("div", { staticClass: "title" }, [e._v(e._s(e.title))]), t("div", { staticClass: "sub-title" }, [e._v(e._s(e.subTitle))])];
   }), e.$slots.content ? t("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [e._t("content")], 2) : e._e()], 2), t("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ openUpgradeModal: a, isLegacy: r, showCalloutConvertStripe: i }) {
     return [t("div", [r || i ? t("CalloutLegacy", { attrs: { mode: r ? "legacy" : "invoice" } }) : e._e(), t("CButton", { attrs: { loading: e.isLoading, disabled: r || i, type: "secondary", wide: "" }, on: { click: function(s) {
@@ -3293,28 +3271,25 @@ var it = function() {
   st,
   !1,
   null,
-  "e80b3ec2",
-  null,
-  null
+  "d154238a"
 );
-const f = ot.exports, lt = {
+const f = ot.exports, ct = {
   i18nOptions: {
-    namespaces: "winProfile",
-    keyPrefix: "account.subscription.winProfile",
+    namespaces: "PremiumRestrictedBankIdAndSms",
     messages: {
       sv: {
-        // TODO REMOVE ?
-        title: "Designa din profil",
-        subTitle: "Anpassa ditt utseende så att det matchar dig & ditt företag"
+        title: "Skicka med {{bankIdText,spaceAfter}}SMS",
+        subTitle: "För att kunna skicka fler dokument med {{bankIdText,spaceAfter}}SMS behöver du uppgradera ditt konto.",
+        actionText: "Uppgradera konto"
       },
       en: {
-        // TODO REMOVE ?
-        title: "Design your profile",
-        subTitle: "Adjust profile to match your branding"
+        title: "Send with {{bankIdText,spaceAfter}}SMS",
+        subTitle: "To send more documents with {{bankIdText,spaceAfter}}SMS you need to upgrade your account.",
+        actionText: "Upgrade my plan"
       }
     }
   },
-  name: "PremiumRestrictedWinProfile",
+  name: "PremiumRestrictedBankIdAndSms",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3323,36 +3298,45 @@ const f = ot.exports, lt = {
       type: Function,
       default: null
     }
+  },
+  computed: {
+    ...v({
+      feature: "application/feature"
+    })
   }
 };
-var ct = function() {
+var lt = 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 } });
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title", {
+    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);
 }, ut = [], dt = /* @__PURE__ */ d(
-  lt,
   ct,
+  lt,
   ut,
   !1,
   null,
-  null,
-  null,
   null
 );
 const mt = dt.exports, pt = {
   i18nOptions: {
-    namespaces: "subTemplates",
+    namespaces: "licenses",
     messages: {
-      en: {
-        title: "Become even more effective",
-        subTitle: "Create reusable text so you can create proposal with a few click"
-      },
       sv: {
-        title: "Bli ännu mer effektiv",
-        subTitle: "Skapa återanvändbara texter så kan du med ett par klick få en komplett offert."
+        title: "Lägg till skapare",
+        subTitle: "För att bjuda in en dokumentskapare behöver du uppgradera till vår Base- eller Pro-plan.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Add creators",
+        subTitle: "To invite creators you need to upgrade your account to the Base or Pro plan.",
+        actionText: "Upgrade my plan"
       }
     }
   },
-  name: "PremiumRestrictedTemplates",
+  name: "PremiumRestrictedCreators",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3365,18 +3349,54 @@ 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"), "on-upgrade": e.onUpgrade } });
+  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(
   pt,
   gt,
   ht,
   !1,
   null,
-  null,
-  null,
   null
 );
 const yt = ft.exports, Ct = {
+  i18nOptions: {
+    namespaces: "stats",
+    messages: {
+      sv: {
+        title: "Premium block",
+        subTitle: "För att använda premium block behöver du uppgradera ditt konto till Pro.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Premium block",
+        subTitle: "To use premium blocks, you need to upgrade your account to Pro.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedDocumentBlocks",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+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);
+}, bt = [], _t = /* @__PURE__ */ d(
+  Ct,
+  vt,
+  bt,
+  !1,
+  null,
+  null
+);
+const Pt = _t.exports, St = {
   i18nOptions: {
     namespaces: "PremiumRestrictedDocuments",
     messages: {
@@ -3425,7 +3445,7 @@ const yt = ft.exports, Ct = {
   },
   created() {
     try {
-      re("/documentLimitReached", {});
+      ce("/documentLimitReached", {});
     } catch (n) {
       D(n, { showMessage: !1 });
     }
@@ -3448,7 +3468,7 @@ const yt = ft.exports, Ct = {
     },
     async canUseVoucher() {
       try {
-        return await U.canUse("freeUserDocs"), !0;
+        return await B.canUse("freeUserDocs"), !0;
       } catch {
         return E.setItem(
           "voucher-freeUserDocs-company-id",
@@ -3459,10 +3479,10 @@ const yt = ft.exports, Ct = {
     async useFreeDocsVoucher() {
       this.isLoading = !0;
       try {
-        await U.post({ code: "freeUserDocs" }), E.setItem(
+        await B.post({ code: "freeUserDocs" }), E.setItem(
           "voucher-freeUserDocs-company-id",
           this.account.CompanyId
-        ), await this.loadCurrentCompany(), ie(
+        ), await this.loadCurrentCompany(), le(
           "success",
           this.$t("voucherSuccessMessage", { count: this.voucherDocCount })
         ), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade(), this.$emit("close");
@@ -3474,59 +3494,18 @@ 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 } }, [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()]);
-}, _t = [], bt = /* @__PURE__ */ d(
-  Ct,
-  vt,
-  _t,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Pt = bt.exports, St = {
-  i18nOptions: {
-    namespaces: "personalMessage",
-    messages: {
-      en: {
-        title: "Make an impression",
-        subTitle: "Upgrade to premium to add a personal message"
-      },
-      sv: {
-        title: "Gör ett gott intryck",
-        subTitle: "Uppgradera till Premium för att kunna lägga till en personlig hälsning."
-      }
-    }
-  },
-  name: "PremiumRestrictedPersonalMessage",
-  components: {
-    PremiumRestrictedBase: f
-  },
-  props: {
-    onUpgrade: {
-      type: Function,
-      default: null
-    }
-  }
-};
 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 } });
+  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()]);
 }, xt = [], wt = /* @__PURE__ */ d(
   St,
   kt,
   xt,
   !1,
   null,
-  null,
-  null,
   null
 );
-const $t = wt.exports;
-const Tt = {
+const $t = wt.exports, Tt = {
   i18nOptions: {
     namespaces: "licenses",
     messages: {
@@ -3569,7 +3548,7 @@ const Tt = {
     }
   },
   beforeCreate() {
-    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", G);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", j);
   },
   created() {
     this.initLicense();
@@ -3614,7 +3593,7 @@ const Tt = {
       return await this.loadCurrentCompany(), n;
     },
     async addInvoiceLicense() {
-      await se(), await this.loadCurrentCompany();
+      await ue(), await this.loadCurrentCompany();
     }
   }
 };
@@ -3627,28 +3606,23 @@ var Mt = function() {
   Et,
   !1,
   null,
-  null,
-  null,
   null
 );
-const Lt = It.exports;
-const Dt = {
+const Lt = It.exports, Dt = {
   i18nOptions: {
-    namespaces: "licenses",
+    namespaces: "personalMessage",
     messages: {
-      sv: {
-        title: "Lägg till skapare",
-        subTitle: "För att bjuda in en dokumentskapare behöver du uppgradera till vår Base- eller Pro-plan.",
-        actionText: "Uppgradera konto"
-      },
       en: {
-        title: "Add creators",
-        subTitle: "To invite creators you need to upgrade your account to the Base or Pro plan.",
-        actionText: "Upgrade my plan"
+        title: "Make an impression",
+        subTitle: "Upgrade to premium to add a personal message"
+      },
+      sv: {
+        title: "Gör ett gott intryck",
+        subTitle: "Uppgradera till Premium för att kunna lägga till en personlig hälsning."
       }
     }
   },
-  name: "PremiumRestrictedCreators",
+  name: "PremiumRestrictedPersonalMessage",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3661,34 +3635,32 @@ const Dt = {
 };
 var Rt = 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);
-}, Ft = [], Bt = /* @__PURE__ */ d(
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade } });
+}, Ft = [], Ut = /* @__PURE__ */ d(
   Dt,
   Rt,
   Ft,
   !1,
   null,
-  null,
-  null,
   null
 );
-const Ht = Bt.exports, Ut = {
+const Ht = Ut.exports, Bt = {
   i18nOptions: {
-    namespaces: "stats",
+    namespaces: "PremiumRestrictedEditDocumentLayout",
     messages: {
       sv: {
-        title: "Statistik",
-        subTitle: "För att se statistik över alla dina dokument behöver du uppgradera ditt konto till Pro.",
+        title: "Spara dokumentmall",
+        subTitle: "För att spara en dokumentmall behöver du uppgradera till ett betalkonto.",
         actionText: "Uppgradera konto"
       },
       en: {
-        title: "Statistics",
-        subTitle: "To view statistics about all your documents you need to upgrade your account to Pro.",
+        title: "Save document template",
+        subTitle: "To save a document template you need to upgrade to a paid plan.",
         actionText: "Upgrade my plan"
       }
     }
   },
-  name: "PremiumRestrictedStats",
+  name: "PremiumRestrictedSaveDocTemplate",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3703,13 +3675,11 @@ 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);
 }, Vt = [], Ot = /* @__PURE__ */ d(
-  Ut,
+  Bt,
   At,
   Vt,
   !1,
   null,
-  null,
-  null,
   null
 );
 const Nt = Ot.exports, zt = {
@@ -3717,18 +3687,18 @@ const Nt = Ot.exports, zt = {
     namespaces: "stats",
     messages: {
       sv: {
-        title: "Premium block",
-        subTitle: "För att använda premium block behöver du uppgradera ditt konto till Pro.",
+        title: "Statistik",
+        subTitle: "För att se statistik över alla dina dokument behöver du uppgradera ditt konto till Pro.",
         actionText: "Uppgradera konto"
       },
       en: {
-        title: "Premium block",
-        subTitle: "To use premium blocks, you need to upgrade your account to Pro.",
+        title: "Statistics",
+        subTitle: "To view statistics about all your documents you need to upgrade your account to Pro.",
         actionText: "Upgrade my plan"
       }
     }
   },
-  name: "PremiumRestrictedDocumentBlocks",
+  name: "PremiumRestrictedStats",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3748,27 +3718,23 @@ var qt = function() {
   Gt,
   !1,
   null,
-  null,
-  null,
   null
 );
 const Zt = jt.exports, Kt = {
   i18nOptions: {
-    namespaces: "PremiumRestrictedBankIdAndSms",
+    namespaces: "subTemplates",
     messages: {
-      sv: {
-        title: "Skicka med {{bankIdText,spaceAfter}}SMS",
-        subTitle: "För att kunna skicka fler dokument med {{bankIdText,spaceAfter}}SMS behöver du uppgradera ditt konto.",
-        actionText: "Uppgradera konto"
-      },
       en: {
-        title: "Send with {{bankIdText,spaceAfter}}SMS",
-        subTitle: "To send more documents with {{bankIdText,spaceAfter}}SMS you need to upgrade your account.",
-        actionText: "Upgrade my plan"
+        title: "Become even more effective",
+        subTitle: "Create reusable text so you can create proposal with a few click"
+      },
+      sv: {
+        title: "Bli ännu mer effektiv",
+        subTitle: "Skapa återanvändbara texter så kan du med ett par klick få en komplett offert."
       }
     }
   },
-  name: "PremiumRestrictedBankIdAndSms",
+  name: "PremiumRestrictedTemplates",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3777,28 +3743,17 @@ const Zt = jt.exports, Kt = {
       type: Function,
       default: null
     }
-  },
-  computed: {
-    ...v({
-      feature: "application/feature"
-    })
   }
 };
 var Yt = function() {
   var e = this, t = e._self._c;
-  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title", {
-    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);
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade } });
 }, Wt = [], Xt = /* @__PURE__ */ d(
   Kt,
   Yt,
   Wt,
   !1,
   null,
-  null,
-  null,
   null
 );
 const Qt = Xt.exports, Jt = {
@@ -3837,27 +3792,26 @@ var en = function() {
   tn,
   !1,
   null,
-  null,
-  null,
   null
 );
 const an = nn.exports, rn = {
   i18nOptions: {
-    namespaces: "PremiumRestrictedEditDocumentLayout",
+    namespaces: "winProfile",
+    keyPrefix: "account.subscription.winProfile",
     messages: {
       sv: {
-        title: "Spara dokumentmall",
-        subTitle: "För att spara en dokumentmall behöver du uppgradera till ett betalkonto.",
-        actionText: "Uppgradera konto"
+        // TODO REMOVE ?
+        title: "Designa din profil",
+        subTitle: "Anpassa ditt utseende så att det matchar dig & ditt företag"
       },
       en: {
-        title: "Save document template",
-        subTitle: "To save a document template you need to upgrade to a paid plan.",
-        actionText: "Upgrade my plan"
+        // TODO REMOVE ?
+        title: "Design your profile",
+        subTitle: "Adjust profile to match your branding"
       }
     }
   },
-  name: "PremiumRestrictedSaveDocTemplate",
+  name: "PremiumRestrictedWinProfile",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3870,31 +3824,35 @@ const an = nn.exports, rn = {
 };
 var sn = 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);
-}, on = [], ln = /* @__PURE__ */ d(
+  return t("PremiumRestrictedBase", { attrs: { title: e.$t("title"), "sub-title": e.$t("subTitle"), "on-upgrade": e.onUpgrade } });
+}, on = [], cn = /* @__PURE__ */ d(
   rn,
   sn,
   on,
   !1,
   null,
-  null,
-  null,
   null
 );
-const cn = ln.exports, I = {
-  winProfile: mt,
-  templates: yt,
-  documents: Pt,
-  personalMessage: $t,
+const ln = cn.exports, I = {
+  winProfile: ln,
+  templates: Qt,
+  documents: $t,
+  personalMessage: Ht,
   licenses: Lt,
-  inviteCreators: Ht,
-  stats: Nt,
-  documentBlocks: Zt,
-  bankIdAndSms: Qt,
+  inviteCreators: yt,
+  stats: Zt,
+  documentBlocks: Pt,
+  bankIdAndSms: mt,
   useDocTemplate: an,
-  saveDocTemplate: cn
+  saveDocTemplate: Nt
 }, un = {
   name: "IsPremiumPreStep",
+  inject: {
+    onUpgradeRequired: {
+      type: Function,
+      default: null
+    }
+  },
   props: {
     feature: {
       type: String,
@@ -3904,11 +3862,15 @@ const cn = ln.exports, I = {
   },
   computed: {
     modalName() {
-      return I[this.feature] ? I[this.feature] : (oe.error("Missing IsPremiumPreStep component name"), null);
+      return I[this.feature] ? I[this.feature] : (de.error("Missing IsPremiumPreStep component name"), null);
     }
   },
   methods: {
     onClick({ callback: n = null } = {}) {
+      if (typeof this.onUpgradeRequired == "function") {
+        this.onUpgradeRequired(this.feature);
+        return;
+      }
       this.$modal.show(
         this.modalName,
         {
@@ -3937,18 +3899,21 @@ var pn = /* @__PURE__ */ d(
   mn,
   !1,
   null,
-  null,
-  null,
   null
 );
-const bn = pn.exports;
+const gn = pn.exports, _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CalloutLegacy: G,
+  Checkout: K,
+  IsPremium: Y,
+  IsPremiumPreStep: gn,
+  stripeMixin: Z
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  at as C,
-  bn as I,
-  Ze as P,
-  Qe as a,
-  Le as b,
-  G as c,
+  Ce as C,
+  gn as I,
+  Y as a,
+  _n as i,
   x as r,
-  Be as s
+  j as s
 };