@solvimon/solvimon-web 0.1.0-alpha.13 → 0.1.0-alpha.15

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

@@ -1,21 +1,21 @@
-import { ref, computed, onMounted, 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 { X as taxId, n as isEqual, Y as convertDateRangeToTimePeriod, M as useValidation, N as objectDiff, Z as isEmpty, u as useIntl, $ as _sfc_main$o, e as _sfc_main$p, a0 as isEUCountry, a1 as isValidCountryCode, a2 as getCountryNameByCode, _ as _sfc_main$q, R as _sfc_main$r, S as _sfc_main$s, c as _sfc_main$t, a3 as _sfc_main$u, U as _sfc_main$v, a4 as _sfc_main$w, a5 as _sfc_main$x, a6 as _sfc_main$y, a7 as TooltipContent, a8 as _sfc_main$z, a9 as formatBillingPeriod, B as formatAmount, aa as _sfc_main$B, ab as useTimePeriod, k as _sfc_main$C, ac as _sfc_main$E, ad as _sfc_main$F, F as _sfc_main$G, H as _sfc_main$I, ae as _sfc_main$J, A as _sfc_main$K, af as usePricingItem, ag as _sfc_main$L, ah as _sfc_main$M, ai as uniqueId, E as _sfc_main$N } from "../../vendor-ui-B8IlviSs.mjs";
+import { a as useLogger, _ as _sfc_main$Q, d as defineCustomElement, g as getComponentName } from "../../component-BSnccqm1.mjs";
+import { c as createSubscriptionsService } from "../../subscriptions-DHjXDyH1.mjs";
 import { A as ApiStatus } from "../../ApiStatus-CyNDp_op.mjs";
-import { c as createInvoicesService } from "../../invoices-DIYPN2j_.mjs";
+import { c as createInvoicesService } from "../../invoices-DBv0qkgm.mjs";
 import { a as requiredIf, r as required, e as email } from "../../index-CzL1ZcGi.mjs";
 import { u as useWatchDebounced } from "../../useWatchDebounced-Zmxd6InB.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 { c as createPaymentMethodsService } from "../../paymentMethods-D-5FNN8W.mjs";
+import { u as useService } from "../../useService-DF57xuDd.mjs";
+import { g as getQueryParam, P as PAYMENT_ACCEPTOR_ID_QUERY_STRING, _ as _sfc_main$A, e as getAdyenExpressCheckoutConfiguration, d as transformObjectToAdyenObject, c as createReturnUrl, s as safeUrlRedirect } from "../../url-1Lbg5Yni.mjs";
+import { u as usePortal } from "../../usePortal-DcOz9FEL.mjs";
+import { c as createCustomerService } from "../../customer-CANPEYH9.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-Cqk-vonA.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 { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-DhfUkZZg.mjs";
+import { _ as _sfc_main$H } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { c as createPaymentsService } from "../../payments-BK8yzqJ5.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-Dy9xgxuF.mjs";
 function getFirstPricingPlanScheduleOfType({
   pricingPlanScheduleInfos,
   type
@@ -802,6 +802,7 @@ function isSubscriptionWithAddonProducts(subscription) {
   return pricings.some((pricing) => pricing.product_type === "ADDON") || pricingGroups.some((pricingGroup) => pricingGroup.object_type === "ADDON");
 }
 const DEFAULT_TAX_IDENTIFIER_TYPE = "GENERIC_TAX_ID";
+const REDIRECT_FORM_STATE_KEY = "solvimon_checkout_redirect_state";
 function useCheckoutView({
   initialCountry,
   initialEmail,
@@ -999,19 +1000,46 @@ function useCheckoutView({
       if (!subscription.value || !country || !amountValue) {
         return;
       }
-      void loadPaymentMethodOptions({
+      loadPaymentMethodOptions({
         subscriptionId: subscription.value.id,
         country,
         amount: amountValue
+      }).catch((err) => {
+        console.log(err);
       });
     }
   );
+  function saveFormStateForRedirect() {
+    sessionStorage.setItem(REDIRECT_FORM_STATE_KEY, JSON.stringify(checkoutForm.form.value));
+  }
   onMounted(async () => {
+    const redirectStatus = getQueryParam("redirect_status");
+    const hasPaymentAcceptorId = !!getQueryParam(PAYMENT_ACCEPTOR_ID_QUERY_STRING);
+    const hasClientSecret = !!getQueryParam("payment_intent_client_secret") || !!getQueryParam("setup_intent_client_secret");
+    const isSuccessfulRedirect = redirectStatus === "succeeded" && hasPaymentAcceptorId && hasClientSecret;
+    if (isSuccessfulRedirect) {
+      isPaid.value = true;
+    }
+    const raw = sessionStorage.getItem(REDIRECT_FORM_STATE_KEY);
+    let savedFormState = null;
+    if (raw) {
+      try {
+        savedFormState = JSON.parse(raw);
+      } catch {
+      }
+    }
+    if (savedFormState) {
+      checkoutForm.updateInitialState(savedFormState);
+    }
     await loadSubscription();
     try {
       await loadInvoicePreview();
     } catch {
     }
+    if (savedFormState) {
+      checkoutForm.updateInitialState(savedFormState);
+      sessionStorage.removeItem(REDIRECT_FORM_STATE_KEY);
+    }
   });
   watch(
     shouldLoadPaymentMethodOptions,
@@ -1041,7 +1069,8 @@ function useCheckoutView({
     checkoutForm,
     authorizationContext,
     isPaid,
-    amount
+    amount,
+    saveFormStateForRedirect
   };
 }
 function usePromotionCode({
@@ -1120,8 +1149,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 }
@@ -1144,13 +1173,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)
               ]),
@@ -1215,16 +1244,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 },
@@ -1277,8 +1306,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",
@@ -1286,9 +1315,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",
@@ -1299,7 +1328,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",
@@ -1311,7 +1340,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: "",
@@ -1330,7 +1359,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: "",
@@ -1343,7 +1372,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",
@@ -1360,7 +1389,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",
@@ -1382,11 +1411,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   }, 8, ["single-model-value", "label", "error"])
                 ], 64))
               ]),
