@cling-se/widget 0.9.14 → 0.9.16

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

@@ -1,8 +1,8 @@
-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 { 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 { a as u } from "./anime.es-e284c852.js";
-import { g as E } from "./image-5f9f36b5.js";
-import "./index-a65761df.js";
+import { g as E } from "./image-4270bed4.js";
+import "./index-df5fd2b2.js";
 import { v as S } from "./index-805c56e4.js";
 const k = {
   AD: {
@@ -1250,28 +1250,28 @@ const k = {
     callingCode: "+263",
     currency: "USD"
   }
-}, oe = (n) => {
+}, le = (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 = () => oe(() => {
+}, ce = () => le(() => {
   window.$stripe = Stripe(h.stripe.publishableKey, { locale: L.lang || "en" });
 });
 ce();
-const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
+const ue = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), de = "stripe", {
   LOAD_PRICES: A,
-  RESET_STRIPE_FORM: de,
-  SET_STRIPE_FORM_VALUE: me,
+  RESET_STRIPE_FORM: me,
+  SET_STRIPE_FORM_VALUE: pe,
   SET_FORM_PROMOTION: V,
-  SUBMIT_PROMOTION_CODE: pe,
+  SUBMIT_PROMOTION_CODE: ge,
   SUBMIT_PAYMENT_METHOD: O,
-  SUBMIT_FORM_PLAN: ge,
-  REMOVE_SUBSCRIPTION_ITEM: he,
+  SUBMIT_FORM_PLAN: he,
+  REMOVE_SUBSCRIPTION_ITEM: ye,
   CONFIRM_PAYMENT: N,
   SUBMIT_FORM_PAYMENT: x,
-  SUBMIT_FORM_PRODUCTS: ye
-} = J, z = {
+  SUBMIT_FORM_PRODUCTS: fe
+} = Q, z = {
   // The term "plan" refers to a _price_ connected to a _product_ with metadata.accountType
   plan: { accountType: "pro", interval: "month", quantity: 1 },
   customer: { name: "", email: "", region: null },
@@ -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: H(z)
+    form: D(z)
   },
   getters: {
     isPosting: ({ isPosting: n }) => n,
@@ -1390,7 +1390,7 @@ 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(i, s, c) {
+      function t(i, s, l) {
         const o = i;
         return (!o.intervals[s] || !Object.keys(o.intervals[s]).length) && (o.intervals[s] = {
           subTotalBeforeDiscount: 0,
@@ -1398,8 +1398,8 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
           subTotal: 0,
           totalAmount: 0,
           items: []
-        }), Object.keys(c).forEach((l) => {
-          Array.isArray(c[l]) ? o.intervals[s][l] = o.intervals[s][l].concat(c[l]) : o.intervals[s][l] += c[l];
+        }), Object.keys(l).forEach((c) => {
+          Array.isArray(l[c]) ? o.intervals[s][c] = o.intervals[s][c].concat(l[c]) : o.intervals[s][c] += l[c];
         }), o;
       }
       let a = {
@@ -1410,11 +1410,11 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
         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;
+        const l = s * (q[e.formCustomer.region] || 0), o = s + l;
         a = t(a, e.formPlan.interval, {
           subTotalBeforeDiscount: i,
           subTotal: s,
-          vatAmount: c,
+          vatAmount: l,
           totalAmount: o,
           items: [{
             name: e.formPlan.accountType,
@@ -1426,15 +1426,15 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
       return r(), e.formProducts.forEach((i) => {
         const s = e.priceById(i.stripePriceStripeId);
         if (s) {
-          let c = s.interval;
-          s.usageType === "one_time" && (c = "oneOff");
+          let l = s.interval;
+          s.usageType === "one_time" && (l = "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;
-          a = t(a, c, {
+          let c = o;
+          e.formPromotion && (e.formPromotion.amountOff ? c -= e.formPromotion.amountOff : e.formPromotion.percentOff && (c *= 1 - e.formPromotion.percentOff / 100));
+          const p = c * (q[e.formCustomer.region] || 0), g = c + p;
+          a = t(a, l, {
             subTotalBeforeDiscount: o,
-            subTotal: l,
+            subTotal: c,
             vatAmount: p,
             totalAmount: g,
             items: [{
@@ -1455,17 +1455,17 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
         n("setPrices", { data: e }), n("setActivePriceMap");
       } catch (e) {
         this.handleError(e, {
-          action: `${ue}/${A}`,
+          action: `${de}/${A}`,
           actionPayload: null
         });
       } finally {
         n("setFetching", !1);
       }
     },
-    async [de]({ commit: n }) {
-      n("setForm", H(z));
+    async [me]({ commit: n }) {
+      n("setForm", D(z));
     },
-    async [me]({ commit: n }, { key: e, value: t }) {
+    async [pe]({ commit: n }, { key: e, value: t }) {
       n("setFormValue", { key: e, value: t });
     },
     [V]({ commit: n, getters: e }, { promotionDetails: t, code: a = null } = {}) {
@@ -1474,12 +1474,12 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "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 [pe]({ commit: n, getters: e, dispatch: t }, a) {
+    async [ge]({ commit: n, getters: e, dispatch: t }, a) {
       try {
         if (e.isPosting || !a)
           return !1;
         n("setPosting", !0);
-        const { data: r } = await j(a);
+        const { data: r } = await K(a);
         return t(V, { promotionDetails: r, code: a });
       } catch {
         return !1;
@@ -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: i } = a, { last4: s, brand: c } = a.card || {};
-        return { id: i, last4: s, brand: c };
+        const { id: i } = a, { last4: s, brand: l } = a.card || {};
+        return { id: i, last4: s, brand: l };
       } catch (a) {
         return this.handleError(a), null;
       } finally {
@@ -1518,28 +1518,28 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
     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: s } = a, { formCustomer: c, formPromotion: o, customer: l, formDealSource: p } = e;
+        const { items: s } = a, { formCustomer: l, formPromotion: o, customer: c, formDealSource: p } = e;
         let g;
         r && (g = await t(O, { cardElement: r }));
-        const P = { ...c, items: s };
+        const P = { ...l, 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: i }), { clientSecrets: $ } = Z, D = g && g.id ? g.id : l && l.paymentMethodId;
-        return $ && $.length && D ? await t(N, { clientSecrets: $, paymentMethodId: D }) : !0;
+        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;
       } 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;
+        const l = (s.errorCode ? ue(s.errorCode) : "") || s.message;
+        return n("setFormValue", { key: "error", value: l || "Submit Form Payment Error" }), !1;
       } finally {
         n("setPosting", !1);
       }
     },
-    async [ge]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
+    async [he]({ commit: n, dispatch: e, getters: t }, { cardElement: a } = {}) {
       try {
-        const { formPlan: r, formProducts: i, products: s, subscriptionItems: c } = t;
+        const { formPlan: r, formProducts: i, products: s, subscriptionItems: l } = t;
         if (!r)
           return !1;
-        const o = [...c], l = o.findIndex((p) => C(s[p.stripeProductStripeId], "metadata.accountType"));
-        return l !== -1 && o.splice(l, 1), o.push({
+        const o = [...l], c = o.findIndex((p) => C(s[p.stripeProductStripeId], "metadata.accountType"));
+        return c !== -1 && o.splice(c, 1), o.push({
           stripePriceStripeId: r.stripeId,
           stripeProductStripeId: r.stripeProductId,
           quantity: r.quantity
@@ -1548,7 +1548,7 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
         return this.handleError(r), n("setFormValue", { key: "error", value: r.message || "Submit Plan Error" }), !1;
       }
     },
-    async [ye]({ commit: n, dispatch: e, getters: t }, { cardElement: a, removeUnusedItems: r = !0 } = {}) {
+    async [fe]({ 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;
@@ -1576,8 +1576,8 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
           throw new Error("Param clientSecrets needs to be an array");
         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";
+          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";
         }, Promise.resolve());
       } catch (r) {
         return this.handleError(r), !1;
@@ -1591,7 +1591,7 @@ 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 [he]({ commit: n, dispatch: e, getters: t }, { stripePriceStripeId: a }) {
+    async [ye]({ commit: n, dispatch: e, getters: t }, { stripePriceStripeId: a }) {
       try {
         if (!a)
           throw new Error("Missing parameter stripePriceStripeId");
@@ -1620,8 +1620,8 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "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 } = K(t, { keyId: "stripeId" });
-      Y(n.prices, r), n.priceIds = W([...a, ...n.priceIds]);
+      const t = Array.isArray(e) ? e : [e], { ids: a, values: r } = Y(t, { keyId: "stripeId" });
+      W(n.prices, r), n.priceIds = X([...a, ...n.priceIds]);
     },
     setActivePriceMap: ({ prices: n, activePriceMap: e }) => Object.keys(n).forEach((t) => {
       const a = n[t], r = C(a, "StripeProduct.metadata.accountType");
@@ -1632,12 +1632,12 @@ const le = (n) => L.te(`errors:${n}`) && L.t(`errors:${n}`), ue = "stripe", {
       B.set(n, "form", e);
     },
     setFormValue: (n, { key: e, value: t }) => {
-      const { root: a, prop: r } = X(n, `form.${e}`);
+      const { root: a, prop: r } = J(n, `form.${e}`);
       B.set(a, r, t);
     }
   }
 };
-const fe = {
+const Ce = {
   props: {
     colors: {
       type: Array,
@@ -1745,24 +1745,24 @@ const fe = {
     }
   }
 };
-var Ce = function() {
+var ve = function() {
   var e = this;
   return e._self._c, e._m(0);
-}, ve = [function() {
+}, be = [function() {
   var n = this, e = n._self._c;
   return e("div", [e("canvas", { attrs: { id: "fireworks" } })]);
-}], be = /* @__PURE__ */ d(
-  fe,
+}], _e = /* @__PURE__ */ d(
   Ce,
   ve,
+  be,
   !1,
   null,
   "1254a889",
   null,
   null
 );
-const _e = be.exports;
-const Pe = {
+const Pe = _e.exports;
+const Se = {
   name: "PremiumStripeSelect",
   i18nOptions: {
     namespaces: "PremiumStripeSelect",
@@ -1837,7 +1837,7 @@ const Pe = {
     }
   }
 };
-var Se = function() {
+var ke = 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",
@@ -1859,18 +1859,18 @@ var Se = function() {
   }), 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");
   } } }, [e._v(e._s(e.$t("continueButton")))])], 1);
-}, ke = [], xe = /* @__PURE__ */ d(
-  Pe,
+}, xe = [], we = /* @__PURE__ */ d(
   Se,
   ke,
+  xe,
   !1,
   null,
   "07f8ee65",
   null,
   null
 );
-const we = xe.exports;
-const $e = {
+const $e = we.exports;
+const Te = {
   props: {
     defaultOpen: {
       type: Boolean,
@@ -1933,22 +1933,22 @@ const $e = {
     }
   }
 };
-var Te = function() {
+var Me = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { on: { click: function(a) {
     e.expanded = !e.expanded;
   } } }, [e._t("trigger", null, { expanded: e.expanded })], 2), t("transition", { on: { enter: e.onEnter, "after-enter": e.onAfterEnter, "before-leave": e.onBeforeLeave, leave: e.onLeave } }, [e.expanded ? t("div", { ref: "wrapper", staticClass: "c-accordion", style: e.wrapperStyle }, [t("div", { ref: "inner", staticClass: "c-accordion__inner" }, [e._t("default")], 2)]) : e._e()])], 1);
-}, Me = [], Ee = /* @__PURE__ */ d(
-  $e,
+}, Ee = [], Ie = /* @__PURE__ */ d(
   Te,
   Me,
+  Ee,
   !1,
   null,
   null,
   null,
   null
 );
-const Ie = Ee.exports, Le = {
+const Le = Ie.exports, Re = {
   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,7 +1988,11 @@ const Ie = Ee.exports, Le = {
       logo: i
     };
   }
-}, Re = {
+};
+function Z(n) {
+  return n == null ? null : n.scrollHeight > n.clientHeight ? n : Z(n.parentNode);
+}
+const He = {
   data() {
     return {
       stripeCardElementId: null,
@@ -2000,8 +2004,9 @@ const Ie = Ee.exports, Le = {
       // message for invalid input to Card Element
       card: "",
       // will be the object representation of the Card from Stripe Elements
-      cardIsComplete: !1
+      cardIsComplete: !1,
       // Boolean if cart input is completed
+      removeEventListeners: null
     };
   },
   created() {
@@ -2010,7 +2015,7 @@ const Ie = Ee.exports, Le = {
     });
   },
   beforeDestroy() {
-    this.card && (this.card.unmount(), this.card = null);
+    this.unmountCardInput();
   },
   methods: {
     mountCardInput() {
@@ -2021,8 +2026,8 @@ const Ie = Ee.exports, Le = {
       this.stripeCardElementId && this.callCard("mount", this.stripeCardElementId);
     },
     unmountCardInput() {
-      var n;
-      this.stripeCardElementId && this.callCard("unmount", this.stripeCardElementId), this.isShadowParent() && ((n = document.querySelector(this.stripeCardElementId)) == null || n.remove());
+      var n, e;
+      this.stripeCardElementId && this.callCard("unmount", this.stripeCardElementId), this.card && (this.card = null), this.isShadowParent() && ((n = document.querySelector(this.stripeCardElementId)) == null || n.remove(), (e = this.removeEventListeners) == null || e.call(this));
     },
     callCard(n, e) {
       this.card && typeof this.card[n] == "function" && this.card[n](e);
@@ -2063,9 +2068,21 @@ const Ie = Ee.exports, Le = {
       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();
+    repositionStripeEl({ original: n, clone: e }) {
+      const { x: t, y: a } = n.getBoundingClientRect();
       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 = () => {
+        this.repositionStripeEl({ original: n, clone: e });
+      };
+      t.addEventListener("scroll", a, {
+        passive: !0
+      }), window.addEventListener("resize", a), this.removeEventListeners = () => {
+        t.removeEventListener("scroll", a, {
+          passive: !0
+        }), window.removeEventListener("resize", a);
+      }, this.repositionStripeEl({ original: n, clone: e });
       const r = Number(
         window.getComputedStyle(n).getPropertyValue("--app-z-index")
       );
@@ -2259,9 +2276,9 @@ const De = {
   },
   name: "PremiumStripeForm",
   components: {
-    CAccordion: Ie
+    CAccordion: Le
   },
-  mixins: [Re],
+  mixins: [He],
   props: {
     formPlan: {
       type: Object,
@@ -2275,7 +2292,7 @@ const De = {
   data() {
     return {
       regions: k,
-      cardBrands: Le,
+      cardBrands: Re,
       stripeCardElementId: "#card-element",
       promoInputVisible: !1,
       inputPromotionCode: "",
@@ -2364,21 +2381,21 @@ const De = {
       }), a.forEach((s) => {
         if (s === "bankId" && y[h.brand].defaultRegion === "US")
           return;
-        const c = this.getMeteredProduct(s);
-        if (!c)
+        const l = this.getMeteredProduct(s);
+        if (!l)
           return;
-        const o = c.prices.find((p) => {
+        const o = l.prices.find((p) => {
           var g;
           return p.active && ((g = p == null ? void 0 : p.metadata) == null ? void 0 : g.visible) === !0;
         });
         if (!o)
           return;
-        const l = _(o.amount, {
+        const c = _(o.amount, {
           currency: o.currency,
           decimals: 2,
           hideZeroDecimals: !0
         });
-        n[s] || (n[s] = { type: s, count: 0, cost: null }), n[s].cost = l;
+        n[s] || (n[s] = { type: s, count: 0, cost: null }), n[s].cost = c;
       }), Object.keys(n).map((s) => n[s]);
     }
   },
@@ -2403,7 +2420,7 @@ const De = {
       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: e } = await Q();
+      const { data: e } = await ee();
       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);
@@ -2436,7 +2453,7 @@ const De = {
     }
   }
 };
-var He = function() {
+var Be = 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");
@@ -2489,17 +2506,17 @@ var He = 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);
-}, Be = [], Fe = /* @__PURE__ */ d(
+}, Fe = [], Ue = /* @__PURE__ */ d(
   De,
-  He,
   Be,
+  Fe,
   !1,
   null,
   "3d9ab864",
   null,
   null
 );
-const Ue = Fe.exports, Ae = {
+const Ae = Ue.exports, Ve = {
   name: "PremiumStripe",
   i18nOptions: {
     namespaces: "premiumStripe",
@@ -2633,9 +2650,9 @@ const Ue = Fe.exports, Ae = {
     }
   },
   components: {
-    Confetti: _e,
-    PremiumStripeSelect: we,
-    PremiumStripeForm: Ue
+    Confetti: Pe,
+    PremiumStripeSelect: $e,
+    PremiumStripeForm: Ae
   },
   props: {
     suggestedQuantity: {
@@ -2656,7 +2673,7 @@ const Ue = Fe.exports, Ae = {
     };
   },
   computed: {
-    ...se({
+    ...oe({
       forceShowBase: (n) => n.route.query.base,
       routeDeal: (n) => n.route.query.deal
     }),
@@ -2753,7 +2770,7 @@ const Ue = Fe.exports, Ae = {
         this.quantity = this.suggestedQuantity;
         return;
       }
-      const { data: n } = await ee();
+      const { data: n } = await te();
       this.quantity = n;
     },
     onReset() {
@@ -2791,7 +2808,7 @@ const Ue = Fe.exports, Ae = {
     setFromDealToken(n) {
       if (n)
         try {
-          const e = te(n);
+          const e = ne(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) => {
@@ -2812,7 +2829,7 @@ const Ue = Fe.exports, Ae = {
     }
   }
 };
-var Ve = function() {
+var Oe = 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");
@@ -2827,17 +2844,17 @@ var Ve = function() {
   }, 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)]);
-}, Oe = [], Ne = /* @__PURE__ */ d(
-  Ae,
+}, Ne = [], ze = /* @__PURE__ */ d(
   Ve,
   Oe,
+  Ne,
   !1,
   null,
   null,
   null,
   null
 );
-const ze = Ne.exports, qe = {
+const qe = ze.exports, Ge = {
   name: "IsPremium",
   computed: {
     ...v({
@@ -2889,7 +2906,7 @@ const ze = Ne.exports, qe = {
     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(
-        ze,
+        qe,
         {
           suggestedQuantity: n,
           onUpgrade: a
@@ -2929,18 +2946,18 @@ const ze = Ne.exports, qe = {
       canUseSms: this.canUseSms
     }) : {};
   }
-}, Ge = null, Ze = null;
-var je = /* @__PURE__ */ d(
-  qe,
+}, Ze = null, je = null;
+var Ke = /* @__PURE__ */ d(
   Ge,
   Ze,
+  je,
   !1,
   null,
   null,
   null,
   null
 );
-const Ke = je.exports, Ye = {
+const Ye = Ke.exports, We = {
   name: "CalloutLegacy",
   i18nOptions: {
     namespaces: "components",
@@ -2990,21 +3007,21 @@ const Ke = je.exports, Ye = {
     }
   }
 };
-var We = function() {
+var Xe = 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);
-}, Xe = [], Je = /* @__PURE__ */ d(
-  Ye,
+}, Je = [], Qe = /* @__PURE__ */ d(
   We,
   Xe,
+  Je,
   !1,
   null,
   null,
   null,
   null
 );
-const Qe = Je.exports;
-const et = {
+const et = Qe.exports;
+const tt = {
   i18nOptions: {
     namespaces: "components",
     messages: {
@@ -3028,8 +3045,8 @@ const et = {
   },
   name: "PremiumRestrictedBase",
   components: {
-    IsPremium: Ke,
-    CalloutLegacy: Qe
+    IsPremium: Ye,
+    CalloutLegacy: et
   },
   props: {
     plan: {
@@ -3075,7 +3092,7 @@ const et = {
     }
   }
 };
-var tt = function() {
+var nt = 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))])];
@@ -3088,17 +3105,17 @@ var tt = 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)])]);
-}, nt = [], at = /* @__PURE__ */ d(
-  et,
+}, at = [], rt = /* @__PURE__ */ d(
   tt,
   nt,
+  at,
   !1,
   null,
   "993cb5cc",
   null,
   null
 );
-const f = at.exports, rt = {
+const f = rt.exports, it = {
   i18nOptions: {
     namespaces: "winProfile",
     keyPrefix: "account.subscription.winProfile",
@@ -3126,20 +3143,20 @@ const f = at.exports, rt = {
     }
   }
 };
-var it = function() {
+var st = 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 } });
-}, st = [], ot = /* @__PURE__ */ d(
-  rt,
+}, ot = [], lt = /* @__PURE__ */ d(
   it,
   st,
+  ot,
   !1,
   null,
   null,
   null,
   null
 );
-const ct = ot.exports, lt = {
+const ct = lt.exports, ut = {
   i18nOptions: {
     namespaces: "subTemplates",
     messages: {
@@ -3164,20 +3181,20 @@ const ct = ot.exports, lt = {
     }
   }
 };
-var ut = function() {
+var dt = 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 } });
-}, dt = [], mt = /* @__PURE__ */ d(
-  lt,
+}, mt = [], pt = /* @__PURE__ */ d(
   ut,
   dt,
+  mt,
   !1,
   null,
   null,
   null,
   null
 );
-const pt = mt.exports, gt = {
+const gt = pt.exports, ht = {
   i18nOptions: {
     namespaces: "PremiumRestrictedDocuments",
     messages: {
@@ -3226,7 +3243,7 @@ const pt = mt.exports, gt = {
   },
   created() {
     try {
-      ne("/documentLimitReached", {});
+      ae("/documentLimitReached", {});
     } catch (n) {
       R(n, { showMessage: !1 });
     }
@@ -3255,7 +3272,7 @@ const pt = mt.exports, gt = {
     async useFreeDocsVoucher() {
       this.isLoading = !0;
       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();
+        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();
       } catch (n) {
         R(n);
       } finally {
@@ -3264,20 +3281,20 @@ const pt = mt.exports, gt = {
     }
   }
 };
-var ht = function() {
+var yt = 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()]);
-}, yt = [], ft = /* @__PURE__ */ d(
-  gt,
+}, ft = [], Ct = /* @__PURE__ */ d(
   ht,
   yt,
+  ft,
   !1,
   null,
   null,
   null,
   null
 );
-const Ct = ft.exports, vt = {
+const vt = Ct.exports, bt = {
   i18nOptions: {
     namespaces: "personalMessage",
     messages: {
@@ -3302,21 +3319,21 @@ const Ct = ft.exports, vt = {
     }
   }
 };
-var bt = function() {
+var _t = 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 } });
-}, _t = [], Pt = /* @__PURE__ */ d(
-  vt,
+}, Pt = [], St = /* @__PURE__ */ d(
   bt,
   _t,
+  Pt,
   !1,
   null,
   null,
   null,
   null
 );
-const St = Pt.exports;
-const kt = {
+const kt = St.exports;
+const xt = {
   i18nOptions: {
     namespaces: "licenses",
     messages: {
@@ -3399,25 +3416,25 @@ const kt = {
       return await this.loadCurrentCompany(), n;
     },
     async addInvoiceLicense() {
-      await re(), await this.loadCurrentCompany();
+      await ie(), await this.loadCurrentCompany();
     }
   }
 };
-var xt = function() {
+var wt = 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);
-}, wt = [], $t = /* @__PURE__ */ d(
-  kt,
+}, $t = [], Tt = /* @__PURE__ */ d(
   xt,
   wt,
+  $t,
   !1,
   null,
   null,
   null,
   null
 );
-const Tt = $t.exports;
-const Mt = {
+const Mt = Tt.exports;
+const Et = {
   i18nOptions: {
     namespaces: "licenses",
     messages: {
@@ -3444,20 +3461,20 @@ const Mt = {
     }
   }
 };
-var Et = function() {
+var It = 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);
-}, It = [], Lt = /* @__PURE__ */ d(
-  Mt,
+}, Lt = [], Rt = /* @__PURE__ */ d(
   Et,
   It,
+  Lt,
   !1,
   null,
   null,
   null,
   null
 );
-const Rt = Lt.exports, Dt = {
+const Ht = Rt.exports, Dt = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3484,20 +3501,20 @@ const Rt = Lt.exports, Dt = {
     }
   }
 };
-var Ht = 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, plan: "pro" } }, [t("template", { slot: "actionText" }, [e._v(" " + e._s(e.$t("actionText")) + " ")])], 2);
-}, Bt = [], Ft = /* @__PURE__ */ d(
+}, Ft = [], Ut = /* @__PURE__ */ d(
   Dt,
-  Ht,
   Bt,
+  Ft,
   !1,
   null,
   null,
   null,
   null
 );
-const Ut = Ft.exports, At = {
+const At = Ut.exports, Vt = {
   i18nOptions: {
     namespaces: "stats",
     messages: {
@@ -3524,20 +3541,20 @@ const Ut = Ft.exports, At = {
     }
   }
 };
-var Vt = function() {
+var Ot = 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);
-}, Ot = [], Nt = /* @__PURE__ */ d(
-  At,
+}, Nt = [], zt = /* @__PURE__ */ d(
   Vt,
   Ot,
+  Nt,
   !1,
   null,
   null,
   null,
   null
 );
-const zt = Nt.exports, qt = {
+const qt = zt.exports, Gt = {
   i18nOptions: {
     namespaces: "PremiumRestrictedBankIdAndSms",
     messages: {
@@ -3569,24 +3586,24 @@ const zt = Nt.exports, qt = {
     })
   }
 };
-var Gt = function() {
+var Zt = 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);
-}, Zt = [], jt = /* @__PURE__ */ d(
-  qt,
+}, jt = [], Kt = /* @__PURE__ */ d(
   Gt,
   Zt,
+  jt,
   !1,
   null,
   null,
   null,
   null
 );
-const Kt = jt.exports, Yt = {
+const Yt = Kt.exports, Wt = {
   i18nOptions: {
     namespaces: "PremiumRestrictedEditDocumentLayout",
     messages: {
@@ -3613,31 +3630,31 @@ const Kt = jt.exports, Yt = {
     }
   }
 };
-var Wt = function() {
+var Xt = 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);
-}, Xt = [], Jt = /* @__PURE__ */ d(
-  Yt,
+}, Jt = [], Qt = /* @__PURE__ */ d(
   Wt,
   Xt,
+  Jt,
   !1,
   null,
   null,
   null,
   null
 );
-const Qt = Jt.exports, I = {
+const en = Qt.exports, I = {
   winProfile: ct,
-  templates: pt,
-  documents: Ct,
-  personalMessage: St,
-  licenses: Tt,
-  inviteCreators: Rt,
-  stats: Ut,
-  documentBlocks: zt,
-  bankIdAndSms: Kt,
-  editDocumentLayout: Qt
-}, en = {
+  templates: gt,
+  documents: vt,
+  personalMessage: kt,
+  licenses: Mt,
+  inviteCreators: Ht,
+  stats: At,
+  documentBlocks: qt,
+  bankIdAndSms: Yt,
+  editDocumentLayout: en
+}, tn = {
   name: "IsPremiumPreStep",
   props: {
     feature: {
@@ -3648,7 +3665,7 @@ const Qt = Jt.exports, I = {
   },
   computed: {
     modalName() {
-      return I[this.feature] ? I[this.feature] : (ie.error("Missing IsPremiumPreStep component name"), null);
+      return I[this.feature] ? I[this.feature] : (se.error("Missing IsPremiumPreStep component name"), null);
     }
   },
   methods: {
@@ -3674,25 +3691,25 @@ const Qt = Jt.exports, I = {
       onClick: this.onClick
     }) : {};
   }
-}, tn = null, nn = null;
-var an = /* @__PURE__ */ d(
-  en,
+}, nn = null, an = null;
+var rn = /* @__PURE__ */ d(
   tn,
   nn,
+  an,
   !1,
   null,
   null,
   null,
   null
 );
-const mn = an.exports;
+const pn = rn.exports;
 export {
-  Qe as C,
-  mn as I,
-  ze as P,
-  Ke as a,
+  et as C,
+  pn as I,
+  qe as P,
+  Ye as a,
   G as b,
-  Ie as c,
+  Le as c,
   k as r,
-  Re as s
+  He as s
 };