@cling-se/widget 0.9.7 → 0.9.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/.env +11 -11
  2. package/README.md +35 -35
  3. package/dist/{AddClientCallout-22eea733.js → AddClientCallout-98b5d2c9.js} +5 -5
  4. package/dist/{AnswerModal-7441b8d3.js → AnswerModal-995e7a87.js} +7 -7
  5. package/dist/{AttachmentItem-34cd96fc.js → AttachmentItem-331b9c1e.js} +4 -4
  6. package/dist/{BaseDatePicker-5fcfcdcb.js → BaseDatePicker-7f047527.js} +1 -1
  7. package/dist/{BaseInput-c9d37ee6.js → BaseInput-c79f0001.js} +1 -1
  8. package/dist/{BaseUpload-8c9116a1.js → BaseUpload-9402cc1b.js} +3 -3
  9. package/dist/{BlockMedia-c0637f45.js → BlockMedia-80a082ed.js} +2 -2
  10. package/dist/{CCallout-d5efd737.js → CCallout-bd314caa.js} +6 -6
  11. package/dist/{CDropdownItem-32216ea8.js → CDropdownItem-ab42f924.js} +5 -5
  12. package/dist/{CField-b58cafce.js → CField-6da7299b.js} +1 -1
  13. package/dist/{CSlider.vue_vue_type_style_index_0_lang-a2818d05.js → CSlider.vue_vue_type_style_index_0_lang-c70342a2.js} +1 -1
  14. package/dist/{ClientAutocomplete-1569a879.js → ClientAutocomplete-67fc253c.js} +6 -6
  15. package/dist/{ClientModal-4ff2f08c.js → ClientModal-1709e8c7.js} +5 -5
  16. package/dist/{ColorPicker-4a830e26.js → ColorPicker-4880a624.js} +2 -2
  17. package/dist/{CompanyModal-a6d69d5f.js → CompanyModal-dbe85884.js} +4 -4
  18. package/dist/{ContentWrapper-8579f277.js → ContentWrapper-a602cc3d.js} +14 -14
  19. package/dist/{CoverBlockSettings-4284e111.js → CoverBlockSettings-f37fe6e1.js} +18 -18
  20. package/dist/DocAnswer-081e8239.js +33 -0
  21. package/dist/{DocForm-28752d98.js → DocForm-c69281fc.js} +186 -144
  22. package/dist/{DocFormSend-b7253ff4.js → DocFormSend-c9b955b9.js} +19 -18
  23. package/dist/{DocModalBase-a4f82cb3.js → DocModalBase-8c238a59.js} +4 -4
  24. package/dist/{DocPrint-54e0d308.js → DocPrint-2a181ffb.js} +5 -5
  25. package/dist/{DocReceipt-622afb67.js → DocReceipt-00c0f631.js} +1 -1
  26. package/dist/{DocSendReminder-2a4639e1.js → DocSendReminder-9effd808.js} +1 -1
  27. package/dist/{DocTextEditor-a795ba8d.js → DocTextEditor-0c8a4782.js} +12 -12
  28. package/dist/{DocTimeline-ea007937.js → DocTimeline-be5e8b9d.js} +1 -1
  29. package/dist/{DocumentClient-79f10a0e.js → DocumentClient-13f55b25.js} +5 -5
  30. package/dist/{DocumentLayout-3882fade.js → DocumentLayout-2ff55f9f.js} +120 -120
  31. package/dist/{DocumentLogotype-3dd2408b.js → DocumentLogotype-80a2521a.js} +6 -6
  32. package/dist/{EmbedInput-a748d1e5.js → EmbedInput-8572a42b.js} +2 -2
  33. package/dist/{EmbedSettings-2505d3fb.js → EmbedSettings-1a60358e.js} +5 -5
  34. package/dist/{ErrorCallout-ca6aa8a6.js → ErrorCallout-84e8168b.js} +2 -2
  35. package/dist/{FilePreviewModal-fbc76085.js → FilePreviewModal-cdafbf1c.js} +5 -5
  36. package/dist/{HeaderSettings-66f76d2b.js → HeaderSettings-9f4d182b.js} +15 -15
  37. package/dist/{ImageSelectModal-96c98a50.js → ImageSelectModal-b97c8185.js} +10 -10
  38. package/dist/{ImageUploadWrapper-706252ad.js → ImageUploadWrapper-ebcdbc9e.js} +3 -3
  39. package/dist/{Index-782f6e43.js → Index-0022bc40.js} +4 -4
  40. package/dist/{Index-6d960f1a.js → Index-0306a974.js} +12 -12
  41. package/dist/{Index-a777a7b4.js → Index-039d9c9d.js} +6 -6
  42. package/dist/{Index-f9ec7827.js → Index-0bbbe1cf.js} +11 -11
  43. package/dist/{Index-aac38d76.js → Index-0bd4a30c.js} +6 -6
  44. package/dist/{Index-ebc0f1dd.js → Index-11d16691.js} +22 -22
  45. package/dist/{Index-451a4720.js → Index-2ecefac2.js} +4 -4
  46. package/dist/{Index-2b1c5d21.js → Index-341f9388.js} +8 -8
  47. package/dist/{Index-0615e8dd.js → Index-3ccc66e4.js} +4 -4
  48. package/dist/{Index-774c1760.js → Index-451f5485.js} +5 -5
  49. package/dist/{Index-57ccc476.js → Index-473d0fad.js} +3 -3
  50. package/dist/{Index-0cb341e6.js → Index-4bbfdb2e.js} +2 -2
  51. package/dist/{Index-cab451ea.js → Index-5428e87c.js} +11 -11
  52. package/dist/{Index-aec49119.js → Index-623bb993.js} +4 -4
  53. package/dist/{Index-170e6883.js → Index-6c782bef.js} +12 -12
  54. package/dist/{Index-89c23ed7.js → Index-7b1fd376.js} +2 -2
  55. package/dist/{Index-a86877c9.js → Index-7f01697f.js} +7 -7
  56. package/dist/{Index-030436a2.js → Index-8053871b.js} +4 -4
  57. package/dist/{Index-ee710141.js → Index-8755440b.js} +5 -5
  58. package/dist/{Index-583792c4.js → Index-8c4fd5b4.js} +27 -27
  59. package/dist/{Index-fdac03a0.js → Index-8cba5dac.js} +26 -26
  60. package/dist/{Index-63872178.js → Index-8ecb9aa4.js} +2 -2
  61. package/dist/{Index-54b05e33.js → Index-8eff4eae.js} +2 -2
  62. package/dist/{Index-52979620.js → Index-95f0dd2f.js} +19 -19
  63. package/dist/{Index-ec7fe5df.js → Index-9c5f5d6e.js} +7 -7
  64. package/dist/{Index-813e0a59.js → Index-b233276b.js} +2 -2
  65. package/dist/{Index-ea43ed06.js → Index-ba4cfb80.js} +6 -6
  66. package/dist/{Index-2af3cf93.js → Index-c2b2ccd9.js} +8 -8
  67. package/dist/{Index-4f976bd6.js → Index-dca28212.js} +2 -2
  68. package/dist/{Index-8e3a0d81.js → Index-dd30bbc5.js} +12 -12
  69. package/dist/{Index-2a568234.js → Index-ddf49640.js} +6 -6
  70. package/dist/{Index-3cfea400.js → Index-de93e029.js} +7 -7
  71. package/dist/{Index-d9307e92.js → Index-f9063054.js} +7 -7
  72. package/dist/{Index-cc243c40.js → Index-ffc7dba1.js} +5 -5
  73. package/dist/{InputToggleRow-3764a034.js → InputToggleRow-533651e6.js} +2 -2
  74. package/dist/{IsPremiumPreStep-310fc507.js → IsPremiumPreStep-8d46fadc.js} +248 -242
  75. package/dist/{MediaWrapper-ac4d559e.js → MediaWrapper-388589e5.js} +3 -3
  76. package/dist/{NotBindingText-9d926894.js → NotBindingText-b833c49b.js} +2 -2
  77. package/dist/{PackageGroup-11132495.js → PackageGroup-41b2d524.js} +15 -15
  78. package/dist/{PdfTerms-5567e1d9.js → PdfTerms-461fcd9e.js} +7 -7
  79. package/dist/{PdfViewer-6e5442ae.js → PdfViewer-099b598c.js} +2 -2
  80. package/dist/{PlainHtml-3a94783a.js → PlainHtml-37aa5b7b.js} +1 -1
  81. package/dist/PriceHeader-41c48787.js +337 -0
  82. package/dist/{SearchApi-66a3369e.js → SearchApi-25909227.js} +2 -2
  83. package/dist/{TermsSettings-42464249.js → TermsSettings-c730ac70.js} +10 -10
  84. package/dist/{ThemeColorRow-4c02f3cf.js → ThemeColorRow-31d8285b.js} +3 -3
  85. package/dist/{ToggleBinding-53a84127.js → ToggleBinding-1a98360f.js} +3 -3
  86. package/dist/{UploadModal-7d2c2dcc.js → UploadModal-e0a37c3e.js} +4 -4
  87. package/dist/{VideoPlayerInput-d53ffa5e.js → VideoPlayerInput-4d7f302a.js} +3 -3
  88. package/dist/{VideoPlayerSettings-d89173c1.js → VideoPlayerSettings-81168a6b.js} +5 -5
  89. package/dist/{VideoSelectModal-1b2f9e2f.js → VideoSelectModal-dc429ff0.js} +28 -28
  90. package/dist/{answerDocumentMixin-3e4ed95e.js → answerDocumentMixin-3ff2b25d.js} +3 -3
  91. package/dist/{cssMode-f680359e.js → cssMode-c6b1b286.js} +7 -7
  92. package/dist/{focusDrawerMixin-7cf9e926.js → focusDrawerMixin-01b547f0.js} +1 -1
  93. package/dist/{formComponentsInstall-60696be3.js → formComponentsInstall-9e33cb8f.js} +20 -20
  94. package/dist/{formValidationMixin-5d709c26.js → formValidationMixin-74c239ee.js} +1 -1
  95. package/dist/{freemarker2-06443b0a.js → freemarker2-076519a0.js} +7 -7
  96. package/dist/{handlebars-0d8766bf.js → handlebars-bb155717.js} +7 -7
  97. package/dist/{html-81ed4c26.js → html-1cf008d9.js} +7 -7
  98. package/dist/{htmlMode-3be0b9fd.js → htmlMode-bf67fa2b.js} +7 -7
  99. package/dist/{index-eab9b762.js → index-0f09ca1c.js} +1 -1
  100. package/dist/{index-fe745f0b.js → index-7097f05c.js} +10 -10
  101. package/dist/{index-3ca26b2c.js → index-908333a3.js} +9 -9
  102. package/dist/{index-7964f39c.js → index-e37214e9.js} +3 -3
  103. package/dist/index.es.js +3 -3
  104. package/dist/index.umd.js +496 -493
  105. package/dist/{javascript-da51eff4.js → javascript-b98377f9.js} +8 -8
  106. package/dist/{jsonMode-f69b77fa.js → jsonMode-e9595a57.js} +7 -7
  107. package/dist/{liquid-4c01bc35.js → liquid-b60636e3.js} +7 -7
  108. package/dist/{main-8c6aae3a.js → main-cf622dd3.js} +26108 -26001
  109. package/dist/{mapFormMixin-fe8972cd.js → mapFormMixin-490a1765.js} +1 -1
  110. package/dist/{publicSenderState-9cd2ff24.js → publicSenderState-6b369e21.js} +1 -1
  111. package/dist/{python-48563b51.js → python-4e4d18f5.js} +7 -7
  112. package/dist/{razor-3e2ef5a9.js → razor-63ead89f.js} +7 -7
  113. package/dist/{simplebar.min-baa28a2a.js → simplebar.min-3f1edc12.js} +1 -1
  114. package/dist/style.css +2 -2
  115. package/dist/{template-c64eadf9.js → template-66eba036.js} +1 -1
  116. package/dist/throttle-2b45d29c.js +18 -0
  117. package/dist/{tinycolor-c5753ad0.js → tinycolor-9f3cc25c.js} +1 -1
  118. package/dist/{tippy.esm-495f26e4.js → tippy.esm-dec03596.js} +7 -7
  119. package/dist/{tsMode-15587c3c.js → tsMode-e93504e4.js} +7 -7
  120. package/dist/{typescript-ebb43ca2.js → typescript-111230d0.js} +7 -7
  121. package/dist/{utils-8c0b7aab.js → utils-fb02e603.js} +1 -1
  122. package/dist/{vuedraggable.umd-45109ca7.js → vuedraggable.umd-f2d6d3e3.js} +1 -1
  123. package/dist/{xml-d34c22ca.js → xml-987e33cc.js} +7 -7
  124. package/jsconfig.json +11 -11
  125. package/package.json +4 -2
  126. package/postcss.config.cjs +6 -6
  127. package/stats.html +1 -1
  128. package/tailwind.config.cjs +26 -26
  129. package/vite-plugin-library-asset-external/index.js +134 -134
  130. package/dist/DocAnswer-bf72cfd4.js +0 -46
  131. package/dist/PriceHeader-c5053109.js +0 -337
  132. package/dist/throttle-f8302435.js +0 -18
