@cling-se/widget 0.9.16 → 0.9.18

package/dist/{IsPremiumPreStep-4bc3a874.js → IsPremiumPreStep-e4caf2dd.js}

@@ -1,10 +1,11 @@
-import { c as h, a4 as L, au as D, b as C, av as T, aw as K, ax as Y, ay as W, az as X, V as B, aA as J, aB as Q, n as d, s as _, ae as y, aC as ee, g as m, aD as b, aE as te, aF as ne, aG as F, p as ae, h as R, I as M, aH as U, H as re, aI as ie, ak as se } from "./main-9e6f1eed.js";
-import { m as v, a as w, b as oe } from "./vuex.esm-4a0fff7c.js";
+import { c as h, a4 as L, au as B, b as C, av as M, aw as Z, ax as K, ay as Y, az as W, V as H, aA as X, aB as Q, n as d, s as P, D as J, ae as y, aC as ee, g as m, aD as _, aE as te, aF as ne, aG as ae, aH as F, p as re, h as D, I as E, aI as U, H as ie, aJ as se, ak as oe } from "./main-870410b4.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 { g as E } from "./image-4270bed4.js";
-import "./index-df5fd2b2.js";
-import { v as S } from "./index-805c56e4.js";
-const k = {
+import { g as k } from "./image-45637029.js";
+import "./index-ef653c95.js";
+import { g as ce } from "./dom-962579a6.js";
+import { v as b } from "./index-805c56e4.js";
+const x = {
   AD: {
     name: "Andorra",
     callingCode: "+376",
@@ -1250,27 +1251,27 @@ const k = {
     callingCode: "+263",
     currency: "USD"
   }
-}, le = (n) => {
+}, ue = (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;
-}, ce = () => le(() => {
+}, de = () => ue(() => {
   window.$stripe = Stripe(h.stripe.publishableKey, { locale: L.lang || "en" });
 });
-ce();
-const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
+de();
+const me = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), pe = "stripe", {
   LOAD_PRICES: A,
-  RESET_STRIPE_FORM: me,
-  SET_STRIPE_FORM_VALUE: pe,
+  RESET_STRIPE_FORM: ge,
+  SET_STRIPE_FORM_VALUE: he,
   SET_FORM_PROMOTION: V,
-  SUBMIT_PROMOTION_CODE: ge,
+  SUBMIT_PROMOTION_CODE: fe,
   SUBMIT_PAYMENT_METHOD: O,
-  SUBMIT_FORM_PLAN: he,
-  REMOVE_SUBSCRIPTION_ITEM: ye,
+  SUBMIT_FORM_PLAN: ye,
+  REMOVE_SUBSCRIPTION_ITEM: Ce,
   CONFIRM_PAYMENT: N,
-  SUBMIT_FORM_PAYMENT: x,
-  SUBMIT_FORM_PRODUCTS: fe
+  SUBMIT_FORM_PAYMENT: w,
+  SUBMIT_FORM_PRODUCTS: ve
 } = Q, z = {
   // The term "plan" refers to a _price_ connected to a _product_ with metadata.accountType
   plan: { accountType: "pro", interval: "month", quantity: 1 },
@@ -1297,7 +1298,7 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
       base: { month: null, year: null },
       pro: { month: null, year: null }
     },
-    form: D(z)
+    form: B(z)
   },
   getters: {
     isPosting: ({ isPosting: n }) => n,
@@ -1357,6 +1358,8 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
       const { accountType: t, interval: a, quantity: r } = n.form.plan;
       if (!t || !a)
         return null;
+      if (t === "free")
+        return { accountType: t, interval: a, quantity: r };
       const i = e.getPrice(t, a);
       return {
         quantity: r,
@@ -1451,21 +1454,21 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
     async [A]({ commit: n }) {
       try {
         n("setFetching", !0);
-        const { data: e } = await T.getPrices();
+        const { data: e } = await M.getPrices();
         n("setPrices", { data: e }), n("setActivePriceMap");
       } catch (e) {
         this.handleError(e, {
-          action: `${de}/${A}`,
+          action: `${pe}/${A}`,
           actionPayload: null
         });
       } finally {
         n("setFetching", !1);
       }
     },
-    async [me]({ commit: n }) {
-      n("setForm", D(z));
+    async [ge]({ commit: n }) {
+      n("setForm", B(z));
     },
-    async [pe]({ commit: n }, { key: e, value: t }) {
+    async [he]({ commit: n }, { key: e, value: t }) {
       n("setFormValue", { key: e, value: t });
     },
     [V]({ commit: n, getters: e }, { promotionDetails: t, code: a = null } = {}) {
@@ -1474,12 +1477,12 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
       const { appliesToStripeProductIds: r } = t, { stripeProductId: i } = e.formPlan || {};
       return Array.isArray(r) && !r.includes(i) ? !1 : (n("setFormValue", { key: "promotion", value: { ...t, code: a } }), !0);
     },
-    async [ge]({ commit: n, getters: e, dispatch: t }, a) {
+    async [fe]({ commit: n, getters: e, dispatch: t }, a) {
       try {
         if (e.isPosting || !a)
           return !1;
         n("setPosting", !0);
-        const { data: r } = await K(a);
+        const { data: r } = await Z(a);
         return t(V, { promotionDetails: r, code: a });
       } catch {
         return !1;
@@ -1515,25 +1518,25 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
      * @param {Boolean} obj.removeUnusedItems Optional if items not specified should be removed, defaults true
      * @returns {Promise<Boolean>} Resolves with true if successful, otherwise false
      */
-    async [x]({ commit: n, getters: e, dispatch: t }, { form: a, stripe: { cardElement: r } = {}, removeUnusedItems: i = !0 } = {}) {
+    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;
         let g;
         r && (g = await t(O, { cardElement: r }));
-        const P = { ...l, items: s };
-        g && (P.paymentMethod = g), o && o.code && (P.promotionCode = o.code), p && (P.dealSource = p);
-        const { data: j = {} } = await T.product(P, { removeUnusedItems: i }), { clientSecrets: $ } = j, H = g && g.id ? g.id : c && c.paymentMethodId;
-        return $ && $.length && H ? await t(N, { clientSecrets: $, paymentMethodId: H }) : !0;
+        const S = { ...l, items: s };
+        g && (S.paymentMethod = g), o && o.code && (S.promotionCode = o.code), p && (S.dealSource = p);
+        const { data: j = {} } = await M.product(S, { removeUnusedItems: i }), { clientSecrets: T } = j, R = g && g.id ? g.id : c && c.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 l = (s.errorCode ? me(s.errorCode) : "") || s.message;
         return n("setFormValue", { key: "error", value: l || "Submit Form Payment Error" }), !1;
       } finally {
         n("setPosting", !1);
       }
     },
-    async [he]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
+    async [ye]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
       try {
         const { formPlan: r, formProducts: i, products: s, subscriptionItems: l } = t;
         if (!r)
@@ -1543,15 +1546,15 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
           stripePriceStripeId: r.stripeId,
           stripeProductStripeId: r.stripeProductId,
           quantity: r.quantity
-        }), o.push(...i), await e(x, { form: { items: o }, stripe: { cardElement: a } });
+        }), o.push(...i), await e(w, { form: { items: o }, stripe: { cardElement: a } });
       } catch (r) {
         return this.handleError(r), n("setFormValue", { key: "error", value: r.message || "Submit Plan Error" }), !1;
       }
     },
-    async [fe]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
+    async [ve]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
       try {
         const { formProducts: i } = t, s = [...i];
-        return s.length ? await e(x, { form: { items: s }, stripe: { cardElement: a }, removeUnusedItems: r }) : !1;
+        return s.length ? await e(w, { form: { items: s }, stripe: { cardElement: a }, removeUnusedItems: r }) : !1;
       } catch (i) {
         return this.handleError(i), n("setFormValue", { key: "error", value: i.message || "Submit Products Error" }), !1;
       }
@@ -1577,7 +1580,7 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
         return await e.reduce(async (i, s) => {
           await i;
           const { paymentIntent: l, error: o } = await a.confirmCardPayment(s, { payment_method: t });
-          return o ? (o.message && n("setFormValue", { key: "error", value: o.message }), await T.cancelAll({ immediately: !0, status: "incomplete" }), !1) : l && l.status === "succeeded";
+          return o ? (o.message && n("setFormValue", { key: "error", value: o.message }), await M.cancelAll({ immediately: !0, status: "incomplete" }), !1) : l && l.status === "succeeded";
         }, Promise.resolve());
       } catch (r) {
         return this.handleError(r), !1;
@@ -1591,14 +1594,14 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
      * @param {String} obj.stripePriceStripeId priceId to remove
      * @returns {Promise<Boolean>} Resolves with true if successful, otherwise false
      */
-    async [ye]({ commit: n, dispatch: e, getters: t }, { stripePriceStripeId: a }) {
+    async [Ce]({ commit: n, dispatch: e, getters: t }, { stripePriceStripeId: a }) {
       try {
         if (!a)
           throw new Error("Missing parameter stripePriceStripeId");
         n("setPosting", !0);
         const { subscriptionItems: r } = t;
         let i = [...r];
-        return i = i.filter((s) => s.stripePriceStripeId !== a), await e(x, { form: { items: i } });
+        return i = i.filter((s) => s.stripePriceStripeId !== a), await e(w, { form: { items: i } });
       } catch (r) {
         return this.handleError(r), !1;
       } finally {
@@ -1620,8 +1623,8 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
     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 } = Y(t, { keyId: "stripeId" });
-      W(n.prices, r), n.priceIds = X([...a, ...n.priceIds]);
+      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]);
     },
     setActivePriceMap: ({ prices: n, activePriceMap: e }) => Object.keys(n).forEach((t) => {
       const a = n[t], r = C(a, "StripeProduct.metadata.accountType");
@@ -1629,15 +1632,15 @@ const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
     }),
     // --- Form ---
     setForm: (n, e) => {
-      B.set(n, "form", e);
+      H.set(n, "form", e);
     },
     setFormValue: (n, { key: e, value: t }) => {
-      const { root: a, prop: r } = J(n, `form.${e}`);
-      B.set(a, r, t);
+      const { root: a, prop: r } = X(n, `form.${e}`);
+      H.set(a, r, t);
     }
   }
 };