-              createVNode(unref(_sfc_main$w), null, {
+              createVNode(unref(_sfc_main$u), {
+                "is-open": showBillingDetails.value || !!__props.isBillingInformationMandatory
+              }, {
                 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",
@@ -1403,7 +1434,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",
@@ -1414,7 +1445,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",
@@ -1425,7 +1456,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",
@@ -1435,7 +1466,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",
@@ -1451,13 +1482,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              })
+              }, 8, ["is-open"])
             ]),
             _: 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": "",
@@ -1466,7 +1497,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",
@@ -1476,7 +1507,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"
@@ -1494,11 +1525,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              createVNode(unref(_sfc_main$w), null, {
+              createVNode(unref(_sfc_main$u), { "is-open": isCompanyPurchase.value }, {
                 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: "",
@@ -1514,7 +1545,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),
@@ -1536,7 +1567,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",
@@ -1560,13 +1591,13 @@ 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)
                 ]),
                 _: 1
-              })
+              }, 8, ["is-open"])
             ]),
             _: 1
           })) : createCommentVNode("", true)
@@ -1575,13 +1606,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 },
@@ -1597,7 +1628,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"
           }, {
@@ -1607,7 +1638,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",
@@ -1617,18 +1648,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",
@@ -1643,7 +1674,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",
@@ -1680,7 +1711,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)(
@@ -1716,7 +1747,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   strong: (text) => `<strong>${text}</strong>`
                 }
               )
-            }, null, 8, _hoisted_3$6))
+            }, null, 8, _hoisted_3$5))
           ]),
           _: 1
         })
@@ -1739,9 +1770,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();
@@ -1749,9 +1780,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",
@@ -1761,7 +1792,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(unref(_sfc_main$r), {
+          createVNode(unref(_sfc_main$p), {
             variant: "body-sm",
             shade: "lighter"
           }, {
@@ -1793,13 +1824,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",
@@ -1808,7 +1839,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"
@@ -1821,22 +1852,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               })), 1)
             ]),
             _: 1
-          }),
-          createVNode(unref(_sfc_main$v), {
-            color: "gray",
-            variant: "outline",
-            size: "xs",
-            class: "align-center",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("continue-to-merchant"))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref($t)({
-                defaultMessage: "Continue to merchant",
-                id: "subscription_payment_completed_card.continue",
-                description: "The text for the continue button"
-              })), 1)
-            ]),
-            _: 1
           })
         ]),
         _: 1
