@cling-se/widget 0.9.12 → 0.9.14

package/dist/{IsPremiumPreStep-9b5a0a01.js → IsPremiumPreStep-62401338.js}

@@ -1,8 +1,8 @@
-import { c as y, a4 as L, au as B, b as C, av as T, aw as j, ax as K, ay as Y, az as W, V as F, aA as X, aB as J, n as d, s as b, ae as h, aC as Q, g as m, aD as _, aE as ee, aF as te, aG as R, p as ne, h as D, I as M, aH as U, a3 as ae, aI as re, ak as ie } from "./main-5532481e.js";
+import { c as h, a4 as L, au as H, b as C, av as T, aw as j, ax as K, ay as Y, az as W, V as B, aA as X, aB as J, n as d, s as _, ae as y, aC as Q, g as m, aD as b, aE as ee, aF as te, aG as F, p as ne, h as R, I as M, aH as U, H as ae, aI as re, ak as ie } from "./main-27338bdb.js";
 import { m as v, a as w, b as se } from "./vuex.esm-4a0fff7c.js";
 import { a as u } from "./anime.es-e284c852.js";
-import { g as E } from "./image-a902f5a5.js";
-import "./index-d81be181.js";
+import { g as E } from "./image-5f9f36b5.js";
+import "./index-a65761df.js";
 import { v as S } from "./index-805c56e4.js";
 const k = {
   AD: {
@@ -1256,7 +1256,7 @@ const k = {
   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 = () => oe(() => {
-  window.$stripe = Stripe(y.stripe.publishableKey, { locale: L.lang || "en" });
+  window.$stripe = Stripe(h.stripe.publishableKey, { locale: L.lang || "en" });
 });
 ce();
 const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
@@ -1267,10 +1267,10 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
   SUBMIT_PROMOTION_CODE: pe,
   SUBMIT_PAYMENT_METHOD: O,
   SUBMIT_FORM_PLAN: ge,
-  REMOVE_SUBSCRIPTION_ITEM: ye,
+  REMOVE_SUBSCRIPTION_ITEM: he,
   CONFIRM_PAYMENT: N,
   SUBMIT_FORM_PAYMENT: x,
-  SUBMIT_FORM_PRODUCTS: he
+  SUBMIT_FORM_PRODUCTS: ye
 } = J, z = {
   // The term "plan" refers to a _price_ connected to a _product_ with metadata.accountType
   plan: { accountType: "pro", interval: "month", quantity: 1 },
@@ -1297,7 +1297,7 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
       base: { month: null, year: null },
       pro: { month: null, year: null }
     },
-    form: B(z)
+    form: H(z)
   },
   getters: {
     isPosting: ({ isPosting: n }) => n,
@@ -1346,7 +1346,7 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
     getMeteredProduct: (n, e) => (t) => {
       if (!t)
         throw new Error("Missing parameter meteredType");
-      const a = e.products, r = Object.keys(a).find((s) => C(a[s], "metadata.meteredType") === t);
+      const a = e.products, r = Object.keys(a).find((i) => C(a[i], "metadata.meteredType") === t);
       return a[r];
     },
     formPromotion: (n) => n.form.promotion,
@@ -1357,19 +1357,19 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
       const { accountType: t, interval: a, quantity: r } = n.form.plan;
       if (!t || !a)
         return null;
-      const s = e.getPrice(t, a);
+      const i = e.getPrice(t, a);
       return {
         quantity: r,
         accountType: t,
         interval: a,
-        ...s
+        ...i
       };
     },
     currentPlan: (n, e) => {
       const { subscriptionItems: t } = e;
       if (!t || !t.length)
         return null;
-      const a = t.find((s) => C(n.prices[s.stripePriceStripeId], "StripeProduct.metadata.accountType"));
+      const a = t.find((i) => C(n.prices[i.stripePriceStripeId], "StripeProduct.metadata.accountType"));
       if (!a)
         return null;
       const r = n.prices[a.stripePriceStripeId];
@@ -1390,16 +1390,16 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
      * @returns {Object} Price obj on format { intervals: {}, currency  }
      */
     formPrices: (n, e) => {
-      function t(s, i, c) {
-        const o = s;
-        return (!o.intervals[i] || !Object.keys(o.intervals[i]).length) && (o.intervals[i] = {
+      function t(i, s, c) {
+        const o = i;
+        return (!o.intervals[s] || !Object.keys(o.intervals[s]).length) && (o.intervals[s] = {
           subTotalBeforeDiscount: 0,
           vatAmount: 0,
           subTotal: 0,
           totalAmount: 0,
           items: []
         }), Object.keys(c).forEach((l) => {
-          Array.isArray(c[l]) ? o.intervals[i][l] = o.intervals[i][l].concat(c[l]) : o.intervals[i][l] += c[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 = {
@@ -1407,28 +1407,28 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
         currency: e.formPlan.currency
       };
       function r() {
-        const s = (e.formPlan.amount || 0) * e.formPlan.quantity;
-        let i = s;
-        e.formPromotion && (e.formPromotion.amountOff ? i -= e.formPromotion.amountOff : e.formPromotion.percentOff && (i *= 1 - e.formPromotion.percentOff / 100));
-        const c = i * (q[e.formCustomer.region] || 0), o = i + c;
+        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 c = s * (q[e.formCustomer.region] || 0), o = s + c;
         a = t(a, e.formPlan.interval, {
-          subTotalBeforeDiscount: s,
-          subTotal: i,
+          subTotalBeforeDiscount: i,
+          subTotal: s,
           vatAmount: c,
           totalAmount: o,
           items: [{
             name: e.formPlan.accountType,
-            amount: s,
+            amount: i,
             quantity: e.formPlan.quantity
           }]
         });
       }
-      return r(), e.formProducts.forEach((s) => {
-        const i = e.priceById(s.stripePriceStripeId);
-        if (i) {
-          let c = i.interval;
-          i.usageType === "one_time" && (c = "oneOff");
-          const o = i.amount * s.quantity;
+      return r(), e.formProducts.forEach((i) => {
+        const s = e.priceById(i.stripePriceStripeId);
+        if (s) {
+          let c = s.interval;
+          s.usageType === "one_time" && (c = "oneOff");
+          const o = s.amount * i.quantity;
           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;
@@ -1438,9 +1438,9 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
             vatAmount: p,
             totalAmount: g,
             items: [{
-              name: i.StripeProduct.name,
+              name: s.StripeProduct.name,
               amount: o,
-              quantity: s.quantity
+              quantity: i.quantity
             }]
           });
         }
@@ -1463,7 +1463,7 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
       }
     },
     async [de]({ commit: n }) {
-      n("setForm", B(z));
+      n("setForm", H(z));
     },
     async [me]({ commit: n }, { key: e, value: t }) {
       n("setFormValue", { key: e, value: t });
@@ -1471,8 +1471,8 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
     [V]({ commit: n, getters: e }, { promotionDetails: t, code: a = null } = {}) {
       if (!t)
         return !1;
-      const { appliesToStripeProductIds: r } = t, { stripeProductId: s } = e.formPlan || {};
-      return Array.isArray(r) && !r.includes(s) ? !1 : (n("setFormValue", { key: "promotion", value: { ...t, code: a } }), !0);
+      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 [pe]({ commit: n, getters: e, dispatch: t }, a) {
       try {
@@ -1499,8 +1499,8 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
         const { paymentMethod: a = {}, error: r } = await t.createPaymentMethod("card", e);
         if (r)
           throw new Error(r.message || "Card Error");
-        const { id: s } = a, { last4: i, brand: c } = a.card || {};
-        return { id: s, last4: i, brand: c };
+        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 {
@@ -1515,19 +1515,19 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "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: s = !0 } = {}) {
+    async [x]({ 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: i } = a, { formCustomer: c, formPromotion: o, customer: l, 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 P = { ...c, items: i };
+        const P = { ...c, items: s };
         g && (P.paymentMethod = g), o && o.code && (P.promotionCode = o.code), p && (P.dealSource = p);
-        const { data: Z = {} } = await T.product(P, { removeUnusedItems: s }), { clientSecrets: $ } = Z, H = g && g.id ? g.id : l && l.paymentMethodId;
-        return $ && $.length && H ? await t(N, { clientSecrets: $, paymentMethodId: H }) : !0;
-      } catch (i) {
-        this.handleError(i);
-        const c = (i.errorCode ? le(i.errorCode) : "") || i.message;
+        const { data: Z = {} } = await T.product(P, { removeUnusedItems: i }), { clientSecrets: $ } = Z, D = g && g.id ? g.id : l && l.paymentMethodId;
+        return $ && $.length && D ? await t(N, { clientSecrets: $, paymentMethodId: D }) : !0;
+      } catch (s) {
+        this.handleError(s);
+        const c = (s.errorCode ? le(s.errorCode) : "") || s.message;
         return n("setFormValue", { key: "error", value: c || "Submit Form Payment Error" }), !1;
       } finally {
         n("setPosting", !1);
@@ -1535,25 +1535,25 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
     },
     async [ge]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
       try {
-        const { formPlan: r, formProducts: s, products: i, subscriptionItems: c } = t;
+        const { formPlan: r, formProducts: i, products: s, subscriptionItems: c } = t;
         if (!r)
           return !1;
-        const o = [...c], l = o.findIndex((p) => C(i[p.stripeProductStripeId], "metadata.accountType"));
+        const o = [...c], l = o.findIndex((p) => C(s[p.stripeProductStripeId], "metadata.accountType"));
         return l !== -1 && o.splice(l, 1), o.push({
           stripePriceStripeId: r.stripeId,
           stripeProductStripeId: r.stripeProductId,
           quantity: r.quantity
-        }), o.push(...s), await e(x, { form: { items: o }, stripe: { cardElement: a } });
+        }), o.push(...i), await e(x, { form: { items: o }, stripe: { cardElement: a } });
       } catch (r) {
         return this.handleError(r), n("setFormValue", { key: "error", value: r.message || "Submit Plan Error" }), !1;
       }
     },
-    async [he]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
+    async [ye]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
       try {
-        const { formProducts: s } = t, i = [...s];
-        return i.length ? await e(x, { form: { items: i }, stripe: { cardElement: a }, removeUnusedItems: r }) : !1;
-      } catch (s) {
-        return this.handleError(s), n("setFormValue", { key: "error", value: s.message || "Submit Products Error" }), !1;
+        const { formProducts: i } = t, s = [...i];
+        return s.length ? await e(x, { 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;
       }
     },
     /**
@@ -1574,9 +1574,9 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
           throw new Error("Stripe is not installed on the window");
         if (!Array.isArray(e))
           throw new Error("Param clientSecrets needs to be an array");
-        return await e.reduce(async (s, i) => {
-          await s;
-          const { paymentIntent: c, error: o } = await a.confirmCardPayment(i, { payment_method: t });
+        return await e.reduce(async (i, s) => {
+          await i;
+          const { paymentIntent: c, 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) : c && c.status === "succeeded";
         }, Promise.resolve());
       } catch (r) {
@@ -1591,14 +1591,14 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "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 [he]({ 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 s = [...r];
-        return s = s.filter((i) => i.stripePriceStripeId !== a), await e(x, { form: { items: s } });
+        let i = [...r];
+        return i = i.filter((s) => s.stripePriceStripeId !== a), await e(x, { form: { items: i } });
       } catch (r) {
         return this.handleError(r), !1;
       } finally {
@@ -1629,11 +1629,11 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
     }),
     // --- Form ---
     setForm: (n, e) => {
-      F.set(n, "form", e);
+      B.set(n, "form", e);
     },
     setFormValue: (n, { key: e, value: t }) => {
       const { root: a, prop: r } = X(n, `form.${e}`);
-      F.set(a, r, t);
+      B.set(a, r, t);
     }
   }
 };
@@ -1658,7 +1658,7 @@ const fe = {
     };
   },
   mounted() {
-    this.canvasEl = document.getElementById("fireworks"), this.ctx = this.canvasEl.getContext("2d"), u({
+    this.canvasEl = this.getRootElm().getElementById("fireworks"), this.ctx = this.canvasEl.getContext("2d"), u({
       duration: 1 / 0,
       update: () => {
         this.ctx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);
@@ -1737,6 +1737,11 @@ const fe = {
         u.random(e - 50, e + 50)
         // 50 as constant
       ), u({ duration: 500 }).finished.then(this.autoClick));
+    },
+    getRootElm() {
+      var t, a;
+      const n = (a = (t = this.$el).getRootNode) == null ? void 0 : a.call(t);
+      return (n == null ? void 0 : n.toString()) === "[object ShadowRoot]" ? n : document;
     }
   }
 };
@@ -1746,17 +1751,17 @@ var Ce = function() {
 }, ve = [function() {
   var n = this, e = n._self._c;
   return e("div", [e("canvas", { attrs: { id: "fireworks" } })]);
-}], _e = /* @__PURE__ */ d(
+}], be = /* @__PURE__ */ d(
   fe,
   Ce,
   ve,
   !1,
   null,
-  "d4677903",
+  "1254a889",
   null,
   null
 );
-const be = _e.exports;
+const _e = be.exports;
 const Pe = {
   name: "PremiumStripeSelect",
   i18nOptions: {
@@ -1828,7 +1833,7 @@ const Pe = {
       if (typeof e > "u" || typeof t > "u")
         return "";
       const a = e / (this.interval === "month" ? 1 : 12);
-      return `${b(a, { currency: t })}/${this.$t("_common:month")}`;
+      return `${_(a, { currency: t })}/${this.$t("_common:month")}`;
     }
   }
 };
@@ -1846,10 +1851,10 @@ var Se = function() {
   }), 0), t("div", { staticClass: "text-primary-600 absolute whitespace-nowrap text-[13px] left-[88%] top-[112%]" }, [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(s) {
+    }, 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(s) {
-      return t("li", { key: s }, [t("span", { domProps: { textContent: e._s(s) } })]);
+    } } }, [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) {
+      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) {
     return e.$emit("next");
@@ -1977,13 +1982,13 @@ const Ie = Ee.exports, Le = {
     logo: '<rect width="48" height="32" rx="4" fill="#D9D9DF"/><rect y="7" width="48" height="7" fill="#51516A"/>'
   },
   get(n, { width: e = 48, height: t = 32 } = {}) {
-    const a = this[n] ? this[n] : this.default, r = a.logo, s = `<svg width="${e}" height="${t}" viewBox="0 0 48 32" fill="none" xmlns="http://www.w3.org/2000/svg">${r}</svg>`;
+    const a = this[n] ? this[n] : this.default, r = a.logo, i = `<svg width="${e}" height="${t}" viewBox="0 0 48 32" fill="none" xmlns="http://www.w3.org/2000/svg">${r}</svg>`;
     return {
       name: a.name,
-      logo: s
+      logo: i
     };
   }
-}, De = {
+}, Re = {
   data() {
     return {
       stripeCardElementId: null,
@@ -2009,10 +2014,15 @@ const Ie = Ee.exports, Le = {
   },
   methods: {
     mountCardInput() {
+      if (this.isShadowParent()) {
+        const n = this.getRootElm().querySelector(this.stripeCardElementId);
+        this.copyInputStyle(n);
+      }
       this.stripeCardElementId && this.callCard("mount", this.stripeCardElementId);
     },
     unmountCardInput() {
-      this.stripeCardElementId && this.callCard("unmount", this.stripeCardElementId);
+      var n;
+      this.stripeCardElementId && this.callCard("unmount", this.stripeCardElementId), this.isShadowParent() && ((n = document.querySelector(this.stripeCardElementId)) == null || n.remove());
     },
     callCard(n, e) {
       this.card && typeof this.card[n] == "function" && this.card[n](e);
@@ -2039,14 +2049,31 @@ const Ie = Ee.exports, Le = {
           iconColor: "#fa755a"
         }
       };
-      this.card = this.elements.create("card", { style: e }), document.querySelector(n) && this.mountCardInput(), this.card.addEventListener("change", (t) => {
-        const { error: a, complete: r } = t;
-        a ? this.elementsError = a.message : this.elementsError = "", this.cardIsComplete = r;
+      this.card = this.elements.create("card", { style: e }), this.getRootElm().querySelector(n) && this.mountCardInput(), this.card.addEventListener("change", (a) => {
+        const { error: r, complete: i } = a;
+        r ? this.elementsError = r.message : this.elementsError = "", this.cardIsComplete = i;
       });
+    },
+    isShadowParent() {
+      var e, t;
+      const n = (t = (e = this.$el).getRootNode) == null ? void 0 : t.call(e);
+      return (n == null ? void 0 : n.toString()) === "[object ShadowRoot]";
+    },
+    getRootElm() {
+      var n, e;
+      return this.isShadowParent() ? (e = (n = this.$el).getRootNode) == null ? void 0 : e.call(n) : document;
+    },
+    copyInputStyle(n) {
+      const e = n.cloneNode(!0), { x: t, y: a } = n.getBoundingClientRect();
+      e.style.position = "absolute", e.style.top = `${a}px`, e.style.left = `${t}px`;
+      const r = Number(
+        window.getComputedStyle(n).getPropertyValue("--app-z-index")
+      );
+      e.style.zIndex = r + 1e3, document.body.appendChild(e);
     }
   }
 };
-const He = {
+const De = {
   i18nOptions: {
     namespaces: "PremiumStripeForm",
     messages: {
@@ -2234,7 +2261,7 @@ const He = {
   components: {
     CAccordion: Ie
   },
-  mixins: [De],
+  mixins: [Re],
   props: {
     formPlan: {
       type: Object,
@@ -2320,24 +2347,24 @@ const He = {
     promotionDescription() {
       let n = "- ";
       const { amountOff: e, percentOff: t } = this.promotion || {};
-      return e ? n += b(e, { currency: this.currency }) : t && (n += `${t}%`), n;
+      return e ? n += _(e, { currency: this.currency }) : t && (n += `${t}%`), n;
     },
     reasonableUseQuotas() {
-      var s;
-      const n = {}, e = (s = this.formPlan) == null ? void 0 : s.StripeProduct;
+      var i;
+      const n = {}, e = (i = this.formPlan) == null ? void 0 : i.StripeProduct;
       if (!e)
         return [];
       const { quotas: t, autoAddMeteredTypes: a } = e.metadata, r = t[this.companyAccount.accountConfigurationKeyName] || {};
-      return Object.keys(r).forEach((i) => {
-        i === "bankId" && h[y.brand].defaultRegion === "US" || (n[i] = {
-          type: i,
-          count: r[i] || 0,
+      return Object.keys(r).forEach((s) => {
+        s === "bankId" && y[h.brand].defaultRegion === "US" || (n[s] = {
+          type: s,
+          count: r[s] || 0,
           cost: null
         });
-      }), a.forEach((i) => {
-        if (i === "bankId" && h[y.brand].defaultRegion === "US")
+      }), a.forEach((s) => {
+        if (s === "bankId" && y[h.brand].defaultRegion === "US")
           return;
-        const c = this.getMeteredProduct(i);
+        const c = this.getMeteredProduct(s);
         if (!c)
           return;
         const o = c.prices.find((p) => {
@@ -2346,13 +2373,13 @@ const He = {
         });
         if (!o)
           return;
-        const l = b(o.amount, {
+        const l = _(o.amount, {
           currency: o.currency,
           decimals: 2,
           hideZeroDecimals: !0
         });
-        n[i] || (n[i] = { type: i, count: 0, cost: null }), n[i].cost = l;
-      }), Object.keys(n).map((i) => n[i]);
+        n[s] || (n[s] = { type: s, count: 0, cost: null }), n[s].cost = l;
+      }), Object.keys(n).map((s) => n[s]);
     }
   },
   watch: {
@@ -2372,11 +2399,12 @@ const He = {
         easing: "spring(1, 80, 20, 10)"
       });
     }), this.customer) {
-      this.useExistingCard = !0, this.useExistingCustomer = !0, ["name", "region", "email"].forEach((e) => {
-        this.customer[e] && this.$emit("input", { key: `customer.${e}`, value: this.customer[e] });
+      const n = !!this.customer.paymentMethodId;
+      this.useExistingCard = n, this.useExistingCustomer = n, ["name", "region", "email"].forEach((t) => {
+        this.customer[t] && this.$emit("input", { key: `customer.${t}`, value: this.customer[t] });
       });
-      const { data: n } = await Q();
-      this.setPromotion({ promotionDetails: n });
+      const { data: e } = await Q();
+      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);
   },
@@ -2386,7 +2414,7 @@ const He = {
       setPromotion: m.SET_FORM_PROMOTION,
       submitPlan: m.SUBMIT_FORM_PLAN
     }),
-    priceFormat: b,
+    priceFormat: _,
     getIntervalTitle(n) {
       return n === "month" ? this.$t("_common:monthly").capitalize() : n === "year" ? this.$t("_common:yearly").capitalize() : n === "oneOff" ? this.$t("oneTimeFee").capitalize() : null;
     },
@@ -2408,13 +2436,13 @@ const He = {
     }
   }
 };
-var Be = function() {
+var He = 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(s, i) {
-      return t("div", { key: i, staticClass: "flex justify-between w-full pb-1 mt-2" }, [t("div", { staticClass: "font-medium opacity-70" }, [e._v(" " + e._s(s.quantity) + " x " + e._s(s.name.capitalize()) + " ")]), t("div", { staticClass: "text-right opacity-70" }, [e._v(e._s(e.priceFormat(s.amount, { currency: e.currency })))])]);
+    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 })))])]);
     })], 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 });
@@ -2461,17 +2489,17 @@ var Be = function() {
   })], 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 = [], Re = /* @__PURE__ */ d(
+}, Be = [], Fe = /* @__PURE__ */ d(
+  De,
   He,
   Be,
-  Fe,
   !1,
   null,
-  "b5b143cd",
+  "3d9ab864",
   null,
   null
 );
-const Ue = Re.exports, Ae = {
+const Ue = Fe.exports, Ae = {
   name: "PremiumStripe",
   i18nOptions: {
     namespaces: "premiumStripe",
@@ -2495,7 +2523,7 @@ const Ue = Re.exports, Ae = {
             `
           },
           widget: {
-            text: `Service provided by ${h[y.brand].name}. <a href="${h[y.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Terms</a> for ${h[y.brand].name}.`
+            text: `Service provided by ${y[h.brand].name}. <a href="${y[h.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Terms</a> for ${y[h.brand].name}.`
           }
         },
         features: {
@@ -2504,7 +2532,7 @@ const Ue = Re.exports, Ae = {
             "Send up to 5 docs / month",
             "Up to 2 templates",
             "Real-time audit trail",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           base: [
@@ -2514,7 +2542,7 @@ const Ue = Re.exports, Ae = {
             "Members",
             "Reminders",
             "Real-time audit trail",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           pro: [
@@ -2527,8 +2555,8 @@ const Ue = Re.exports, Ae = {
             "Custom subdomain",
             "Custom email address",
             "Version control",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
-            `Hide ${h[y.brand].name}-logo`,
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            `Hide ${y[h.brand].name}-logo`,
             "CRM integrations"
           ]
         },
@@ -2558,7 +2586,7 @@ const Ue = Re.exports, Ae = {
             `
           },
           widget: {
-            text: `Tjänsten tillhandahålls via ${h[y.brand].name}. <a href="${h[y.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Villkor</a> för ${h[y.brand].name}.`
+            text: `Tjänsten tillhandahålls via ${y[h.brand].name}. <a href="${y[h.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Villkor</a> för ${y[h.brand].name}.`
           }
         },
         features: {
@@ -2567,7 +2595,7 @@ const Ue = Re.exports, Ae = {
             "Skicka upp till 5 dokument / månad",
             "Upp till 2 mallar",
             "Dokumentspårning i realtid",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           base: [
@@ -2577,7 +2605,7 @@ const Ue = Re.exports, Ae = {
             "Medlemmar",
             "Påminnelser",
             "Dokumentspårning i realtid",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
             "SMS"
           ],
           pro: [
@@ -2590,8 +2618,8 @@ const Ue = Re.exports, Ae = {
             "Subdomän",
             "Egen e-postdomän",
             "Versionshantering",
-            ..._.checkFeature("bankId") ? ["BankID"] : [],
-            `Göm ${h[y.brand].name}-logo`,
+            ...b.checkFeature("bankId") ? ["BankID"] : [],
+            `Göm ${y[h.brand].name}-logo`,
             "CRM-Integrationer"
           ]
         },
@@ -2605,7 +2633,7 @@ const Ue = Re.exports, Ae = {
     }
   },
   components: {
-    Confetti: be,
+    Confetti: _e,
     PremiumStripeSelect: we,
     PremiumStripeForm: Ue
   },
@@ -2705,7 +2733,7 @@ const Ue = Re.exports, Ae = {
     }
   },
   beforeCreate() {
-    this.$store.state.stripe || this.$store.registerModule("stripe", G);
+    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;
@@ -2818,10 +2846,10 @@ const ze = Ne.exports, qe = {
       stripeCustomDealToken: "settings/stripeCustomDealToken"
     }),
     isPremium() {
-      return R.includes(this.subscription.type);
+      return F.includes(this.subscription.type);
     },
     isPremiumLike() {
-      return ["trial", ...R].includes(this.subscription.type);
+      return ["trial", ...F].includes(this.subscription.type);
     },
     isProLike() {
       return ["pro", "trial"].includes(this.subscription.type);
@@ -3051,8 +3079,8 @@ var tt = 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))])];
-  }), 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: s }) {
-    return [t("div", [r || s ? t("CalloutLegacy", { attrs: { mode: r ? "legacy" : "invoice" } }) : e._e(), t("CButton", { attrs: { loading: e.isLoading, disabled: r || s, type: "secondary", wide: "" }, on: { click: function(i) {
+  }), 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) {
       return e.onActionClick(e.actionFunction || a);
     } } }, [e._t("actionText", function() {
       return [e._v(e._s(e.$t("upgradeButton")))];
@@ -3200,7 +3228,7 @@ const pt = mt.exports, gt = {
     try {
       ne("/documentLimitReached", {});
     } catch (n) {
-      D(n, { showMessage: !1 });
+      R(n, { showMessage: !1 });
     }
   },
   async mounted() {
@@ -3229,20 +3257,20 @@ const pt = mt.exports, gt = {
       try {
         await U.post({ code: "freeUserDocs" }), M.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), await this.loadCurrentCompany(), ae("success", this.$t("voucherSuccessMessage", { count: this.voucherDocCount })), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade();
       } catch (n) {
-        D(n);
+        R(n);
       } finally {
         this.isLoading = !1;
       }
     }
   }
 };
-var yt = function() {
+var ht = 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()]);
-}, ht = [], ft = /* @__PURE__ */ d(
+}, yt = [], ft = /* @__PURE__ */ d(
   gt,
-  yt,
   ht,
+  yt,
   !1,
   null,
   null,
@@ -3274,13 +3302,13 @@ const Ct = ft.exports, vt = {
     }
   }
 };
-var _t = function() {
+var bt = 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 } });
-}, bt = [], Pt = /* @__PURE__ */ d(
+}, _t = [], Pt = /* @__PURE__ */ d(
   vt,
-  _t,
   bt,
+  _t,
   !1,
   null,
   null,
@@ -3331,7 +3359,7 @@ const kt = {
     }
   },
   beforeCreate() {
-    this.$store.state.stripe || this.$store.registerModule("stripe", G);
+    this.$store.hasModule("stripe") || this.$store.registerModuleState("stripe", G);
   },
   created() {
     this.initLicense();
@@ -3344,7 +3372,7 @@ const kt = {
       updateFormValue: m.SET_STRIPE_FORM_VALUE,
       submitPlan: m.SUBMIT_FORM_PLAN
     }),
-    priceFormat: b,
+    priceFormat: _,
     async initLicense() {
       this.subscription.paymentMethod === "stripe" && (await this.loadPrices(), await this.resetStripeForm(), this.updateFormValue({ key: "plan", value: this.currentPlan }));
     },
@@ -3361,7 +3389,7 @@ const kt = {
         else
           throw new Error("Cannot upgrade license as current paymentMethod is not valid");
       } catch (t) {
-        D(t);
+        R(t);
       }
       e && await n();
     },
@@ -3429,7 +3457,7 @@ var Et = function() {
   null,
   null
 );
-const Dt = Lt.exports, Ht = {
+const Rt = Lt.exports, Dt = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3456,20 +3484,20 @@ const Dt = Lt.exports, Ht = {
     }
   }
 };
-var Bt = function() {
+var Ht = 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 = [], Rt = /* @__PURE__ */ d(
+}, Bt = [], Ft = /* @__PURE__ */ d(
+  Dt,
   Ht,
   Bt,
-  Ft,
   !1,
   null,
   null,
   null,
   null
 );
-const Ut = Rt.exports, At = {
+const Ut = Ft.exports, At = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3564,12 +3592,12 @@ const Kt = jt.exports, Yt = {
     messages: {
       sv: {
         title: "Redigerbara dokumentmallar",
-        subTitle: "För att använda redigerbara dokumentmallar behöver du uppgradera ditt konto till Pro.",
+        subTitle: "För att använda redigerbara 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 your account to Pro.",
+        subTitle: "To use editable document templates you need to upgrade to a paid plan.",
         actionText: "Upgrade my plan"
       }
     }
@@ -3604,7 +3632,7 @@ const Qt = Jt.exports, I = {
   documents: Ct,
   personalMessage: St,
   licenses: Tt,
-  inviteCreators: Dt,
+  inviteCreators: Rt,
   stats: Ut,
   documentBlocks: zt,
   bankIdAndSms: Kt,
@@ -3663,7 +3691,8 @@ export {
   mn as I,
   ze as P,
   Ke as a,
-  Ie as b,
+  G as b,
+  Ie as c,
   k as r,
-  De as s
+  Re as s
 };