@@ -1,19 +1,19 @@
1
- import { l as I, a3 as B, at as D, c as v, au as w, av as N, aw as G, ax as W, ay as K, V, az as Z, aA as Y, n as d, r as y, ad as E, aB as _, g as p, aC as O, aD as $, aE as tt, aF as Q, p as et, h as L, I as x, aG as q, a2 as rt, aH as nt, aj as at } from "./main-8c6aae3a.js";
2
- import { m as h, a as k, b as st } from "./vuex.esm-4a0fff7c.js";
1
+ import { k as v, a3 as L, at as V, b as g, au as H, av as N, aw as G, ax as W, ay as K, V as E, az as Z, aA as Y, n as d, q as A, ad as h, aB as _, g as p, aC as O, aD as $, aE as tt, aF as Q, p as et, h as T, I, aG as q, a2 as rt, aH as at, aj as nt } from "./main-cf622dd3.js";
2
+ import { m as C, a as w, b as st } from "./vuex.esm-4a0fff7c.js";
3
3
  import { a as u } from "./anime.es-e284c852.js";
4
- import "./index-eab9b762.js";
5
- import { r as A } from "./regions-29ee6964.js";
6
- import { v as P } from "./index-805c56e4.js";
4
+ import "./index-0f09ca1c.js";
5
+ import { r as b } from "./regions-29ee6964.js";
6
+ import { v as k } from "./index-805c56e4.js";
7
7
  const it = (r) => {
8
8
  if (document.getElementById("stripe-js"))
9
9
  return r();
10
- const t = "js.stripe.com/v3/", e = document.createElement("script"), n = document.getElementsByTagName("script")[0];
11
- return e.src = `https://${t}`, e.id = "stripe-js", r && e.addEventListener("load", (a) => r(null, a), !1), n.parentNode.insertBefore(e, n), !0;
10
+ const t = "js.stripe.com/v3/", e = document.createElement("script"), a = document.getElementsByTagName("script")[0];
11
+ return e.src = `https://${t}`, e.id = "stripe-js", r && e.addEventListener("load", (n) => r(null, n), !1), a.parentNode.insertBefore(e, a), !0;
12
12
  }, ot = () => it(() => {
13
- window.$stripe = Stripe(I.stripe.publishableKey, { locale: B.lang || "en" });
13
+ window.$stripe = Stripe(v.stripe.publishableKey, { locale: L.lang || "en" });
14
14
  });
15
15
  ot();
16
- const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
16
+ const lt = (r) => L.te(`errors:${r}`) && L.t(`errors:${r}`), ct = "stripe", {
17
17
  LOAD_PRICES: J,
18
18
  RESET_STRIPE_FORM: ut,
19
19
  SET_STRIPE_FORM_VALUE: dt,
@@ -23,7 +23,7 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
23
23
  SUBMIT_FORM_PLAN: mt,
24
24
  REMOVE_SUBSCRIPTION_ITEM: ft,
25
25
  CONFIRM_PAYMENT: F,
26
- SUBMIT_FORM_PAYMENT: b,
26
+ SUBMIT_FORM_PAYMENT: S,
27
27
  SUBMIT_FORM_PRODUCTS: vt
28
28
  } = Y, M = {
29
29
  // The term "plan" refers to a _price_ connected to a _product_ with metadata.accountType
@@ -51,71 +51,71 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
51
51
  base: { month: null, year: null },
52
52
  pro: { month: null, year: null }
53
53
  },
54
- form: D(M)
54
+ form: V(M)
55
55
  },