@@ -1844,9 +1859,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 },
@@ -1893,15 +1908,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": ""
@@ -1911,7 +1926,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",
@@ -1922,7 +1937,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",
@@ -1941,15 +1956,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 },
@@ -2112,15 +2127,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       const registerPeriodsFromPricing = (pricing) => {
         var _a2;
         (_a2 = pricing == null ? void 0 : pricing.items) == null ? void 0 : _a2.forEach((item) => {
-          var _a3, _b2, _c2;
-          (_a3 = item.configs) == null ? void 0 : _a3.forEach((config) => registerPeriod(config.billing_period));
-          (_b2 = item.billing_period_configs) == null ? void 0 : _b2.forEach(
+          var _a3, _b2;
+          (_a3 = item.billing_period_configs) == null ? void 0 : _a3.forEach(
             (periodConfig) => registerPeriod(periodConfig.billing_period)
           );
-          (_c2 = item.pricing_currency_configs) == null ? void 0 : _c2.forEach((currencyConfig) => {
-            var _a4, _b3;
-            (_a4 = currencyConfig.configs) == null ? void 0 : _a4.forEach((config) => registerPeriod(config.billing_period));
-            (_b3 = currencyConfig.billing_period_configs) == null ? void 0 : _b3.forEach(
+          (_b2 = item.pricing_currency_configs) == null ? void 0 : _b2.forEach((currencyConfig) => {
+            var _a4;
+            (_a4 = currencyConfig.billing_period_configs) == null ? void 0 : _a4.forEach(
               (periodConfig) => registerPeriod(periodConfig.billing_period)
             );
           });
@@ -2171,7 +2184,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,
@@ -2230,7 +2243,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": "",
@@ -2242,13 +2255,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,
@@ -2260,7 +2273,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
@@ -2268,15 +2281,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"])
@@ -2286,7 +2299,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,
@@ -2301,7 +2314,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),
@@ -2312,14 +2325,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"
@@ -2338,14 +2351,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",
@@ -2355,7 +2368,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",
@@ -2380,67 +2393,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 }
@@ -2477,14 +2442,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",
@@ -2512,16 +2477,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 },
@@ -2756,12 +2721,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
@@ -2771,8 +2736,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 },
@@ -2831,8 +2796,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"
@@ -2846,8 +2811,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 },
@@ -2911,12 +2876,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
@@ -2926,15 +2891,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_4$3 = { class: "h-4 mt-4" };
+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: "mt-4 h-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 },
@@ -2960,7 +2925,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return (_a = props.paymentMethodsOptionsResponse) == null ? void 0 : _a.find(
         (entry) => {
           var _a2;
-          return (_a2 = entry.options) == null ? void 0 : _a2.some((option) => option.name.toLowerCase() === "apple pay");
+          return (_a2 = entry.options) == null ? void 0 : _a2.some(
+            (option) => option.name.toLowerCase() === "apple pay" && option.payment_gateway_variant === "ADYEN"
+          );
         }
       );
     });
@@ -2972,7 +2939,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return (_a = props.paymentMethodsOptionsResponse) == null ? void 0 : _a.find(
         (entry) => {
           var _a2;
-          return (_a2 = entry.options) == null ? void 0 : _a2.some((option) => option.name.toLowerCase() === "paypal");
+          return (_a2 = entry.options) == null ? void 0 : _a2.some(
+            (option) => option.name.toLowerCase() === "paypal" && option.payment_gateway_variant === "ADYEN"
+          );
         }
       );
     });
@@ -2984,7 +2953,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return (_a = props.paymentMethodsOptionsResponse) == null ? void 0 : _a.find(
         (entry) => {
           var _a2;
-          return (_a2 = entry.options) == null ? void 0 : _a2.some((option) => option.name.toLowerCase() === "google pay");
+          return (_a2 = entry.options) == null ? void 0 : _a2.some(
+            (option) => option.name.toLowerCase() === "google pay" && option.payment_gateway_variant === "ADYEN"
+          );
         }
       );
     });
