npm - @solvimon/solvimon-web - Versions diffs - 0.1.0-alpha.12 → 0.1.0-alpha.14 - Mend

@solvimon/solvimon-web 0.1.0-alpha.12 → 0.1.0-alpha.14

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 (116) hide show

package/dist/screens/Checkout/Checkout.es.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import { ref, computed, onMounted, toRaw, watch, defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, useModel, createElementBlock, withModifiers, Fragment, createCommentVNode, createSlots, normalizeClass, mergeModels, renderSlot, renderList, toRef, nextTick, withDirectives, withKeys, vShow, defineAsyncComponent } from "vue";
-import { U as taxId, k as isEqual, V as convertDateRangeToTimePeriod, H as useValidation, J as objectDiff, W as isEmpty, u as useIntl, X as _sfc_main$q, _ as _sfc_main$r, Y as isEUCountry, Z as isValidCountryCode, $ as getCountryNameByCode, b as _sfc_main$s, M as _sfc_main$t, N as _sfc_main$u, e as _sfc_main$v, a0 as _sfc_main$w, O as _sfc_main$x, a1 as _sfc_main$y, a2 as _sfc_main$z, a3 as _sfc_main$A, a4 as TooltipContent, a5 as _sfc_main$B, a6 as formatBillingPeriod, x as formatAmount, a7 as _sfc_main$D, a8 as useTimePeriod, f as _sfc_main$E, a9 as _sfc_main$G, aa as _sfc_main$H, ab as _sfc_main$I, l as _sfc_main$J, D as _sfc_main$L, ac as _sfc_main$M, ad as usePricingItem, ae as _sfc_main$N, af as _sfc_main$O, ag as uniqueId, B as _sfc_main$P } from "../../vendor-ui-C0K3osvz.mjs";
-import { a as useLogger, _ as _sfc_main$Q, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
-import { c as createSubscriptionsService } from "../../subscriptions-ClGIr_aS.mjs";
+import { ref, computed, onMounted, watch, defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, useModel, createElementBlock, withModifiers, Fragment, createCommentVNode, createSlots, normalizeClass, mergeModels, renderList, renderSlot, toRef, nextTick, withDirectives, withKeys, vShow, defineAsyncComponent } from "vue";
+import { V as taxId, k as isEqual, W as convertDateRangeToTimePeriod, K as useValidation, L as objectDiff, X as isEmpty, u as useIntl, Y as _sfc_main$o, b as _sfc_main$p, Z as isEUCountry, $ as isValidCountryCode, a0 as getCountryNameByCode, _ as _sfc_main$q, O as _sfc_main$r, Q as _sfc_main$s, e as _sfc_main$t, a1 as _sfc_main$u, R as _sfc_main$v, a2 as _sfc_main$w, a3 as _sfc_main$x, a4 as _sfc_main$y, a5 as TooltipContent, a6 as _sfc_main$z, a7 as formatBillingPeriod, y as formatAmount, a8 as _sfc_main$B, a9 as useTimePeriod, f as _sfc_main$C, aa as _sfc_main$E, ab as _sfc_main$F, D as _sfc_main$G, F as _sfc_main$I, ac as _sfc_main$J, l as _sfc_main$K, ad as usePricingItem, ae as _sfc_main$L, af as _sfc_main$M, ag as uniqueId, C as _sfc_main$N } from "../../vendor-ui-CdOX_IS-.mjs";
+import { a as useLogger, _ as _sfc_main$Q, d as defineCustomElement, g as getComponentName } from "../../component-CGfjV_7z.mjs";
+import { c as createSubscriptionsService } from "../../subscriptions-BIGqt2N0.mjs";
 import { A as ApiStatus } from "../../ApiStatus-CyNDp_op.mjs";
-import { c as createInvoicesService } from "../../invoices-DIYPN2j_.mjs";
+import { c as createInvoicesService } from "../../invoices-Rs-QBUGS.mjs";
 import { a as requiredIf, r as required, e as email } from "../../index-CzL1ZcGi.mjs";
-import { u as useWatchDebounced } from "../../useWatchDebounced-D1xuIX6_.mjs";
-import { c as createPaymentMethodsService } from "../../paymentMethods-67b3UlTZ.mjs";
-import { u as useService } from "../../useService-BsSEI8DZ.mjs";
-import { u as usePortal } from "../../usePortal-cmE08vYs.mjs";
-import { c as createCustomerService } from "../../customer-B31QzznT.mjs";
-import { _ as _sfc_main$C, e as getAdyenExpressCheckoutConfiguration, c as transformObjectToAdyenObject, d as createReturnUrl, s as safeUrlRedirect } from "../../adyen-Bwewy3HC.mjs";
-import { _ as _sfc_main$F } from "../../PricingGroupContent.vue_vue_type_script_setup_true_lang-BChVMzCj.mjs";
+import { u as useWatchDebounced } from "../../useWatchDebounced-Zmxd6InB.mjs";
+import { c as createPaymentMethodsService } from "../../paymentMethods-DOH9-6M1.mjs";
+import { u as useService } from "../../useService-BcYQRxPS.mjs";
+import { u as usePortal } from "../../usePortal-CpW3EDD-.mjs";
+import { c as createCustomerService } from "../../customer-Bn6GdxP8.mjs";
+import { _ as _sfc_main$A, e as getAdyenExpressCheckoutConfiguration, c as transformObjectToAdyenObject, d as createReturnUrl, s as safeUrlRedirect } from "../../adyen-D0yvZvq5.mjs";
+import { _ as _sfc_main$D, a as _sfc_main$O, b as _sfc_main$P } from "../../SecurePaymentsKPI.vue_vue_type_script_setup_true_lang-D-BFQZiM.mjs";
 import { u as useViewport } from "../../useViewport-Bu0cyeSi.mjs";
-import { _ as _sfc_main$K } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
-import { c as createPaymentsService } from "../../payments-Dq6R37Fz.mjs";
+import { _ as _sfc_main$H } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { c as createPaymentsService } from "../../payments-DGPENXiS.mjs";
 import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
 function getFirstPricingPlanScheduleOfType({
   pricingPlanScheduleInfos,
@@ -576,7 +576,7 @@ function useCheckoutForm({
   const updateInitialState = (state) => {
     const newState = getInitialState({ ...form.value, ...state });
     form.value = newState;
-    initialFormState.value = structuredClone(toRaw(newState));
+    initialFormState.value = structuredClone(newState);
   };
   const requiredFields = computed(
     () => getRequiredFieldsForCountry(form.value.country)
@@ -627,9 +627,11 @@ function useCheckoutForm({
   onMounted(async () => {
     await getCountryFromGeoLocationService(initialState == null ? void 0 : initialState.country);
   });
-  useWatchDebounced(() => structuredClone(toRaw(form.value)), handleFormChange, {
-    debounce: 200
-  });
+  useWatchDebounced(
+    () => JSON.parse(JSON.stringify(form.value)),
+    handleFormChange,
+    { debounce: 200 }
+  );
   return {
     form,
     validation,
@@ -1011,15 +1013,19 @@ function useCheckoutView({
     } catch {
     }
   });
-  watch(shouldLoadPaymentMethodOptions, (shouldLoad) => {
-    if (shouldLoad) {
-      void loadPaymentMethodOptions({
-        subscriptionId: subscription.value.id,
-        country: checkoutForm.form.value.country,
-        amount: amount.value
-      });
-    }
-  }, { once: true });
+  watch(
+    shouldLoadPaymentMethodOptions,
+    (shouldLoad) => {
+      if (shouldLoad) {
+        void loadPaymentMethodOptions({
+          subscriptionId: subscription.value.id,
+          country: checkoutForm.form.value.country,
+          amount: amount.value
+        });
+      }
+    },
+    { once: true }
+  );
   return {
     invoicePreview: invoicePreview.invoicePreview,
     invoicePreviewByBillingPeriod: invoicePreview.invoicePreviewByBillingPeriod,
@@ -1114,8 +1120,8 @@ function usePromotionCode({
 function isFieldError(error) {
   return typeof error === "object" && error !== null && "field" in error;
 }
-const _hoisted_1$m = { class: "flex items-center gap-2" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "flex items-center gap-2" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "TaxIDCheckNotice",
   props: {
     taxIdValidationResult: { type: Object }
@@ -1138,13 +1144,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$q), {
+      return openBlock(), createBlock(unref(_sfc_main$o), {
         type: isTaxIdValid.value ? "success" : "danger",
         icon: false
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$m, [
-            createVNode(unref(_sfc_main$r), { variant: "body-xs" }, {
+          createElementVNode("div", _hoisted_1$k, [
+            createVNode(unref(_sfc_main$p), { variant: "body-xs" }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(taxIdValidationMessage.value), 1)
               ]),
@@ -1209,16 +1215,16 @@ function useTaxIDValidationCheck(form) {
     isSelectedCountryEU
   };
 }
-const _hoisted_1$l = { class: "grid grid-cols-1 gap-1" };
-const _hoisted_2$d = { class: "grid grid-cols-1 gap-2" };
-const _hoisted_3$7 = { key: 0 };
+const _hoisted_1$j = { class: "grid grid-cols-1 gap-1" };
+const _hoisted_2$c = { class: "grid grid-cols-1 gap-2" };
+const _hoisted_3$6 = { key: 0 };
 const _hoisted_4$5 = { class: "mt-2 flex flex-col gap-3" };
 const _hoisted_5$4 = { class: "grid grid-cols-3 gap-2" };
 const _hoisted_6$2 = { class: "flex grow flex-col" };
 const _hoisted_7$1 = { key: 0 };
 const _hoisted_8$1 = { class: "mt-4 grid grid-cols-1 gap-3" };
 const FORM_ID = "checkout-form";
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "CheckoutForm",
   props: /* @__PURE__ */ mergeModels({
     validation: { type: null },
@@ -1271,8 +1277,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         id: FORM_ID,
         onSubmit: _cache[12] || (_cache[12] = withModifiers(($event) => _ctx.$emit("submit", model.value), ["prevent"]))
       }, [
-        createElementVNode("div", _hoisted_1$l, [
-          createVNode(unref(_sfc_main$s), {
+        createElementVNode("div", _hoisted_1$j, [
+          createVNode(unref(_sfc_main$q), {
             title: unref($t)({
               defaultMessage: "Customer information",
               id: "checkout.contact_information_block.title",
@@ -1280,9 +1286,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             })
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_2$d, [
+              createElementVNode("div", _hoisted_2$c, [
                 __props.readOnly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createVNode(unref(_sfc_main$r), {
+                  createVNode(unref(_sfc_main$p), {
                     variant: "body",
                     tag: "span",
                     weight: "semibold",
@@ -1293,7 +1299,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(unref(_sfc_main$r), {
+                  createVNode(unref(_sfc_main$p), {
                     variant: "body-sm",
                     tag: "span",
                     shade: "lighter",
@@ -1305,7 +1311,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createVNode(unref(_sfc_main$t), {
+                  createVNode(unref(_sfc_main$r), {
                     modelValue: model.value.email,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value.email = $event),
                     required: "",
@@ -1324,7 +1330,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                     }) + getOptionalSuffix("email"),
                     error: __props.validation.value.email.$errors
                   }, null, 8, ["modelValue", "disabled", "label", "placeholder", "error"]),
-                  createVNode(unref(_sfc_main$u), {
+                  createVNode(unref(_sfc_main$s), {
                     "single-model-value": country.value,
                     "onUpdate:singleModelValue": _cache[3] || (_cache[3] = ($event) => country.value = $event),
                     required: "",
@@ -1337,7 +1343,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                     error: __props.validation.value.country.$errors
                   }, {
                     "label-suffix": withCtx(() => [
-                      !showBillingDetails.value && !__props.isBillingInformationMandatory ? (openBlock(), createBlock(unref(_sfc_main$v), {
+                      !showBillingDetails.value && !__props.isBillingInformationMandatory ? (openBlock(), createBlock(unref(_sfc_main$t), {
                         key: 0,
                         size: "xs",
                         variant: "ghost",
@@ -1354,7 +1360,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
-                      showBillingDetails.value && !__props.isBillingInformationMandatory ? (openBlock(), createBlock(unref(_sfc_main$v), {
+                      showBillingDetails.value && !__props.isBillingInformationMandatory ? (openBlock(), createBlock(unref(_sfc_main$t), {
                         key: 1,
                         size: "sm",
                         variant: "ghost",
@@ -1376,11 +1382,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   }, 8, ["single-model-value", "label", "error"])
                 ], 64))
               ]),
-              createVNode(unref(_sfc_main$w), null, {
+              createVNode(unref(_sfc_main$u), null, {
                 default: withCtx(() => [
-                  showBillingDetails.value || __props.isBillingInformationMandatory ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+                  showBillingDetails.value || __props.isBillingInformationMandatory ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
                     createElementVNode("div", _hoisted_4$5, [
-                      createVNode(unref(_sfc_main$t), {
+                      createVNode(unref(_sfc_main$r), {
                         modelValue: model.value.addressLine1,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => model.value.addressLine1 = $event),
                         name: "address_line_1",
@@ -1397,7 +1403,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         required: "",
                         error: __props.validation.value.addressLine1.$errors
                       }, null, 8, ["modelValue", "label", "placeholder", "error"]),
-                      createVNode(unref(_sfc_main$t), {
+                      createVNode(unref(_sfc_main$r), {
                         modelValue: model.value.addressLine2,
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => model.value.addressLine2 = $event),
                         name: "address_line_2",
@@ -1408,7 +1414,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         }) + getOptionalSuffix("addressLine2")
                       }, null, 8, ["modelValue", "placeholder"]),
                       createElementVNode("div", _hoisted_5$4, [
-                        createVNode(unref(_sfc_main$t), {
+                        createVNode(unref(_sfc_main$r), {
                           modelValue: model.value.postalCode,
                           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => model.value.postalCode = $event),
                           name: "postal_code",
@@ -1419,7 +1425,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                           }) + getOptionalSuffix("postalCode"),
                           error: __props.validation.value.addressLine1.$errors
                         }, null, 8, ["modelValue", "placeholder", "error"]),
-                        createVNode(unref(_sfc_main$t), {
+                        createVNode(unref(_sfc_main$r), {
                           modelValue: model.value.city,
                           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => model.value.city = $event),
                           name: "city",
@@ -1429,7 +1435,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                             description: "City of the customer address in the checkout form"
                           }) + getOptionalSuffix("city")
                         }, null, 8, ["modelValue", "placeholder"]),
-                        createVNode(unref(_sfc_main$t), {
+                        createVNode(unref(_sfc_main$r), {
                           modelValue: model.value.state,
                           "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => model.value.state = $event),
                           name: "state",
@@ -1449,9 +1455,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["title"]),
-          !__props.readOnly ? (openBlock(), createBlock(unref(_sfc_main$s), { key: 0 }, {
+          !__props.readOnly ? (openBlock(), createBlock(unref(_sfc_main$q), { key: 0 }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$x), {
+              createVNode(unref(_sfc_main$v), {
                 modelValue: companyPurchaseModel.value,
                 "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => companyPurchaseModel.value = $event),
                 "no-spacing": "",
@@ -1460,7 +1466,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               }, {
                 "inline-label": withCtx(() => [
                   createElementVNode("div", _hoisted_6$2, [
-                    createVNode(unref(_sfc_main$r), { tag: "span" }, {
+                    createVNode(unref(_sfc_main$p), { tag: "span" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref($t)({
                           defaultMessage: "Company purchase",
@@ -1470,7 +1476,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$r), {
+                    createVNode(unref(_sfc_main$p), {
                       tag: "span",
                       variant: "body-xs",
                       shade: "lighter"
@@ -1488,11 +1494,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              createVNode(unref(_sfc_main$w), null, {
+              createVNode(unref(_sfc_main$u), null, {
                 default: withCtx(() => [
                   isCompanyPurchase.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
                     createElementVNode("div", _hoisted_8$1, [
-                      createVNode(unref(_sfc_main$t), {
+                      createVNode(unref(_sfc_main$r), {
                         modelValue: model.value.companyLegalName,
                         "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => model.value.companyLegalName = $event),
                         required: "",
@@ -1508,7 +1514,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                           description: "The legal name of the organization customer in the checkout form"
                         })
                       }, null, 8, ["modelValue", "label", "placeholder"]),
-                      showVatIdInput.value ? (openBlock(), createBlock(unref(_sfc_main$t), {
+                      showVatIdInput.value ? (openBlock(), createBlock(unref(_sfc_main$r), {
                         key: 0,
                         modelValue: model.value.companyVatNumber,
                         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => model.value.companyVatNumber = $event),
@@ -1530,7 +1536,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         unref(isEUCountry)(model.value.country ?? "") ? {
                           name: "suffix",
                           fn: withCtx(() => [
-                            createVNode(unref(_sfc_main$v), {
+                            createVNode(unref(_sfc_main$t), {
                               type: "button",
                               size: "sm",
                               color: "green",
@@ -1554,7 +1560,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         key: 1,
                         class: normalizeClass({ "opacity-75": unref(isTaxIDCheckPending) })
                       }, [
-                        createVNode(_sfc_main$p, { "tax-id-validation-result": unref(taxIdValidationData) }, null, 8, ["tax-id-validation-result"])
+                        createVNode(_sfc_main$n, { "tax-id-validation-result": unref(taxIdValidationData) }, null, 8, ["tax-id-validation-result"])
                       ], 2)) : createCommentVNode("", true)
                     ])
                   ])) : createCommentVNode("", true)
@@ -1569,13 +1575,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$i = {
   key: 0,
   class: "flex items-center"
 };
-const _hoisted_2$c = ["innerHTML"];
-const _hoisted_3$6 = ["innerHTML"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_2$b = ["innerHTML"];
+const _hoisted_3$5 = ["innerHTML"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CheckoutTitle",
   props: {
     trialPeriod: { type: Object },
@@ -1591,7 +1597,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", null, [
-          createVNode(unref(_sfc_main$r), {
+          createVNode(unref(_sfc_main$p), {
             variant: "heading-1",
             class: "inline-block"
           }, {
@@ -1601,7 +1607,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 id: "checkout.page_title",
                 description: "The title of the checkout page"
               })) + toDisplayString(" "), 1),
-              __props.trialPeriod ? (openBlock(), createBlock(unref(_sfc_main$y), {
+              __props.trialPeriod ? (openBlock(), createBlock(unref(_sfc_main$w), {
                 key: 0,
                 "trial-period": __props.trialPeriod,
                 size: "lg",
@@ -1611,18 +1617,18 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
-        createVNode(unref(_sfc_main$r), {
+        createVNode(unref(_sfc_main$p), {
           variant: "body-sm",
           shade: "lighter",
           "no-spacing": ""
         }, {
           default: withCtx(() => [
-            !__props.countryCode ? (openBlock(), createElementBlock("span", _hoisted_1$k, [
-              createVNode(unref(_sfc_main$z), { "is-dark-mode": "" }, {
+            !__props.countryCode ? (openBlock(), createElementBlock("span", _hoisted_1$i, [
+              createVNode(unref(_sfc_main$x), { "is-dark-mode": "" }, {
                 tooltip: withCtx(() => [
                   createVNode(unref(TooltipContent), null, {
                     default: withCtx(() => [
-                      createVNode(unref(_sfc_main$B), null, {
+                      createVNode(unref(_sfc_main$z), null, {
                         default: withCtx(() => [
                           createTextVNode(toDisplayString(unref($t)({
                             defaultMessage: "Will be determined by billing information",
@@ -1637,7 +1643,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   })
                 ]),
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$A), {
+                  createVNode(unref(_sfc_main$y), {
                     "width-class": "w-10",
                     "height-class": "h-4",
                     shade: "darker",
@@ -1674,7 +1680,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     })
                   }
                 )
-              }, null, 8, _hoisted_2$c)
+              }, null, 8, _hoisted_2$b)
             ])) : (openBlock(), createElementBlock("span", {
               key: 1,
               innerHTML: __props.trialStartDate ? unref($t)(
@@ -1710,7 +1716,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   strong: (text) => `<strong>${text}</strong>`
                 }
               )
-            }, null, 8, _hoisted_3$6))
+            }, null, 8, _hoisted_3$5))
           ]),
           _: 1
         })
@@ -1733,9 +1739,9 @@ const isInvoiceUsageBased = (invoice) => {
     )
   )) ?? false;
 };
-const _hoisted_1$j = { class: "flex w-full min-h-96 justify-center items-center" };
-const _hoisted_2$b = { class: "max-w-sm" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { class: "flex w-full min-h-96 justify-center items-center" };
+const _hoisted_2$a = { class: "max-w-sm" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CheckoutNotAvailable",
   setup(__props) {
     const { $t } = useIntl();
@@ -1743,9 +1749,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       window.location.reload();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createElementVNode("div", _hoisted_2$b, [
-          createVNode(unref(_sfc_main$r), { variant: "heading-1" }, {
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createElementVNode("div", _hoisted_2$a, [
+          createVNode(unref(_sfc_main$p), { variant: "heading-1" }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref($t)({
                 defaultMessage: "Checkout not available",
@@ -1755,7 +1761,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(unref(_sfc_main$r), {
+          createVNode(unref(_sfc_main$p), {
             variant: "body-sm",
             shade: "lighter"
           }, {
@@ -1787,13 +1793,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "SubscriptionPaymentCompletedCard",
   emits: ["continue-to-merchant"],
   setup(__props) {
     const { $t } = useIntl();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$C, {
+      return openBlock(), createBlock(_sfc_main$A, {
         status: "success",
         title: unref($t)({
           defaultMessage: "Payment successful",
@@ -1802,7 +1808,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$r), {
+          createVNode(unref(_sfc_main$p), {
             variant: "body-xs",
             shade: "lighter",
             tag: "span"
@@ -1816,7 +1822,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(unref(_sfc_main$v), {
+          createVNode(unref(_sfc_main$t), {
             color: "gray",
             variant: "outline",
             size: "xs",
@@ -1838,9 +1844,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "flex flex-row gap-3 px-3 py-2" };
-const _hoisted_2$a = { class: "grow" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = { class: "flex flex-row gap-3 px-3 py-2" };
+const _hoisted_2$9 = { class: "grow" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SubscriptionSummary",
   props: {
     subscription: { type: Object },
@@ -1887,15 +1893,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return names;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        __props.avatar ? (openBlock(), createBlock(unref(_sfc_main$D), {
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        __props.avatar ? (openBlock(), createBlock(unref(_sfc_main$B), {
           key: 0,
           "image-src": __props.avatar,
           size: "lg",
           class: "my-1"
         }, null, 8, ["image-src"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$a, [
-          createVNode(unref(_sfc_main$r), {
+        createElementVNode("div", _hoisted_2$9, [
+          createVNode(unref(_sfc_main$p), {
             variant: "body",
             weight: "semibold",
             "no-spacing": ""
@@ -1905,7 +1911,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          selectedPricings.value ? (openBlock(), createBlock(unref(_sfc_main$r), {
+          selectedPricings.value ? (openBlock(), createBlock(unref(_sfc_main$p), {
             key: 0,
             variant: "body-xs",
             shade: "lighter",
@@ -1916,7 +1922,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          description.value ? (openBlock(), createBlock(unref(_sfc_main$r), {
+          description.value ? (openBlock(), createBlock(unref(_sfc_main$p), {
             key: 1,
             variant: "body-xs",
             shade: "lighter",
@@ -1935,15 +1941,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "sv-order-summary__body grid grid-cols-1 gap-1" };
-const _hoisted_2$9 = { class: "px-3 py-2" };
-const _hoisted_3$5 = { class: "sv-order-summary__billing-period flex flex-col gap-3" };
+const _hoisted_1$f = { class: "sv-order-summary__body grid grid-cols-1 gap-1" };
+const _hoisted_2$8 = { class: "px-3 py-2" };
+const _hoisted_3$4 = { class: "sv-order-summary__billing-period flex flex-col gap-3" };
 const _hoisted_4$4 = { class: "px-3 py-2" };
 const _hoisted_5$3 = {
   key: 3,
   class: "sv-order-summary__items"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "OrderSummary",
   props: {
     subscription: { type: Object },
@@ -2165,7 +2171,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           label,
           subLabel: getSelectedPeriodAmountLabel(period),
           labelSuffixComponent: saveText ? {
-            component: _sfc_main$E,
+            component: _sfc_main$C,
             props: {
               color: "primary",
               content: saveText,
@@ -2224,7 +2230,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       selectedBillingPeriodKey.value = checked ? biggestPeriod : smallestPeriod;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$s), {
+      return openBlock(), createBlock(unref(_sfc_main$q), {
         class: "sv-order-summary",
         "no-border": "",
         "no-spacing": "",
@@ -2236,13 +2242,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$h, [
-            createVNode(unref(_sfc_main$s), {
+          createElementVNode("div", _hoisted_1$f, [
+            createVNode(unref(_sfc_main$q), {
               "no-spacing": "",
               class: "sv-order-summary__subscription"
             }, {
               default: withCtx(() => [
-                __props.subscription ? (openBlock(), createBlock(_sfc_main$k, {
+                __props.subscription ? (openBlock(), createBlock(_sfc_main$i, {
                   key: 0,
                   avatar: __props.avatar,
                   invoice: __props.invoice,
@@ -2254,7 +2260,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            billingPeriodOptions.value.length === 2 ? (openBlock(), createBlock(unref(_sfc_main$s), {
+            billingPeriodOptions.value.length === 2 ? (openBlock(), createBlock(unref(_sfc_main$q), {
               key: 0,
               "no-spacing": "",
               "content-classes": selectedBillingPeriodKey.value === periodBounds.value.biggestPeriod ? "border-primary-500" : void 0
@@ -2262,15 +2268,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               default: withCtx(() => {
                 var _a;
                 return [
-                  createElementVNode("div", _hoisted_2$9, [
-                    createElementVNode("div", _hoisted_3$5, [
-                      highOption.value ? (openBlock(), createBlock(_sfc_main$F, {
+                  createElementVNode("div", _hoisted_2$8, [
+                    createElementVNode("div", _hoisted_3$4, [
+                      highOption.value ? (openBlock(), createBlock(_sfc_main$D, {
                         key: 0,
                         name: highOption.value.label,
                         description: ((_a = selectedBillingPeriodOption.value) == null ? void 0 : _a.subLabel) ?? ""
                       }, createSlots({
                         default: withCtx(() => [
-                          createVNode(unref(_sfc_main$x), {
+                          createVNode(unref(_sfc_main$v), {
                             "model-value": selectedBillingPeriodKey.value === periodBounds.value.biggestPeriod,
                             "onUpdate:modelValue": handleBinaryBillingToggle
                           }, null, 8, ["model-value"])
@@ -2280,7 +2286,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         toggleSaveText.value ? {
                           name: "badge",
                           fn: withCtx(() => [
-                            createVNode(unref(_sfc_main$E), {
+                            createVNode(unref(_sfc_main$C), {
                               color: "primary",
                               content: toggleSaveText.value,
                               size: saveBadgeSize.value,
@@ -2295,7 +2301,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ];
               }),
               _: 1
-            }, 8, ["content-classes"])) : billingPeriodOptions.value.length > 2 ? (openBlock(), createBlock(unref(_sfc_main$G), {
+            }, 8, ["content-classes"])) : billingPeriodOptions.value.length > 2 ? (openBlock(), createBlock(unref(_sfc_main$E), {
               key: 1,
               "single-model-value": selectedBillingPeriodKey.value,
               "onUpdate:singleModelValue": _cache[0] || (_cache[0] = ($event) => selectedBillingPeriodKey.value = $event),
@@ -2306,14 +2312,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               "show-sub-label-in-input": "",
               "show-suffix-in-closed-input": ""
             }, null, 8, ["single-model-value", "options"])) : createCommentVNode("", true),
-            __props.isUsageBased ? (openBlock(), createBlock(unref(_sfc_main$s), {
+            __props.isUsageBased ? (openBlock(), createBlock(unref(_sfc_main$q), {
               key: 2,
               "no-spacing": "",
               class: "sv-order-summary__usage"
             }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_4$4, [
-                  createVNode(unref(_sfc_main$r), {
+                  createVNode(unref(_sfc_main$p), {
                     "no-spacing": "",
                     variant: "body-sm",
                     shade: "lighter"
@@ -2332,14 +2338,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               _: 1
             })) : createCommentVNode("", true),
             __props.invoice && __props.variant !== "products-inline" ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
-              createVNode(unref(_sfc_main$H), {
+              createVNode(unref(_sfc_main$F), {
                 invoice: __props.invoice,
-                "wrapper-component": unref(_sfc_main$s)
+                "wrapper-component": unref(_sfc_main$q)
               }, null, 8, ["invoice", "wrapper-component"])
             ])) : createCommentVNode("", true),
-            createVNode(unref(_sfc_main$s), { class: "sv-order-summary__totals" }, {
+            createVNode(unref(_sfc_main$q), { class: "sv-order-summary__totals" }, {
               default: withCtx(() => [
-                __props.invoice ? (openBlock(), createBlock(unref(_sfc_main$I), {
+                __props.invoice ? (openBlock(), createBlock(unref(_sfc_main$G), {
                   key: 0,
                   class: "sv-order-summary__invoice-preview",
                   variant: __props.variant === "products-inline" ? "default" : "without-products",
@@ -2349,7 +2355,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   collapsible: __props.collapsible,
                   "is-preview-without-taxes": !__props.countryCode,
                   "is-customer-facing": ""
-                }, null, 8, ["variant", "invoice", "trial-invoice", "is-paid", "collapsible", "is-preview-without-taxes"])) : (openBlock(), createBlock(unref(_sfc_main$r), {
+                }, null, 8, ["variant", "invoice", "trial-invoice", "is-paid", "collapsible", "is-preview-without-taxes"])) : (openBlock(), createBlock(unref(_sfc_main$p), {
                   key: 1,
                   variant: "body-sm",
                   shade: "lighter",
@@ -2374,67 +2380,19 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "sv-empty-state__body flex flex-col items-center justify-center py-4" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "EmptyStatePlaceholder",
-  props: {
-    icon: { type: null }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$s), { class: "sv-empty-state" }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$g, [
-            createVNode(unref(_sfc_main$J), {
-              icon: __props.icon,
-              size: "lg",
-              class: "sv-empty-state__icon text-gray-500"
-            }, null, 8, ["icon"]),
-            createVNode(unref(_sfc_main$r), {
-              center: "",
-              tag: "span",
-              variant: "body-sm",
-              weight: "semibold",
-              shade: "lighter",
-              class: "sv-empty-state__title mt-2"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "title")
-              ]),
-              _: 3
-            }),
-            createVNode(unref(_sfc_main$r), {
-              center: "",
-              tag: "span",
-              variant: "body-xs",
-              shade: "lightest",
-              class: "sv-empty-state__message mt-1"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "message")
-              ]),
-              _: 3
-            })
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _hoisted_1$f = {
+const _hoisted_1$e = {
   key: 0,
   id: "svg-logo",
   viewBox: "0 0 35 15",
   class: "h-[44px]"
 };
-const _hoisted_2$8 = {
+const _hoisted_2$7 = {
   key: 1,
   src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxcHgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxMDEgMzIiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHhtbG5zPSJodHRwOiYjeDJGOyYjeDJGO3d3dy53My5vcmcmI3gyRjsyMDAwJiN4MkY7c3ZnIj48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDEyLjIzNyAyLjggTCA0LjQzNyAyLjggQyAzLjkzNyAyLjggMy40MzcgMy4yIDMuMzM3IDMuNyBMIDAuMjM3IDIzLjcgQyAwLjEzNyAyNC4xIDAuNDM3IDI0LjQgMC44MzcgMjQuNCBMIDQuNTM3IDI0LjQgQyA1LjAzNyAyNC40IDUuNTM3IDI0IDUuNjM3IDIzLjUgTCA2LjQzNyAxOC4xIEMgNi41MzcgMTcuNiA2LjkzNyAxNy4yIDcuNTM3IDE3LjIgTCAxMC4wMzcgMTcuMiBDIDE1LjEzNyAxNy4yIDE4LjEzNyAxNC43IDE4LjkzNyA5LjggQyAxOS4yMzcgNy43IDE4LjkzNyA2IDE3LjkzNyA0LjggQyAxNi44MzcgMy41IDE0LjgzNyAyLjggMTIuMjM3IDIuOCBaIE0gMTMuMTM3IDEwLjEgQyAxMi43MzcgMTIuOSAxMC41MzcgMTIuOSA4LjUzNyAxMi45IEwgNy4zMzcgMTIuOSBMIDguMTM3IDcuNyBDIDguMTM3IDcuNCA4LjQzNyA3LjIgOC43MzcgNy4yIEwgOS4yMzcgNy4yIEMgMTAuNjM3IDcuMiAxMS45MzcgNy4yIDEyLjYzNyA4IEMgMTMuMTM3IDguNCAxMy4zMzcgOS4xIDEzLjEzNyAxMC4xIFoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDM1LjQzNyAxMCBMIDMxLjczNyAxMCBDIDMxLjQzNyAxMCAzMS4xMzcgMTAuMiAzMS4xMzcgMTAuNSBMIDMwLjkzNyAxMS41IEwgMzAuNjM3IDExLjEgQyAyOS44MzcgOS45IDI4LjAzNyA5LjUgMjYuMjM3IDkuNSBDIDIyLjEzNyA5LjUgMTguNjM3IDEyLjYgMTcuOTM3IDE3IEMgMTcuNTM3IDE5LjIgMTguMDM3IDIxLjMgMTkuMzM3IDIyLjcgQyAyMC40MzcgMjQgMjIuMTM3IDI0LjYgMjQuMDM3IDI0LjYgQyAyNy4zMzcgMjQuNiAyOS4yMzcgMjIuNSAyOS4yMzcgMjIuNSBMIDI5LjAzNyAyMy41IEMgMjguOTM3IDIzLjkgMjkuMjM3IDI0LjMgMjkuNjM3IDI0LjMgTCAzMy4wMzcgMjQuMyBDIDMzLjUzNyAyNC4zIDM0LjAzNyAyMy45IDM0LjEzNyAyMy40IEwgMzYuMTM3IDEwLjYgQyAzNi4yMzcgMTAuNCAzNS44MzcgMTAgMzUuNDM3IDEwIFogTSAzMC4zMzcgMTcuMiBDIDI5LjkzNyAxOS4zIDI4LjMzNyAyMC44IDI2LjEzNyAyMC44IEMgMjUuMDM3IDIwLjggMjQuMjM3IDIwLjUgMjMuNjM3IDE5LjggQyAyMy4wMzcgMTkuMSAyMi44MzcgMTguMiAyMy4wMzcgMTcuMiBDIDIzLjMzNyAxNS4xIDI1LjEzNyAxMy42IDI3LjIzNyAxMy42IEMgMjguMzM3IDEzLjYgMjkuMTM3IDE0IDI5LjczNyAxNC42IEMgMzAuMjM3IDE1LjMgMzAuNDM3IDE2LjIgMzAuMzM3IDE3LjIgWiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik0gNTUuMzM3IDEwIEwgNTEuNjM3IDEwIEMgNTEuMjM3IDEwIDUwLjkzNyAxMC4yIDUwLjczNyAxMC41IEwgNDUuNTM3IDE4LjEgTCA0My4zMzcgMTAuOCBDIDQzLjIzNyAxMC4zIDQyLjczNyAxMCA0Mi4zMzcgMTAgTCAzOC42MzcgMTAgQyAzOC4yMzcgMTAgMzcuODM3IDEwLjQgMzguMDM3IDEwLjkgTCA0Mi4xMzcgMjMgTCAzOC4yMzcgMjguNCBDIDM3LjkzNyAyOC44IDM4LjIzNyAyOS40IDM4LjczNyAyOS40IEwgNDIuNDM3IDI5LjQgQyA0Mi44MzcgMjkuNCA0My4xMzcgMjkuMiA0My4zMzcgMjguOSBMIDU1LjgzNyAxMC45IEMgNTYuMTM3IDEwLjYgNTUuODM3IDEwIDU1LjMzNyAxMCBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA2Ny43MzcgMi44IEwgNTkuOTM3IDIuOCBDIDU5LjQzNyAyLjggNTguOTM3IDMuMiA1OC44MzcgMy43IEwgNTUuNzM3IDIzLjYgQyA1NS42MzcgMjQgNTUuOTM3IDI0LjMgNTYuMzM3IDI0LjMgTCA2MC4zMzcgMjQuMyBDIDYwLjczNyAyNC4zIDYxLjAzNyAyNCA2MS4wMzcgMjMuNyBMIDYxLjkzNyAxOCBDIDYyLjAzNyAxNy41IDYyLjQzNyAxNy4xIDYzLjAzNyAxNy4xIEwgNjUuNTM3IDE3LjEgQyA3MC42MzcgMTcuMSA3My42MzcgMTQuNiA3NC40MzcgOS43IEMgNzQuNzM3IDcuNiA3NC40MzcgNS45IDczLjQzNyA0LjcgQyA3Mi4yMzcgMy41IDcwLjMzNyAyLjggNjcuNzM3IDIuOCBaIE0gNjguNjM3IDEwLjEgQyA2OC4yMzcgMTIuOSA2Ni4wMzcgMTIuOSA2NC4wMzcgMTIuOSBMIDYyLjgzNyAxMi45IEwgNjMuNjM3IDcuNyBDIDYzLjYzNyA3LjQgNjMuOTM3IDcuMiA2NC4yMzcgNy4yIEwgNjQuNzM3IDcuMiBDIDY2LjEzNyA3LjIgNjcuNDM3IDcuMiA2OC4xMzcgOCBDIDY4LjYzNyA4LjQgNjguNzM3IDkuMSA2OC42MzcgMTAuMSBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5MC45MzcgMTAgTCA4Ny4yMzcgMTAgQyA4Ni45MzcgMTAgODYuNjM3IDEwLjIgODYuNjM3IDEwLjUgTCA4Ni40MzcgMTEuNSBMIDg2LjEzNyAxMS4xIEMgODUuMzM3IDkuOSA4My41MzcgOS41IDgxLjczNyA5LjUgQyA3Ny42MzcgOS41IDc0LjEzNyAxMi42IDczLjQzNyAxNyBDIDczLjAzNyAxOS4yIDczLjUzNyAyMS4zIDc0LjgzNyAyMi43IEMgNzUuOTM3IDI0IDc3LjYzNyAyNC42IDc5LjUzNyAyNC42IEMgODIuODM3IDI0LjYgODQuNzM3IDIyLjUgODQuNzM3IDIyLjUgTCA4NC41MzcgMjMuNSBDIDg0LjQzNyAyMy45IDg0LjczNyAyNC4zIDg1LjEzNyAyNC4zIEwgODguNTM3IDI0LjMgQyA4OS4wMzcgMjQuMyA4OS41MzcgMjMuOSA4OS42MzcgMjMuNCBMIDkxLjYzNyAxMC42IEMgOTEuNjM3IDEwLjQgOTEuMzM3IDEwIDkwLjkzNyAxMCBaIE0gODUuNzM3IDE3LjIgQyA4NS4zMzcgMTkuMyA4My43MzcgMjAuOCA4MS41MzcgMjAuOCBDIDgwLjQzNyAyMC44IDc5LjYzNyAyMC41IDc5LjAzNyAxOS44IEMgNzguNDM3IDE5LjEgNzguMjM3IDE4LjIgNzguNDM3IDE3LjIgQyA3OC43MzcgMTUuMSA4MC41MzcgMTMuNiA4Mi42MzcgMTMuNiBDIDgzLjczNyAxMy42IDg0LjUzNyAxNCA4NS4xMzcgMTQuNiBDIDg1LjczNyAxNS4zIDg1LjkzNyAxNi4yIDg1LjczNyAxNy4yIFoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDA5Y2RlIiBkPSJNIDk1LjMzNyAzLjMgTCA5Mi4xMzcgMjMuNiBDIDkyLjAzNyAyNCA5Mi4zMzcgMjQuMyA5Mi43MzcgMjQuMyBMIDk1LjkzNyAyNC4zIEMgOTYuNDM3IDI0LjMgOTYuOTM3IDIzLjkgOTcuMDM3IDIzLjQgTCAxMDAuMjM3IDMuNSBDIDEwMC4zMzcgMy4xIDEwMC4wMzcgMi44IDk5LjYzNyAyLjggTCA5Ni4wMzcgMi44IEMgOTUuNjM3IDIuOCA5NS40MzcgMyA5NS4zMzcgMy4zIFoiPjwvcGF0aD48L3N2Zz4",
   role: "presentation",
   class: "h-[22px]"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "ExpressPaymentMethodButton",
   props: {
     type: { type: String }
@@ -2471,14 +2429,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       emit("click");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), {
+      return openBlock(), createBlock(unref(_sfc_main$t), {
         size: "lg",
         "aria-label": ariaLabel.value,
         class: normalizeClass([buttonClasses.value, "!block w-full h-11 bg-center bg-no-repeat"]),
         onClick: handleClick
       }, {
         default: withCtx(() => [
-          props.type === "applepay" ? (openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
+          props.type === "applepay" ? (openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
             createElementVNode("svg", {
               id: "svg-logo",
               x: "0",
@@ -2506,16 +2464,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 ])
               ])
             ], -1)
-          ])])) : props.type === "paypal" ? (openBlock(), createElementBlock("img", _hoisted_2$8)) : createCommentVNode("", true)
+          ])])) : props.type === "paypal" ? (openBlock(), createElementBlock("img", _hoisted_2$7)) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["aria-label", "class"]);
     };
   }
 });
-const _hoisted_1$e = { class: "absolute h-[1px] w-[1px] overflow-hidden opacity-0" };
+const _hoisted_1$d = { class: "absolute h-[1px] w-[1px] overflow-hidden opacity-0" };
 const PAYMENT_GATEWAY_VARIANT_ADYEN = "ADYEN";
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ExpressPaymentMethodApplePay",
   props: {
     onBillingInformationChange: { type: Function },
@@ -2750,12 +2708,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        __props.isVisible ? (openBlock(), createBlock(_sfc_main$h, {
+        __props.isVisible ? (openBlock(), createBlock(_sfc_main$g, {
           key: 0,
           type: "applepay",
           onClick: handleClick
         })) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$e, [
+        createElementVNode("div", _hoisted_1$d, [
           createElementVNode("div", {
             ref_key: "applePayButtonRef",
             ref: applePayButtonRef
@@ -2765,8 +2723,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "relative overflow-hidden" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "relative overflow-hidden" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ExpressPaymentMethodPaypal",
   props: {
     amount: { type: Object },
@@ -2825,8 +2783,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       void initPaypal();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        __props.isVisible ? (openBlock(), createBlock(_sfc_main$h, {
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        __props.isVisible ? (openBlock(), createBlock(_sfc_main$g, {
           key: 0,
           type: "paypal",
           class: "w-full"
@@ -2840,8 +2798,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "absolute h-[1px] w-[1px] overflow-hidden opacity-0" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "absolute h-[1px] w-[1px] overflow-hidden opacity-0" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ExpressPaymentMethodGooglePay",
   props: {
     amount: { type: Object },
@@ -2905,12 +2863,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        __props.isVisible ? (openBlock(), createBlock(_sfc_main$h, {
+        __props.isVisible ? (openBlock(), createBlock(_sfc_main$g, {
           key: 0,
           type: "googlepay",
           onClick: handleClick
         })) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_1$b, [
           createElementVNode("div", {
             ref_key: "googlePayButtonRef",
             ref: googlePayButtonRef
@@ -2920,15 +2878,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$a = {
   key: 0,
   class: "mt-4n"
 };
-const _hoisted_2$7 = { class: "mb-2" };
-const _hoisted_3$4 = { class: "grid grid-cols-6 gap-1 md:gap-2" };
+const _hoisted_2$6 = { class: "mb-2" };
+const _hoisted_3$3 = { class: "grid grid-cols-6 gap-1 md:gap-2" };
 const _hoisted_4$3 = { class: "h-4 mt-4" };
 const DEFAULT_EXPRESS_PAYMENT_BUTTON_COUNT = 2;
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ExpressPaymentMethods",
   props: {
     amount: { type: Object },
@@ -3002,12 +2960,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return (paymentMethodOptionsResponseEntryIncludingApplePay.value ? 1 : 0) + (paymentMethodOptionsResponseEntryIncludingGooglePay.value ? 1 : 0) + (paymentMethodOptionsResponseEntryIncludingPayPal.value ? 1 : 0);
     });
     return (_ctx, _cache) => {
-      return hasPaymentMethodOptions.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$7, [
-          !isReady.value ? (openBlock(), createBlock(_sfc_main$K, {
+      return hasPaymentMethodOptions.value ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_2$6, [
+          !isReady.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             variant: "title"
-          })) : (openBlock(), createBlock(unref(_sfc_main$r), {
+          })) : (openBlock(), createBlock(unref(_sfc_main$p), {
             key: 1,
             variant: "heading-3",
             tag: "h2"
@@ -3022,10 +2980,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             _: 1
           }))
         ]),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           !isReady.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createVNode(_sfc_main$K, { class: "h-11 col-span-3" }),
-            createVNode(_sfc_main$K, { class: "h-11 col-span-3" })
+            createVNode(_sfc_main$H, { class: "h-11 col-span-3" }),
+            createVNode(_sfc_main$H, { class: "h-11 col-span-3" })
           ], 64)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["col-span-3 md:col-span-2", {
@@ -3035,7 +2993,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "!col-span-6 md:!col-span-2": expressPaymentButtonCount.value === 3
             }])
           }, [
-            paymentMethodOptionsResponseEntryIncludingApplePay.value ? (openBlock(), createBlock(_sfc_main$g, {
+            paymentMethodOptionsResponseEntryIncludingApplePay.value ? (openBlock(), createBlock(_sfc_main$f, {
               key: 0,
               amount: __props.amount,
               "billing-information": __props.billingInformation,
@@ -3055,7 +3013,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "md:!col-span-3": expressPaymentButtonCount.value === 2
             }])
           }, [
-            paymentMethodOptionsResponseEntryIncludingGooglePay.value ? (openBlock(), createBlock(_sfc_main$e, {
+            paymentMethodOptionsResponseEntryIncludingGooglePay.value ? (openBlock(), createBlock(_sfc_main$d, {
               key: 0,
               amount: __props.amount,
               "billing-information": __props.billingInformation,
@@ -3073,7 +3031,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "md:!col-span-3": expressPaymentButtonCount.value === 2
             }])
           }, [
-            paymentMethodOptionsResponseEntryIncludingPayPal.value ? (openBlock(), createBlock(_sfc_main$f, {
+            paymentMethodOptionsResponseEntryIncludingPayPal.value ? (openBlock(), createBlock(_sfc_main$e, {
               key: 0,
               amount: __props.amount,
               "billing-information": __props.billingInformation,
@@ -3086,10 +3044,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ], 2)
         ]),
         createElementVNode("div", _hoisted_4$3, [
-          !isReady.value ? (openBlock(), createBlock(_sfc_main$K, {
+          !isReady.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             variant: "divider-text"
-          })) : (openBlock(), createBlock(unref(_sfc_main$L), {
+          })) : (openBlock(), createBlock(unref(_sfc_main$I), {
             key: 1,
             text: unref($t)({
               defaultMessage: "Or",
@@ -3103,8 +3061,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "grid grid-cols-2 gap-2" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "grid grid-cols-2 gap-2" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "TieredTableRow",
   props: {
     band: { type: Object },
@@ -3133,8 +3091,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return props.band.tier_top_bound.number;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createVNode(unref(_sfc_main$r), {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createVNode(unref(_sfc_main$p), {
           variant: "body-xs",
           shade: "lighter",
           tag: "div"
@@ -3167,7 +3125,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(unref(_sfc_main$r), {
+        createVNode(unref(_sfc_main$p), {
           variant: "body-xs",
           shade: "lighter",
           tag: "div",
@@ -3195,8 +3153,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "grid grid-cols-1 gap-0.5 pt-1.5" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "grid grid-cols-1 gap-0.5 pt-1.5" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TieredTable",
   props: {
     bands: { type: Array },
@@ -3204,9 +3162,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.bands, (band, index) => {
-          return openBlock(), createBlock(_sfc_main$c, {
+          return openBlock(), createBlock(_sfc_main$b, {
             key: index,
             band,
             "is-first": index === 0,
@@ -3260,12 +3218,12 @@ function useSeatBasedPricing({
     };
   });
 }
-const _hoisted_1$8 = { class: "flex flex-row-reverse md:flex-row gap-4" };
-const _hoisted_2$6 = { class: "w-24 md:w-32 shrink-0 justify-start" };
-const _hoisted_3$3 = ["tabindex"];
+const _hoisted_1$7 = { class: "flex flex-row-reverse md:flex-row gap-4" };
+const _hoisted_2$5 = { class: "w-24 md:w-32 shrink-0 justify-start" };
+const _hoisted_3$2 = ["tabindex"];
 const _hoisted_4$2 = { key: 0 };
 const _hoisted_5$2 = { key: 0 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SeatsEditorItem",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Object },
@@ -3302,9 +3260,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$8, [
-          createElementVNode("div", _hoisted_2$6, [
-            createVNode(unref(_sfc_main$M), {
+        createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_2$5, [
+            createVNode(unref(_sfc_main$J), {
               modelValue: seatsNumber.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => seatsNumber.value = $event),
               size: "sm",
@@ -3316,7 +3274,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             tabindex: isCollapsible.value ? 0 : void 0,
             onClick: _cache[1] || (_cache[1] = ($event) => isCollapsible.value ? isExpanded.value = !isExpanded.value : void 0)
           }, [
-            createVNode(unref(_sfc_main$r), {
+            createVNode(unref(_sfc_main$p), {
               tag: "span",
               variant: "body-sm",
               weight: "semibold"
@@ -3330,7 +3288,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            unref(seats).pricing.amount ? (openBlock(), createBlock(unref(_sfc_main$r), {
+            unref(seats).pricing.amount ? (openBlock(), createBlock(unref(_sfc_main$p), {
               key: 0,
               tag: "span",
               variant: "body-xs",
@@ -3353,7 +3311,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 )), 1)
               ]),
               _: 1
-            })) : unref(seats).pricing.tiered ? (openBlock(), createBlock(unref(_sfc_main$r), {
+            })) : unref(seats).pricing.tiered ? (openBlock(), createBlock(unref(_sfc_main$p), {
               key: 1,
               tag: "span",
               variant: "body-xs",
@@ -3365,7 +3323,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   id: "seats.tiered_pricing_label",
                   description: "The label indicating tiered pricing structure for seats"
                 })) + " ", 1),
-                createVNode(unref(_sfc_main$J), {
+                createVNode(unref(_sfc_main$K), {
                   icon: "keyboard_arrow_down",
                   size: "xs",
                   class: normalizeClass(["absolute transition ease-in-out text-gray-400", { "rotate-0": !isExpanded.value, "rotate-180": isExpanded.value }])
@@ -3373,13 +3331,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true)
-          ], 10, _hoisted_3$3)
+          ], 10, _hoisted_3$2)
         ]),
         ((_c = (_b = unref(seats).pricing) == null ? void 0 : _b.tiered) == null ? void 0 : _c.bands) ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-          createVNode(unref(_sfc_main$w), null, {
+          createVNode(unref(_sfc_main$u), null, {
             default: withCtx(() => [
               isExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                createVNode(_sfc_main$b, {
+                createVNode(_sfc_main$a, {
                   bands: unref(seats).pricing.tiered.bands,
                   period: unref(seats).billing.period
                 }, null, 8, ["bands", "period"])
@@ -3392,7 +3350,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "SeatsEditor",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Array },
@@ -3415,11 +3373,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (item, index) => {
-        return openBlock(), createBlock(unref(_sfc_main$s), { key: index }, {
+        return openBlock(), createBlock(unref(_sfc_main$q), { key: index }, {
           default: withCtx(() => {
             var _a;
             return [
-              item.pricing_item_config_id ? (openBlock(), createBlock(_sfc_main$a, {
+              item.pricing_item_config_id ? (openBlock(), createBlock(_sfc_main$9, {
                 key: item.pricing_item_config_id,
                 modelValue: itemModel(index).value,
                 "onUpdate:modelValue": ($event) => itemModel(index).value = $event,
@@ -3434,15 +3392,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "flex gap-4 border-l-2 border-primary-600 px-2" };
-const _hoisted_2$5 = { class: "grow" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "flex gap-4 border-l-2 border-primary-600 px-2" };
+const _hoisted_2$4 = { class: "grow" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PricingGroupTitle",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$5, [
-          createVNode(unref(_sfc_main$r), {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$4, [
+          createVNode(unref(_sfc_main$p), {
             tag: "span",
             variant: "body-sm",
             weight: "semibold"
@@ -3454,7 +3412,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           })
         ]),
         createElementVNode("div", null, [
-          createVNode(unref(_sfc_main$r), {
+          createVNode(unref(_sfc_main$p), {
             tag: "span",
             variant: "body-xs",
             shade: "lighter"
@@ -3469,9 +3427,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "p-1" };
-const _hoisted_2$4 = { class: "grid grid-cols-1 gap-1 pt-1" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "p-1" };
+const _hoisted_2$3 = { class: "grid grid-cols-1 gap-1 pt-1" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "AddonSingleEditor",
   props: /* @__PURE__ */ mergeModels({
     constraint: { type: String },
@@ -3530,10 +3488,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$s), { "no-spacing": "" }, {
+      return openBlock(), createBlock(unref(_sfc_main$q), { "no-spacing": "" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$6, [
-            createVNode(_sfc_main$8, null, {
+          createElementVNode("div", _hoisted_1$5, [
+            createVNode(_sfc_main$7, null, {
               title: withCtx(() => [
                 createTextVNode(toDisplayString(__props.groupName), 1)
               ]),
@@ -3542,9 +3500,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", _hoisted_2$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pricings, (pricing) => {
-                return openBlock(), createBlock(unref(_sfc_main$s), {
+                return openBlock(), createBlock(unref(_sfc_main$q), {
                   key: pricing.id,
                   "content-background": "none",
                   class: normalizeClass({ "!bg-white": isSelected(pricing.id) })
@@ -3552,7 +3510,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => {
                     var _a, _b;
                     return [
-                      createVNode(_sfc_main$F, {
+                      createVNode(_sfc_main$D, {
                         name: unref(getNameFromPricing)(pricing) ?? "",
                         description: ((_a = pricing.items) == null ? void 0 : _a[0]) ? unref(renderPricingForPricingItem)({
                           pricingItem: (_b = pricing.items) == null ? void 0 : _b[0]
@@ -3563,7 +3521,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         })
                       }, {
                         default: withCtx(() => [
-                          createVNode(unref(_sfc_main$x), {
+                          createVNode(unref(_sfc_main$v), {
                             "model-value": isSelected(pricing.id),
                             "onUpdate:modelValue": ($event) => handleToggle(pricing.id)
                           }, null, 8, ["model-value", "onUpdate:modelValue"])
@@ -3583,8 +3541,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "grid grid-cols-1 gap-1" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "grid grid-cols-1 gap-1" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "AddonMultipleEditor",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Array },
@@ -3616,7 +3574,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$s), {
+      return openBlock(), createBlock(unref(_sfc_main$q), {
         "no-spacing": "",
         "no-border": !__props.groupName,
         "content-background": __props.groupName ? "gray" : "none"
@@ -3625,7 +3583,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["grid grid-cols-1 gap-1", { "p-1": __props.groupName }])
           }, [
-            __props.groupName ? (openBlock(), createBlock(_sfc_main$8, { key: 0 }, {
+            __props.groupName ? (openBlock(), createBlock(_sfc_main$7, { key: 0 }, {
               title: withCtx(() => [
                 createTextVNode(toDisplayString(__props.groupName), 1)
               ]),
@@ -3638,9 +3596,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_1$5, [
+            createElementVNode("div", _hoisted_1$4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pricings, (pricing) => {
-                return openBlock(), createBlock(unref(_sfc_main$s), {
+                return openBlock(), createBlock(unref(_sfc_main$q), {
                   key: pricing.id,
                   "content-background": __props.groupName || isSelected(pricing.id) ? "none" : "gray",
                   class: normalizeClass({ "!bg-white": isSelected(pricing.id) })
@@ -3648,7 +3606,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => {
                     var _a, _b;
                     return [
-                      createVNode(_sfc_main$F, {
+                      createVNode(_sfc_main$D, {
                         name: unref(getNameFromPricing)(pricing) ?? "",
                         description: ((_a = pricing.items) == null ? void 0 : _a[0]) ? unref(renderPricingForPricingItem)({
                           pricingItem: (_b = pricing.items) == null ? void 0 : _b[0]
@@ -3659,7 +3617,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         })
                       }, {
                         default: withCtx(() => [
-                          isSelected(pricing.id) ? (openBlock(), createBlock(unref(_sfc_main$v), {
+                          isSelected(pricing.id) ? (openBlock(), createBlock(unref(_sfc_main$t), {
                             key: 0,
                             color: "gray",
                             variant: "outline",
@@ -3667,7 +3625,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                             size: "sm",
                             "icon-prefix": "remove_shopping_cart",
                             onClick: ($event) => handleToggle(pricing.id)
-                          }, null, 8, ["onClick"])) : (openBlock(), createBlock(unref(_sfc_main$v), {
+                          }, null, 8, ["onClick"])) : (openBlock(), createBlock(unref(_sfc_main$t), {
                             key: 1,
                             color: "primary",
                             "icon-prefix": "add",
@@ -3699,11 +3657,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "p-1" };
-const _hoisted_2$3 = { class: "pt-1" };
+const _hoisted_1$3 = { class: "p-1" };
+const _hoisted_2$2 = { class: "pt-1" };
 const SHOW_RADIO_GROUP_MAX_OPTIONS = 3;
 const SHOW_SELECT_MAX_OPTIONS = 6;
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "PricingGroupSingleEditor",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Array },
@@ -3763,31 +3721,31 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$s), { "no-spacing": "" }, {
+      return openBlock(), createBlock(unref(_sfc_main$q), { "no-spacing": "" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$4, [
-            createVNode(_sfc_main$8, null, {
+          createElementVNode("div", _hoisted_1$3, [
+            createVNode(_sfc_main$7, null, {
               title: withCtx(() => [
                 createTextVNode(toDisplayString(__props.groupName), 1)
               ]),
               _: 1
             }),
-            createElementVNode("div", _hoisted_2$3, [
-              options.value.length <= SHOW_RADIO_GROUP_MAX_OPTIONS ? (openBlock(), createBlock(unref(_sfc_main$N), {
+            createElementVNode("div", _hoisted_2$2, [
+              options.value.length <= SHOW_RADIO_GROUP_MAX_OPTIONS ? (openBlock(), createBlock(unref(_sfc_main$L), {
                 key: 0,
                 modelValue: singleModelValue.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => singleModelValue.value = $event),
                 options: getRadioGroupOptions(),
                 direction: unref(isMobileViewport) ? "column" : "row",
                 "show-radio": false
-              }, null, 8, ["modelValue", "options", "direction"])) : options.value.length <= SHOW_SELECT_MAX_OPTIONS ? (openBlock(), createBlock(unref(_sfc_main$G), {
+              }, null, 8, ["modelValue", "options", "direction"])) : options.value.length <= SHOW_SELECT_MAX_OPTIONS ? (openBlock(), createBlock(unref(_sfc_main$E), {
                 key: 1,
                 "single-model-value": singleModelValue.value,
                 "onUpdate:singleModelValue": _cache[1] || (_cache[1] = ($event) => singleModelValue.value = $event),
                 options: getSelectOptions(),
                 size: "xl",
                 "show-sub-label-in-input": ""
-              }, null, 8, ["single-model-value", "options"])) : (openBlock(), createBlock(unref(_sfc_main$O), {
+              }, null, 8, ["single-model-value", "options"])) : (openBlock(), createBlock(unref(_sfc_main$M), {
                 key: 2,
                 modelValue: singleModelValue.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => singleModelValue.value = $event),
@@ -3807,8 +3765,8 @@ function getAllPricingsFromPricingPlanVersion(pricingPlanVersion) {
   const pricings = ((_a = pricingPlanVersion.pricing_categories) == null ? void 0 : _a.flatMap((category) => category.pricings ?? [])) ?? [];
   return pricings.filter((pricing) => pricing !== null);
 }
-const _hoisted_1$3 = { class: "sv-plan-customization__body grid grid-cols-1 gap-1" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "sv-plan-customization__body grid grid-cols-1 gap-1" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PlanCustomizationEditor",
   props: /* @__PURE__ */ mergeModels({
     subscription: { type: Object },
@@ -3848,7 +3806,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       () => getPricingGroupsFromExtendedPricingPlanSubscription(props.subscription)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$s), {
+      return openBlock(), createBlock(unref(_sfc_main$q), {
         class: "sv-plan-customization",
         title: unref($t)({
           defaultMessage: "Customize plan",
@@ -3860,8 +3818,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "content-background": "none"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
-            createVNode(_sfc_main$9, {
+          createElementVNode("div", _hoisted_1$2, [
+            createVNode(_sfc_main$8, {
               modelValue: seatsModel.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => seatsModel.value = $event),
               class: "sv-plan-customization__seats",
@@ -3872,7 +3830,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment, {
                 key: pricingGroup.id
               }, [
-                pricingGroup.product_type === "DEFAULT" && pricingGroup.selection_constraint === "EXACTLY_ONE" ? (openBlock(), createBlock(_sfc_main$5, {
+                pricingGroup.product_type === "DEFAULT" && pricingGroup.selection_constraint === "EXACTLY_ONE" ? (openBlock(), createBlock(_sfc_main$4, {
                   key: 0,
                   modelValue: enabledPricingIdsModel.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => enabledPricingIdsModel.value = $event),
@@ -3881,7 +3839,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   pricings: pricingGroup.pricings,
                   "billing-period": __props.billingPeriod,
                   currency: __props.currency
-                }, null, 8, ["modelValue", "group-name", "pricings", "billing-period", "currency"])) : pricingGroup.product_type === "ADDON" && pricingGroup.selection_constraint === "AT_MOST_ONE" ? (openBlock(), createBlock(_sfc_main$7, {
+                }, null, 8, ["modelValue", "group-name", "pricings", "billing-period", "currency"])) : pricingGroup.product_type === "ADDON" && pricingGroup.selection_constraint === "AT_MOST_ONE" ? (openBlock(), createBlock(_sfc_main$6, {
                   key: 1,
                   modelValue: enabledPricingIdsModel.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => enabledPricingIdsModel.value = $event),
@@ -3891,7 +3849,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   constraint: pricingGroup.selection_constraint,
                   "billing-period": __props.billingPeriod,
                   currency: __props.currency
-                }, null, 8, ["modelValue", "group-name", "pricings", "constraint", "billing-period", "currency"])) : pricingGroup.product_type === "ADDON" && pricingGroup.selection_constraint === "ANY" ? (openBlock(), createBlock(_sfc_main$6, {
+                }, null, 8, ["modelValue", "group-name", "pricings", "constraint", "billing-period", "currency"])) : pricingGroup.product_type === "ADDON" && pricingGroup.selection_constraint === "ANY" ? (openBlock(), createBlock(_sfc_main$5, {
                   key: 2,
                   modelValue: enabledPricingIdsModel.value,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => enabledPricingIdsModel.value = $event),
@@ -3903,7 +3861,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["modelValue", "pricings", "group-name", "billing-period", "currency"])) : createCommentVNode("", true)
               ], 64);
             }), 128)),
-            createVNode(_sfc_main$6, {
+            createVNode(_sfc_main$5, {
               modelValue: enabledPricingIdsModel.value,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => enabledPricingIdsModel.value = $event),
               class: "sv-plan-customization__group",
@@ -3918,9 +3876,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["aria-expanded", "aria-label"];
-const _hoisted_2$2 = { class: "flex w-full cursor-pointer flex-row items-center justify-between gap-3 px-3 py-2" };
-const _hoisted_3$2 = { class: "flex flex-row items-center gap-2" };
+const _hoisted_1$1 = ["aria-expanded", "aria-label"];
+const _hoisted_2$1 = { class: "flex w-full cursor-pointer flex-row items-center justify-between gap-3 px-3 py-2" };
+const _hoisted_3$1 = { class: "flex flex-row items-center gap-2" };
 const _hoisted_4$1 = ["onKeydown"];
 const _hoisted_5$1 = ["aria-label"];
 const _hoisted_6$1 = { class: "flex w-full cursor-pointer flex-row items-center justify-between gap-3 px-3 py-2" };
@@ -3929,7 +3887,7 @@ const _hoisted_8 = {
   class: "sr-only",
   "aria-live": "polite"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PromotionCodeSection",
   props: {
     promotionCode: { default: null, type: [String, null] }
@@ -4050,7 +4008,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        !isApplied.value ? (openBlock(), createBlock(unref(_sfc_main$s), {
+        !isApplied.value ? (openBlock(), createBlock(unref(_sfc_main$q), {
           key: 0,
           "no-spacing": "",
           class: "relative w-full"
@@ -4066,10 +4024,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               "aria-label": toggleAriaLabel.value,
               onClick: toggleExpanded
             }, [
-              createElementVNode("div", _hoisted_2$2, [
-                createElementVNode("div", _hoisted_3$2, [
-                  createVNode(unref(_sfc_main$J), { icon: "local_activity" }),
-                  createVNode(unref(_sfc_main$r), {
+              createElementVNode("div", _hoisted_2$1, [
+                createElementVNode("div", _hoisted_3$1, [
+                  createVNode(unref(_sfc_main$K), { icon: "local_activity" }),
+                  createVNode(unref(_sfc_main$p), {
                     id: labelId,
                     variant: "body-sm"
                   }, {
@@ -4083,11 +4041,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ]),
-                createVNode(unref(_sfc_main$J), {
+                createVNode(unref(_sfc_main$K), {
                   icon: isExpanded.value ? "remove" : "add"
                 }, null, 8, ["icon"])
               ])
-            ], 8, _hoisted_1$2),
+            ], 8, _hoisted_1$1),
             withDirectives(createElementVNode("div", {
               id: panelId,
               ref_key: "panelRef",
@@ -4097,7 +4055,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               class: "flex w-full flex-row items-center gap-2 overflow-hidden border-t px-3 py-2",
               onKeydown: withKeys(withModifiers(collapseExpanded, ["prevent"]), ["esc"])
             }, [
-              createVNode(unref(_sfc_main$t), {
+              createVNode(unref(_sfc_main$r), {
                 modelValue: inputValue.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
                 placeholder: unref($t)({
@@ -4113,7 +4071,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 class: "w-full",
                 onKeydown: withKeys(withModifiers(applyCode, ["prevent"]), ["enter"])
               }, null, 8, ["modelValue", "placeholder", "aria-label", "onKeydown"]),
-              createVNode(unref(_sfc_main$v), {
+              createVNode(unref(_sfc_main$t), {
                 type: "button",
                 disabled: !canApply.value,
                 "aria-label": applyAriaLabel.value,
@@ -4134,7 +4092,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])
           ]),
           _: 1
-        })) : (openBlock(), createBlock(unref(_sfc_main$s), {
+        })) : (openBlock(), createBlock(unref(_sfc_main$q), {
           key: 1,
           "no-border": "",
           "no-spacing": "",
@@ -4150,8 +4108,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("div", _hoisted_6$1, [
                 createElementVNode("div", _hoisted_7, [
-                  createVNode(unref(_sfc_main$J), { icon: "local_activity" }),
-                  createVNode(unref(_sfc_main$r), {
+                  createVNode(unref(_sfc_main$K), { icon: "local_activity" }),
+                  createVNode(unref(_sfc_main$p), {
                     variant: "body-sm",
                     class: "font-semibold"
                   }, {
@@ -4161,7 +4119,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ]),
-                createVNode(unref(_sfc_main$J), { icon: "close" })
+                createVNode(unref(_sfc_main$K), { icon: "close" })
               ])
             ], 8, _hoisted_5$1)
           ]),
@@ -4172,75 +4130,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "flex justify-around" };
-const _hoisted_2$1 = { class: "flex items-center gap-0.5" };
-const _hoisted_3$1 = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "40",
-  height: "15",
-  fill: "none",
-  viewBox: "0 0 40 15",
-  class: "inline-block translate-y-[1px]"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "SecurePaymentsKPI",
-  props: {
-    paymentMethodOptions: { type: Array }
-  },
-  setup(__props) {
-    const props = __props;
-    const { $t } = useIntl();
-    const showAdyen = computed(
-      () => props.paymentMethodOptions.find(
-        ({ integration }) => {
-          var _a;
-          return ((_a = integration.payment_gateway) == null ? void 0 : _a.variant) === "ADYEN";
-        }
-      )
-    );
-    const securePaymentsText = computed(() => {
-      if (showAdyen.value) {
-        return $t({
-          defaultMessage: "Secure and encrypted payments by",
-          description: "Secure encrypted payments KPI for a specific vendor, followed by a vendor logo",
-          id: "secure_payments_kpi.specific_vendor"
-        });
-      }
-      return $t({
-        defaultMessage: "Secure and encrypted payments",
-        description: "Secure encrypted payments KPI",
-        id: "secure_payments_kpi.generic"
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
-          createVNode(unref(_sfc_main$J), {
-            icon: "lock",
-            size: "xs"
-          }),
-          createVNode(unref(_sfc_main$r), {
-            tag: "span",
-            variant: "body-xs",
-            shade: "lighter"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(securePaymentsText.value) + " ", 1),
-              showAdyen.value ? (openBlock(), createElementBlock("svg", _hoisted_3$1, [..._cache[0] || (_cache[0] = [
-                createElementVNode("path", {
-                  fill: "currentColor",
-                  d: "M.049 2.917h5.845c.646 0 1.17.522 1.17 1.166v5.834H1.217c-.646 0-1.17-.522-1.17-1.167V5.833h2.924v2.334H4.14v-3.5H.049zM32.784 2.917v7h2.922v-5.25h1.17v5.25h2.922V4.083c0-.644-.523-1.166-1.169-1.166zM16.417 12.833h5.845c.646 0 1.17-.522 1.17-1.166v-8.75h-2.924v5.25H19.34v-5.25h-2.922V8.75c0 .645.523 1.167 1.169 1.167h2.922v1.166h-4.091zM31.614 9.917H25.77c-.646 0-1.17-.522-1.17-1.167V2.917h5.846c.646 0 1.17.522 1.17 1.166V7h-2.923V4.667h-1.17v3.5h4.092zM15.248 0v9.917H9.402c-.646 0-1.17-.522-1.17-1.167V4.083c0-.644.524-1.166 1.17-1.166h1.754v5.25h1.169V0z"
-                }, null, -1)
-              ])])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-});
 const _hoisted_1 = { class: "sv-checkout__header" };
 const _hoisted_2 = {
   key: 5,
@@ -4265,7 +4154,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const PaymentIntegrationForm = defineAsyncComponent(
-      () => import("../../PaymentIntegrationForm-CkXYj9xs.mjs")
+      () => import("../../PaymentIntegrationForm-DX6kv0_v.mjs")
     );
     const props = __props;
     const emit = __emit;
@@ -4579,7 +4468,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("ready");
     });
     return (_ctx, _cache) => {
-      return criticalError.value ? (openBlock(), createBlock(_sfc_main$m, {
+      return criticalError.value ? (openBlock(), createBlock(_sfc_main$k, {
         key: 0,
         class: "sv-checkout sv-root sv-screen sv-checkout--error"
       })) : (openBlock(), createBlock(unref(ContentWithAsideLayout), {
@@ -4588,11 +4477,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }, {
         header: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$K, { class: "min-h-[52px] w-96" }, {
+            createVNode(_sfc_main$H, { class: "min-h-[52px] w-96" }, {
               default: withCtx(() => {
                 var _a2, _b2, _c2;
                 return [
-                  unref(invoicePreview) && unref(subscription) && subscriptionStartDate.value ? (openBlock(), createBlock(_sfc_main$n, {
+                  unref(invoicePreview) && unref(subscription) && subscriptionStartDate.value ? (openBlock(), createBlock(_sfc_main$l, {
                     key: 0,
                     class: "sv-checkout__title",
                     "trial-start-date": trialStartDate.value,
@@ -4612,7 +4501,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         content: withCtx(() => {
           var _a2, _b2, _c2;
           return [
-            unref(subscription) && unref(isMobileViewport) ? (openBlock(), createBlock(_sfc_main$j, {
+            unref(subscription) && unref(isMobileViewport) ? (openBlock(), createBlock(_sfc_main$h, {
               key: 0,
               class: "sv-checkout__mobile-order-summary",
               subscription: unref(subscription),
@@ -4630,7 +4519,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               variant: "products-inline",
               onBillingPeriodChange: handleBillingPeriodChange
             }, null, 8, ["subscription", "invoice", "invoice-preview-by-billing-period", "trial-invoice", "enabled-pricing-ids", "trial-period", "avatar", "is-paid", "is-usage-based", "is-preview-and-payment-methods-pending", "country-code"])) : createCommentVNode("", true),
-            showPlanCustomizationEditor.value && unref(subscription) ? (openBlock(), createBlock(_sfc_main$4, {
+            showPlanCustomizationEditor.value && unref(subscription) ? (openBlock(), createBlock(_sfc_main$3, {
               key: 1,
               "seats-values": seatsValuesModel.value,
               "onUpdate:seatsValues": _cache[0] || (_cache[0] = ($event) => seatsValuesModel.value = $event),
@@ -4642,7 +4531,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "billing-period": unref(subscription).billing_period,
               currency: activePricingCurrency.value
             }, null, 8, ["seats-values", "enabled-pricing-ids", "subscription", "initial-seats-values", "billing-period", "currency"])) : createCommentVNode("", true),
-            !unref(isPaid) && unref(checkoutForm).form.value.country && unref(amount) && expressPaymentMethodBillingInformation.value ? (openBlock(), createBlock(_sfc_main$d, {
+            !unref(isPaid) && unref(checkoutForm).form.value.country && unref(amount) && expressPaymentMethodBillingInformation.value ? (openBlock(), createBlock(_sfc_main$c, {
               key: 2,
               class: "sv-checkout__express-payment-methods",
               amount: unref(amount),
@@ -4653,12 +4542,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "on-billing-information-change": unref(updateInvoicePreviewOnBillingInformationChange),
               onUpdateBillingInformation: handleUpdateBillingInformation
             }, null, 8, ["amount", "country-code", "locale", "payment-methods-options-response", "billing-information", "on-billing-information-change"])) : createCommentVNode("", true),
-            unref(isPaid) ? (openBlock(), createBlock(_sfc_main$l, {
+            unref(isPaid) ? (openBlock(), createBlock(_sfc_main$j, {
               key: 3,
               class: "sv-checkout__completed-payment",
               onContinueToMerchant: handleRedirect
             })) : createCommentVNode("", true),
-            !unref(isPaid) ? (openBlock(), createBlock(_sfc_main$o, {
+            !unref(isPaid) ? (openBlock(), createBlock(_sfc_main$m, {
               key: 4,
               modelValue: unref(checkoutForm).form.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(checkoutForm).form.value = $event),
@@ -4671,13 +4560,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "read-only": unref(isPaid)
             }, null, 8, ["modelValue", "validation", "read-only-email", "show-customer-info-on-top", "is-billing-information-mandatory", "get-is-field-required", "read-only"])) : createCommentVNode("", true),
             !unref(isPaid) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(_sfc_main$K, {
+              createVNode(_sfc_main$H, {
                 variant: "section",
                 class: "min-h-[130px]"
               }, {
                 default: withCtx(() => [
                   !unref(isPaymentMethodsPending) || unref(isPaymentMethodsPending) && unref(paymentMethodOptions).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                    createVNode(unref(_sfc_main$r), {
+                    createVNode(unref(_sfc_main$p), {
                       variant: "heading-3",
                       tag: "h2",
                       class: "sv-checkout__payment-methods-title mb-2"
@@ -4691,7 +4580,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    !unref(checkoutForm).form.value.country ? (openBlock(), createBlock(_sfc_main$i, {
+                    !unref(checkoutForm).form.value.country ? (openBlock(), createBlock(_sfc_main$P, {
                       key: 0,
                       class: "sv-checkout__payment-methods-empty",
                       icon: "captive_portal"
@@ -4711,7 +4600,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         })), 1)
                       ]),
                       _: 1
-                    })) : unref(paymentMethodOptions).length === 0 ? (openBlock(), createBlock(_sfc_main$i, {
+                    })) : unref(paymentMethodOptions).length === 0 ? (openBlock(), createBlock(_sfc_main$P, {
                       key: 1,
                       class: "sv-checkout__payment-methods-empty",
                       icon: "credit_card_off"
@@ -4755,14 +4644,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }),
         aside: withCtx(() => [
           createElementVNode("div", _hoisted_5, [
-            createVNode(_sfc_main$K, {
+            createVNode(_sfc_main$H, {
               variant: "section",
               class: "min-h-[220px]"
             }, {
               default: withCtx(() => {
                 var _a2;
                 return [
-                  unref(subscription) && unref(invoicePreview) ? (openBlock(), createBlock(_sfc_main$j, {
+                  unref(subscription) && unref(invoicePreview) ? (openBlock(), createBlock(_sfc_main$h, {
                     key: 0,
                     subscription: unref(subscription),
                     invoice: unref(invoicePreview),
@@ -4782,7 +4671,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ]),
-          !unref(isPaid) ? (openBlock(), createBlock(_sfc_main$3, {
+          !unref(isPaid) ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
             class: "sv-checkout__promotion-code",
             "promotion-code": promotionCode.value,
@@ -4790,18 +4679,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onRemove: unref(removePromotionCode),
             onApply: unref(applyPromotionCode)
           }, null, 8, ["promotion-code", "onRemove", "onApply"])) : createCommentVNode("", true),
-          unref(promotionCodeErrorMessage) ? (openBlock(), createBlock(unref(_sfc_main$P), {
+          unref(promotionCodeErrorMessage) ? (openBlock(), createBlock(unref(_sfc_main$N), {
             key: 1,
             class: "sv-checkout__promotion-error mt-2",
             title: unref(promotionCodeErrorMessage)
           }, null, 8, ["title"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_6, [
-            !unref(isPaid) ? (openBlock(), createBlock(_sfc_main$K, {
+            !unref(isPaid) ? (openBlock(), createBlock(_sfc_main$H, {
               key: 0,
               class: "sv-checkout__submit-skeleton min-h-[44px]"
             }, {
               default: withCtx(() => [
-                unref(invoicePreview) ? (openBlock(), createBlock(unref(_sfc_main$v), {
+                unref(invoicePreview) ? (openBlock(), createBlock(unref(_sfc_main$t), {
                   key: 0,
                   type: "button",
                   size: "lg",
@@ -4825,7 +4714,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createVNode(_sfc_main$2, { "payment-method-options": unref(paymentMethodOptions) }, null, 8, ["payment-method-options"])
+            createVNode(_sfc_main$O, { "payment-method-options": unref(paymentMethodOptions) }, null, 8, ["payment-method-options"])
           ])
         ]),
         _: 1