56
56
  getters: {
57
57
  isPosting: ({ isPosting: r }) => r,
58
- subscriptions: (r, t, e, n) => v(n["application/companyAccount"], "StripeSubscriptions") || [],
58
+ subscriptions: (r, t, e, a) => g(a["application/companyAccount"], "StripeSubscriptions") || [],
59
59
  subscriptionItems: (r, { subscriptions: t }) => {
60
60
  const e = [];
61
- return t.forEach(({ stripeItems: n = [] }) => {
62
- Array.isArray(n) && n.forEach((a) => {
61
+ return t.forEach(({ stripeItems: a = [] }) => {
62
+ Array.isArray(a) && a.forEach((n) => {
63
63
  e.push({
64
- quantity: a.quantity,
65
- stripePriceStripeId: a.stripePriceStripeId,
66
- stripeProductStripeId: a.stripeProductStripeId
64
+ quantity: n.quantity,
65
+ stripePriceStripeId: n.stripePriceStripeId,
66
+ stripeProductStripeId: n.stripeProductStripeId
67
67
  });
68
68
  });
69
69
  }), e;
70
70
  },
71
- customer: (r, t, e, n) => v(n["application/companyAccount"], "StripeCustomer") || null,
71
+ customer: (r, t, e, a) => g(a["application/companyAccount"], "StripeCustomer") || null,
72
72
  products: ({ prices: r }) => {
73
73
  const t = {};
74
74
  return Object.keys(r).forEach((e) => {
75
- const n = r[e];
76
- t[n.stripeProductId] || (t[n.stripeProductId] = { ...n.StripeProduct, prices: [] }), t[n.stripeProductId].prices.push(n);
75
+ const a = r[e];
76
+ t[a.stripeProductId] || (t[a.stripeProductId] = { ...a.StripeProduct, prices: [] }), t[a.stripeProductId].prices.push(a);
77
77
  }), t;
78
78
  },
79
79
  getProduct: (r, t) => (e) => {
80
- const n = {
80
+ const a = {
81
81
  fortnox: "Fortnox API"
82
82
  // apiDocuments,
83
83
  // sms,
84
84
  // bankId,
85
85
  };
86
- if (!n[e])
86
+ if (!a[e])
87
87
  throw new Error(`Invalid product: ${e}`);
88
- return Object.values(t.products).find((a) => a.name === n[e]);
88
+ return Object.values(t.products).find((n) => n.name === a[e]);
89
89
  },
90
90
  getProductByPriceId: (r, t) => (e) => {
91
91
  if (!e)
92
92
  throw new Error("Missing parameter stripeId");
93
- const n = t.priceById(e);
94
- return n ? {
95
- stripePriceStripeId: n.stripeId,
96
- stripeProductStripeId: n.stripeProductId,
93
+ const a = t.priceById(e);
94
+ return a ? {
95
+ stripePriceStripeId: a.stripeId,
96
+ stripeProductStripeId: a.stripeProductId,
97
97
  quantity: 1
98
98
  } : null;
99
99
  },
100
100
  getMeteredProduct: (r, t) => (e) => {
101
101
  if (!e)
102
102
  throw new Error("Missing parameter meteredType");
103
- const n = t.products, a = Object.keys(n).find((i) => v(n[i], "metadata.meteredType") === e);
104
- return n[a];
103
+ const a = t.products, n = Object.keys(a).find((i) => g(a[i], "metadata.meteredType") === e);
104
+ return a[n];
105
105
  },
106
106
  formPromotion: (r) => r.form.promotion,
107
107
  formCustomer: (r) => r.form.customer,
108
108
  formDealSource: (r) => r.form.dealSource,
109
109
  formError: (r) => r.form.error,
110
110
  formPlan: (r, t) => {
111
- const { accountType: e, interval: n, quantity: a } = r.form.plan;
112
- if (!e || !n)
111
+ const { accountType: e, interval: a, quantity: n } = r.form.plan;
112
+ if (!e || !a)
113
113
  return null;
114
- const i = t.getPrice(e, n);
114
+ const i = t.getPrice(e, a);
115
115
  return {
116
- quantity: a,
116
+ quantity: n,
117
117
  accountType: e,
118
- interval: n,
118
+ interval: a,
119
119
  ...i
120
120
  };
121
121
  },
@@ -123,20 +123,20 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
123
123
  const { subscriptionItems: e } = t;
124
124
  if (!e || !e.length)
125
125
  return null;
126
- const n = e.find((i) => v(r.prices[i.stripePriceStripeId], "StripeProduct.metadata.accountType"));
127
- if (!n)
126
+ const a = e.find((i) => g(r.prices[i.stripePriceStripeId], "StripeProduct.metadata.accountType"));
127
+ if (!a)
128
128
  return null;
129
- const a = r.prices[n.stripePriceStripeId];
129
+ const n = r.prices[a.stripePriceStripeId];
130
130
  return {
131
- ...a,
132
- quantity: n.quantity,
133
- accountType: a.StripeProduct.metadata.accountType
131
+ ...n,
132
+ quantity: a.quantity,
133
+ accountType: n.StripeProduct.metadata.accountType
134
134
  };
135
135
  },
136
136
  priceById: (r) => (t) => r.prices[t],
137
- getPrice: (r, t) => (e, n) => {
138
- const { currentPlan: a } = t;
139
- return a && a.accountType === e && a.interval === n && a.active ? a : r.prices[r.activePriceMap[e][n]] || null;
137
+ getPrice: (r, t) => (e, a) => {
138
+ const { currentPlan: n } = t;
139
+ return n && n.accountType === e && n.interval === a && n.active ? n : r.prices[r.activePriceMap[e][a]] || null;
140
140
  },
141
141
  formProducts: (r) => r.form.products,
142
142
  /**
@@ -156,16 +156,16 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
156
156
  Array.isArray(l[c]) ? o.intervals[s][c] = o.intervals[s][c].concat(l[c]) : o.intervals[s][c] += l[c];
157
157
  }), o;
158
158
  }
159
- let n = {
159
+ let a = {
160
160
  intervals: {},
161
161
  currency: t.formPlan.currency
162
162
  };
163
- function a() {
163
+ function n() {
164
164
  const i = (t.formPlan.amount || 0) * t.formPlan.quantity;
165
165
  let s = i;
166
166
  t.formPromotion && (t.formPromotion.amountOff ? s -= t.formPromotion.amountOff : t.formPromotion.percentOff && (s *= 1 - t.formPromotion.percentOff / 100));
167
167
  const l = s * (R[t.formCustomer.region] || 0), o = s + l;
168
- n = e(n, t.formPlan.interval, {
168
+ a = e(a, t.formPlan.interval, {
169
169
  subTotalBeforeDiscount: i,
170
170
  subTotal: s,
171
171
  vatAmount: l,
@@ -177,7 +177,7 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
177
177
  }]
178
178
  });
179
179
  }
180
- return a(), t.formProducts.forEach((i) => {
180
+ return n(), t.formProducts.forEach((i) => {
181
181
  const s = t.priceById(i.stripePriceStripeId);
182
182
  if (s) {
183
183
  let l = s.interval;
@@ -186,7 +186,7 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
186
186
  let c = o;
187
187
  t.formPromotion && (t.formPromotion.amountOff ? c -= t.formPromotion.amountOff : t.formPromotion.percentOff && (c *= 1 - t.formPromotion.percentOff / 100));
188
188
  const m = c * (R[t.formCustomer.region] || 0), f = c + m;
189
- n = e(n, l, {
189
+ a = e(a, l, {
190
190
  subTotalBeforeDiscount: o,
191
191
  subTotal: c,
192
192
  vatAmount: m,
@@ -198,14 +198,14 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
198
198
  }]
199
199
  });
200
200
  }
201
- }), n;
201
+ }), a;
202
202
  }
203
203
  },
204
204
  actions: {
205
205
  async [J]({ commit: r }) {
206
206
  try {
207
207
  r("setFetching", !0);
208
- const { data: t } = await w.getPrices();
208
+ const { data: t } = await H.getPrices();
209
209
  r("setPrices", { data: t }), r("setActivePriceMap");
210
210
  } catch (t) {
211
211
  this.handleError(t, {
@@ -217,24 +217,24 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
217
217
  }
218
218
  },
219
219
  async [ut]({ commit: r }) {
220
- r("setForm", D(M));
220
+ r("setForm", V(M));
221
221
  },
222
222
  async [dt]({ commit: r }, { key: t, value: e }) {
223
223
  r("setFormValue", { key: t, value: e });
224
224
  },
225
- [U]({ commit: r, getters: t }, { promotionDetails: e, code: n = null } = {}) {
225
+ [U]({ commit: r, getters: t }, { promotionDetails: e, code: a = null } = {}) {
226
226
  if (!e)
227
227
  return !1;
228
- const { appliesToStripeProductIds: a } = e, { stripeProductId: i } = t.formPlan || {};
229
- return Array.isArray(a) && !a.includes(i) ? !1 : (r("setFormValue", { key: "promotion", value: { ...e, code: n } }), !0);
228
+ const { appliesToStripeProductIds: n } = e, { stripeProductId: i } = t.formPlan || {};
229
+ return Array.isArray(n) && !n.includes(i) ? !1 : (r("setFormValue", { key: "promotion", value: { ...e, code: a } }), !0);
230
230
  },
231
- async [pt]({ commit: r, getters: t, dispatch: e }, n) {
231
+ async [pt]({ commit: r, getters: t, dispatch: e }, a) {
232
232
  try {
233
- if (t.isPosting || !n)
233
+ if (t.isPosting || !a)
234
234
  return !1;
235
235
  r("setPosting", !0);
236
- const { data: a } = await N(n);
237
- return e(U, { promotionDetails: a, code: n });
236
+ const { data: n } = await N(a);
237
+ return e(U, { promotionDetails: n, code: a });
238
238
  } catch {
239
239
  return !1;
240
240
  } finally {
@@ -250,13 +250,13 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
250
250
  if (!e)
251
251
  throw new Error("Stripe is not installed on the window");
252
252
  r("setPostingPaymentMethod", !0);
253
- const { paymentMethod: n = {}, error: a } = await e.createPaymentMethod("card", t);
254
- if (a)
255
- throw new Error(a.message || "Card Error");
256
- const { id: i } = n, { last4: s, brand: l } = n.card || {};
253
+ const { paymentMethod: a = {}, error: n } = await e.createPaymentMethod("card", t);
254
+ if (n)
255
+ throw new Error(n.message || "Card Error");
256
+ const { id: i } = a, { last4: s, brand: l } = a.card || {};
257
257
  return { id: i, last4: s, brand: l };
258
- } catch (n) {
259
- return this.handleError(n), null;
258
+ } catch (a) {
259
+ return this.handleError(a), null;
260
260
  } finally {
261
261
  r("setPostingPaymentMethod", !1);
262
262
  }
@@ -269,16 +269,16 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
269
269
  * @param {Boolean} obj.removeUnusedItems Optional if items not specified should be removed, defaults true
270
270
  * @returns {Promise<Boolean>} Resolves with true if successful, otherwise false
271
271
  */
272
- async [b]({ commit: r, getters: t, dispatch: e }, { form: n, stripe: { cardElement: a } = {}, removeUnusedItems: i = !0 } = {}) {
272
+ async [S]({ commit: r, getters: t, dispatch: e }, { form: a, stripe: { cardElement: n } = {}, removeUnusedItems: i = !0 } = {}) {
273
273
  try {
274
274
  r("setPosting", !0), r("setFormValue", { key: "error", value: null });
275
- const { items: s } = n, { formCustomer: l, formPromotion: o, customer: c, formDealSource: m } = t;
275
+ const { items: s } = a, { formCustomer: l, formPromotion: o, customer: c, formDealSource: m } = t;
276
276
  let f;
277
- a && (f = await e(X, { cardElement: a }));
278
- const C = { ...l, items: s };
279
- f && (C.paymentMethod = f), o && o.code && (C.promotionCode = o.code), m && (C.dealSource = m);
280
- const { data: z = {} } = await w.product(C, { removeUnusedItems: i }), { clientSecrets: S } = z, T = f && f.id ? f.id : c && c.paymentMethodId;
281
- return S && S.length && T ? await e(F, { clientSecrets: S, paymentMethodId: T }) : !0;
277
+ n && (f = await e(X, { cardElement: n }));
278
+ const P = { ...l, items: s };
279
+ f && (P.paymentMethod = f), o && o.code && (P.promotionCode = o.code), m && (P.dealSource = m);
280
+ const { data: z = {} } = await H.product(P, { removeUnusedItems: i }), { clientSecrets: x } = z, D = f && f.id ? f.id : c && c.paymentMethodId;
281
+ return x && x.length && D ? await e(F, { clientSecrets: x, paymentMethodId: D }) : !0;
282
282
  } catch (s) {
283
283
  this.handleError(s);
284
284
  const l = (s.errorCode ? lt(s.errorCode) : "") || s.message;
@@ -287,25 +287,25 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
287
287
  r("setPosting", !1);
288
288
  }
289
289
  },
290
- async [mt]({ commit: r, dispatch: t, getters: e }, { cardElement: n } = {}) {
290
+ async [mt]({ commit: r, dispatch: t, getters: e }, { cardElement: a } = {}) {
291
291
  try {
292
- const { formPlan: a, formProducts: i, products: s, subscriptionItems: l } = e;
293
- if (!a)
292
+ const { formPlan: n, formProducts: i, products: s, subscriptionItems: l } = e;
293
+ if (!n)
294
294
  return !1;
295
- const o = [...l], c = o.findIndex((m) => v(s[m.stripeProductStripeId], "metadata.accountType"));
295
+ const o = [...l], c = o.findIndex((m) => g(s[m.stripeProductStripeId], "metadata.accountType"));
296
296
  return c !== -1 && o.splice(c, 1), o.push({
297
- stripePriceStripeId: a.stripeId,
298
- stripeProductStripeId: a.stripeProductId,
299
- quantity: a.quantity
300
- }), o.push(...i), await t(b, { form: { items: o }, stripe: { cardElement: n } });
301
- } catch (a) {
302
- return this.handleError(a), r("setFormValue", { key: "error", value: a.message || "Submit Plan Error" }), !1;
297
+ stripePriceStripeId: n.stripeId,
298
+ stripeProductStripeId: n.stripeProductId,
299
+ quantity: n.quantity
300
+ }), o.push(...i), await t(S, { form: { items: o }, stripe: { cardElement: a } });
301
+ } catch (n) {
302
+ return this.handleError(n), r("setFormValue", { key: "error", value: n.message || "Submit Plan Error" }), !1;
303
303
  }
304
304
  },
305
- async [vt]({ commit: r, dispatch: t, getters: e }, { cardElement: n, removeUnusedItems: a = !0 } = {}) {
305
+ async [vt]({ commit: r, dispatch: t, getters: e }, { cardElement: a, removeUnusedItems: n = !0 } = {}) {
306
306
  try {
307
307
  const { formProducts: i } = e, s = [...i];
308
- return s.length ? await t(b, { form: { items: s }, stripe: { cardElement: n }, removeUnusedItems: a }) : !1;
308
+ return s.length ? await t(S, { form: { items: s }, stripe: { cardElement: a }, removeUnusedItems: n }) : !1;
309
309
  } catch (i) {
310
310
  return this.handleError(i), r("setFormValue", { key: "error", value: i.message || "Submit Products Error" }), !1;
311
311
  }
@@ -320,21 +320,21 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
320
320
  * @returns {Promise<Boolean>} Resolves with true if successful, otherwise false
321
321
  */
322
322
  async [F]({ commit: r }, { clientSecrets: t = [], paymentMethodId: e }) {
323
- const n = window.$stripe;
323
+ const a = window.$stripe;
324
324
  try {
325
325
  if (!e)
326
326
  throw new Error("Missing parameter paymentMethodId");
327
- if (!n)
327
+ if (!a)
328
328
  throw new Error("Stripe is not installed on the window");
329
329
  if (!Array.isArray(t))
330
330
  throw new Error("Param clientSecrets needs to be an array");
331
331
  return await t.reduce(async (i, s) => {
332
332
  await i;
333
- const { paymentIntent: l, error: o } = await n.confirmCardPayment(s, { payment_method: e });
334
- return o ? (o.message && r("setFormValue", { key: "error", value: o.message }), await w.cancelAll({ immediately: !0, status: "incomplete" }), !1) : l && l.status === "succeeded";
333
+ const { paymentIntent: l, error: o } = await a.confirmCardPayment(s, { payment_method: e });
334
+ return o ? (o.message && r("setFormValue", { key: "error", value: o.message }), await H.cancelAll({ immediately: !0, status: "incomplete" }), !1) : l && l.status === "succeeded";
335
335
  }, Promise.resolve());
336
- } catch (a) {
337
- return this.handleError(a), !1;
336
+ } catch (n) {
337
+ return this.handleError(n), !1;
338
338
  }
339
339
  },
340
340
  /**
@@ -345,16 +345,16 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
345
345
  * @param {String} obj.stripePriceStripeId priceId to remove
346
346
  * @returns {Promise<Boolean>} Resolves with true if successful, otherwise false
347
347
  */
348
- async [ft]({ commit: r, dispatch: t, getters: e }, { stripePriceStripeId: n }) {
348
+ async [ft]({ commit: r, dispatch: t, getters: e }, { stripePriceStripeId: a }) {
349
349
  try {
350
- if (!n)
350
+ if (!a)
351
351
  throw new Error("Missing parameter stripePriceStripeId");
352
352
  r("setPosting", !0);
353
- const { subscriptionItems: a } = e;
354
- let i = [...a];
355
- return i = i.filter((s) => s.stripePriceStripeId !== n), await t(b, { form: { items: i } });
356
- } catch (a) {
357
- return this.handleError(a), !1;
353
+ const { subscriptionItems: n } = e;
354
+ let i = [...n];
355
+ return i = i.filter((s) => s.stripePriceStripeId !== a), await t(S, { form: { items: i } });
356
+ } catch (n) {
357
+ return this.handleError(n), !1;
358
358
  } finally {
359
359
  r("setPosting", !1);
360
360
  }
@@ -374,20 +374,20 @@ const lt = (r) => B.te(`errors:${r}`) && B.t(`errors:${r}`), ct = "stripe", {
374
374
  setPrices: (r, { data: t = [] }) => {
375
375
  if (typeof t != "object")
376
376
  throw Error("Data must be a priceItem or array of priceItems!");
377
- const e = Array.isArray(t) ? t : [t], { ids: n, values: a } = G(e, { keyId: "stripeId" });
378
- W(r.prices, a), r.priceIds = K([...n, ...r.priceIds]);
377
+ const e = Array.isArray(t) ? t : [t], { ids: a, values: n } = G(e, { keyId: "stripeId" });
378
+ W(r.prices, n), r.priceIds = K([...a, ...r.priceIds]);
379
379
  },
380
380
  setActivePriceMap: ({ prices: r, activePriceMap: t }) => Object.keys(r).forEach((e) => {
381
- const n = r[e], a = v(n, "StripeProduct.metadata.accountType");
382
- a && n.active && v(n, "metadata.visible") === !0 && (t[a][n.interval] = e);
381
+ const a = r[e], n = g(a, "StripeProduct.metadata.accountType");
382
+ n && a.active && g(a, "metadata.visible") === !0 && (t[n][a.interval] = e);
383
383
  }),
384
384
  // --- Form ---
385
385
  setForm: (r, t) => {
386
- V.set(r, "form", t);
386
+ E.set(r, "form", t);
387
387
  },
388
388
  setFormValue: (r, { key: t, value: e }) => {
389
- const { root: n, prop: a } = Z(r, `form.${t}`);
390
- V.set(n, a, e);
389
+ const { root: a, prop: n } = Z(r, `form.${t}`);
390
+ E.set(a, n, e);
391
391
  }
392
392
  }
393
393
  };
@@ -430,10 +430,10 @@ const gt = {
430
430
  this.pointerX = r.clientX || r.touches[0].clientX, this.pointerY = r.clientY || r.touches[0].clientY;
431
431
  },
432
432
  setParticleDirection(r) {
433
- const t = u.random(0, 360) * Math.PI / 180, e = u.random(100, 300), n = [-1, 1][u.random(0, 1)] * e;
433
+ const t = u.random(0, 360) * Math.PI / 180, e = u.random(100, 300), a = [-1, 1][u.random(0, 1)] * e;
434
434
  return {
435
- x: r.x + n * Math.cos(t),
436
- y: r.y + n * Math.sin(t)
435
+ x: r.x + a * Math.cos(t),
436
+ y: r.y + a * Math.sin(t)
437
437
  };
438
438
  },
439
439
  createParticle(r, t) {
@@ -453,16 +453,16 @@ const gt = {
453
453
  r.animatables[t].target.draw();
454
454
  },
455
455
  animateParticles(r, t) {
456
- const e = this.createCircle(r, t), n = [];
457
- for (let a = 0; a < this.numberOfParticles; a++)
458
- n.push(this.createParticle(r, t));
456
+ const e = this.createCircle(r, t), a = [];
457
+ for (let n = 0; n < this.numberOfParticles; n++)
458
+ a.push(this.createParticle(r, t));
459
459
  u.timeline().add({
460
- targets: n,
461
- x(a) {
462
- return a.endPos.x;
460
+ targets: a,
461
+ x(n) {
462
+ return n.endPos.x;
463
463
  },
464
- y(a) {
465
- return a.endPos.y;
464
+ y(n) {
465
+ return n.endPos.y;
466
466
  },
467
467
  radius: 0.1,
468
468
  duration: u.random(1200, 1800),
@@ -506,7 +506,7 @@ var ht = function() {
506
506
  yt,
507
507
  !1,
508
508
  null,
509
- "d4677903",
509
+ "ed6fc7d2",
510
510
  null,
511
511
  null
512
512
  );
@@ -547,7 +547,7 @@ const Pt = {
547
547
  }
548
548
  },
549
549
  computed: {
550
- ...h({
550
+ ...C({
551
551
  currentPlan: "stripe/currentPlan",
552
552
  getPrice: "stripe/getPrice"
553
553
  }),
@@ -581,8 +581,8 @@ const Pt = {
581
581
  const { amount: t, currency: e } = this.getPrice(r.accountType, this.interval) || {};
582
582
  if (typeof t > "u" || typeof e > "u")
583
583
  return "";
584
- const n = t / (this.interval === "month" ? 1 : 12);
585
- return `${y(n, { currency: e })}/${this.$t("_common:month")}`;
584
+ const a = t / (this.interval === "month" ? 1 : 12);
585
+ return `${A(a, { currency: e })}/${this.$t("_common:month")}`;
586
586
  }
587
587
  }
588
588
  };
@@ -591,21 +591,21 @@ var bt = function() {
591
591
  return e("div", { staticClass: "flex flex-col items-center w-full animating", staticStyle: { "padding-top": "30px" } }, [e("div", { staticClass: "flex flex-col items-center w-full text-center anim-block", staticStyle: { "margin-bottom": "50px" } }, [e("div", { staticStyle: { "font-size": "22px", "font-weight": "600", "margin-bottom": "20px", "max-width": "20ch" }, domProps: { innerHTML: t._s(t.$t("title", { brand: t.$t("_common:brand.name") })) } }), e("div", { staticStyle: { position: "relative" } }, [e("div", { staticClass: "tgl-btn-group" }, t._l([
592
592
  "month",
593
593
  "year"
594
- ], function(n) {
595
- return e("div", { key: n, staticClass: "tgl-btn", class: {
596
- selected: t.interval === n
597
- }, domProps: { textContent: t._s(t.$t(`_common:paymentInterval.${n}`).capitalize()) }, on: { click: function(a) {
598
- return t.$emit("update:interval", n);
594
+ ], function(a) {
595
+ return e("div", { key: a, staticClass: "tgl-btn", class: {
596
+ selected: t.interval === a
597
+ }, domProps: { textContent: t._s(t.$t(`_common:paymentInterval.${a}`).capitalize()) }, on: { click: function(n) {
598
+ return t.$emit("update:interval", a);
599
599
  } } });
600
- }), 0), e("div", { staticClass: "text-primary-600 absolute whitespace-nowrap text-[13px] left-[88%] top-[112%]" }, [e("svg", { attrs: { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [e("path", { attrs: { d: "M1.73255 11.5162L3.78467 5.87805L9.42282 7.93017", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }), e("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" } })]), e("span", { staticStyle: { "padding-left": "0.25em" }, domProps: { textContent: t._s(t.$t("saveYearly")) } })])])]), e("div", { staticClass: "PriceGrid" }, t._l(t.plans, function(n, a) {
601
- return e("div", { key: a, staticClass: "PriceItem anim-block", class: {
602
- selected: t.plan === n.accountType
600
+ }), 0), e("div", { staticClass: "text-primary-600 absolute whitespace-nowrap text-[13px] left-[88%] top-[112%]" }, [e("svg", { attrs: { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [e("path", { attrs: { d: "M1.73255 11.5162L3.78467 5.87805L9.42282 7.93017", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }), e("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" } })]), e("span", { staticStyle: { "padding-left": "0.25em" }, domProps: { textContent: t._s(t.$t("saveYearly")) } })])])]), e("div", { staticClass: "PriceGrid" }, t._l(t.plans, function(a, n) {
601
+ return e("div", { key: n, staticClass: "PriceItem anim-block", class: {
602
+ selected: t.plan === a.accountType
603
603
  }, on: { click: function(i) {
604
- return t.$emit("update:plan", n.accountType);
605
- } } }, [e("div", [e("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%" }, attrs: { src: n.img, alt: n.name, width: "50", height: "50" } })]), e("div", { staticClass: "PriceItem__title" }, [e("span", { domProps: { textContent: t._s(n.name) } }), t._v("   ")]), t.currentAccountType === n.accountType ? e("svg", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("currentPlan"), expression: "$t('currentPlan')" }], staticClass: "PriceItem__current_badge", attrs: { width: "50", height: "50", viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [e("path", { attrs: { d: "M0 0H70V70L0 0Z", fill: "hsl(240, 7%, 83%)" } }), e("path", { attrs: { d: "M39.4203 23.5667L45 29.1464L57.0732 17.0732", stroke: "white", "stroke-width": "4" } })]) : t._e(), e("div", { staticClass: "PriceItem__cost" }, [e("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: t._s(t.getPriceFormatted(n)) } }), t._v("   ")]), e("div", { staticStyle: { "font-size": "14px", "margin-bottom": "20px", color: "hsl(240, 8%, 45%)", "min-height": "2em" } }, [e("transition", { attrs: { name: "vertical-fader" } }, [t.interval === "year" ? e("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: t._s(t.$t("billedYearly")) } }) : t._e()])], 1), e("ul", { staticClass: "PriceItem__text" }, t._l(n.features, function(i) {
604
+ return t.$emit("update:plan", a.accountType);
605
+ } } }, [e("div", [e("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" } })]), e("div", { staticClass: "PriceItem__title" }, [e("span", { domProps: { textContent: t._s(a.name) } }), t._v("   ")]), t.currentAccountType === a.accountType ? e("svg", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("currentPlan"), expression: "$t('currentPlan')" }], staticClass: "PriceItem__current_badge", attrs: { width: "50", height: "50", viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [e("path", { attrs: { d: "M0 0H70V70L0 0Z", fill: "hsl(240, 7%, 83%)" } }), e("path", { attrs: { d: "M39.4203 23.5667L45 29.1464L57.0732 17.0732", stroke: "white", "stroke-width": "4" } })]) : t._e(), e("div", { staticClass: "PriceItem__cost" }, [e("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: t._s(t.getPriceFormatted(a)) } }), t._v("   ")]), e("div", { staticStyle: { "font-size": "14px", "margin-bottom": "20px", color: "hsl(240, 8%, 45%)", "min-height": "2em" } }, [e("transition", { attrs: { name: "vertical-fader" } }, [t.interval === "year" ? e("span", { staticStyle: { display: "inline-block" }, domProps: { textContent: t._s(t.$t("billedYearly")) } }) : t._e()])], 1), e("ul", { staticClass: "PriceItem__text" }, t._l(a.features, function(i) {
606
606
  return e("li", { key: i }, [e("span", { domProps: { textContent: t._s(i) } })]);
607
607
  }), 0)]);
608
- }), 0), e("CButton", { staticClass: "anim-block sticky-btn", attrs: { disabled: t.currentAccountType === t.plan && t.currentInterval === t.interval, type: "secondary", "icon-right": "arrow-right" }, on: { click: function(n) {
608
+ }), 0), e("CButton", { staticClass: "anim-block sticky-btn", attrs: { disabled: t.currentAccountType === t.plan && t.currentInterval === t.interval, type: "secondary", "icon-right": "arrow-right" }, on: { click: function(a) {
609
609
  return t.$emit("next");
610
610
  } } }, [t._v(t._s(t.$t("continueButton")))])], 1);
611
611
  }, kt = [], St = /* @__PURE__ */ d(
@@ -614,7 +614,7 @@ var bt = function() {
614
614
  kt,
615
615
  !1,
616
616
  null,
617
- "59cedf98",
617
+ "1015dd74",
618
618
  null,
619
619
  null
620
620
  );
@@ -684,7 +684,7 @@ const xt = {
684
684
  };
685
685
  var Ht = function() {
686
686
  var t = this, e = t._self._c;
687
- return e("div", [e("div", { on: { click: function(n) {
687
+ return e("div", [e("div", { on: { click: function(a) {
688
688
  t.expanded = !t.expanded;
689
689
  } } }, [t._t("trigger", null, { expanded: t.expanded })], 2), e("transition", { on: { enter: t.onEnter, "after-enter": t.onAfterEnter, "before-leave": t.onBeforeLeave, leave: t.onLeave } }, [t.expanded ? e("div", { ref: "wrapper", staticClass: "c-accordion", style: t.wrapperStyle }, [e("div", { ref: "inner", staticClass: "c-accordion__inner" }, [t._t("default")], 2)]) : t._e()])], 1);
690
690
  }, It = [], Bt = /* @__PURE__ */ d(
@@ -731,9 +731,9 @@ const Lt = Bt.exports, Tt = {
731
731
  logo: '<rect width="48" height="32" rx="4" fill="#D9D9DF"/><rect y="7" width="48" height="7" fill="#51516A"/>'
732
732
  },
733
733
  get(r, { width: t = 48, height: e = 32 } = {}) {
734
- const n = this[r] ? this[r] : this.default, a = n.logo, i = `<svg width="${t}" height="${e}" viewBox="0 0 48 32" fill="none" xmlns="http://www.w3.org/2000/svg">${a}</svg>`;
734
+ const a = this[r] ? this[r] : this.default, n = a.logo, i = `<svg width="${t}" height="${e}" viewBox="0 0 48 32" fill="none" xmlns="http://www.w3.org/2000/svg">${n}</svg>`;
735
735
  return {
736
- name: n.name,
736
+ name: a.name,
737
737
  logo: i
738
738
  };
739
739
  }
@@ -794,8 +794,8 @@ const Lt = Bt.exports, Tt = {
794
794
  }
795
795
  };
796
796
  this.card = this.elements.create("card", { style: t }), document.querySelector(r) && this.mountCardInput(), this.card.addEventListener("change", (e) => {
797
- const { error: n, complete: a } = e;
798
- n ? this.elementsError = n.message : this.elementsError = "", this.cardIsComplete = a;
797
+ const { error: a, complete: n } = e;
798
+ a ? this.elementsError = a.message : this.elementsError = "", this.cardIsComplete = n;
799
799
  });
800
800
  }
801
801
  }
@@ -1001,7 +1001,7 @@ const Vt = {
1001
1001
  },
1002
1002
  data() {
1003
1003
  return {
1004
- regions: A,
1004
+ regions: b,
1005
1005
  cardBrands: Tt,
1006
1006
  stripeCardElementId: "#card-element",
1007
1007
  promoInputVisible: !1,
@@ -1016,18 +1016,18 @@ const Vt = {
1016
1016
  return {
1017
1017
  formCustomer: {
1018
1018
  email: {
1019
- email: P.email
1019
+ email: k.email
1020
1020
  }
1021
1021
  },
1022
1022
  quantity: {
1023
- required: P.required,
1024
- minValue: P.minValue(1),
1025
- numeric: P.numeric
1023
+ required: k.required,
1024
+ minValue: k.minValue(1),
1025
+ numeric: k.numeric
1026
1026
  }
1027
1027
  };
1028
1028
  },
1029
1029
  computed: {
1030
- ...h({
1030
+ ...C({
1031
1031
  companyRegion: "application/companyRegion",
1032
1032
  companyAccount: "application/companyAccount",
1033
1033
  formCustomer: "stripe/formCustomer",
@@ -1066,7 +1066,7 @@ const Vt = {
1066
1066
  return (r = this.customer) == null ? void 0 : r.paymentMethodLast4;
1067
1067
  },
1068
1068
  sortedRegions() {
1069
- return (Object.keys(A) || []).map((r) => ({ key: r, title: `${A[r].name} (${r})`, callingCode: A[r].callingCode })).sort((r, t) => r.title.localeCompare(t.title));
1069
+ return (Object.keys(b) || []).map((r) => ({ key: r, title: `${b[r].name} (${r})`, callingCode: b[r].callingCode })).sort((r, t) => r.title.localeCompare(t.title));
1070
1070
  },
1071
1071
  currency() {
1072
1072
  return this.formPrices.currency;
@@ -1074,22 +1074,22 @@ const Vt = {
1074
1074
  promotionDescription() {
1075
1075
  let r = "- ";
1076
1076
  const { amountOff: t, percentOff: e } = this.promotion || {};
1077
- return t ? r += y(t, { currency: this.currency }) : e && (r += `${e}%`), r;
1077
+ return t ? r += A(t, { currency: this.currency }) : e && (r += `${e}%`), r;
1078
1078
  },
1079
1079
  reasonableUseQuotas() {
1080
1080
  var i;
1081
1081
  const r = {}, t = (i = this.formPlan) == null ? void 0 : i.StripeProduct;
1082
1082
  if (!t)
1083
1083
  return [];
1084
- const { quotas: e, autoAddMeteredTypes: n } = t.metadata, a = e[this.companyAccount.accountConfigurationKeyName] || {};
1085
- return Object.keys(a).forEach((s) => {
1086
- s === "bankId" && E[I.brand].defaultRegion === "US" || (r[s] = {
1084
+ const { quotas: e, autoAddMeteredTypes: a } = t.metadata, n = e[this.companyAccount.accountConfigurationKeyName] || {};
1085
+ return Object.keys(n).forEach((s) => {
1086
+ s === "bankId" && h[v.brand].defaultRegion === "US" || (r[s] = {
1087
1087
  type: s,
1088
- count: a[s] || 0,
1088
+ count: n[s] || 0,
1089
1089
  cost: null
1090
1090
  });
1091
- }), n.forEach((s) => {
1092
- if (s === "bankId" && E[I.brand].defaultRegion === "US")
1091
+ }), a.forEach((s) => {
1092
+ if (s === "bankId" && h[v.brand].defaultRegion === "US")
1093
1093
  return;
1094
1094
  const l = this.getMeteredProduct(s);
1095
1095
  if (!l)
@@ -1100,7 +1100,7 @@ const Vt = {
1100
1100
  });
1101
1101
  if (!o)
1102
1102
  return;
1103
- const c = y(o.amount, {
1103
+ const c = A(o.amount, {
1104
1104
  currency: o.currency,
1105
1105
  decimals: 2,
1106
1106
  hideZeroDecimals: !0
@@ -1135,12 +1135,12 @@ const Vt = {
1135
1135
  this.companyRegion === "SE" && !this.formCustomer.region && this.$emit("input", { key: "customer.region", value: this.companyRegion }), this.routePromo && this.verifyPromotionCode(this.routePromo);
1136
1136
  },
1137
1137
  methods: {
1138
- ...k({
1138
+ ...w({
1139
1139
  usePromotionCode: p.SUBMIT_PROMOTION_CODE,
1140
1140
  setPromotion: p.SET_FORM_PROMOTION,
1141
1141
  submitPlan: p.SUBMIT_FORM_PLAN
1142
1142
  }),
1143
- priceFormat: y,
1143
+ priceFormat: A,
1144
1144
  getIntervalTitle(r) {
1145
1145
  return r === "month" ? this.$t("_common:monthly").capitalize() : r === "year" ? this.$t("_common:yearly").capitalize() : r === "oneOff" ? this.$t("oneTimeFee").capitalize() : null;
1146
1146
  },
@@ -1164,56 +1164,56 @@ const Vt = {
1164
1164
  };
1165
1165
  var Et = function() {
1166
1166
  var t = this, e = t._self._c;
1167
- return e("div", { staticClass: "root font-inter anime-payment-modal" }, [e("div", { staticClass: "flex w-full", staticStyle: { overflow: "hidden" } }, [e("div", { staticClass: "anim-block p-aside" }, [e("div", { staticClass: "p-callout", class: t.uiPlan.accountType }, [e("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" } }, [e("div", { staticStyle: { "text-align": "right", "padding-right": "0.5em" } }, [e("div", { staticStyle: { opacity: "0.7" }, domProps: { textContent: t._s(t.$t("payYearly")) } }), e("div", { staticClass: "font-medium text-primary-500", domProps: { textContent: t._s(t.$t("saveAmount")) } })]), e("CSwitch", { attrs: { value: t.formPlan.interval === "year", size: "small", type: "secondary" }, on: { input: function(n) {
1167
+ return e("div", { staticClass: "root font-inter anime-payment-modal" }, [e("div", { staticClass: "flex w-full", staticStyle: { overflow: "hidden" } }, [e("div", { staticClass: "anim-block p-aside" }, [e("div", { staticClass: "p-callout", class: t.uiPlan.accountType }, [e("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" } }, [e("div", { staticStyle: { "text-align": "right", "padding-right": "0.5em" } }, [e("div", { staticStyle: { opacity: "0.7" }, domProps: { textContent: t._s(t.$t("payYearly")) } }), e("div", { staticClass: "font-medium text-primary-500", domProps: { textContent: t._s(t.$t("saveAmount")) } })]), e("CSwitch", { attrs: { value: t.formPlan.interval === "year", size: "small", type: "secondary" }, on: { input: function(a) {
1168
1168
  return t.$emit("update:interval", t.formPlan.interval === "year" ? "month" : "year");
1169
- } } })], 1), e("div", [e("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%", "margin-bottom": "calc(1 * var(--rem))" }, attrs: { src: t.uiPlan.img, alt: t.uiPlan.name, width: "50", height: "50" } })]), e("div", { staticStyle: { "font-weight": "600", "font-size": "21px" } }, [t._v(" " + t._s(t.$t("cardTitle", { plan: t.uiPlan.name })) + " ")]), e("div", { staticClass: "text-[15px] py-4" }, [t._l(t.formPrices.intervals, function(n, a) {
1170
- return e("div", { key: `interval-${a}`, staticClass: "pb-2 mb-4 border-b border-gray-200" }, [e("div", { staticClass: "flex justify-between w-full" }, [e("div", { staticClass: "font-medium" }, [t._v(t._s(t.getIntervalTitle(a)))]), e("div", { staticClass: "text-right" }, [e("div", { staticClass: "font-semibold leading-none text-[17px]" }, [t._v(" " + t._s(t.priceFormat(n.subTotal, { currency: t.currency })) + " ")]), e("div", { staticClass: "opacity-70 text-[13px]" }, [t._v(" " + t._s(n.vatAmount ? t.$t("_common:vat.exVat", { thing: t.$t("_common:vat.vat") }) : t.$t("_common:total").capitalize()) + " "), a !== "oneOff" ? [t._v("/ " + t._s(t.$t(`_common:${a}`)) + " ")] : t._e()], 2)])]), t._l(n.items, function(i, s) {
1169
+ } } })], 1), e("div", [e("img", { staticStyle: { "box-shadow": "0 4px 6px rgba(240, 147, 234, 0.34)", "border-radius": "50%", "margin-bottom": "calc(1 * var(--rem))" }, attrs: { src: t.uiPlan.img, alt: t.uiPlan.name, width: "50", height: "50" } })]), e("div", { staticStyle: { "font-weight": "600", "font-size": "21px" } }, [t._v(" " + t._s(t.$t("cardTitle", { plan: t.uiPlan.name })) + " ")]), e("div", { staticClass: "text-[15px] py-4" }, [t._l(t.formPrices.intervals, function(a, n) {
1170
+ return e("div", { key: `interval-${n}`, staticClass: "pb-2 mb-4 border-b border-gray-200" }, [e("div", { staticClass: "flex justify-between w-full" }, [e("div", { staticClass: "font-medium" }, [t._v(t._s(t.getIntervalTitle(n)))]), e("div", { staticClass: "text-right" }, [e("div", { staticClass: "font-semibold leading-none text-[17px]" }, [t._v(" " + t._s(t.priceFormat(a.subTotal, { currency: t.currency })) + " ")]), e("div", { staticClass: "opacity-70 text-[13px]" }, [t._v(" " + t._s(a.vatAmount ? t.$t("_common:vat.exVat", { thing: t.$t("_common:vat.vat") }) : t.$t("_common:total").capitalize()) + " "), n !== "oneOff" ? [t._v("/ " + t._s(t.$t(`_common:${n}`)) + " ")] : t._e()], 2)])]), t._l(a.items, function(i, s) {
1171
1171
  return e("div", { key: s, staticClass: "flex justify-between w-full pb-1 mt-2" }, [e("div", { staticClass: "font-medium opacity-70" }, [t._v(" " + t._s(i.quantity) + " x " + t._s(i.name.capitalize()) + " ")]), e("div", { staticClass: "text-right opacity-70" }, [t._v(t._s(t.priceFormat(i.amount, { currency: t.currency })))])]);
1172
1172
  })], 2);
1173
- }), t.promotion ? e("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [e("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [t._v(t._s(t.promotion.code || t.promotion.name) + " ")]), e("div", { staticClass: "text-right has-text-danger", staticStyle: { display: "inline-flex", "justify-content": "flex-end", "align-items": "center" } }, [e("CButton", { staticStyle: { height: "inherit", "margin-right": "3px" }, attrs: { disabled: t.isEditLock, "icon-props": { size: 15 }, size: "small", type: "none", pattern: "tertiary", icon: "trash" }, on: { click: function(n) {
1173
+ }), t.promotion ? e("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [e("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [t._v(t._s(t.promotion.code || t.promotion.name) + " ")]), e("div", { staticClass: "text-right has-text-danger", staticStyle: { display: "inline-flex", "justify-content": "flex-end", "align-items": "center" } }, [e("CButton", { staticStyle: { height: "inherit", "margin-right": "3px" }, attrs: { disabled: t.isEditLock, "icon-props": { size: 15 }, size: "small", type: "none", pattern: "tertiary", icon: "trash" }, on: { click: function(a) {
1174
1174
  return t.$emit("input", { key: "promotion", value: null });
1175
- } } }), e("div", { domProps: { textContent: t._s(t.promotionDescription) } })], 1)]) : t._e(), t.formPrices.vatAmount ? [e("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [e("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [t._v(t._s(t.$t("_common:vat.vat").capitalize()))]), e("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [t._v(t._s(t.priceFormat(t.formPrices.vatAmount, { currency: t.currency })))])]), e("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [e("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [t._v(t._s(t.$t("_common:vat.incVat", { thing: t.$t("_common:vat.vat") }).capitalize()))]), e("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [t._v(" " + t._s(t.priceFormat(t.formPrices.totalAmount, { currency: t.currency })) + " ")])])] : t._e(), e("div", { directives: [{ name: "show", rawName: "v-show", value: !t.promotion, expression: "!promotion" }], staticClass: "flex justify-end w-full" }, [t.promoInputVisible ? e("CField", { staticStyle: { "padding-top": "1em", width: "100%" }, attrs: { expanded: "" } }, [e("CInput", { attrs: { placeholder: t.$t("promotion.placeholder"), "custom-class": t.isInvalidPromotionCode ? "is-danger shake" : "", autofocus: "", size: "small" }, on: { blur: function(n) {
1175
+ } } }), e("div", { domProps: { textContent: t._s(t.promotionDescription) } })], 1)]) : t._e(), t.formPrices.vatAmount ? [e("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [e("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [t._v(t._s(t.$t("_common:vat.vat").capitalize()))]), e("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [t._v(t._s(t.priceFormat(t.formPrices.vatAmount, { currency: t.currency })))])]), e("div", { staticClass: "flex justify-between w-full", staticStyle: { "padding-bottom": "4px" } }, [e("div", { staticStyle: { "font-weight": "500", opacity: "0.7" } }, [t._v(t._s(t.$t("_common:vat.incVat", { thing: t.$t("_common:vat.vat") }).capitalize()))]), e("div", { staticClass: "text-right", staticStyle: { opacity: "0.7" } }, [t._v(" " + t._s(t.priceFormat(t.formPrices.totalAmount, { currency: t.currency })) + " ")])])] : t._e(), e("div", { directives: [{ name: "show", rawName: "v-show", value: !t.promotion, expression: "!promotion" }], staticClass: "flex justify-end w-full" }, [t.promoInputVisible ? e("CField", { staticStyle: { "padding-top": "1em", width: "100%" }, attrs: { expanded: "" } }, [e("CInput", { attrs: { placeholder: t.$t("promotion.placeholder"), "custom-class": t.isInvalidPromotionCode ? "is-danger shake" : "", autofocus: "", size: "small" }, on: { blur: function(a) {
1176
1176
  return t.verifyPromotionCode(t.inputPromotionCode);
1177
- } }, nativeOn: { keyup: function(n) {
1178
- return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.verifyPromotionCode(t.inputPromotionCode);
1179
- } }, model: { value: t.inputPromotionCode, callback: function(n) {
1180
- t.inputPromotionCode = typeof n == "string" ? n.trim() : n;
1181
- }, expression: "inputPromotionCode" } }, [e("template", { slot: "suffix" }, [e("CButton", { attrs: { loading: t.isPosting, type: "secondary", size: "small" }, on: { click: function(n) {
1177
+ } }, nativeOn: { keyup: function(a) {
1178
+ return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.verifyPromotionCode(t.inputPromotionCode);
1179
+ } }, model: { value: t.inputPromotionCode, callback: function(a) {
1180
+ t.inputPromotionCode = typeof a == "string" ? a.trim() : a;
1181
+ }, expression: "inputPromotionCode" } }, [e("template", { slot: "suffix" }, [e("CButton", { attrs: { loading: t.isPosting, type: "secondary", size: "small" }, on: { click: function(a) {
1182
1182
  return t.verifyPromotionCode(t.inputPromotionCode);
1183
- } } }, [t._v(" " + t._s(t.$t("promotion.submit")) + " ")])], 1)], 2)], 1) : e("CButton", { staticStyle: { "text-decoration": "underline", "margin-right": "-1em" }, attrs: { disabled: t.isEditLock, type: "secondary", pattern: "tertiary", size: "small" }, on: { click: function(n) {
1183
+ } } }, [t._v(" " + t._s(t.$t("promotion.submit")) + " ")])], 1)], 2)], 1) : e("CButton", { staticStyle: { "text-decoration": "underline", "margin-right": "-1em" }, attrs: { disabled: t.isEditLock, type: "secondary", pattern: "tertiary", size: "small" }, on: { click: function(a) {
1184
1184
  t.promoInputVisible = !0;
1185
- } } }, [t._v(" " + t._s(t.$t("promotion.add")) + " ")])], 1)], 2)]), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("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" } }, [e("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" } })]), t._v(" " + t._s(t.$t("highlights.securePayment")) + " ")]), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("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" } }, [e("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" } })]), t._v(" " + t._s(t.$t("highlights.satisfiedCustomer")) + " ")]), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("BaseIcon", { staticStyle: { opacity: "0.65", "margin-right": "0.5em" }, attrs: { size: 17, "stroke-width": "2", type: "question" } }), e("span", { staticStyle: { "text-decoration": "underline", opacity: "0.85", cursor: "pointer" }, domProps: { textContent: t._s(t.$t("reasonableUse.title")) }, on: { click: function(n) {
1185
+ } } }, [t._v(" " + t._s(t.$t("promotion.add")) + " ")])], 1)], 2)]), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("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" } }, [e("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" } })]), t._v(" " + t._s(t.$t("highlights.securePayment")) + " ")]), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("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" } }, [e("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" } })]), t._v(" " + t._s(t.$t("highlights.satisfiedCustomer")) + " ")]), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("BaseIcon", { staticStyle: { opacity: "0.65", "margin-right": "0.5em" }, attrs: { size: 17, "stroke-width": "2", type: "question" } }), e("span", { staticStyle: { "text-decoration": "underline", opacity: "0.85", cursor: "pointer" }, domProps: { textContent: t._s(t.$t("reasonableUse.title")) }, on: { click: function(a) {
1186
1186
  return t.$modal.show("reasonableUse");
1187
- } } })], 1), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("BaseIcon", { staticStyle: { opacity: "0.65", "margin-right": "0.5em" }, attrs: { size: 17, "stroke-width": "2", type: "question" } }), e("span", { staticStyle: { "text-decoration": "underline", opacity: "0.85", cursor: "pointer" }, domProps: { textContent: t._s(t.$t("faq.title")) }, on: { click: function(n) {
1187
+ } } })], 1), e("div", { staticClass: "flex items-center w-full p-badge" }, [e("BaseIcon", { staticStyle: { opacity: "0.65", "margin-right": "0.5em" }, attrs: { size: 17, "stroke-width": "2", type: "question" } }), e("span", { staticStyle: { "text-decoration": "underline", opacity: "0.85", cursor: "pointer" }, domProps: { textContent: t._s(t.$t("faq.title")) }, on: { click: function(a) {
1188
1188
  return t.$modal.show("faq");
1189
1189
  } } })], 1)]), e("div", [e("div", { staticClass: "anim-block p-block", staticStyle: { "padding-bottom": "2em" } }, [e("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "line-height": "1.5" } }, [e("span", { staticStyle: { opacity: "0.5" } }, [t._v(t._s(t.$t("formSteps")))]), e("br"), t._v(" " + t._s(t.$t("formTitle")) + " ")])]), e("div", { staticClass: "anim-block", staticStyle: { "font-size": "14px" } }, [e("div", { staticClass: "p-block" }, [e("div", { staticClass: "flex items-center w-full p-block-title" }, [e("div", [t._v(" " + t._s(t.$t("quantity.label")) + " "), e("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("quantity.tooltip"), expression: "$t('quantity.tooltip')" }], staticClass: "text-gray-400", attrs: { type: "info", size: "16" } })], 1)]), e("div", { staticClass: "flex w-full" }, [e("div", { staticClass: "p-option-list", staticStyle: { flex: "1 1 auto" } }, [e("CField", { attrs: { validator: t.$v.quantity, messages: t.messages.quantity, expanded: "" } }, [e("CInput", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.uiPlan.accountType === "start" ? { content: t.$t("quantity.disabled") } : "", expression: `
1190
1190
  uiPlan.accountType === 'start'
1191
1191
  ? { content: $t('quantity.disabled') }
1192
1192
  : ''
1193
- ` }], attrs: { disabled: t.uiPlan.accountType === "start" || t.isEditLock, size: "medium", min: "1", filled: "", type: "number" }, model: { value: t.quantity, callback: function(n) {
1194
- t.quantity = t._n(n);
1195
- }, expression: "quantity" } })], 1)], 1), e("div", { staticClass: "flex items-center justify-center w-full p-option-list", staticStyle: { "margin-left": "calc(1 * var(--rem))", flex: "0 0" } }, [e("CButton", { staticStyle: { width: "calc(3.5 * var(--rem))" }, attrs: { disabled: 2 > t.quantity || t.uiPlan.accountType === "start" || t.isEditLock, type: "none", pattern: "tertiary", icon: "minus" }, on: { click: function(n) {
1193
+ ` }], attrs: { disabled: t.uiPlan.accountType === "start" || t.isEditLock, size: "medium", min: "1", filled: "", type: "number" }, model: { value: t.quantity, callback: function(a) {
1194
+ t.quantity = t._n(a);
1195
+ }, expression: "quantity" } })], 1)], 1), e("div", { staticClass: "flex items-center justify-center w-full p-option-list", staticStyle: { "margin-left": "calc(1 * var(--rem))", flex: "0 0" } }, [e("CButton", { staticStyle: { width: "calc(3.5 * var(--rem))" }, attrs: { disabled: 2 > t.quantity || t.uiPlan.accountType === "start" || t.isEditLock, type: "none", pattern: "tertiary", icon: "minus" }, on: { click: function(a) {
1196
1196
  t.quantity--;
1197
- } } })], 1), e("div", { staticClass: "flex items-center justify-center w-full p-option-list", staticStyle: { "margin-left": "3px", flex: "0 0" } }, [e("CButton", { staticStyle: { width: "calc(3.5 * var(--rem))" }, attrs: { disabled: t.uiPlan.accountType === "start" || t.isEditLock, type: "none", pattern: "tertiary", icon: "plus" }, on: { click: function(n) {
1197
+ } } })], 1), e("div", { staticClass: "flex items-center justify-center w-full p-option-list", staticStyle: { "margin-left": "3px", flex: "0 0" } }, [e("CButton", { staticStyle: { width: "calc(3.5 * var(--rem))" }, attrs: { disabled: t.uiPlan.accountType === "start" || t.isEditLock, type: "none", pattern: "tertiary", icon: "plus" }, on: { click: function(a) {
1198
1198
  t.quantity++;
1199
- } } })], 1)])]), t.useExistingCustomer ? e("div", { staticClass: "p-callout", staticStyle: { position: "relative", padding: "calc(1 * var(--rem))", "border-radius": "8px" } }, [e("CButton", { staticStyle: { position: "absolute", top: "calc(1 * var(--rem))", right: "calc(1 * var(--rem))" }, attrs: { size: "small", rounded: "" }, on: { click: function(n) {
1199
+ } } })], 1)])]), t.useExistingCustomer ? e("div", { staticClass: "p-callout", staticStyle: { position: "relative", padding: "calc(1 * var(--rem))", "border-radius": "8px" } }, [e("CButton", { staticStyle: { position: "absolute", top: "calc(1 * var(--rem))", right: "calc(1 * var(--rem))" }, attrs: { size: "small", rounded: "" }, on: { click: function(a) {
1200
1200
  t.useExistingCustomer = !1;
1201
- } } }, [t._v(" " + t._s(t.$t("_common:change")) + " ")]), e("div", { staticClass: "flex items-center w-full" }, [e("div", { domProps: { innerHTML: t._s(t.cardBrands.get(t.customer.paymentMethodBrand, { width: 36 }).logo) } }), e("div", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" } }, [e("span", { staticStyle: { "margin-right": "5px" } }, [t._v(t._s(t.cardBrands.get(t.customer.paymentMethodBrand).name))]), t._v(" •••• " + t._s(t.customer.paymentMethodLast4 || "") + " ")])]), e("div", [t._v(t._s(t.customer.name))]), e("div", [t._v(t._s(t.customer.email))]), t.regions[t.customer.region] ? e("div", [t._v(t._s(t.regions[t.customer.region].name))]) : t._e()], 1) : [e("div", { staticClass: "p-block" }, [t.useExistingCard ? t._e() : e("div", { staticClass: "flex items-center w-full p-block-title" }, [e("div", [t._v(t._s(t.$t("paymentInfoLabel")))])]), e("div", [t.useExistingCard && t.existingCardLast4 ? e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("paymentInfoLabel")) + " "), e("CField", { attrs: { messages: t.messages.email, expanded: "" } }, [e("CInput", { attrs: { value: `•••• •••• •••• ${t.existingCardLast4}`, size: "medium", disabled: "", filled: "" } }, [e("CButton", { attrs: { slot: "suffix", type: "secondary", size: "small" }, on: { click: function(n) {
1201
+ } } }, [t._v(" " + t._s(t.$t("_common:change")) + " ")]), e("div", { staticClass: "flex items-center w-full" }, [e("div", { domProps: { innerHTML: t._s(t.cardBrands.get(t.customer.paymentMethodBrand, { width: 36 }).logo) } }), e("div", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" } }, [e("span", { staticStyle: { "margin-right": "5px" } }, [t._v(t._s(t.cardBrands.get(t.customer.paymentMethodBrand).name))]), t._v(" •••• " + t._s(t.customer.paymentMethodLast4 || "") + " ")])]), e("div", [t._v(t._s(t.customer.name))]), e("div", [t._v(t._s(t.customer.email))]), t.regions[t.customer.region] ? e("div", [t._v(t._s(t.regions[t.customer.region].name))]) : t._e()], 1) : [e("div", { staticClass: "p-block" }, [t.useExistingCard ? t._e() : e("div", { staticClass: "flex items-center w-full p-block-title" }, [e("div", [t._v(t._s(t.$t("paymentInfoLabel")))])]), e("div", [t.useExistingCard && t.existingCardLast4 ? e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("paymentInfoLabel")) + " "), e("CField", { attrs: { messages: t.messages.email, expanded: "" } }, [e("CInput", { attrs: { value: `•••• •••• •••• ${t.existingCardLast4}`, size: "medium", disabled: "", filled: "" } }, [e("CButton", { attrs: { slot: "suffix", type: "secondary", size: "small" }, on: { click: function(a) {
1202
1202
  t.useExistingCard = !1;
1203
- } }, slot: "suffix" }, [t._v(" " + t._s(t.$t("_common:change")) + " ")])], 1)], 1)], 1) : t._e(), e("div", { directives: [{ name: "show", rawName: "v-show", value: !t.useExistingCard, expression: "!useExistingCard" }], staticClass: "bg-gray-100", staticStyle: { width: "400px", padding: "1em 1em", "border-radius": "0.5em", "min-height": "54px" }, attrs: { id: "card-element" } }), e("div", { directives: [{ name: "show", rawName: "v-show", value: t.elementsError && !t.useExistingCard, expression: "elementsError && !useExistingCard" }], staticClass: "pt-2 text-red-500", domProps: { textContent: t._s(t.elementsError) } })])]), e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("name.label")) + " "), e("CInput", { attrs: { value: t.formCustomer.name, placeholder: t.$t("name.placeholder"), size: "medium", filled: "" }, on: { input: function(n) {
1204
- return t.$emit("input", { key: "customer.name", value: n });
1205
- } } })], 1), e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("region.label")) + " "), e("CSelect", { attrs: { value: t.formCustomer.region, "select-class": "input is-filled", placeholder: t.$t("region.placeholder") }, on: { input: function(n) {
1206
- return t.$emit("input", { key: "customer.region", value: n });
1207
- } } }, t._l(t.sortedRegions, function({ key: n, title: a }) {
1208
- return e("option", { key: n, domProps: { value: n } }, [t._v(" " + t._s(a) + " ")]);
1209
- }), 0)], 1), e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("email.label")) + " "), e("CField", { attrs: { validator: t.$v.formCustomer.email, messages: t.messages.email, expanded: "" } }, [e("CInput", { attrs: { value: t.formCustomer.email, placeholder: t.$t("email.placeholder"), size: "medium", filled: "" }, on: { input: function(n) {
1210
- return t.$emit("input", { key: "customer.email", value: n });
1211
- } } })], 1)], 1)]], 2), e("div", { staticClass: "anim-block p-block" }, [e("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: t.isPosting, type: "secondary", wide: "", size: "medium", "icon-right": "arrow-right" }, on: { click: t.submit } }, [t._v(" " + t._s(t.$t("submitButton", { plan: t.uiPlan.name })) + " ")])], 1)])]), e("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "faq" } }, [e("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "600", "margin-bottom": ".5em", padding: "calc(1 * var(--rem))" }, domProps: { textContent: t._s(t.$t("faq.title")) } }), t._l(6, function(n) {
1212
- return e("CAccordion", { key: n, attrs: { "default-open": null }, scopedSlots: t._u([{ key: "trigger", fn: function({ expanded: a }) {
1213
- return e("div", { staticClass: "list-button" }, [e("span", { domProps: { textContent: t._s(t.$t(`faq.items.${n - 1}.title`, { brand: t.$t("_common:brand.name") })) } }), e("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${a ? "0deg" : "180deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
1214
- } }], null, !0) }, [e("div", { staticStyle: { "font-size": "14px", opacity: "0.65", padding: "0 calc(.5 * var(--rem)) calc(2 * var(--rem)) calc(.5 * var(--rem))" }, domProps: { textContent: t._s(t.$t(`faq.items.${n - 1}.text`, { brand: t.$t("_common:brand.name") })) } })]);
1215
- })], 2)]), e("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "reasonableUse" } }, [e("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "600", padding: "calc(1 * var(--rem))" }, domProps: { textContent: t._s(t.$t("reasonableUse.title")) } }), e("div", { staticStyle: { "font-size": "15px", opacity: "0.75", padding: "0 calc(1 * var(--rem)) calc(2 * var(--rem))" }, domProps: { textContent: t._s(t.$t("reasonableUse.text", { brand: t.$t("_common:brand.name") })) } }), e("div", { staticStyle: { padding: "0 calc(1 * var(--rem))" } }, t._l(t.reasonableUseQuotas, function(n, a) {
1216
- return e("div", { key: a, staticStyle: { "font-size": "14px", "margin-bottom": "calc(1 * var(--rem))" } }, [e("span", { staticStyle: { "font-weight": "500", "padding-right": "0.5ch" }, domProps: { textContent: t._s(t.$t(`reasonableUse.${n.type}`) + ":") } }), e("span", { staticStyle: { opacity: "0.75", "padding-right": "0.5ch" }, domProps: { textContent: t._s(t.$t("reasonableUse.quotaIncluded", { count: n.count })) } }), n.cost ? e("span", { staticStyle: { opacity: "0.75" }, domProps: { textContent: t._s(t.$t("reasonableUse.quotaExtra", { cost: n.cost })) } }) : t._e()]);
1203
+ } }, slot: "suffix" }, [t._v(" " + t._s(t.$t("_common:change")) + " ")])], 1)], 1)], 1) : t._e(), e("div", { directives: [{ name: "show", rawName: "v-show", value: !t.useExistingCard, expression: "!useExistingCard" }], staticClass: "bg-gray-100", staticStyle: { width: "400px", padding: "1em 1em", "border-radius": "0.5em", "min-height": "54px" }, attrs: { id: "card-element" } }), e("div", { directives: [{ name: "show", rawName: "v-show", value: t.elementsError && !t.useExistingCard, expression: "elementsError && !useExistingCard" }], staticClass: "pt-2 text-red-500", domProps: { textContent: t._s(t.elementsError) } })])]), e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("name.label")) + " "), e("CInput", { attrs: { value: t.formCustomer.name, placeholder: t.$t("name.placeholder"), size: "medium", filled: "" }, on: { input: function(a) {
1204
+ return t.$emit("input", { key: "customer.name", value: a });
1205
+ } } })], 1), e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("region.label")) + " "), e("CSelect", { attrs: { value: t.formCustomer.region, "select-class": "input is-filled", placeholder: t.$t("region.placeholder") }, on: { input: function(a) {
1206
+ return t.$emit("input", { key: "customer.region", value: a });
1207
+ } } }, t._l(t.sortedRegions, function({ key: a, title: n }) {
1208
+ return e("option", { key: a, domProps: { value: a } }, [t._v(" " + t._s(n) + " ")]);
1209
+ }), 0)], 1), e("div", { staticClass: "p-block" }, [t._v(" " + t._s(t.$t("email.label")) + " "), e("CField", { attrs: { validator: t.$v.formCustomer.email, messages: t.messages.email, expanded: "" } }, [e("CInput", { attrs: { value: t.formCustomer.email, placeholder: t.$t("email.placeholder"), size: "medium", filled: "" }, on: { input: function(a) {
1210
+ return t.$emit("input", { key: "customer.email", value: a });
1211
+ } } })], 1)], 1)]], 2), e("div", { staticClass: "anim-block p-block" }, [e("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: t.isPosting, type: "secondary", wide: "", size: "medium", "icon-right": "arrow-right" }, on: { click: t.submit } }, [t._v(" " + t._s(t.$t("submitButton", { plan: t.uiPlan.name })) + " ")])], 1)])]), e("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "faq" } }, [e("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "600", "margin-bottom": ".5em", padding: "calc(1 * var(--rem))" }, domProps: { textContent: t._s(t.$t("faq.title")) } }), t._l(6, function(a) {
1212
+ return e("CAccordion", { key: a, attrs: { "default-open": null }, scopedSlots: t._u([{ key: "trigger", fn: function({ expanded: n }) {
1213
+ return e("div", { staticClass: "list-button" }, [e("span", { domProps: { textContent: t._s(t.$t(`faq.items.${a - 1}.title`, { brand: t.$t("_common:brand.name") })) } }), e("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${n ? "0deg" : "180deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
1214
+ } }], null, !0) }, [e("div", { staticStyle: { "font-size": "14px", opacity: "0.65", padding: "0 calc(.5 * var(--rem)) calc(2 * var(--rem)) calc(.5 * var(--rem))" }, domProps: { textContent: t._s(t.$t(`faq.items.${a - 1}.text`, { brand: t.$t("_common:brand.name") })) } })]);
1215
+ })], 2)]), e("modal", { staticClass: "overflow-visible primary", attrs: { adaptive: !0, scrollable: !0, "max-width": 400, height: "auto", width: "90%", classes: "primary overflow-visible", name: "reasonableUse" } }, [e("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "600", padding: "calc(1 * var(--rem))" }, domProps: { textContent: t._s(t.$t("reasonableUse.title")) } }), e("div", { staticStyle: { "font-size": "15px", opacity: "0.75", padding: "0 calc(1 * var(--rem)) calc(2 * var(--rem))" }, domProps: { textContent: t._s(t.$t("reasonableUse.text", { brand: t.$t("_common:brand.name") })) } }), e("div", { staticStyle: { padding: "0 calc(1 * var(--rem))" } }, t._l(t.reasonableUseQuotas, function(a, n) {
1216
+ return e("div", { key: n, staticStyle: { "font-size": "14px", "margin-bottom": "calc(1 * var(--rem))" } }, [e("span", { staticStyle: { "font-weight": "500", "padding-right": "0.5ch" }, domProps: { textContent: t._s(t.$t(`reasonableUse.${a.type}`) + ":") } }), e("span", { staticStyle: { opacity: "0.75", "padding-right": "0.5ch" }, domProps: { textContent: t._s(t.$t("reasonableUse.quotaIncluded", { count: a.count })) } }), a.cost ? e("span", { staticStyle: { opacity: "0.75" }, domProps: { textContent: t._s(t.$t("reasonableUse.quotaExtra", { cost: a.cost })) } }) : t._e()]);
1217
1217
  }), 0)])])], 1);
1218
1218
  }, Ot = [], Qt = /* @__PURE__ */ d(
1219
1219
  Vt,
@@ -1221,7 +1221,7 @@ var Et = function() {
1221
1221
  Ot,
1222
1222
  !1,
1223
1223
  null,
1224
- "b5b143cd",
1224
+ "2358af30",
1225
1225
  null,
1226
1226
  null
1227
1227
  );
@@ -1247,6 +1247,9 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1247
1247
  You'll <span style="font-weight: 600;">only</span> have the new subscription active after the switch.
1248
1248
  Your old subscription will get replaced.
1249
1249
  `
1250
+ },
1251
+ widget: {
1252
+ text: `Service provided by ${h[v.brand].name}. <a href="${h[v.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Terms</a> for ${h[v.brand].name}.`
1250
1253
  }
1251
1254
  },
1252
1255
  features: {
@@ -1306,6 +1309,9 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1306
1309
  Du kommer <span style="font-weight: 600;">enbart</span> ha det nya abonnemanget aktivt efter bytet.
1307
1310
  Ditt gamla abonemmang kommer att ersättas.
1308
1311
  `
1312
+ },
1313
+ widget: {
1314
+ text: `Tjänsten tillhandahålls via ${h[v.brand].name}. <a href="${h[v.brand].termsOfService.url}" target="_blank" class="font-semibold underline">Villkor</a> för ${h[v.brand].name}.`
1309
1315
  }
1310
1316
  },
1311
1317
  features: {
@@ -1378,7 +1384,7 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1378
1384
  forceShowBase: (r) => r.route.query.base,
1379
1385
  routeDeal: (r) => r.route.query.deal
1380
1386
  }),
1381
- ...h({
1387
+ ...C({
1382
1388
  accountType: "application/companyAccountType",
1383
1389
  subscription: "application/subscription",
1384
1390
  formPlan: "stripe/formPlan",
@@ -1426,8 +1432,8 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1426
1432
  },
1427
1433
  prettyPlans() {
1428
1434
  const r = [], t = this.subscription.maxProjectManagers === 1 && this.subscription.mrr < 4e4 || !["base", "pro"].includes(this.accountType), e = () => {
1429
- const n = this.subscription.isStripeLegacy || this.subscription.paymentMethod === "invoice", a = this.subscription.billingCycleInterval === "month" && this.subscription.mrr < 45e3 || this.subscription.billingCycleInterval === "year" && this.subscription.mrr < 38e3;
1430
- return n && !this.forceShowBase ? a : !0;
1435
+ const a = this.subscription.isStripeLegacy || this.subscription.paymentMethod === "invoice", n = this.subscription.billingCycleInterval === "month" && this.subscription.mrr < 45e3 || this.subscription.billingCycleInterval === "year" && this.subscription.mrr < 38e3;
1436
+ return a && !this.forceShowBase ? n : !0;
1431
1437
  };
1432
1438
  return t && r.push({
1433
1439
  name: "Start",
@@ -1485,7 +1491,7 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1485
1491
  this.resetStripeForm(), await this.loadPrices(), await this.suggestQuantity(), await this.handlePossibleDeal(), this.isEdit = !!this.subscriptions.length;
1486
1492
  },
1487
1493
  methods: {
1488
- ...k({
1494
+ ...w({
1489
1495
  loadPrices: p.LOAD_PRICES,
1490
1496
  resetStripeForm: p.RESET_STRIPE_FORM,
1491
1497
  setFormValue: p.SET_STRIPE_FORM_VALUE,
@@ -1540,9 +1546,9 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1540
1546
  const t = tt(r);
1541
1547
  if (t.accountType && (this.plan = t.accountType), t.accountTypeInterval && (this.interval = t.accountTypeInterval), t.accountQuantity && (this.quantity = t.accountQuantity), t.dealSource && (this.dealSource = t.dealSource), t.items) {
1542
1548
  const e = [];
1543
- Object.keys(t.items).forEach((n) => {
1544
- const a = this.getProductByPriceId(n);
1545
- a && e.push({ ...a, quantity: t.items[n] });
1549
+ Object.keys(t.items).forEach((a) => {
1550
+ const n = this.getProductByPriceId(a);
1551
+ n && e.push({ ...n, quantity: t.items[a] });
1546
1552
  }), e.length && this.setFormValue({
1547
1553
  key: "products",
1548
1554
  value: [
@@ -1560,17 +1566,17 @@ const qt = Qt.exports, Jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAA
1560
1566
  };
1561
1567
  var Mt = function() {
1562
1568
  var t = this, e = t._self._c;
1563
- return e("div", { staticClass: "relative grid h-full px-12 py-8 overflow-auto bg-white font-inter anime-payment-modal font-base place-items-center" }, [e("div", { staticStyle: { position: "absolute", left: "1em", top: "0.5em", display: "inline-flex", "z-index": "10" } }, [e("CButton", { attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: function(n) {
1569
+ return e("div", { staticClass: "relative grid h-full px-12 py-8 overflow-auto bg-white font-inter anime-payment-modal font-base place-items-center" }, [e("div", { staticStyle: { position: "absolute", left: "1em", top: "0.5em", display: "inline-flex", "z-index": "10" } }, [e("CButton", { attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: function(a) {
1564
1570
  return t.$emit("close");
1565
- } } }), t.view === "form" ? e("CButton", { staticStyle: { "margin-left": "2px" }, attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "arrow-left" }, on: { click: t.onReset } }) : t._e()], 1), t.calloutMode ? e("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))" } }, [e("BaseIcon", { staticClass: "absolute left-4 top-5 text-primary-800", attrs: { type: "info", size: "20" } }), e("div", { staticClass: "font-semibold text-primary-800", domProps: { textContent: t._s(t.$t(`callout.${t.calloutMode}.title`)) } }), e("div", { staticClass: "text-sm opacity-70", domProps: { innerHTML: t._s(t.$t(`callout.${t.calloutMode}.text`)) } })], 1) : t._e(), e("div", [t.view === "select" ? e("PremiumStripeSelect", { attrs: { plan: t.plan, interval: t.interval, plans: t.prettyPlans }, on: { "update:plan": function(n) {
1566
- t.plan = n;
1567
- }, "update:interval": function(n) {
1568
- t.interval = n;
1569
- }, next: function(n) {
1571
+ } } }), t.view === "form" ? e("CButton", { staticStyle: { "margin-left": "2px" }, attrs: { "icon-props": { size: 20 }, pattern: "tertiary", type: "none", circle: "", icon: "arrow-left" }, on: { click: t.onReset } }) : t._e()], 1), t.calloutMode ? e("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))" } }, [e("BaseIcon", { staticClass: "absolute left-4 top-5 text-primary-800", attrs: { type: "info", size: "20" } }), e("div", { staticClass: "font-semibold text-primary-800", domProps: { textContent: t._s(t.$t(`callout.${t.calloutMode}.title`)) } }), e("div", { staticClass: "text-sm opacity-70", domProps: { innerHTML: t._s(t.$t(`callout.${t.calloutMode}.text`)) } })], 1) : t._e(), t.$view === "widget" && t.view !== "success" ? e("div", { staticClass: "flex justify-center absolute left-1/2 top-4 -translate-x-1/2 text-xs" }, [e("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: t._s(t.$t("callout.widget.text")) } })]) : t._e(), e("div", [t.view === "select" ? e("PremiumStripeSelect", { attrs: { plan: t.plan, interval: t.interval, plans: t.prettyPlans }, on: { "update:plan": function(a) {
1572
+ t.plan = a;
1573
+ }, "update:interval": function(a) {
1574
+ t.interval = a;
1575
+ }, next: function(a) {
1570
1576
  t.view = "form";
1571
- } } }) : t.view === "form" ? e("PremiumStripeForm", { attrs: { "ui-plan": t.prettyPlans.find((n) => n.accountType === t.plan), "form-plan": t.formPlan }, on: { "update:interval": function(n) {
1572
- t.interval = n;
1573
- }, input: t.setFormValue, success: t.goToSuccess } }) : t.view === "success" ? e("div", { staticClass: "flex flex-col items-center justify-center w-full h-full text-center" }, [e("Confetti", { attrs: { animate: t.animateConfetti } }), t.isEdit ? t._e() : e("div", { staticClass: "success-block", staticStyle: { "font-size": "calc(18px + 2vw)", "font-weight": "800" } }, [t._v(" " + t._s(t.$t("success.title")) + " ")]), e("div", { staticClass: "success-block", staticStyle: { "font-size": "20px", opacity: "0.7" } }, [t._v(" " + t._s(t.isEdit ? t.$t("success.subTitleEdit") : t.$t("success.subTitle")) + " ")]), e("CButton", { staticClass: "success-block", staticStyle: { "margin-top": "3em" }, attrs: { type: "secondary", size: "medium", rounded: "" }, on: { click: function(n) {
1577
+ } } }) : t.view === "form" ? e("PremiumStripeForm", { attrs: { "ui-plan": t.prettyPlans.find((a) => a.accountType === t.plan), "form-plan": t.formPlan }, on: { "update:interval": function(a) {
1578
+ t.interval = a;
1579
+ }, input: t.setFormValue, success: t.goToSuccess } }) : t.view === "success" ? e("div", { staticClass: "flex flex-col items-center justify-center w-full h-full text-center" }, [e("Confetti", { attrs: { animate: t.animateConfetti } }), t.isEdit ? t._e() : e("div", { staticClass: "success-block", staticStyle: { "font-size": "calc(18px + 2vw)", "font-weight": "800" } }, [t._v(" " + t._s(t.$t("success.title")) + " ")]), e("div", { staticClass: "success-block", staticStyle: { "font-size": "20px", opacity: "0.7" } }, [t._v(" " + t._s(t.isEdit ? t.$t("success.subTitleEdit") : t.$t("success.subTitle")) + " ")]), e("CButton", { staticClass: "success-block", staticStyle: { "margin-top": "3em" }, attrs: { type: "secondary", size: "medium", rounded: "" }, on: { click: function(a) {
1574
1580
  return t.closeAndContinue();
1575
1581
  } } }, [t._v(t._s(t.$t("success.closeButton")))])], 1) : t._e()], 1)]);
1576
1582
  }, Rt = [], jt = /* @__PURE__ */ d(
@@ -1586,7 +1592,7 @@ var Mt = function() {
1586
1592
  const zt = jt.exports, Nt = {
1587
1593
  name: "IsPremium",
1588
1594
  computed: {
1589
- ...h({
1595
+ ...C({
1590
1596
  subscription: "application/subscription",
1591
1597
  companyAccount: "application/companyAccount",
1592
1598
  stripeCustomDealToken: "settings/stripeCustomDealToken"
@@ -1604,7 +1610,7 @@ const zt = jt.exports, Nt = {
1604
1610
  return !0;
1605
1611
  },
1606
1612
  canCreateDocument() {
1607
- return this.subscription.freeDocumentsLeft > 0 || v(this.companyAccount, "documentQuota.priceExtra.value") !== null;
1613
+ return this.subscription.freeDocumentsLeft > 0 || g(this.companyAccount, "documentQuota.priceExtra.value") !== null;
1608
1614
  },
1609
1615
  openSubscription() {
1610
1616
  return "openSubscription" in this.$route.query;
@@ -1627,12 +1633,12 @@ const zt = jt.exports, Nt = {
1627
1633
  * @param {Function} obj.onClosed Optional callback to run after Stripe modal is closed
1628
1634
  */
1629
1635
  openUpgradeModal({ suggestedQuantity: r = null, callback: t = null, onClosed: e = null } = {}) {
1630
- let n = () => null, a = () => null;
1631
- typeof t == "function" && (n = t), typeof e == "function" && (a = e), this.$modal.show(
1636
+ let a = () => null, n = () => null;
1637
+ typeof t == "function" && (a = t), typeof e == "function" && (n = e), this.$modal.show(
1632
1638
  zt,
1633
1639
  {
1634
1640
  suggestedQuantity: r,
1635
- onUpgrade: n
1641
+ onUpgrade: a
1636
1642
  },
1637
1643
  {
1638
1644
  adaptive: !0,
@@ -1645,7 +1651,7 @@ const zt = jt.exports, Nt = {
1645
1651
  },
1646
1652
  {
1647
1653
  closed: () => {
1648
- typeof a == "function" && a();
1654
+ typeof n == "function" && n();
1649
1655
  }
1650
1656
  }
1651
1657
  );
@@ -1813,30 +1819,30 @@ const re = {
1813
1819
  }
1814
1820
  }
1815
1821
  };
1816
- var ne = function() {
1822
+ var ae = function() {
1817
1823
  var t = this, e = t._self._c;
1818
1824
  return e("div", { staticClass: "root font-inter" }, [e("div", { staticClass: "lock-wrapper has-text-white" }, [e("BaseIcon", { attrs: { type: "lock", size: "24" } })], 1), e("div", { staticStyle: { width: "100%" } }, [e("div", { staticClass: "flex items-center justify-center" }, [e("div", { staticClass: "badge-premium" }, [t._v(t._s(t.$t(`badge.${t.plan}`)))])]), e("div", { staticStyle: { "text-align": "center" } }, [t._t("default", function() {
1819
1825
  return [t._t("image"), e("div", { staticClass: "title" }, [t._v(t._s(t.title))]), e("div", { staticClass: "sub-title" }, [t._v(t._s(t.subTitle))])];
1820
- }), t.$slots.content ? e("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [t._t("content")], 2) : t._e()], 2), e("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [e("IsPremium", { scopedSlots: t._u([{ key: "default", fn: function({ openUpgradeModal: n, isLegacy: a, showCalloutConvertStripe: i }) {
1821
- return [e("div", [a || i ? e("CalloutLegacy", { attrs: { mode: a ? "legacy" : "invoice" } }) : t._e(), e("CButton", { attrs: { loading: t.isLoading, disabled: a || i, type: "secondary", wide: "" }, on: { click: function(s) {
1822
- return t.onActionClick(t.actionFunction || n);
1826
+ }), t.$slots.content ? e("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [t._t("content")], 2) : t._e()], 2), e("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [e("IsPremium", { scopedSlots: t._u([{ key: "default", fn: function({ openUpgradeModal: a, isLegacy: n, showCalloutConvertStripe: i }) {
1827
+ return [e("div", [n || i ? e("CalloutLegacy", { attrs: { mode: n ? "legacy" : "invoice" } }) : t._e(), e("CButton", { attrs: { loading: t.isLoading, disabled: n || i, type: "secondary", wide: "" }, on: { click: function(s) {
1828
+ return t.onActionClick(t.actionFunction || a);
1823
1829
  } } }, [t._t("actionText", function() {
1824
1830
  return [t._v(t._s(t.$t("upgradeButton")))];
1825
1831
  })], 2)], 1)];
1826
- } }], null, !0) }), e("div", { staticStyle: { "margin-top": "5px" } }, [e("CButton", { attrs: { type: "none", pattern: "tertiary", wide: "" }, on: { click: function(n) {
1832
+ } }], null, !0) }), e("div", { staticStyle: { "margin-top": "5px" } }, [e("CButton", { attrs: { type: "none", pattern: "tertiary", wide: "" }, on: { click: function(a) {
1827
1833
  return t.$parent.$emit("close");
1828
1834
  } } }, [t._v(" " + t._s(t.$t("cancelButton")) + " ")])], 1)], 1)])]);
1829
- }, ae = [], se = /* @__PURE__ */ d(
1835
+ }, ne = [], se = /* @__PURE__ */ d(
1830
1836
  re,
1831
- ne,
1832
1837
  ae,
1838
+ ne,
1833
1839
  !1,
1834
1840
  null,
1835
- "993cb5cc",
1841
+ "8329e310",
1836
1842
  null,
1837
1843
  null
1838
1844
  );
1839
- const g = se.exports, ie = {
1845
+ const y = se.exports, ie = {
1840
1846
  i18nOptions: {
1841
1847
  namespaces: "winProfile",
1842
1848
  keyPrefix: "account.subscription.winProfile",
@@ -1855,7 +1861,7 @@ const g = se.exports, ie = {
1855
1861
  },
1856
1862
  name: "PremiumRestrictedWinProfile",
1857
1863
  components: {
1858
- PremiumRestrictedBase: g
1864
+ PremiumRestrictedBase: y
1859
1865
  },
1860
1866
  props: {
1861
1867
  onUpgrade: {
@@ -1893,7 +1899,7 @@ const ue = ce.exports, de = {
1893
1899
  },
1894
1900
  name: "PremiumRestrictedTemplates",
1895
1901
  components: {
1896
- PremiumRestrictedBase: g
1902
+ PremiumRestrictedBase: y
1897
1903
  },
1898
1904
  props: {
1899
1905
  onUpgrade: {
@@ -1939,7 +1945,7 @@ const ve = fe.exports, ge = {
1939
1945
  },
1940
1946
  name: "PremiumRestrictedDocuments",
1941
1947
  components: {
1942
- PremiumRestrictedBase: g
1948
+ PremiumRestrictedBase: y
1943
1949
  },
1944
1950
  props: {
1945
1951
  onUpgrade: {
@@ -1956,7 +1962,7 @@ const ve = fe.exports, ge = {
1956
1962
  };
1957
1963
  },
1958
1964
  computed: {
1959
- ...h({
1965
+ ...C({
1960
1966
  getCompanyUserSetting: "settings/getCompanyUserSetting",
1961
1967
  user: "application/user",
1962
1968
  account: "application/companyAccount"
@@ -1966,36 +1972,36 @@ const ve = fe.exports, ge = {
1966
1972
  try {
1967
1973
  et("/documentLimitReached", {});
1968
1974
  } catch (r) {
1969
- L(r, { showMessage: !1 });
1975
+ T(r, { showMessage: !1 });
1970
1976
  }
1971
1977
  },
1972
1978
  async mounted() {
1973
1979
  this.checkFreeDocVoucher();
1974
1980
  },
1975
1981
  methods: {
1976
- ...k({
1982
+ ...w({
1977
1983
  loadCurrentCompany: p.DO_LOAD_CURRENT_COMPANY
1978
1984
  }),
1979
1985
  async checkFreeDocVoucher() {
1980
1986
  var t, e;
1981
1987
  if (this.canUseFreeDocVoucher = !1, ((t = this.account) == null ? void 0 : t.accountType) !== "free")
1982
1988
  return;
1983
- const r = JSON.parse(x.getItem("voucher-freeUserDocs-company-id"));
1989
+ const r = JSON.parse(I.getItem("voucher-freeUserDocs-company-id"));
1984
1990
  ((e = this.account) == null ? void 0 : e.CompanyId) !== r && (this.canUseFreeDocVoucher = await this.canUseVoucher());
1985
1991
  },
1986
1992
  async canUseVoucher() {
1987
1993
  try {
1988
1994
  return await q.canUse("freeUserDocs"), !0;
1989
1995
  } catch {
1990
- return x.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), !1;
1996
+ return I.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), !1;
1991
1997
  }
1992
1998
  },
1993
1999
  async useFreeDocsVoucher() {
1994
2000
  this.isLoading = !0;
1995
2001
  try {
1996
- await q.post({ code: "freeUserDocs" }), x.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), await this.loadCurrentCompany(), rt("success", this.$t("voucherSuccessMessage", { count: this.voucherDocCount })), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade();
2002
+ await q.post({ code: "freeUserDocs" }), I.setItem("voucher-freeUserDocs-company-id", this.account.CompanyId), await this.loadCurrentCompany(), rt("success", this.$t("voucherSuccessMessage", { count: this.voucherDocCount })), this.onUpgrade && typeof this.onUpgrade == "function" && this.onUpgrade();
1997
2003
  } catch (r) {
1998
- L(r);
2004
+ T(r);
1999
2005
  } finally {
2000
2006
  this.isLoading = !1;
2001
2007
  }
@@ -2031,7 +2037,7 @@ const Ae = Ce.exports, Pe = {
2031
2037
  },
2032
2038
  name: "PremiumRestrictedWinProfile",
2033
2039
  components: {
2034
- PremiumRestrictedBase: g
2040
+ PremiumRestrictedBase: y
2035
2041
  },
2036
2042
  props: {
2037
2043
  onUpgrade: {
@@ -2078,7 +2084,7 @@ const xe = {
2078
2084
  },
2079
2085
  name: "PremiumRestrictedLicenses",
2080
2086
  components: {
2081
- PremiumRestrictedBase: g
2087
+ PremiumRestrictedBase: y
2082
2088
  },
2083
2089
  props: {
2084
2090
  onUpgrade: {
@@ -2087,7 +2093,7 @@ const xe = {
2087
2093
  }
2088
2094
  },
2089
2095
  computed: {
2090
- ...h({
2096
+ ...C({
2091
2097
  subscription: "application/subscription",
2092
2098
  currentPlan: "stripe/currentPlan",
2093
2099
  formPlan: "stripe/formPlan"
@@ -2103,14 +2109,14 @@ const xe = {
2103
2109
  this.initLicense();
2104
2110
  },
2105
2111
  methods: {
2106
- ...k({
2112
+ ...w({
2107
2113
  loadCurrentCompany: p.DO_LOAD_CURRENT_COMPANY,
2108
2114
  loadPrices: p.LOAD_PRICES,
2109
2115
  resetStripeForm: p.RESET_STRIPE_FORM,
2110
2116
  updateFormValue: p.SET_STRIPE_FORM_VALUE,
2111
2117
  submitPlan: p.SUBMIT_FORM_PLAN
2112
2118
  }),
2113
- priceFormat: y,
2119
+ priceFormat: A,
2114
2120
  async initLicense() {
2115
2121
  this.subscription.paymentMethod === "stripe" && (await this.loadPrices(), await this.resetStripeForm(), this.updateFormValue({ key: "plan", value: this.currentPlan }));
2116
2122
  },
@@ -2127,7 +2133,7 @@ const xe = {
2127
2133
  else
2128
2134
  throw new Error("Cannot upgrade license as current paymentMethod is not valid");
2129
2135
  } catch (e) {
2130
- L(e);
2136
+ T(e);
2131
2137
  }
2132
2138
  t && await r();
2133
2139
  },
@@ -2137,7 +2143,7 @@ const xe = {
2137
2143
  return await this.loadCurrentCompany(), r;
2138
2144
  },
2139
2145
  async addInvoiceLicense() {
2140
- await nt(), await this.loadCurrentCompany();
2146
+ await at(), await this.loadCurrentCompany();
2141
2147
  }
2142
2148
  }
2143
2149
  };
@@ -2173,7 +2179,7 @@ const Te = {
2173
2179
  },
2174
2180
  name: "PremiumRestrictedLicenses",
2175
2181
  components: {
2176
- PremiumRestrictedBase: g
2182
+ PremiumRestrictedBase: y
2177
2183
  },
2178
2184
  props: {
2179
2185
  onUpgrade: {
@@ -2213,7 +2219,7 @@ const Oe = Ee.exports, Qe = {
2213
2219
  },
2214
2220
  name: "PremiumRestrictedStats",
2215
2221
  components: {
2216
- PremiumRestrictedBase: g
2222
+ PremiumRestrictedBase: y
2217
2223
  },
2218
2224
  props: {
2219
2225
  onUpgrade: {
@@ -2253,7 +2259,7 @@ const Xe = Ue.exports, Fe = {
2253
2259
  },
2254
2260
  name: "PremiumRestrictedStats",
2255
2261
  components: {
2256
- PremiumRestrictedBase: g
2262
+ PremiumRestrictedBase: y
2257
2263
  },
2258
2264
  props: {
2259
2265
  onUpgrade: {
@@ -2275,7 +2281,7 @@ var Me = function() {
2275
2281
  null,
2276
2282
  null
2277
2283
  );
2278
- const ze = je.exports, H = {
2284
+ const ze = je.exports, B = {
2279
2285
  winProfile: ue,
2280
2286
  templates: ve,
2281
2287
  documents: Ae,
@@ -2290,12 +2296,12 @@ const ze = je.exports, H = {
2290
2296
  feature: {
2291
2297
  type: String,
2292
2298
  required: !0,
2293
- validator: (r) => Object.keys(H).includes(r)
2299
+ validator: (r) => Object.keys(B).includes(r)
2294
2300
  }
2295
2301
  },
2296
2302
  computed: {
2297
2303
  modalName() {
2298
- return H[this.feature] ? H[this.feature] : (at.error("Missing IsPremiumPreStep component name"), null);
2304
+ return B[this.feature] ? B[this.feature] : (nt.error("Missing IsPremiumPreStep component name"), null);
2299
2305
  }
2300
2306
  },
2301
2307
  methods: {
@@ -2332,10 +2338,10 @@ var Ke = /* @__PURE__ */ d(
2332
2338
  null,
2333
2339
  null
2334
2340
  );
2335
- const nr = Ke.exports;
2341
+ const ar = Ke.exports;
2336
2342
  export {
2337
2343
  ee as C,
2338
- nr as I,
2344
+ ar as I,
2339
2345
  zt as P,
2340
2346
  Zt as a,
2341
2347
  Lt as b,