@@ -3008,12 +2979,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"
@@ -3028,10 +2999,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: "col-span-3 h-11" }),
+            createVNode(_sfc_main$H, { class: "col-span-3 h-11" })
           ], 64)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["col-span-3 md:col-span-2", {
@@ -3041,7 +3012,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,
@@ -3061,7 +3032,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,
@@ -3079,7 +3050,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,
@@ -3092,10 +3063,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",
@@ -3109,8 +3080,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 },
@@ -3139,8 +3110,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"
@@ -3173,7 +3144,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",
@@ -3201,8 +3172,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 },
@@ -3210,9 +3181,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,
@@ -3245,14 +3216,14 @@ function useSeatBasedPricing({
   pricingItemConfigId
 }) {
   return computed(() => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { config, productItem } = getPricingItemByPricingConfigId({
       pricings,
       pricingItemConfigId
     });
     return {
       billing: {
-        period: config == null ? void 0 : config.billing_period,
+        period: (_b = (_a = config == null ? void 0 : config.billing_period_configs) == null ? void 0 : _a[0]) == null ? void 0 : _b.billing_period,
         billedInAdvance: config == null ? void 0 : config.billing_in_advance
       },
       product: {
@@ -3260,18 +3231,18 @@ function useSeatBasedPricing({
         description: productItem == null ? void 0 : productItem.description
       },
       pricing: {
-        ...((_a = config == null ? void 0 : config.details) == null ? void 0 : _a.pricing_type) === "FLAT" && { amount: (_d = (_c = (_b = config.details) == null ? void 0 : _b.bands) == null ? void 0 : _c[0]) == null ? void 0 : _d.amount },
-        ...((_e = config == null ? void 0 : config.details) == null ? void 0 : _e.pricing_type) === "TIERED" && { tiered: { bands: (_f = config.details) == null ? void 0 : _f.bands } }
+        ...((_c = config == null ? void 0 : config.details) == null ? void 0 : _c.pricing_type) === "FLAT" && { amount: (_f = (_e = (_d = config.details) == null ? void 0 : _d.bands) == null ? void 0 : _e[0]) == null ? void 0 : _f.amount },
+        ...((_g = config == null ? void 0 : config.details) == null ? void 0 : _g.pricing_type) === "TIERED" && { tiered: { bands: (_h = config.details) == null ? void 0 : _h.bands } }
       }
     };
   });
 }
-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 },
@@ -3308,9 +3279,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",
@@ -3322,7 +3293,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"
@@ -3336,7 +3307,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",
@@ -3359,7 +3330,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",
@@ -3371,7 +3342,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 }])
@@ -3379,26 +3350,26 @@ 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), { "is-open": isExpanded.value }, {
             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"])
               ])) : createCommentVNode("", true)
             ]),
             _: 1
-          })
+          }, 8, ["is-open"])
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "SeatsEditor",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Array },
@@ -3421,11 +3392,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,
@@ -3440,15 +3411,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"
@@ -3460,7 +3431,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"
@@ -3475,9 +3446,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 },
@@ -3536,10 +3507,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)
               ]),
@@ -3548,9 +3519,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) })
@@ -3558,7 +3529,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]
@@ -3569,7 +3540,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"])
@@ -3589,8 +3560,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 },
@@ -3622,7 +3593,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"
@@ -3631,7 +3602,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)
               ]),
@@ -3644,9 +3615,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) })
@@ -3654,7 +3625,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]
@@ -3665,7 +3636,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",
@@ -3673,7 +3644,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",
@@ -3705,11 +3676,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 },
@@ -3769,31 +3740,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),
@@ -3813,8 +3784,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 },
@@ -3854,7 +3825,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",
@@ -3866,8 +3837,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",
@@ -3878,7 +3849,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),
@@ -3887,7 +3858,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),
@@ -3897,7 +3868,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),
@@ -3909,7 +3880,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",
@@ -3924,9 +3895,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" };
@@ -3935,7 +3906,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] }
@@ -4056,7 +4027,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"
@@ -4072,10 +4043,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"
                   }, {
@@ -4089,11 +4060,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",
@@ -4103,7 +4074,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)({
@@ -4119,7 +4090,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,
@@ -4140,7 +4111,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": "",
@@ -4156,8 +4127,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"
                   }, {
@@ -4167,7 +4138,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)
           ]),
@@ -4178,75 +4149,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,
@@ -4271,7 +4173,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-BGxjGJGz.mjs")
     );
     const props = __props;
     const emit = __emit;
@@ -4311,21 +4213,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isPaid,
       amount,
       loadInvoicePreview,
