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

package/dist/{PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-Dkd-Cp8c.mjs → PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-CrGSfZZs.mjs}

@@ -1,142 +1,295 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, unref, createVNode, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, inject, ref, onMounted, onBeforeUnmount, watch, createElementBlock, Fragment, renderList } from "vue";
-import { u as useIntl, b as _sfc_main$5, l as _sfc_main$6, y as formatAmount, e as _sfc_main$7, k as isEqual, U as _sfc_main$8 } from "./vendor-ui-CdOX_IS-.mjs";
-import { _ as _sfc_main$4, g as getQueryParam, t as transformToAdyenAmount, m as mapAdyenPaymentMethods, a as getAdyenEnvironmentFromPaymentMethodOptionsResponse, b as getAdyenClientKeyFromPaymentMethodOptionsResponse, R as REDIRECT_RESULT_QUERY_STRING, P as PAYMENT_ACCEPTOR_ID_QUERY_STRING, c as transformObjectToAdyenObject, d as createReturnUrl } from "./adyen-D0yvZvq5.mjs";
-import { c as createPaymentsService } from "./payments-DGPENXiS.mjs";
-import { c as createPaymentMethodsService } from "./paymentMethods-DOH9-6M1.mjs";
-import { E as EXPERIMENTAL_FEATURE_INJECTION_KEY, a as useLogger } from "./component-CGfjV_7z.mjs";
-const getOverriddenTranslations = (variant) => {
-  let result = {};
-  if (variant === "TOKENIZE") {
-    result = {
-      "en-US": {
-        payButton: "Add payment method",
-        confirmPurchase: "Add payment method"
-      },
-      "fr-FR": {
-        payButton: "Ajouter un moyen de paiement",
-        confirmPurchase: "Ajouter un moyen de paiement"
-      },
-      "de-DE": {
-        payButton: "Zahlungsmethode hinzufügen",
-        confirmPurchase: "Zahlungsmethode hinzufügen"
-      },
-      "it-IT": {
-        payButton: "Aggiungi metodo di pagamento",
-        confirmPurchase: "Aggiungi metodo di pagamento"
-      },
-      "es-ES": {
-        payButton: "Añadir método de pago",
-        confirmPurchase: "Añadir método de pago"
-      },
-      "nl-NL": {
-        payButton: "Betaalmethode toevoegen",
-        confirmPurchase: "Betaalmethode toevoegen"
-      },
-      "pt-BR": {
-        payButton: "Adicionar método de pagamento",
-        confirmPurchase: "Adicionar método de pagamento"
-      },
-      "pt-PT": {
-        payButton: "Adicionar método de pagamento",
-        confirmPurchase: "Adicionar método de pagamento"
-      },
-      "pl-PL": {
-        payButton: "Dodaj metodę płatności",
-        confirmPurchase: "Dodaj metodę płatności"
-      },
-      "ru-RU": {
-        payButton: "Добавить способ оплаты",
-        confirmPurchase: "Добавить способ оплаты"
-      },
-      "sv-SE": {
-        payButton: "Lägg till betalningsmetod",
-        confirmPurchase: "Lägg till betalningsmetod"
-      },
-      "da-DK": {
-        payButton: "Tilføj betalingsmetode",
-        confirmPurchase: "Tilføj betalingsmetode"
-      },
-      "fi-FI": {
-        payButton: "Lisää maksutapa",
-        confirmPurchase: "Lisää maksutapa"
-      },
-      "no-NO": {
-        payButton: "Legg til betalingsmetode",
-        confirmPurchase: "Legg til betalingsmetode"
-      },
-      "cs-CZ": {
-        payButton: "Přidat platební metodu",
-        confirmPurchase: "Přidat platební metodu"
-      },
-      "hu-HU": {
-        payButton: "Fizetési mód hozzáadása",
-        confirmPurchase: "Fizetési mód hozzáadása"
-      },
-      "ro-RO": {
-        payButton: "Adăugați metodă de plată",
-        confirmPurchase: "Adăugați metodă de plată"
-      },
-      "ja-JP": {
-        payButton: "支払い方法を追加",
-        confirmPurchase: "支払い方法を追加"
-      },
-      "ko-KR": {
-        payButton: "결제 수단 추가",
-        confirmPurchase: "결제 수단 추가"
-      },
-      "zh-CN": {
-        payButton: "添加支付方式",
-        confirmPurchase: "添加支付方式"
-      },
-      "zh-TW": {
-        payButton: "新增付款方式",
-        confirmPurchase: "新增付款方式"
-      },
-      ar: {
-        payButton: "إضافة وسيلة دفع",
-        confirmPurchase: "إضافة وسيلة دفع"
-      },
-      "hr-HR": {
-        payButton: "Dodajte način plačanja",
-        confirmPurchase: "Dodajte način plačanja"
-      },
-      "el-GR": {
-        payButton: "Προσθήκη μεθόδου πληρωμής",
-        confirmPurchase: "Προσθήκη μεθόδου πληρωμής"
-      },
-      "sk-SK": {
-        payButton: "Pridať spôsob platby",
-        confirmPurchase: "Pridať spôsob platby"
-      },
-      "sl-SI": {
-        payButton: "Dodajte način plačanja",
-        confirmPurchase: "Dodajte način plačanja"
-      },
-      "bg-BG": {
-        payButton: "Добавяне на начин на плащане",
-        confirmPurchase: "Добавяне на начин на плащане"
-      },
-      "ca-ES": {
-        payButton: "Afegir mètode de pagament",
-        confirmPurchase: "Afegir mètode de pagament"
-      },
-      "et-EE": {
-        payButton: "Lisa makseviis",
-        confirmPurchase: "Lisa makseviis"
-      },
-      "lv-LV": {
-        payButton: "Pievienot maksājuma veidu",
-        confirmPurchase: "Pievienot maksājuma veidu"
-      },
-      "lt-LT": {
-        payButton: "Pridėti mokėjimo metodą",
-        confirmPurchase: "Pridėti mokėjimo metodą"
+import { defineComponent, ref, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, computed, createBlock, withCtx, unref, createVNode, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, inject, Fragment, renderList } from "vue";
+import { n as isEqual, u as useIntl, e as _sfc_main$7, A as _sfc_main$8, B as formatAmount, c as _sfc_main$9, W as _sfc_main$a } from "./vendor-ui-B8IlviSs.mjs";
+import { t as toMinorUnitAmount, _ as _sfc_main$6, c as createReturnUrl, g as getQueryParam, P as PAYMENT_ACCEPTOR_ID_QUERY_STRING, m as mapAdyenPaymentMethods, a as getAdyenEnvironmentFromPaymentMethodOptionsResponse, b as getAdyenClientKeyFromPaymentMethodOptionsResponse, R as REDIRECT_RESULT_QUERY_STRING, d as transformObjectToAdyenObject } from "./url-1Lbg5Yni.mjs";
+import { c as createPaymentsService } from "./payments-CpzTVrQM.mjs";
+import { c as createPaymentMethodsService } from "./paymentMethods-DvqlWe96.mjs";
+import { a as useLogger, E as EXPERIMENTAL_FEATURE_INJECTION_KEY } from "./component-Bg2JVC_O.mjs";
+const isAdyenPaymentIntegration = (paymentMethodOption) => {
+  var _a;
+  return ((_a = paymentMethodOption.integration.payment_gateway) == null ? void 0 : _a.variant) === "ADYEN";
+};
+const isStripePaymentIntegration = (paymentMethodOption) => {
+  var _a;
+  return ((_a = paymentMethodOption.integration.payment_gateway) == null ? void 0 : _a.variant) === "STRIPE";
+};
+const isSelectedIntegration = ({
+  selectedIntegration,
+  paymentMethodOption
+}) => {
+  var _a, _b;
+  return selectedIntegration === ((_b = (_a = paymentMethodOption.integration) == null ? void 0 : _a.payment_gateway) == null ? void 0 : _b.variant);
+};
+const STRIPE_SCRIPT_URL = "https://js.stripe.com/dahlia/stripe.js";
+const STRIPE_FRAME_SRCDOC = `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body { overflow: hidden; }
+</style>
+</head>
+<body>
+<div id="stripe-root"></div>
+<script src="${STRIPE_SCRIPT_URL}"><\/script>
+<script>
+(function () {
+  let stripe, elements, countryCode, email, name, parentOrigin;
+
+  window.addEventListener('message', function (event) {
+    if (!event.data || typeof event.data !== 'object') return;
+    if (event.source !== window.parent) return;
+
+    if (event.data.type === 'stripe:init') {
+      parentOrigin = event.origin;
+      countryCode = event.data.countryCode;
+      email = event.data.email;
+      name = event.data.name;
+      stripe = Stripe(event.data.publicKey);
+      elements = stripe.elements(event.data.options);
+      const paymentElement = elements.create('payment', { layout: { type: 'accordion', defaultCollapsed: false }, wallets: event.data.options.wallets, fields: event.data.options.fields });
+
+      paymentElement.on('ready', function () {
+        parent.postMessage({ type: 'stripe:ready' }, parentOrigin);
+      });
+
+      paymentElement.on('change', function (e) {
+        parent.postMessage({ type: 'stripe:change', paymentMethodType: e.value.type }, parentOrigin);
+      });
+
+      paymentElement.on('loaderror', function (e) {
+        parent.postMessage({
+          type: 'stripe:loaderror',
+          error: { message: e.error.message, type: e.error.type }
+        }, parentOrigin);
+      });
+
+      paymentElement.mount('#stripe-root');
+
+      new ResizeObserver(function () {
+        parent.postMessage({
+          type: 'stripe:resize',
+          height: document.documentElement.scrollHeight
+        }, parentOrigin);
+      }).observe(document.documentElement);
+    }
+
+    if (event.data.type === 'stripe:submit') {
+      if (!elements || !parentOrigin || event.origin !== parentOrigin) return;
+      const submitEmail = 'email' in event.data ? event.data.email : email;
+      const submitName = 'name' in event.data ? event.data.name : name;
+      elements.submit().then(function (submitResult) {
+        if (submitResult.error) {
+          parent.postMessage({
+            type: 'stripe:submit:error',
+            error: {
+              message: submitResult.error.message,
+              type: submitResult.error.type,
+              code: submitResult.error.code
+            }
+          }, parentOrigin);
+          return;
+        }
+        const billingDetails = {};
+        if (countryCode) billingDetails.address = { country: countryCode };
+        if (submitEmail) billingDetails.email = submitEmail;
+        if (submitName) billingDetails.name = submitName;
+        const tokenParams = Object.keys(billingDetails).length
+          ? { payment_method_data: { billing_details: billingDetails } }
+          : {};
+        stripe.createConfirmationToken({ elements: elements, params: tokenParams }).then(function (tokenResult) {
+          if (tokenResult.error) {
+            parent.postMessage({
+              type: 'stripe:submit:error',
+              error: {
+                message: tokenResult.error.message,
+                type: tokenResult.error.type,
+                code: tokenResult.error.code
+              }
+            }, parentOrigin);
+            return;
+          }
+          parent.postMessage({
+            type: 'stripe:submit:success',
+            confirmationTokenId: tokenResult.confirmationToken.id
+          }, parentOrigin);
+        });
+      });
+    }
+  });
+})();
+<\/script>
+</body>
+</html>`;
+const _hoisted_1$1 = ["src", "height"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "PaymentIntegrationFormStripeFrame",
+  props: {
+    publicKey: { type: String },
+    options: { type: Object },
+    countryCode: { type: String },
+    email: { type: String },
+    name: { type: String }
+  },
+  emits: ["ready", "change", "loaderror", "submit-success", "submit-error"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    __expose({ triggerSubmit });
+    const iframeRef = ref();
+    const iframeHeight = ref(0);
+    const iframeSrc = ref();
+    function sendInit() {
+      var _a, _b;
+      (_b = (_a = iframeRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage(
+        {
+          type: "stripe:init",
+          publicKey: props.publicKey,
+          options: props.options,
+          countryCode: props.countryCode,
+          email: props.email,
+          name: props.name
+        },
+        "*"
+      );
+    }
+    function triggerSubmit() {
+      var _a, _b;
+      (_b = (_a = iframeRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage(
+        { type: "stripe:submit", email: props.email, name: props.name },
+        "*"
+      );
+    }
+    function isRecord(value) {
+      return typeof value === "object" && value !== null;
+    }
+    function handleMessage(event) {
+      if (!iframeRef.value || event.source !== iframeRef.value.contentWindow) return;
+      if (!isRecord(event.data)) return;
+      const data = event.data;
+      const type = data["type"];
+      if (typeof type !== "string" || !type.startsWith("stripe:")) return;
+      switch (type) {
+        case "stripe:ready":
+          emit("ready");
+          break;
+        case "stripe:change":
+          emit(
+            "change",
+            typeof data["paymentMethodType"] === "string" ? data["paymentMethodType"] : "card"
+          );
+          break;
+        case "stripe:loaderror": {
+          const raw = isRecord(data["error"]) ? data["error"] : {};
+          emit("loaderror", {
+            message: typeof raw["message"] === "string" ? raw["message"] : void 0,
+            type: typeof raw["type"] === "string" ? raw["type"] : void 0
+          });
+          break;
+        }
+        case "stripe:resize":
+          if (typeof data["height"] === "number") {
+            iframeHeight.value = data["height"];
+          }
+          break;
+        case "stripe:submit:success":
+          if (typeof data["confirmationTokenId"] === "string") {
+            emit("submit-success", data["confirmationTokenId"]);
+          }
+          break;
+        case "stripe:submit:error": {
+          const raw = isRecord(data["error"]) ? data["error"] : {};
+          emit("submit-error", {
+            message: typeof raw["message"] === "string" ? raw["message"] : void 0,
+            type: typeof raw["type"] === "string" ? raw["type"] : void 0,
+            code: typeof raw["code"] === "string" ? raw["code"] : void 0
+          });
+          break;
+        }
       }
+    }
+    onMounted(() => {
+      const blob = new Blob([STRIPE_FRAME_SRCDOC], { type: "text/html" });
+      iframeSrc.value = URL.createObjectURL(blob);
+      window.addEventListener("message", handleMessage);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("message", handleMessage);
+      if (iframeSrc.value) URL.revokeObjectURL(iframeSrc.value);
+    });
+    watch(
+      () => props.options,
+      (newOptions, oldOptions) => {
+        if (isEqual(newOptions, oldOptions)) return;
+        sendInit();
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("iframe", {
+        ref_key: "iframeRef",
+        ref: iframeRef,
+        src: iframeSrc.value,
+        height: iframeHeight.value || void 0,
+        frameborder: "0",
+        style: { "width": "100%", "display": "block", "border": "none" },
+        title: "Payment form",
+        onLoad: sendInit
+      }, null, 40, _hoisted_1$1);
     };
   }
-  return result;
+});
+const STRIPE_WALLETS = { link: "never" };
+const STRIPE_APPEARANCE = {
+  variables: { borderRadius: "4px", colorBackground: "rgba(243, 244, 246, 0.5)" },
+  rules: {
+    ".TermsText": { fontSize: "14px" },
+    ".Input": {
+      backgroundColor: "rgba(243, 244, 246, 0.5)",
+      fontSize: "14px",
+      borderColor: "rgb(229, 231, 235)"
+    }
+  }
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+function getFields(email, name) {
+  return {
+    billingDetails: {
+      address: { country: "never" },
+      ...email ? { email: "never" } : {},
+      ...name ? { name: "never" } : {}
+    }
+  };
+}
+function getFrameOptions({
+  amount,
+  email,
+  name,
+  variant
+}) {
+  const currency = amount.currency.toLowerCase();
+  const fields = getFields(email, name);
+  if (variant === "TOKENIZE") {
+    return {
+      mode: "setup",
+      currency,
+      setup_future_usage: "off_session",
+      wallets: STRIPE_WALLETS,
+      fields,
+      appearance: STRIPE_APPEARANCE
+    };
+  }
+  return {
+    mode: "payment",
+    currency,
+    amount: toMinorUnitAmount(amount).value,
+    setup_future_usage: "off_session",
+    wallets: STRIPE_WALLETS,
+    fields,
+    appearance: STRIPE_APPEARANCE
+  };
+}
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "PaymentCompletedCard",
   props: {
     amount: { type: Object },
@@ -157,23 +310,23 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, {
+      return openBlock(), createBlock(_sfc_main$6, {
         status: "success",
         title: title.value
       }, {
         default: withCtx(() => [
-          __props.amount ? (openBlock(), createBlock(unref(_sfc_main$5), {
+          __props.amount ? (openBlock(), createBlock(unref(_sfc_main$7), {
             key: 0,
             variant: "body-sm",
             class: "mt-1"
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$6), { icon: "check" }),
+              createVNode(unref(_sfc_main$8), { icon: "check" }),
               createTextVNode(toDisplayString(unref(formatAmount)(__props.amount)), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$5), {
+          createVNode(unref(_sfc_main$7), {
             variant: "body-xs",
             shade: "lighter"
           }, {
@@ -230,7 +383,7 @@ const ErrorMap = {
   }
 };
 const _hoisted_1 = { class: "flex flex-col items-center gap-6" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PaymentErrorCard",
   props: {
     error: { type: Object }
@@ -243,13 +396,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       window.location.reload();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, {
+      return openBlock(), createBlock(_sfc_main$6, {
         status: "error",
         title: errorConfig.value.title
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            createVNode(unref(_sfc_main$5), {
+            createVNode(unref(_sfc_main$7), {
               variant: "body-xs",
               shade: "lighter",
               class: "mt-3"
@@ -259,7 +412,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            errorConfig.value.isReloadButtonVisible ? (openBlock(), createBlock(unref(_sfc_main$7), {
+            errorConfig.value.isReloadButtonVisible ? (openBlock(), createBlock(unref(_sfc_main$9), {
               key: 0,
               type: "button",
               color: "gray",
@@ -282,6 +435,398 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const PAYMENT_GATEWAY_VARIANT_STRIPE = "STRIPE";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "PaymentIntegrationFormStripe",
+  props: {
+    countryCode: { type: String },
+    customerId: { type: String },
+    invoiceId: { type: String },
+    paymentMethodOptionResponseEntry: { type: Object },
+    variant: { type: String },
+    selected: { type: Boolean },
+    amount: { type: Object },
+    validateOnSubmit: { type: Function, default: () => Promise.resolve(true) },
+    context: { type: Object },
+    email: { type: String },
+    name: { type: String },
+    forceStorePaymentMethod: { type: Boolean }
+  },
+  emits: ["select", "payment-failed", "payment-success", "ready"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    __expose({ submit });
+    const showPaymentSuccess = ref(false);
+    const integrationError = ref();
+    const frameRef = ref();
+    const frameOptions = computed(
+      () => getFrameOptions({ amount: props.amount, email: props.email, name: props.name, variant: props.variant })
+    );
+    const stripeInstance = ref(null);
+    const logger = useLogger();
+    const { authorizePayment } = createPaymentsService();
+    const { tokenizePaymentMethod } = createPaymentMethodsService();
+    const publicKey = computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = props.paymentMethodOptionResponseEntry.integration.payment_gateway) == null ? void 0 : _a.stripe) == null ? void 0 : _b.public_key;
+      }
+    );
+    function submit() {
+      handleSubmit().catch((error) => {
+        logger.error(
+          "STRIPE_SUBMIT_FAILED",
+          "Unexpected error during Stripe submission",
+          {},
+          error
+        );
+      });
+    }
+    async function handleSubmit() {
+      var _a;
+      const isValid = await props.validateOnSubmit();
+      if (!isValid) {
+        return;
+      }
+      (_a = frameRef.value) == null ? void 0 : _a.triggerSubmit();
+    }
+    function loadStripeDahlia(key) {
+      return new Promise((resolve, reject) => {
+        if (window.Stripe) {
+          resolve(window.Stripe(key));
+          return;
+        }
+        const script = document.createElement("script");
+        script.src = STRIPE_SCRIPT_URL;
+        script.onload = () => {
+          if (!window.Stripe) {
+            reject(new Error("Stripe not available after script load"));
+            return;
+          }
+          resolve(window.Stripe(key));
+        };
+        script.onerror = () => reject(new Error("Failed to load Stripe.js"));
+        document.head.appendChild(script);
+      });
+    }
+    async function getStripeInstance() {
+      if (stripeInstance.value) {
+        return stripeInstance.value;
+      }
+      const key = publicKey.value;
+      if (!key) {
+        throw new Error("Missing Stripe public key");
+      }
+      const stripe = await loadStripeDahlia(key);
+      stripeInstance.value = stripe;
+      return stripe;
+    }
+    async function handleConfirmationToken(confirmationTokenId) {
+      const paymentAcceptorId = props.paymentMethodOptionResponseEntry.payment_acceptor.id;
+      const returnUrl = createReturnUrl({
+        paymentAcceptorId,
+        redirectUrl: window.location.href
+      });
+      if (props.variant === "AUTHORIZE") {
+        try {
+          const result = await authorizePayment({
+            payment_acceptor_id: paymentAcceptorId,
+            ...props.customerId ? { customer_id: props.customerId } : {},
+            payment_gateway_variant: PAYMENT_GATEWAY_VARIANT_STRIPE,
+            stripe: { confirmation_token_id: confirmationTokenId },
+            amount: props.amount,
+            ...props.context && props.context.type !== "CHARGE_ON_DEMAND" ? { context: props.context } : {},
+            return_url: returnUrl
+          });
+          await handlePaymentResult(result);
+        } catch (error) {
+          logger.error(
+            "PAYMENT_AUTHORIZATION_FAILED",
+            `Failed payment authorization for payment acceptor with id ${paymentAcceptorId}`,
+            { error }
+          );
+          emitError({ code: "UNKNOWN_ERROR", message: "Payment authorization failed", error });
+        }
+        return;
+      }
+      if (props.variant === "TOKENIZE") {
+        if (!props.customerId) {
+          logger.error(
+            "TOKENIZATION_FAILED",
+            `Missing customer id for payment acceptor with id ${paymentAcceptorId}`
+          );
+          return;
+        }
+        try {
+          const result = await tokenizePaymentMethod({
+            customer_id: props.customerId,
+            payment_acceptor_id: paymentAcceptorId,
+            payment_gateway_variant: PAYMENT_GATEWAY_VARIANT_STRIPE,
+            stripe: { confirmation_token_id: confirmationTokenId },
+            return_url: returnUrl
+          });
+          await handlePaymentResult(result);
+        } catch (error) {
+          logger.error(
+            "TOKENIZATION_FAILED",
+            `Tokenization failed for payment acceptor with id ${paymentAcceptorId}`,
+            { error }
+          );
+          emitError({ code: "UNKNOWN_ERROR", message: "Tokenization failed", error });
+        }
+      }
+    }
+    async function handlePaymentResult(result) {
+      var _a;
+      if (result.status === "ACTION_REQUIRED" && result.action.payment_gateway_variant === PAYMENT_GATEWAY_VARIANT_STRIPE) {
+        const clientSecret = result.action.client_secret || ((_a = result.action.data) == null ? void 0 : _a.client_secret);
+        if (!clientSecret) {
+          logger.error(
+            "STRIPE_ACTION_FAILED",
+            "Missing client_secret in Stripe ACTION_REQUIRED response"
+          );
+          emitError({ code: "UNKNOWN_ERROR", message: "Payment action failed", error: result });
+          return;
+        }
+        let stripe;
+        try {
+          stripe = await getStripeInstance();
+        } catch (error2) {
+          logger.error("STRIPE_ACTION_FAILED", "Failed to load Stripe.js", { error: error2 });
+          emitError({ code: "UNKNOWN_ERROR", message: "Payment action failed", error: error2 });
+          return;
+        }
+        const { error } = await stripe.handleNextAction({ clientSecret });
+        if (error) {
+          logger.error("STRIPE_ACTION_FAILED", "Stripe handleNextAction failed", { error });
+          emitError({ code: "UNKNOWN_ERROR", message: "Payment action failed", error });
+          return;
+        }
+        showPaymentSuccess.value = true;
+        emit("payment-success");
+        return;
+      }
+      if (result.status === "SUCCESS") {
+        showPaymentSuccess.value = true;
+        emit("payment-success");
+        return;
+      }
+      logger.error("STRIPE_ACTION_FAILED", "Unexpected payment result status", { error: result });
+      emitError({ code: "UNKNOWN_ERROR", message: "Payment failed", error: result });
+    }
+    async function handleRedirectReturn() {
+      const paymentAcceptorId = props.paymentMethodOptionResponseEntry.payment_acceptor.id;
+      const urlPaymentAcceptorId = getQueryParam(PAYMENT_ACCEPTOR_ID_QUERY_STRING);
+      if (urlPaymentAcceptorId !== paymentAcceptorId) return;
+      const redirectStatus = getQueryParam("redirect_status");
+      const paymentIntentClientSecret = getQueryParam("payment_intent_client_secret");
+      const setupIntentClientSecret = getQueryParam("setup_intent_client_secret");
+      if (!redirectStatus || !paymentIntentClientSecret && !setupIntentClientSecret) return;
+      if (redirectStatus === "succeeded") {
+        showPaymentSuccess.value = true;
+        emit("payment-success");
+        return;
+      }
+      logger.error("STRIPE_REDIRECT_RETURN_FAILED", "Stripe redirect returned non-succeeded status", {
+        redirectStatus
+      });
+      emitError({
+        code: "UNKNOWN_ERROR",
+        message: "Payment failed",
+        error: new globalThis.Error(`Stripe redirect returned status: ${redirectStatus}`)
+      });
+    }
+    function handleReady() {
+      emit("select", {
+        paymentMethodType: "card",
+        paymentGatewayVariant: PAYMENT_GATEWAY_VARIANT_STRIPE
+      });
+      emit("ready");
+    }
+    function handleLoadError(error) {
+      emitError({
+        code: "UNKNOWN_ERROR",
+        message: error.message ?? "Failed to load payment form",
+        error
+      });
+    }
+    function emitError(err) {
+      integrationError.value = err;
+      emit("payment-failed", err);
+    }
+    onMounted(() => {
+      handleRedirectReturn().catch((error) => {
+        logger.error("STRIPE_REDIRECT_RETURN_FAILED", "handleRedirectReturn threw unexpectedly", {
+          error
+        });
+      });
+    });
+    onBeforeUnmount(() => {
+      stripeInstance.value = null;
+    });
+    return (_ctx, _cache) => {
+      return showPaymentSuccess.value ? (openBlock(), createBlock(_sfc_main$4, {
+        key: 0,
+        variant: __props.variant
+      }, null, 8, ["variant"])) : integrationError.value ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 1,
+        error: integrationError.value
+      }, null, 8, ["error"])) : publicKey.value ? (openBlock(), createBlock(_sfc_main$5, {
+        key: 2,
+        ref_key: "frameRef",
+        ref: frameRef,
+        "public-key": publicKey.value,
+        options: frameOptions.value,
+        "country-code": __props.countryCode,
+        email: __props.email,
+        name: __props.name,
+        onReady: handleReady,
+        onChange: _cache[0] || (_cache[0] = (type) => emit("select", {
+          paymentMethodType: type,
+          paymentGatewayVariant: PAYMENT_GATEWAY_VARIANT_STRIPE
+        })),
+        onLoaderror: handleLoadError,
+        onSubmitSuccess: handleConfirmationToken,
+        onSubmitError: _cache[1] || (_cache[1] = (error) => unref(logger).error("STRIPE_CONFIRMATION_TOKEN_FAILED", "Stripe submission failed", {
+          error
+        }))
+      }, null, 8, ["public-key", "options", "country-code", "email", "name"])) : createCommentVNode("", true);
+    };
+  }
+});
+const getOverriddenTranslations = (variant) => {
+  let result = {};
+  if (variant === "TOKENIZE") {
+    result = {
+      "en-US": {
+        payButton: "Add payment method",
+        confirmPurchase: "Add payment method"
+      },
+      "fr-FR": {
+        payButton: "Ajouter un moyen de paiement",
+        confirmPurchase: "Ajouter un moyen de paiement"
+      },
+      "de-DE": {
+        payButton: "Zahlungsmethode hinzufügen",
+        confirmPurchase: "Zahlungsmethode hinzufügen"
+      },
+      "it-IT": {
+        payButton: "Aggiungi metodo di pagamento",
+        confirmPurchase: "Aggiungi metodo di pagamento"
+      },
+      "es-ES": {
+        payButton: "Añadir método de pago",
+        confirmPurchase: "Añadir método de pago"
+      },
+      "nl-NL": {
+        payButton: "Betaalmethode toevoegen",
+        confirmPurchase: "Betaalmethode toevoegen"
+      },
+      "pt-BR": {
+        payButton: "Adicionar método de pagamento",
+        confirmPurchase: "Adicionar método de pagamento"
+      },
+      "pt-PT": {
+        payButton: "Adicionar método de pagamento",
+        confirmPurchase: "Adicionar método de pagamento"
+      },
+      "pl-PL": {
+        payButton: "Dodaj metodę płatności",
+        confirmPurchase: "Dodaj metodę płatności"
+      },
+      "ru-RU": {
+        payButton: "Добавить способ оплаты",
+        confirmPurchase: "Добавить способ оплаты"
+      },
+      "sv-SE": {
+        payButton: "Lägg till betalningsmetod",
+        confirmPurchase: "Lägg till betalningsmetod"
+      },
+      "da-DK": {
+        payButton: "Tilføj betalingsmetode",
+        confirmPurchase: "Tilføj betalingsmetode"
+      },
+      "fi-FI": {
+        payButton: "Lisää maksutapa",
+        confirmPurchase: "Lisää maksutapa"
+      },
+      "no-NO": {
+        payButton: "Legg til betalingsmetode",
+        confirmPurchase: "Legg til betalingsmetode"
+      },
+      "cs-CZ": {
+        payButton: "Přidat platební metodu",
+        confirmPurchase: "Přidat platební metodu"
+      },
+      "hu-HU": {
+        payButton: "Fizetési mód hozzáadása",
+        confirmPurchase: "Fizetési mód hozzáadása"
+      },
+      "ro-RO": {
+        payButton: "Adăugați metodă de plată",
+        confirmPurchase: "Adăugați metodă de plată"
+      },
+      "ja-JP": {
+        payButton: "支払い方法を追加",
+        confirmPurchase: "支払い方法を追加"
+      },
+      "ko-KR": {
+        payButton: "결제 수단 추가",
+        confirmPurchase: "결제 수단 추가"
+      },
+      "zh-CN": {
+        payButton: "添加支付方式",
+        confirmPurchase: "添加支付方式"
+      },
+      "zh-TW": {
+        payButton: "新增付款方式",
+        confirmPurchase: "新增付款方式"
+      },
+      ar: {
+        payButton: "إضافة وسيلة دفع",
+        confirmPurchase: "إضافة وسيلة دفع"
+      },
+      "hr-HR": {
+        payButton: "Dodajte način plačanja",
+        confirmPurchase: "Dodajte način plačanja"
+      },
+      "el-GR": {
+        payButton: "Προσθήκη μεθόδου πληρωμής",
+        confirmPurchase: "Προσθήκη μεθόδου πληρωμής"
+      },
+      "sk-SK": {
+        payButton: "Pridať spôsob platby",
+        confirmPurchase: "Pridať spôsob platby"
+      },
+      "sl-SI": {
+        payButton: "Dodajte način plačanja",
+        confirmPurchase: "Dodajte način plačanja"
+      },
+      "bg-BG": {
+        payButton: "Добавяне на начин на плащане",
+        confirmPurchase: "Добавяне на начин на плащане"
+      },
+      "ca-ES": {
+        payButton: "Afegir mètode de pagament",
+        confirmPurchase: "Afegir mètode de pagament"
+      },
+      "et-EE": {
+        payButton: "Lisa makseviis",
+        confirmPurchase: "Lisa makseviis"
+      },
+      "lv-LV": {
+        payButton: "Pievienot maksājuma veidu",
+        confirmPurchase: "Pievienot maksājuma veidu"
+      },
+      "lt-LT": {
+        payButton: "Pridėti mokėjimo metodą",
+        confirmPurchase: "Pridėti mokėjimo metodą"
+      }
+    };
+  }
+  return result;
+};
 const useExperimentalFeature = () => {
   const experimentalFeature = inject(EXPERIMENTAL_FEATURE_INJECTION_KEY);
   return experimentalFeature;
@@ -325,7 +870,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const { authorizePayment, getPaymentDetails } = createPaymentsService();
     const { tokenizePaymentMethod } = createPaymentMethodsService();
     const experimentalFeatures = useExperimentalFeature();
-    const showPayButton = computed(() => props.variant === "TOKENIZE");
     function submit() {
       try {
         dropInInstance == null ? void 0 : dropInInstance.submit();
@@ -335,7 +879,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     async function getConfiguration() {
       var _a;
-      const adyenAmount = transformToAdyenAmount(props.amount);
+      const adyenAmount = toMinorUnitAmount(props.amount);
       const paymentMethods = ((_a = experimentalFeatures == null ? void 0 : experimentalFeatures.value) == null ? void 0 : _a["express-checkout"]) ? filterOutExpressPaymentMethods(
         mapAdyenPaymentMethods(props.paymentMethodOptionResponseEntry)
       ) : mapAdyenPaymentMethods(props.paymentMethodOptionResponseEntry);
@@ -359,7 +903,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           onPaymentCompleted: handleOnPaymentCompleted,
           onPaymentFailed: handleOnPaymentFailed,
           onError: handleOnError,
-          showPayButton: showPayButton.value
+          showPayButton: false
         },
         dropInConfig: {
           disableFinalAnimation: true,
@@ -855,10 +1399,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        showPaymentSuccess.value ? (openBlock(), createBlock(_sfc_main$3, {
+        showPaymentSuccess.value ? (openBlock(), createBlock(_sfc_main$4, {
           key: 0,
           variant: __props.variant
-        }, null, 8, ["variant"])) : integrationError.value ? (openBlock(), createBlock(_sfc_main$2, {
+        }, null, 8, ["variant"])) : integrationError.value ? (openBlock(), createBlock(_sfc_main$3, {
           key: 1,
           error: integrationError.value
         }, null, 8, ["error"])) : createCommentVNode("", true),
@@ -881,6 +1425,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     invoiceId: { type: String },
     amount: { type: Object },
     selectedOption: { type: String },
+    email: { type: String },
+    name: { type: String },
     validateOnSubmit: { type: Function },
     forceStorePaymentMethod: { type: Boolean }
   },
@@ -890,17 +1436,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     __expose({ submit });
     const { $t } = useIntl();
-    const selectedIntegration = ref();
+    const userSelectedIntegration = ref();
+    const selectedIntegration = computed(
+      () => {
+        var _a, _b;
+        return userSelectedIntegration.value ?? ((_b = (_a = props.paymentMethodOptions[0]) == null ? void 0 : _a.integration.payment_gateway) == null ? void 0 : _b.variant);
+      }
+    );
     const integrationRefs = ref(/* @__PURE__ */ new Map());
     const showIntegrationError = ref(false);
-    function handleSelect({
+    const handleSelect = ({
       paymentGatewayVariant,
       paymentMethodType
-    }) {
+    }) => {
       showIntegrationError.value = false;
-      selectedIntegration.value = paymentGatewayVariant;
+      userSelectedIntegration.value = paymentGatewayVariant;
       emit("select", { paymentGatewayVariant, paymentMethodType });
-    }
+    };
+    const setIntegrationRef = (paymentMethodOption) => {
+      return (el) => {
+        var _a;
+        return integrationRefs.value.set((_a = paymentMethodOption.integration.payment_gateway) == null ? void 0 : _a.variant, el);
+      };
+    };
     function submit() {
       var _a, _b;
       if (!selectedIntegration.value) {
@@ -912,17 +1470,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.paymentMethodOptions, (paymentMethodOption) => {
-          var _a;
           return openBlock(), createElementBlock(Fragment, {
             key: paymentMethodOption.integration.id
           }, [
-            ((_a = paymentMethodOption.integration.payment_gateway) == null ? void 0 : _a.variant) === "ADYEN" ? (openBlock(), createBlock(_sfc_main$1, {
+            unref(isAdyenPaymentIntegration)(paymentMethodOption) ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               ref_for: true,
-              ref: (el) => integrationRefs.value.set(
-                paymentMethodOption.integration.payment_gateway.variant,
-                el
-              ),
+              ref: setIntegrationRef(paymentMethodOption),
               context: __props.context,
               "payment-method-option-response-entry": paymentMethodOption,
               "country-code": __props.countryCode,
@@ -930,17 +1484,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               variant: __props.variant,
               amount: __props.amount,
               "invoice-id": __props.invoiceId,
-              selected: selectedIntegration.value === paymentMethodOption.integration.payment_gateway.variant,
+              selected: unref(isSelectedIntegration)({ selectedIntegration: selectedIntegration.value, paymentMethodOption }),
               "validate-on-submit": __props.validateOnSubmit,
               "force-store-payment-method": __props.forceStorePaymentMethod,
               onSelect: handleSelect,
               onPaymentFailed: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("payment-failed", $event)),
               onPaymentSuccess: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("payment-success")),
               onReady: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("ready"))
-            }, null, 8, ["context", "payment-method-option-response-entry", "country-code", "customer-id", "variant", "amount", "invoice-id", "selected", "validate-on-submit", "force-store-payment-method"])) : createCommentVNode("", true)
+            }, null, 8, ["context", "payment-method-option-response-entry", "country-code", "customer-id", "variant", "amount", "invoice-id", "selected", "validate-on-submit", "force-store-payment-method"])) : unref(isStripePaymentIntegration)(paymentMethodOption) ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              ref_for: true,
+              ref: setIntegrationRef(paymentMethodOption),
+              context: __props.context,
+              "payment-method-option-response-entry": paymentMethodOption,
+              "country-code": __props.countryCode,
+              "customer-id": __props.customerId,
+              variant: __props.variant,
+              amount: __props.amount,
+              "invoice-id": __props.invoiceId,
+              selected: unref(isSelectedIntegration)({ selectedIntegration: selectedIntegration.value, paymentMethodOption }),
+              email: __props.email,
+              name: __props.name,
+              "validate-on-submit": __props.validateOnSubmit,
+              "force-store-payment-method": __props.forceStorePaymentMethod,
+              onSelect: handleSelect,
+              onPaymentFailed: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("payment-failed", $event)),
+              onPaymentSuccess: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("payment-success")),
+              onReady: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("ready"))
+            }, null, 8, ["context", "payment-method-option-response-entry", "country-code", "customer-id", "variant", "amount", "invoice-id", "selected", "email", "name", "validate-on-submit", "force-store-payment-method"])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        showIntegrationError.value ? (openBlock(), createBlock(unref(_sfc_main$8), {
+        showIntegrationError.value ? (openBlock(), createBlock(unref(_sfc_main$a), {
           key: 0,
           variant: "error",
           class: "mt-2"