-const Ce = {
+const _e = {
   props: {
     colors: {
       type: Array,
@@ -1745,24 +1748,24 @@ const Ce = {
     }
   }
 };
-var ve = function() {
+var be = function() {
   var e = this;
   return e._self._c, e._m(0);
-}, be = [function() {
+}, Pe = [function() {
   var n = this, e = n._self._c;
   return e("div", [e("canvas", { attrs: { id: "fireworks" } })]);
-}], _e = /* @__PURE__ */ d(
-  Ce,
-  ve,
+}], Se = /* @__PURE__ */ d(
+  _e,
   be,
+  Pe,
   !1,
   null,
   "1254a889",
   null,
   null
 );
-const Pe = _e.exports;
-const Se = {
+const ke = Se.exports;
+const xe = {
   name: "PremiumStripeSelect",
   i18nOptions: {
     namespaces: "PremiumStripeSelect",
@@ -1804,7 +1807,7 @@ const Se = {
     }),
     currentAccountType() {
       var n;
-      return (n = this.currentPlan) == null ? void 0 : n.accountType;
+      return ((n = this.currentPlan) == null ? void 0 : n.accountType) || "free";
     },
     currentInterval() {
       var n;
@@ -1829,15 +1832,17 @@ const Se = {
   },
   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 `${_(a, { currency: t })}/${this.$t("_common:month")}`;
+      return `${P(a, { currency: t })}/${this.$t("_common:month")}`;
     }
   }
 };
-var ke = function() {
+var we = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex flex-col items-center w-full animating", staticStyle: { "padding-top": "30px" } }, [t("div", { staticClass: "flex flex-col items-center w-full text-center anim-block", 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",
@@ -1853,24 +1858,24 @@ var ke = function() {
       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: "absolute right-0 top-0 rounded-tr-lg text-gray-400 [.selected_&]:text-primary-500", 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" ? 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) {
+    } } }, [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: "absolute right-0 top-0 rounded-tr-lg text-gray-400 [.selected_&]:text-primary-500", 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, type: "secondary", "icon-right": "arrow-right" }, on: { click: function(a) {
+  }), 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,
+}, $e = [], Te = /* @__PURE__ */ d(
   xe,
+  we,
+  $e,
   !1,
   null,
-  "07f8ee65",
+  "61cc7791",
   null,
   null
 );
-const $e = we.exports;
-const Te = {
+const Me = Te.exports;
+const Ee = {
   props: {
     defaultOpen: {
       type: Boolean,
@@ -1933,22 +1938,22 @@ const Te = {
     }
   }
 };
-var Me = function() {
+var Ie = 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,
+}, Le = [], De = /* @__PURE__ */ d(
   Ee,
+  Ie,
+  Le,
   !1,
   null,
   null,
   null,
   null
 );
-const Le = Ie.exports, Re = {
+const Re = De.exports, Be = {
   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>'
@@ -1988,11 +1993,7 @@ const Le = Ie.exports, Re = {
       logo: i
     };
   }
-};
-function Z(n) {
-  return n == null ? null : n.scrollHeight > n.clientHeight ? n : Z(n.parentNode);
-}
-const He = {
+}, He = {
   data() {
     return {
       stripeCardElementId: null,
@@ -2014,7 +2015,7 @@ const He = {
       this.elements = this.stripe.elements(), this.stripeCardElementId && this.configureStripeCard(this.stripeCardElementId);
     });
   },
-  beforeDestroy() {
+  destroyed() {
     this.unmountCardInput();
   },
   methods: {
@@ -2073,7 +2074,10 @@ const He = {
       e.style.position = "absolute", e.style.top = `${a}px`, e.style.left = `${t}px`;
     },
     copyInputStyle(n) {
-      const e = n.cloneNode(!0), t = Z(n), a = () => {
+      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 = () => {
         this.repositionStripeEl({ original: n, clone: e });
       };
       t.addEventListener("scroll", a, {
@@ -2086,11 +2090,11 @@ const He = {
       const r = Number(
         window.getComputedStyle(n).getPropertyValue("--app-z-index")
       );
-      e.style.zIndex = r + 1e3, document.body.appendChild(e);
+      e.style.zIndex = r + 1e4, document.body.appendChild(e);
     }
   }
 };
-const De = {
+const Fe = {
   i18nOptions: {
     namespaces: "PremiumStripeForm",
     messages: {
@@ -2181,6 +2185,9 @@ const De = {
           apiDocument: "API-documents",
           quotaIncluded: "Each month includes a quota of {{count}} per license.",
           quotaExtra: "The cost for each additional one above your quota is {{cost}}."
+        },
+        consent: {
+          label: "I accept {{brand,capitalize}}'s"
         }
       },
       sv: {
@@ -2270,13 +2277,17 @@ const De = {
           apiDocument: "API-dokument",
           quotaIncluded: "Varje månad inkluderar en kvot om {{ count }} st per licens.",
           quotaExtra: "Överskrider du din kvot så tillkommer en styckkostnad om {{ cost }}."
+        },
+        consent: {
+          label: "Jag godkänner {{brand,capitalize}}s"
         }
       }
     }
   },
   name: "PremiumStripeForm",
   components: {
-    CAccordion: Le
+    CAccordion: Re,
+    CCheckbox: J
   },
   mixins: [He],
   props: {
@@ -2287,32 +2298,49 @@ const De = {
     uiPlan: {
       type: Object,
       required: !0
+    },
+    disableQuantity: {
+      type: Boolean,
+      default: !1
+    },
+    hideExtraInfo: {
+      type: Boolean,
+      default: !1
+    },
+    collectConsent: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
     return {
-      regions: k,
-      cardBrands: Re,
+      regions: x,
+      cardBrands: Be,
       stripeCardElementId: "#card-element",
       promoInputVisible: !1,
       inputPromotionCode: "",
       isEditLock: !1,
       isInvalidPromotionCode: !1,
       useExistingCard: !1,
-      useExistingCustomer: !1
+      useExistingCustomer: !1,
+      consent: !1
     };
   },
   validations() {
     return {
       formCustomer: {
         email: {
-          email: S.email
+          email: b.email
         }
       },
       quantity: {
-        required: S.required,
-        minValue: S.minValue(1),
-        numeric: S.numeric
+        required: b.required,
+        minValue: b.minValue(1),
+        numeric: b.numeric
+      },
+      consent: {
+        required: b.requiredIf((e) => e.collectConsent),
+        sameAs: b.sameAs((e) => e.collectConsent)
       }
     };
   },
@@ -2356,7 +2384,7 @@ const De = {
       return (n = this.customer) == null ? void 0 : n.paymentMethodLast4;
     },
     sortedRegions() {
-      return (Object.keys(k) || []).map((n) => ({ key: n, title: `${k[n].name} (${n})`, callingCode: k[n].callingCode })).sort((n, e) => n.title.localeCompare(e.title));
+      return (Object.keys(x) || []).map((n) => ({ key: n, title: `${x[n].name} (${n})`, callingCode: x[n].callingCode })).sort((n, e) => n.title.localeCompare(e.title));
     },
     currency() {
       return this.formPrices.currency;
@@ -2364,7 +2392,7 @@ const De = {
     promotionDescription() {
       let n = "- ";
       const { amountOff: e, percentOff: t } = this.promotion || {};
-      return e ? n += _(e, { currency: this.currency }) : t && (n += `${t}%`), n;
+      return e ? n += P(e, { currency: this.currency }) : t && (n += `${t}%`), n;
     },
     reasonableUseQuotas() {
       var i;
@@ -2390,7 +2418,7 @@ const De = {
         });
         if (!o)
           return;
-        const c = _(o.amount, {
+        const c = P(o.amount, {
           currency: o.currency,
           decimals: 2,
           hideZeroDecimals: !0
@@ -2402,7 +2430,7 @@ const De = {
   watch: {
     useExistingCard(n) {
       this.$nextTick(() => {
-        n ? this.unmountCardInput() : this.mountCardInput();
+        n || this.mountCardInput();
       });
     }
   },
@@ -2426,12 +2454,12 @@ const De = {
     this.companyRegion === "SE" && !this.formCustomer.region && this.$emit("input", { key: "customer.region", value: this.companyRegion }), this.routePromo && this.verifyPromotionCode(this.routePromo);
   },
   methods: {
-    ...w({
+    ...$({
       usePromotionCode: m.SUBMIT_PROMOTION_CODE,
       setPromotion: m.SET_FORM_PROMOTION,
       submitPlan: m.SUBMIT_FORM_PLAN
     }),
-    priceFormat: _,
+    priceFormat: P,
     getIntervalTitle(n) {
       return n === "month" ? this.$t("_common:monthly").capitalize() : n === "year" ? this.$t("_common:yearly").capitalize() : n === "oneOff" ? this.$t("oneTimeFee").capitalize() : null;
     },
@@ -2453,13 +2481,13 @@ const De = {
     }
   }
 };
-var Be = function() {
+var Ue = 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: "font-medium text-primary-500", 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("update:interval", e.formPlan.interval === "year" ? "month" : "year");
   } } })], 1), t("div", [t("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%", "margin-bottom": "calc(1 * var(--rem))" }, attrs: { src: e.uiPlan.img, alt: e.uiPlan.name, width: "50", height: "50" } })]), t("div", { staticStyle: { "font-weight": "600", "font-size": "21px" } }, [e._v(" " + e._s(e.$t("cardTitle", { plan: e.uiPlan.name })) + " ")]), t("div", { staticClass: "text-[15px] py-4" }, [e._l(e.formPrices.intervals, function(a, r) {
     return t("div", { key: `interval-${r}`, staticClass: "pb-2 mb-4 border-b border-gray-200" }, [t("div", { staticClass: "flex justify-between w-full" }, [t("div", { staticClass: "font-medium" }, [e._v(e._s(e.getIntervalTitle(r)))]), t("div", { staticClass: "text-right" }, [t("div", { staticClass: "font-semibold leading-none text-[17px]" }, [e._v(" " + e._s(e.priceFormat(a.subTotal, { currency: e.currency })) + " ")]), t("div", { staticClass: "opacity-70 text-[13px]" }, [e._v(" " + e._s(a.vatAmount ? e.$t("_common:vat.exVat", { thing: e.$t("_common:vat.vat") }) : e.$t("_common:total").capitalize()) + " "), r !== "oneOff" ? [e._v("/ " + e._s(e.$t(`_common:${r}`)) + " ")] : e._e()], 2)])]), e._l(a.items, function(i, s) {
-      return t("div", { key: s, staticClass: "flex justify-between w-full pb-1 mt-2" }, [t("div", { staticClass: "font-medium opacity-70" }, [e._v(" " + e._s(i.quantity) + " x " + e._s(i.name.capitalize()) + " ")]), t("div", { staticClass: "text-right opacity-70" }, [e._v(e._s(e.priceFormat(i.amount, { currency: e.currency })))])]);
+      return t("div", { key: s, staticClass: "flex justify-between w-full pb-1 mt-2" }, [t("div", { staticClass: "font-medium opacity-70" }, [e._v(" " + e._s(e.disableQuantity ? "" : `${i.quantity} x `) + e._s(i.name.capitalize()) + " ")]), t("div", { staticClass: "text-right opacity-70" }, [e._v(e._s(e.priceFormat(i.amount, { currency: e.currency })))])]);
     })], 2);
   }), e.promotion ? t("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [t("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [e._v(e._s(e.promotion.code || e.promotion.name) + " ")]), t("div", { staticClass: "text-right has-text-danger", staticStyle: { display: "inline-flex", "justify-content": "flex-end", "align-items": "center" } }, [t("CButton", { staticStyle: { height: "inherit", "margin-right": "3px" }, attrs: { disabled: e.isEditLock, "icon-props": { size: 15 }, size: "small", type: "none", pattern: "tertiary", icon: "trash" }, on: { click: function(a) {
     return e.$emit("input", { key: "promotion", value: null });
@@ -2473,11 +2501,11 @@ var Be = 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: "flex items-center w-full p-badge" }, [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: "flex items-center w-full p-badge" }, [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")) + " ")]), t("div", { staticClass: "flex items-center w-full p-badge" }, [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: "flex items-center w-full p-badge" }, [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: "flex items-center w-full p-badge" }, [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: "flex items-center w-full p-badge" }, [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) {
     return e.$modal.show("reasonableUse");
   } } })], 1), t("div", { staticClass: "flex items-center w-full p-badge" }, [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) {
     return e.$modal.show("faq");
-  } } })], 1)]), 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" } }, [t("div", { staticClass: "p-block" }, [t("div", { staticClass: "flex items-center w-full p-block-title" }, [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: "flex items-center w-full p-block-title" }, [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: `
                     uiPlan.accountType === 'start'
                       ? { content: $t('quantity.disabled') }
                       : ''
@@ -2499,24 +2527,65 @@ var Be = function() {
     return t("option", { key: a, domProps: { value: a } }, [e._v(" " + e._s(r) + " ")]);
   }), 0)], 1), t("div", { staticClass: "p-block" }, [e._v(" " + e._s(e.$t("email.label")) + " "), t("CField", { attrs: { validator: e.$v.formCustomer.email, messages: e.messages.email, expanded: "" } }, [t("CInput", { attrs: { value: e.formCustomer.email, placeholder: e.$t("email.placeholder"), size: "medium", filled: "" }, on: { input: function(a) {
     return e.$emit("input", { key: "customer.email", value: a });
-  } } })], 1)], 1)]], 2), 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: "overflow-visible primary", 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": ".5em", padding: "calc(1 * var(--rem))" }, domProps: { textContent: e._s(e.$t("faq.title")) } }), e._l(6, function(a) {
+  } } })], 1)], 1)]], 2), e.collectConsent ? t("div", { staticClass: "anim-block p-block" }, [t("CCheckbox", { attrs: { type: "secondary", size: "normal" }, model: { value: e.consent, callback: function(a) {
+    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", { 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", { 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(), 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: "overflow-visible primary", 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": ".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);
     } }], null, !0) }, [t("div", { staticStyle: { "font-size": "14px", opacity: "0.65", padding: "0 calc(.5 * var(--rem)) calc(2 * var(--rem)) calc(.5 * var(--rem))" }, domProps: { textContent: e._s(e.$t(`faq.items.${a - 1}.text`, { brand: e.$t("_common:brand.name") })) } })]);
   })], 2)]), t("modal", { staticClass: "overflow-visible primary", 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);
-}, Fe = [], Ue = /* @__PURE__ */ d(
-  De,
-  Be,
+}, Ae = [], Ve = /* @__PURE__ */ d(
   Fe,
+  Ue,
+  Ae,
   !1,
   null,
-  "3d9ab864",
+  "afe34ab2",
   null,
   null
 );