-      updateInvoicePreviewOnBillingInformationChange
+      updateInvoicePreviewOnBillingInformationChange,
+      saveFormStateForRedirect
     } = useCheckoutView({
       initialCountry: (_f = props.configuration) == null ? void 0 : _f.countryCode,
       initialEmail: (_g = props.configuration) == null ? void 0 : _g.email,
       subscriptionId,
       enabledPricingIds: (_h = props.configuration) == null ? void 0 : _h.enabledPricingIds
     });
+    const isPaymentPending = ref(false);
     const handleSubmit = async () => {
       var _a2;
       await checkoutForm.validation.value.$validate();
       if (checkoutForm.validation.value.$invalid) {
         return;
       }
+      isPaymentPending.value = true;
+      saveFormStateForRedirect();
       (_a2 = paymentIntegrationFormRef.value) == null ? void 0 : _a2.submit();
     };
+    const handlePaymentFailed = () => {
+      isPaymentPending.value = false;
+    };
     const handleValidateOnSubmit = async () => {
       await checkoutForm.validation.value.$validate();
       return !checkoutForm.validation.value.$invalid;
@@ -4585,7 +4494,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), {
@@ -4594,11 +4503,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,
@@ -4618,7 +4527,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),
@@ -4636,7 +4545,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),
@@ -4648,7 +4557,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),
@@ -4659,12 +4568,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),
@@ -4677,13 +4586,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"
@@ -4697,7 +4606,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"
@@ -4717,7 +4626,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"
@@ -4738,19 +4647,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     })) : unref(amount) && unref(checkoutForm).form.value.country ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                      createVNode(unref(PaymentIntegrationForm), {
-                        ref_key: "paymentIntegrationFormRef",
-                        ref: paymentIntegrationFormRef,
-                        "country-code": unref(checkoutForm).form.value.country,
-                        context: unref(authorizationContext),
-                        amount: unref(amount),
-                        variant: "AUTHORIZE",
-                        "payment-method-options": unref(paymentMethodOptions) ?? [],
-                        "validate-on-submit": handleValidateOnSubmit,
-                        "force-store-payment-method": "",
-                        onPaymentSuccess: handlePaymentSuccess,
-                        onReady: _cache[3] || (_cache[3] = ($event) => emit("ready"))
-                      }, null, 8, ["country-code", "context", "amount", "payment-method-options"])
+                      createElementVNode("div", {
+                        class: normalizeClass({ "pointer-events-none opacity-60": isPaymentPending.value })
+                      }, [
+                        createVNode(unref(PaymentIntegrationForm), {
+                          ref_key: "paymentIntegrationFormRef",
+                          ref: paymentIntegrationFormRef,
+                          "country-code": unref(checkoutForm).form.value.country,
+                          context: unref(authorizationContext),
+                          amount: unref(amount),
+                          email: unref(checkoutForm).form.value.email,
+                          variant: "AUTHORIZE",
+                          "payment-method-options": unref(paymentMethodOptions) ?? [],
+                          "validate-on-submit": handleValidateOnSubmit,
+                          "force-store-payment-method": "",
+                          onPaymentSuccess: handlePaymentSuccess,
+                          onPaymentFailed: handlePaymentFailed,
+                          onReady: _cache[3] || (_cache[3] = ($event) => emit("ready"))
+                        }, null, 8, ["country-code", "context", "amount", "email", "payment-method-options"])
+                      ], 2)
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
@@ -4761,14 +4676,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),
@@ -4788,7 +4703,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,
@@ -4796,23 +4711,24 @@ 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",
                   class: "sv-action sv-action--primary sv-action--full-width sv-checkout__submit w-full",
-                  disabled: unref(isPromotionCodePending) || unref(paymentMethodOptions).length === 0,
+                  disabled: unref(isPromotionCodePending) || unref(paymentMethodOptions).length === 0 || isPaymentPending.value,
+                  loading: isPaymentPending.value,
                   onClick: handleSubmit
                 }, {
                   default: withCtx(() => [
@@ -4827,11 +4743,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     })), 1)
                   ]),
                   _: 1
-                }, 8, ["disabled"])) : createCommentVNode("", true)
+                }, 8, ["disabled", "loading"])) : createCommentVNode("", true)
               ]),
               _: 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