-const Ae = Ue.exports, Ve = {
+const Oe = Ve.exports, Ne = {
+  sv: {
+    premiumStripe: {
+      "features.free": [
+        "Skapa offerter med standardmallen",
+        "Skapa PDF-offerter",
+        "Signering - standard",
+        "SMS"
+      ],
+      "features.pro": [
+        "Skicka offerter & avtal med e-signering",
+        "BankID-signaturer",
+        "Design:a offerter",
+        "Skapa & använd offertmallar",
+        "Skicka offerter till kunder utanför Offerta",
+        "Dessutom allt som ingår i Cling Pro"
+      ]
+    }
+  },
+  en: {
+    premiumStripe: {
+      "features.free": [
+        "Create proposals with the default template",
+        "Create PDF-proposals",
+        "Sign method - standard",
+        "SMS"
+      ],
+      "features.pro": [
+        "Send proposals & contracts with e-signatures",
+        "BankID-signatures",
+        "Design proposals",
+        "Create & use document templates",
+        "Send proposals to clients outside Offerta",
+        "Everything in Cling Pro"
+      ]
+    }
+  }
+}, ze = {
   name: "PremiumStripe",
   i18nOptions: {
     namespaces: "premiumStripe",
@@ -2544,12 +2613,13 @@ const Ae = Ue.exports, Ve = {
           }
         },
         features: {
+          free: [],
           start: [
             "Single user only",
             "Send up to 5 docs / month",
             "Up to 2 templates",
             "Real-time audit trail",
-            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            ..._.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           base: [
@@ -2559,7 +2629,7 @@ const Ae = Ue.exports, Ve = {
             "Members",
             "Reminders",
             "Real-time audit trail",
-            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            ..._.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           pro: [
@@ -2572,7 +2642,7 @@ const Ae = Ue.exports, Ve = {
             "Custom subdomain",
             "Custom email address",
             "Version control",
-            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            ..._.checkFeature("bankId") ? ["BankID"] : [],
             `Hide ${y[h.brand].name}-logo`,
             "CRM integrations"
           ]
@@ -2607,12 +2677,13 @@ const Ae = Ue.exports, Ve = {
           }
         },
         features: {
+          free: [],
           start: [
             "Endast en användare",
             "Skicka upp till 5 dokument / månad",
             "Upp till 2 mallar",
             "Dokumentspårning i realtid",
-            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            ..._.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           base: [
@@ -2622,7 +2693,7 @@ const Ae = Ue.exports, Ve = {
             "Medlemmar",
             "Påminnelser",
             "Dokumentspårning i realtid",
-            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            ..._.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           pro: [
@@ -2635,7 +2706,7 @@ const Ae = Ue.exports, Ve = {
             "Subdomän",
             "Egen e-postdomän",
             "Versionshantering",
-            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            ..._.checkFeature("bankId") ? ["BankID"] : [],
             `Göm ${y[h.brand].name}-logo`,
             "CRM-Integrationer"
           ]
@@ -2650,9 +2721,9 @@ const Ae = Ue.exports, Ve = {
     }
   },
   components: {
-    Confetti: Pe,
-    PremiumStripeSelect: $e,
-    PremiumStripeForm: Ae
+    Confetti: ke,
+    PremiumStripeSelect: Me,
+    PremiumStripeForm: Oe
   },
   props: {
     suggestedQuantity: {
@@ -2673,20 +2744,21 @@ const Ae = Ue.exports, Ve = {
     };
   },
   computed: {
-    ...oe({
+    ...le({
       forceShowBase: (n) => n.route.query.base,
       routeDeal: (n) => n.route.query.deal
     }),
     ...v({
+      accountConfigName: "application/accountConfigName",
       accountType: "application/companyAccountType",
       subscription: "application/subscription",
       formPlan: "stripe/formPlan",
       formProducts: "stripe/formProducts",
-      currentPlan: "stripe/currentPlan",
       subscriptions: "stripe/subscriptions",
       subscriptionItems: "stripe/subscriptionItems",
       getProductByPriceId: "stripe/getProductByPriceId",
-      stripeCustomDealToken: "settings/stripeCustomDealToken"
+      stripeCustomDealToken: "settings/stripeCustomDealToken",
+      getPrice: "stripe/getPrice"
     }),
     quantity: {
       get() {
@@ -2724,39 +2796,51 @@ const Ae = Ue.exports, Ve = {
       }
     },
     prettyPlans() {
-      const n = [], e = this.subscription.maxProjectManagers === 1 && this.subscription.mrr < 4e4 || !["base", "pro"].includes(this.accountType), t = () => {
-        const a = this.subscription.isStripeLegacy || this.subscription.paymentMethod === "invoice", r = this.subscription.billingCycleInterval === "month" && this.subscription.mrr < 45e3 || this.subscription.billingCycleInterval === "year" && this.subscription.mrr < 38e3;
-        return a && !this.forceShowBase ? r : !0;
+      const n = [], e = this.getPrice("start", "month") || this.getPrice("start", "year"), t = this.getPrice("base", "month") || this.getPrice("base", "year"), a = e && (this.subscription.maxProjectManagers === 1 && this.subscription.mrr < 4e4 || !["base", "pro"].includes(this.accountType)), r = () => {
+        const i = this.subscription.isStripeLegacy || this.subscription.paymentMethod === "invoice", s = this.subscription.billingCycleInterval === "month" && this.subscription.mrr < 45e3 || this.subscription.billingCycleInterval === "year" && this.subscription.mrr < 38e3;
+        return t && (i && !this.forceShowBase ? s : !0);
       };
-      return e && n.push({
+      return this.isOfferta && n.push({
+        name: "Free",
+        accountType: "free",
+        img: k("/account/subscription/bg-start.png"),
+        // TODO: same img as base
+        features: this.$t("features.free")
+      }), a && n.push({
         name: "Start",
         accountType: "start",
-        img: E("/account/subscription/bg-start.png"),
+        img: k("/account/subscription/bg-start.png"),
         features: this.$t("features.start")
-      }), t() && n.push({
+      }), r() && n.push({
         name: "Base",
         accountType: "base",
-        img: E("/account/subscription/bg-base.png"),
+        img: k("/account/subscription/bg-base.png"),
         features: this.$t("features.base")
       }), n.push({
         name: "Pro",
         accountType: "pro",
-        img: E("/account/subscription/bg-pro.png"),
+        img: k("/account/subscription/bg-pro.png"),
         features: this.$t("features.pro")
       }), n;
     },
     calloutMode() {
       return this.subscription.showCalloutConvertStripe ? "invoice" : this.subscription.isStripeLegacy ? "legacy" : null;
+    },
+    isOfferta() {
+      return this.accountConfigName === "offerta";
+    },
+    disableQuantity() {
+      return this.isOfferta && this.$view === "widget";
     }
   },
   beforeCreate() {
     this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", G);
   },
   async created() {
-    this.resetStripeForm(), await this.loadPrices(), await this.suggestQuantity(), await this.handlePossibleDeal(), this.isEdit = !!this.subscriptions.length;
+    this.isOfferta && te(Ne), this.resetStripeForm(), await this.loadPrices(), await this.suggestQuantity(), await this.handlePossibleDeal(), this.isEdit = !!this.subscriptions.length;
   },
   methods: {
-    ...w({
+    ...$({
       loadPrices: m.LOAD_PRICES,
       resetStripeForm: m.RESET_STRIPE_FORM,
       setFormValue: m.SET_STRIPE_FORM_VALUE,
@@ -2764,13 +2848,13 @@ const Ae = Ue.exports, Ve = {
     }),
     // Suggest quantity of licenses based on property or from account
     async suggestQuantity() {
-      if (this.plan === "start")
+      if (this.disableQuantity || this.plan === "start")
         return;
       if (this.suggestedQuantity && typeof this.suggestedQuantity == "number") {
         this.quantity = this.suggestedQuantity;
         return;
       }
-      const { data: n } = await te();
+      const { data: n } = await ne();
       this.quantity = n;
     },
     onReset() {
@@ -2808,7 +2892,7 @@ const Ae = Ue.exports, Ve = {
     setFromDealToken(n) {
       if (n)
         try {
-          const e = ne(n);
+          const e = ae(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) => {
@@ -2829,35 +2913,36 @@ const Ae = Ue.exports, Ve = {
     }
   }
 };
-var Oe = function() {
+var qe = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "relative grid h-full px-12 py-8 overflow-auto bg-white font-inter anime-payment-modal font-base place-items-center" }, [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: "relative inline-block py-4 pl-12 pr-4 border-2 rounded-lg bg-primary-100 border-primary-300", staticStyle: { "max-width": "calc(55 * var(--rem))" } }, [t("BaseIcon", { staticClass: "absolute left-4 top-5 text-primary-800", attrs: { type: "info", size: "20" } }), t("div", { staticClass: "font-semibold text-primary-800", 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(), e.$view === "widget" && e.view !== "success" ? t("div", { staticClass: "absolute flex justify-center text-xs -translate-x-1/2 left-1/2 top-4" }, [t("div", { staticClass: "relative inline-block rounded-full py-1.5 px-4 bg-primary-50 border border-primary-200 text-primary-900", staticStyle: { "max-width": "calc(55 * var(--rem))" }, domProps: { innerHTML: e._s(e.$t("callout.widget.text")) } })]) : 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: "relative inline-block py-4 pl-12 pr-4 border-2 rounded-lg bg-primary-100 border-primary-300", staticStyle: { "max-width": "calc(55 * var(--rem))" } }, [t("BaseIcon", { staticClass: "absolute left-4 top-5 text-primary-800", attrs: { type: "info", size: "20" } }), t("div", { staticClass: "font-semibold text-primary-800", 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;
   }, next: function(a) {
     e.view = "form";
-  } } }) : e.view === "form" ? t("PremiumStripeForm", { attrs: { "ui-plan": e.prettyPlans.find((a) => a.accountType === e.plan), "form-plan": e.formPlan }, on: { "update:interval": function(a) {
+  } } }) : e.view === "form" ? t("PremiumStripeForm", { attrs: { "ui-plan": e.prettyPlans.find((a) => a.accountType === e.plan), "form-plan": e.formPlan, "disable-quantity": e.disableQuantity, "hide-extra-info": e.isOfferta, "collect-consent": e.isOfferta }, on: { "update:interval": function(a) {
     e.interval = a;
   }, input: e.setFormValue, success: e.goToSuccess } }) : e.view === "success" ? t("div", { staticClass: "flex flex-col items-center justify-center w-full h-full 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)]);
-}, Ne = [], ze = /* @__PURE__ */ d(
-  Ve,
-  Oe,
-  Ne,
+}, Ge = [], je = /* @__PURE__ */ d(
+  ze,
+  qe,
+  Ge,
   !1,
   null,
   null,
   null,
   null
 );
-const qe = ze.exports, Ge = {
+const Ze = je.exports, Ke = {
   name: "IsPremium",
   computed: {
     ...v({
+      feature: "application/feature",
       subscription: "application/subscription",
       companyAccount: "application/companyAccount",
       stripeCustomDealToken: "settings/stripeCustomDealToken"
@@ -2877,6 +2962,12 @@ const qe = ze.exports, Ge = {
     canCreateDocument() {
       return this.subscription.freeDocumentsLeft > 0 || C(this.companyAccount, "documentQuota.priceExtra.value") !== null;
     },
+    canCreateTemplate() {
+      return this.feature("createDocTemplate");
+    },
+    canUseTemplate() {
+      return this.feature("useDocTemplate");
+    },
     canUseBankId() {
       return this.isPremiumLike ? !0 : !!this.subscription.freeBankIdLeft;
     },
@@ -2906,7 +2997,7 @@ const qe = ze.exports, Ge = {
     openUpgradeModal({ suggestedQuantity: n = null, callback: e = null, onClosed: t = null } = {}) {
       let a = () => null, r = () => null;
       typeof e == "function" && (a = e), typeof t == "function" && (r = t), this.$modal.show(
-        qe,
+        Ze,
         {
           suggestedQuantity: n,
           onUpgrade: a
@@ -2942,22 +3033,24 @@ const qe = ze.exports, Ge = {
       trialDaysLeft: this.subscription.trialDaysLeft,
       maxProjectManagers: this.subscription.maxProjectManagers,
       canCreateDocument: this.canCreateDocument,
+      canUseTemplate: this.canUseTemplate,
+      canCreateTemplate: this.canCreateTemplate,
       canUseBankId: this.canUseBankId,
       canUseSms: this.canUseSms
     }) : {};
   }
-}, Ze = null, je = null;
-var Ke = /* @__PURE__ */ d(
-  Ge,
-  Ze,
-  je,
+}, Ye = null, We = null;
+var Xe = /* @__PURE__ */ d(
+  Ke,
+  Ye,
+  We,
   !1,
   null,
   null,
   null,
   null
 );
-const Ye = Ke.exports, We = {
+const Qe = Xe.exports, Je = {
   name: "CalloutLegacy",
   i18nOptions: {
     namespaces: "components",
@@ -3007,21 +3100,21 @@ const Ye = Ke.exports, We = {
     }
   }
 };
-var Xe = function() {
+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);
-}, Je = [], Qe = /* @__PURE__ */ d(
-  We,
-  Xe,
+}, tt = [], nt = /* @__PURE__ */ d(
   Je,
+  et,
+  tt,
   !1,
   null,
   null,
   null,
   null
 );
-const et = Qe.exports;
-const tt = {
+const at = nt.exports;
+const rt = {
   i18nOptions: {
     namespaces: "components",
     messages: {
@@ -3045,8 +3138,8 @@ const tt = {
   },
   name: "PremiumRestrictedBase",
   components: {
-    IsPremium: Ye,
-    CalloutLegacy: et
+    IsPremium: Qe,
+    CalloutLegacy: at
   },
   props: {
     plan: {
@@ -3092,7 +3185,7 @@ const tt = {
     }
   }
 };
-var nt = function() {
+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 [e._t("image"), t("div", { staticClass: "title" }, [e._v(e._s(e.title))]), t("div", { staticClass: "sub-title" }, [e._v(e._s(e.subTitle))])];
@@ -3105,17 +3198,17 @@ var nt = function() {
   } }], null, !0) }), t("div", { staticStyle: { "margin-top": "5px" } }, [t("CButton", { attrs: { type: "none", pattern: "tertiary", wide: "" }, on: { click: function(a) {
     return e.$parent.$emit("close");
   } } }, [e._v(" " + e._s(e.$t("cancelButton")) + " ")])], 1)], 1)])]);
-}, at = [], rt = /* @__PURE__ */ d(
-  tt,
-  nt,
-  at,
+}, st = [], ot = /* @__PURE__ */ d(
+  rt,
+  it,
+  st,
   !1,
   null,
   "993cb5cc",
   null,
   null
 );
-const f = rt.exports, it = {
+const f = ot.exports, lt = {
   i18nOptions: {
     namespaces: "winProfile",
     keyPrefix: "account.subscription.winProfile",
@@ -3143,20 +3236,20 @@ const f = rt.exports, it = {
     }
   }
 };
-var st = function() {
+var ct = 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 } });
-}, ot = [], lt = /* @__PURE__ */ d(
-  it,
-  st,
-  ot,
+}, ut = [], dt = /* @__PURE__ */ d(
+  lt,
+  ct,
+  ut,
   !1,
   null,
   null,
   null,
   null
 );
-const ct = lt.exports, ut = {
+const mt = dt.exports, pt = {
   i18nOptions: {
     namespaces: "subTemplates",
     messages: {
@@ -3181,20 +3274,20 @@ const ct = lt.exports, ut = {
     }
   }
 };
-var dt = function() {
+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 } });
-}, mt = [], pt = /* @__PURE__ */ d(
-  ut,
-  dt,
-  mt,
+}, ht = [], ft = /* @__PURE__ */ d(
+  pt,
+  gt,
+  ht,
   !1,
   null,
   null,
   null,
   null
 );
-const gt = pt.exports, ht = {
+const yt = ft.exports, Ct = {
   i18nOptions: {
     namespaces: "PremiumRestrictedDocuments",
     messages: {
@@ -3243,58 +3336,58 @@ const gt = pt.exports, ht = {
   },
   created() {
     try {
-      ae("/documentLimitReached", {});
+      re("/documentLimitReached", {});
     } catch (n) {
-      R(n, { showMessage: !1 });
+      D(n, { showMessage: !1 });
     }
   },
   async mounted() {
     this.checkFreeDocVoucher();
   },
   methods: {
-    ...w({
+    ...$({
       loadCurrentCompany: m.DO_LOAD_CURRENT_COMPANY
     }),
     async checkFreeDocVoucher() {
       var e, t;
       if (this.canUseFreeDocVoucher = !1, ((e = this.account) == null ? void 0 : e.accountType) !== "free")
         return;
-      const n = JSON.parse(M.getItem("voucher-freeUserDocs-company-id"));
+      const n = JSON.parse(E.getItem("voucher-freeUserDocs-company-id"));
       ((t = this.account) == null ? void 0 : t.CompanyId) !== n && (this.canUseFreeDocVoucher = await this.canUseVoucher());
     },
     async canUseVoucher() {
       try {
         return await U.canUse("freeUserDocs"), !0;
       } catch {
-        return M.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), !1;
+        return E.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), !1;
       }
     },
     async useFreeDocsVoucher() {
       this.isLoading = !0;
       try {
-        await U.post({ code: "freeUserDocs" }), M.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), await this.loadCurrentCompany(), re("success", this.$t("voucherSuccessMessage", { count: this.voucherDocCount })), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade();
+        await U.post({ code: "freeUserDocs" }), E.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), await this.loadCurrentCompany(), ie("success", this.$t("voucherSuccessMessage", { count: this.voucherDocCount })), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade();
       } catch (n) {
-        R(n);
+        D(n);
       } finally {
-        this.isLoading = !1;
+        this.isLoading = !1, this.$emit("close");
       }
     }
   }
 };
-var yt = function() {
+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 justify-center w-full", 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()]);
-}, ft = [], Ct = /* @__PURE__ */ d(
-  ht,
-  yt,
-  ft,
+}, _t = [], bt = /* @__PURE__ */ d(
+  Ct,
+  vt,
+  _t,
   !1,
   null,
   null,
   null,
   null
 );
-const vt = Ct.exports, bt = {
+const Pt = bt.exports, St = {
   i18nOptions: {
     namespaces: "personalMessage",
     messages: {
@@ -3308,7 +3401,7 @@ const vt = Ct.exports, bt = {
       }
     }
   },
-  name: "PremiumRestrictedWinProfile",
+  name: "PremiumRestrictedPersonalMessage",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3319,21 +3412,21 @@ const vt = Ct.exports, bt = {
     }
   }
 };
-var _t = function() {
+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 } });
-}, Pt = [], St = /* @__PURE__ */ d(
-  bt,
-  _t,
-  Pt,
+}, xt = [], wt = /* @__PURE__ */ d(
+  St,
+  kt,
+  xt,
   !1,
   null,
   null,
   null,
   null
 );
-const kt = St.exports;
-const xt = {
+const $t = wt.exports;
+const Tt = {
   i18nOptions: {
     namespaces: "licenses",
     messages: {
@@ -3382,14 +3475,14 @@ const xt = {
     this.initLicense();
   },
   methods: {
-    ...w({
+    ...$({
       loadCurrentCompany: m.DO_LOAD_CURRENT_COMPANY,
       loadPrices: m.LOAD_PRICES,
       resetStripeForm: m.RESET_STRIPE_FORM,
       updateFormValue: m.SET_STRIPE_FORM_VALUE,
       submitPlan: m.SUBMIT_FORM_PLAN
     }),
-    priceFormat: _,
+    priceFormat: P,
     async initLicense() {
       this.subscription.paymentMethod === "stripe" && (await this.loadPrices(), await this.resetStripeForm(), this.updateFormValue({ key: "plan", value: this.currentPlan }));
     },
@@ -3406,7 +3499,7 @@ const xt = {
         else
           throw new Error("Cannot upgrade license as current paymentMethod is not valid");
       } catch (t) {
-        R(t);
+        D(t);
       }
       e && await n();
     },
@@ -3416,25 +3509,25 @@ const xt = {
       return await this.loadCurrentCompany(), n;
     },
     async addInvoiceLicense() {
-      await ie(), await this.loadCurrentCompany();
+      await se(), await this.loadCurrentCompany();
     }
   }
 };
-var wt = function() {
+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 justify-between w-full", 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);
-}, $t = [], Tt = /* @__PURE__ */ d(
-  xt,
-  wt,
-  $t,
+}, Et = [], It = /* @__PURE__ */ d(
+  Tt,
+  Mt,
+  Et,
   !1,
   null,
   null,
   null,
   null
 );
-const Mt = Tt.exports;
-const Et = {
+const Lt = It.exports;
+const Dt = {
   i18nOptions: {
     namespaces: "licenses",
     messages: {
@@ -3450,7 +3543,7 @@ const Et = {
       }
     }
   },
-  name: "PremiumRestrictedLicenses",
+  name: "PremiumRestrictedCreators",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3461,20 +3554,20 @@ const Et = {
     }
   }
 };
-var It = function() {
+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);
-}, Lt = [], Rt = /* @__PURE__ */ d(
-  Et,
-  It,
-  Lt,
+}, Bt = [], Ht = /* @__PURE__ */ d(
+  Dt,
+  Rt,
+  Bt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ht = Rt.exports, Dt = {
+const Ft = Ht.exports, Ut = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3501,20 +3594,20 @@ const Ht = Rt.exports, Dt = {
     }
   }
 };
-var Bt = function() {
+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);
-}, Ft = [], Ut = /* @__PURE__ */ d(
-  Dt,
-  Bt,
-  Ft,
+}, Vt = [], Ot = /* @__PURE__ */ d(
+  Ut,
+  At,
+  Vt,
   !1,
   null,
   null,
   null,
   null
 );
-const At = Ut.exports, Vt = {
+const Nt = Ot.exports, zt = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3530,7 +3623,7 @@ const At = Ut.exports, Vt = {
       }
     }
   },
-  name: "PremiumRestrictedStats",
+  name: "PremiumRestrictedDocumentBlocks",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3541,20 +3634,20 @@ const At = Ut.exports, Vt = {
     }
   }
 };
-var Ot = function() {
+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);
-}, Nt = [], zt = /* @__PURE__ */ d(
-  Vt,
-  Ot,
-  Nt,
+}, Gt = [], jt = /* @__PURE__ */ d(
+  zt,
+  qt,
+  Gt,
   !1,
   null,
   null,
   null,
   null
 );
-const qt = zt.exports, Gt = {
+const Zt = jt.exports, Kt = {
   i18nOptions: {
     namespaces: "PremiumRestrictedBankIdAndSms",
     messages: {
@@ -3586,40 +3679,40 @@ const qt = zt.exports, Gt = {
     })
   }
 };
-var Zt = function() {
+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);
-}, jt = [], Kt = /* @__PURE__ */ d(
-  Gt,
-  Zt,
-  jt,
+}, Wt = [], Xt = /* @__PURE__ */ d(
+  Kt,
+  Yt,
+  Wt,
   !1,
   null,
   null,
   null,
   null
 );
-const Yt = Kt.exports, Wt = {
+const Qt = Xt.exports, Jt = {
   i18nOptions: {
-    namespaces: "PremiumRestrictedEditDocumentLayout",
+    namespaces: "PremiumRestrictedUseDocTemplates",
     messages: {
       sv: {
-        title: "Redigerbara dokumentmallar",
-        subTitle: "För att använda redigerbara dokumentmallar behöver du uppgradera till ett betalkonto.",
+        title: "Använd dokumentmallar",
+        subTitle: "För att använda dokumentmallar behöver du uppgradera till ett betalkonto.",
         actionText: "Uppgradera konto"
       },
       en: {
-        title: "Editable document templates",
-        subTitle: "To use editable document templates you need to upgrade to a paid plan.",
+        title: "Use document templates",
+        subTitle: "To use document templates you need to upgrade to a paid plan.",
         actionText: "Upgrade my plan"
       }
     }
   },
-  name: "PremiumRestrictedStats",
+  name: "PremiumRestrictedUseDocTemplates",
   components: {
     PremiumRestrictedBase: f
   },
@@ -3630,31 +3723,72 @@ const Yt = Kt.exports, Wt = {
     }
   }
 };
-var Xt = function() {
+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);
-}, Jt = [], Qt = /* @__PURE__ */ d(
-  Wt,
-  Xt,
+}, tn = [], nn = /* @__PURE__ */ d(
   Jt,
+  en,
+  tn,
   !1,
   null,
   null,
   null,
   null
 );
-const en = Qt.exports, I = {
-  winProfile: ct,
-  templates: gt,
-  documents: vt,
-  personalMessage: kt,
-  licenses: Mt,
-  inviteCreators: Ht,
-  stats: At,
-  documentBlocks: qt,
-  bankIdAndSms: Yt,
-  editDocumentLayout: en
-}, tn = {
+const an = nn.exports, rn = {
+  i18nOptions: {
+    namespaces: "PremiumRestrictedEditDocumentLayout",
+    messages: {
+      sv: {
+        title: "Spara dokumentmall",
+        subTitle: "För att spara en dokumentmall behöver du uppgradera till ett betalkonto.",
+        actionText: "Uppgradera konto"
+      },
+      en: {
+        title: "Save document template",
+        subTitle: "To save a document template you need to upgrade to a paid plan.",
+        actionText: "Upgrade my plan"
+      }
+    }
+  },
+  name: "PremiumRestrictedSaveDocTemplate",
+  components: {
+    PremiumRestrictedBase: f
+  },
+  props: {
+    onUpgrade: {
+      type: Function,
+      default: null
+    }
+  }
+};
+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(
+  rn,
+  sn,
+  on,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const cn = ln.exports, I = {
+  winProfile: mt,
+  templates: yt,
+  documents: Pt,
+  personalMessage: $t,
+  licenses: Lt,
+  inviteCreators: Ft,
+  stats: Nt,
+  documentBlocks: Zt,
+  bankIdAndSms: Qt,
+  useDocTemplate: an,
+  saveDocTemplate: cn
+}, un = {
   name: "IsPremiumPreStep",
   props: {
     feature: {
@@ -3665,7 +3799,7 @@ const en = Qt.exports, I = {
   },
   computed: {
     modalName() {
-      return I[this.feature] ? I[this.feature] : (se.error("Missing IsPremiumPreStep component name"), null);
+      return I[this.feature] ? I[this.feature] : (oe.error("Missing IsPremiumPreStep component name"), null);
     }
   },
   methods: {
@@ -3691,25 +3825,25 @@ const en = Qt.exports, I = {
       onClick: this.onClick
     }) : {};
   }
-}, nn = null, an = null;
-var rn = /* @__PURE__ */ d(
-  tn,
-  nn,
-  an,
+}, dn = null, mn = null;
+var pn = /* @__PURE__ */ d(
+  un,
+  dn,
+  mn,
   !1,
   null,
   null,
   null,
   null
 );
-const pn = rn.exports;
+const Pn = pn.exports;
 export {
-  et as C,
-  pn as I,
-  qe as P,
-  Ye as a,
+  at as C,
+  Pn as I,
+  Ze as P,
+  Qe as a,
   G as b,
-  Le as c,
-  k as r,
+  Re as c,
+  x as r,
   He as s
 };