@economist/web-apple-pay 0.1.3-beta.2 → 0.1.3-beta.3

package/dist/index.js

@@ -317,6 +317,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
     const offer = this.#offer;
     const country = this.#country;
     if (!offer) {
+      console.error("ApplePayModal: Missing or invalid offer data");
       this.remove();
       return;
     }
@@ -438,101 +439,11 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
 };
 
 // src/templates/apple-pay-button.template.html
-var apple_pay_button_template_default = `<style>
-  /* Use CSS variables for layout so parent walls can easily override placement and sizing */
-  teg-apple-pay-button {
-    display: block;
-    margin: var(--apple-pay-margin, 0);
-    width: 100%;
-    height: 100%;
-  }
-
-  teg-apple-pay-button .apple-pay-container {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    width: 100%;
-    height: 100%;
-  }
-
-  teg-apple-pay-button .apple-pay-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.375rem;
-    width: 100%;
-    min-width: 0;
-    height: 100%;
-    min-height: var(--apple-pay-height, 2.75rem);
-    background-color: #000;
-    color: #fff;
-    border: none;
-    border-radius: var(--apple-pay-border-radius, 1.375rem);
-    cursor: pointer;
-    font-family: var(--mb-typeface-sans, var(--wall-type-system-sans));
-    font-size: 1.0625rem;
-    font-weight: 500;
-  }
-
-  teg-apple-pay-button .apple-pay-btn svg {
-    flex-shrink: 0;
-    display: block;
-  }
-
-  teg-apple-pay-button .apple-pay-btn.wap-loading {
-    position: relative;
-    cursor: default;
-  }
-
-  teg-apple-pay-button .apple-pay-btn.wap-loading svg {
-    visibility: hidden;
-  }
-
-  teg-apple-pay-button .apple-pay-btn.wap-loading::after {
-    content: '';
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    margin-left: -0.625rem;
-    margin-top: -0.625rem;
-    width: 1.25rem;
-    height: 1.25rem;
-    border: 2px solid rgba(255, 255, 255, 0.2);
-    border-top-color: #fff;
-    border-radius: 50%;
-    animation: wap-button-spinner 0.8s linear infinite;
-  }
-
-  @keyframes wap-button-spinner {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-</style>
-
-<div class="apple-pay-container" aria-label="Express checkout with Apple Pay">
-  <button
-    class="apple-pay-btn"
-    type="button"
-    aria-label="Pay with Apple Pay"
-    data-analytics="paywall:apple-pay-checkout"
-  >
-    <svg width="51" height="22" aria-label="Apple Pay" role="img">
-      <use href="#apple-pay-logo" />
-    </svg>
-  </button>
-</div>
-`;
+var apple_pay_button_template_default = '<style>\n  /* Use CSS variables for layout so parent walls can easily override placement and sizing */\n  teg-apple-pay-button {\n    display: block;\n    margin: var(--apple-pay-margin, 0);\n    width: 100%;\n    height: 100%;\n  }\n\n  teg-apple-pay-button .apple-pay-container {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    width: 100%;\n    height: 100%;\n  }\n\n  teg-apple-pay-button .apple-pay-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.375rem;\n    width: 100%;\n    min-width: 0;\n    height: 100%;\n    min-height: var(--apple-pay-height, 2.75rem);\n    background-color: #000;\n    color: #fff;\n    border: none;\n    border-radius: var(--apple-pay-border-radius, 1.375rem);\n    cursor: pointer;\n    font-family: var(--mb-typeface-sans, var(--wall-type-system-sans));\n    font-size: 1.0625rem;\n    font-weight: 500;\n  }\n\n  teg-apple-pay-button .apple-pay-btn svg {\n    flex-shrink: 0;\n    display: block;\n  }\n</style>\n\n<div class="apple-pay-container" aria-label="Express checkout with Apple Pay">\n  <button\n    class="apple-pay-btn"\n    type="button"\n    aria-label="Pay with Apple Pay"\n    data-analytics="paywall:apple-pay-checkout"\n  >\n    <svg width="51" height="22" aria-label="Apple Pay" role="img">\n      <use href="#apple-pay-logo" />\n    </svg>\n  </button>\n</div>\n';
 
 // src/clients/payment-checkout/config.ts
 var runtimeConfig = null;
 var configureApplePay = (config) => {
-  console.log("[web-apple-pay] configureApplePay called", {
-    merchantId: config.merchantId,
-    walletApiBaseUrl: config.walletApiBaseUrl,
-    debugBypassEnabled: config.debugBypassEnabled,
-    recaptchaSiteKey: config.recaptchaSiteKey ? "***" : void 0
-  });
   runtimeConfig = {
     ...config
   };
@@ -547,27 +458,21 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
 var isApplePayAvailable = async () => {
-  console.log("[web-apple-pay] isApplePayAvailable: checking availability");
   if (bypassApplePayChecks()) {
-    console.log("[web-apple-pay] isApplePayAvailable: bypass active \u2192 true");
     return true;
   }
   if (!isAppleDeviceOrSafari()) {
-    console.log("[web-apple-pay] isApplePayAvailable: not Apple device or Safari \u2192 false");
     return false;
   }
   const applePaySession = window.ApplePaySession;
   if (!applePaySession) {
-    console.log("[web-apple-pay] isApplePayAvailable: ApplePaySession not found on window \u2192 false");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
-      console.log("[web-apple-pay] isApplePayAvailable: canMakePayments is not a function \u2192 false");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
-      console.log("[web-apple-pay] isApplePayAvailable: canMakePayments() returned false \u2192 false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
@@ -577,10 +482,7 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    console.log("[web-apple-pay] isApplePayAvailable : calling canMakePaymentsWithActiveCard", { merchantId });
-    const result = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    console.log("[web-apple-pay] isApplePayAvailable: canMakePaymentsWithActiveCard \u2192", result);
-    return result;
+    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;
@@ -841,73 +743,7 @@ var MSG_EMAIL_COLLISION = "This email address is already linked to an account. P
 var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
-function redirectToFallbackCheckout(config) {
-  console.warn("[web-apple-pay] redirectToFallbackCheckout", {
-    skuId: config.skuId,
-    returnUrl: config.returnUrl,
-    inlineError: MSG_PAYMENT_GENERIC_ERROR
-  });
-  trackFallbackCheckout(config.skuId);
-  window.location.href = redirectToCheckoutFallback({
-    skuId: config.skuId,
-    returnUrl: config.returnUrl,
-    inlineError: MSG_PAYMENT_GENERIC_ERROR
-  });
-}
-async function handleMerchantValidation(event, session, config) {
-  console.log("[web-apple-pay] handleMerchantValidation: start", {
-    skuId: config.skuId,
-    validationURL: event.validationURL
-  });
-  try {
-    const validationHost = new URL(event.validationURL).host;
-    console.log("[web-apple-pay] handleMerchantValidation: host parsed", {
-      validationHost
-    });
-    if (!validationHost.endsWith("apple.com")) {
-      console.warn(
-        "[web-apple-pay] handleMerchantValidation: invalid validation host",
-        { validationHost }
-      );
-      session.abort();
-      redirectToFallbackCheckout(config);
-      return;
-    }
-    console.log("[web-apple-pay] handleMerchantValidation: requesting recaptcha token");
-    const recaptchaToken = await getRecaptchaToken("verifyMerchant");
-    console.log("[web-apple-pay] handleMerchantValidation: recaptcha token received");
-    const response = await validateAppleMerchant({
-      validationURL: event.validationURL,
-      recaptchaToken
-    });
-    if (!response?.merchantSession) {
-      console.warn(
-        "[web-apple-pay] handleMerchantValidation: missing merchantSession in response"
-      );
-      session.abort();
-      redirectToFallbackCheckout(config);
-      return;
-    }
-    console.log("[web-apple-pay] handleMerchantValidation: completing merchant validation");
-    session.completeMerchantValidation(response.merchantSession);
-    console.log("[web-apple-pay] handleMerchantValidation: success");
-  } catch (err) {
-    console.error("[web-apple-pay] handleMerchantValidation: failed", {
-      skuId: config.skuId,
-      err
-    });
-    session.abort();
-    redirectToFallbackCheckout(config);
-  }
-}
 function startApplePaySession(config) {
-  console.log("[web-apple-pay] startApplePaySession", {
-    skuId: config.skuId,
-    countryCode: config.countryCode,
-    currencyCode: config.currencyCode,
-    totalAmount: config.totalAmount,
-    userLoggedIn: config.userLoggedIn
-  });
   const paymentRequest = {
     countryCode: config.countryCode,
     currencyCode: config.currencyCode,
@@ -921,45 +757,55 @@ function startApplePaySession(config) {
     // Only request email from Apple Pay sheet if user is NOT logged in
     ...!config.userLoggedIn && { requiredShippingContactFields: ["email"] }
   };
-  console.log("[web-apple-pay] startApplePaySession: payment request created", {
-    skuId: config.skuId,
-    requiredShippingContactFields: paymentRequest.requiredShippingContactFields
-  });
-  try {
-    const session = new ApplePaySession(3, paymentRequest);
-    console.log("[web-apple-pay] startApplePaySession: ApplePaySession created");
-    session.onvalidatemerchant = async (event) => {
-      console.log("[web-apple-pay] onvalidatemerchant: invoked", {
-        skuId: config.skuId
-      });
-      await handleMerchantValidation(event, session, config);
-    };
-    session.onpaymentauthorized = (event) => {
-      console.log("[web-apple-pay] onpaymentauthorized: invoked", {
-        skuId: config.skuId
+  const session = new ApplePaySession(3, paymentRequest);
+  session.onvalidatemerchant = async (event) => {
+    try {
+      const validationHost = new URL(event.validationURL).host;
+      if (!validationHost.endsWith("apple.com")) {
+        trackFallbackCheckout(config.skuId);
+        session.abort();
+        window.location.href = redirectToCheckoutFallback({
+          skuId: config.skuId,
+          returnUrl: config.returnUrl,
+          inlineError: MSG_PAYMENT_GENERIC_ERROR
+        });
+        return;
+      }
+      const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      const response = await validateAppleMerchant({
+        validationURL: event.validationURL,
+        recaptchaToken
       });
-      trackWalletPaymentAuthorised(config.skuId);
-      config.onPaymentAuthorized(event, session);
-    };
-    session.oncancel = () => {
-      console.log("[web-apple-pay] oncancel: invoked", {
-        skuId: config.skuId
+      if (!response?.merchantSession) {
+        trackFallbackCheckout(config.skuId);
+        session.abort();
+        window.location.href = redirectToCheckoutFallback({
+          skuId: config.skuId,
+          returnUrl: config.returnUrl,
+          inlineError: MSG_PAYMENT_GENERIC_ERROR
+        });
+        return;
+      }
+      session.completeMerchantValidation(response.merchantSession);
+    } catch {
+      trackFallbackCheckout(config.skuId);
+      session.abort();
+      window.location.href = redirectToCheckoutFallback({
+        skuId: config.skuId,
+        returnUrl: config.returnUrl,
+        inlineError: MSG_PAYMENT_GENERIC_ERROR
       });
-      config.onCancel?.();
-    };
-    console.log("[web-apple-pay] startApplePaySession: opening payment sheet", {
-      skuId: config.skuId
-    });
-    trackWalletPaymentSheetOpen(config.skuId);
-    session.begin();
-    console.log("[web-apple-pay] startApplePaySession: session begin called");
-  } catch (err) {
-    console.error("[web-apple-pay] startApplePaySession: failed to start session", {
-      skuId: config.skuId,
-      err
-    });
-    redirectToFallbackCheckout(config);
-  }
+    }
+  };
+  session.onpaymentauthorized = (event) => {
+    trackWalletPaymentAuthorised(config.skuId);
+    config.onPaymentAuthorized(event, session);
+  };
+  session.oncancel = () => {
+    config.onCancel?.();
+  };
+  trackWalletPaymentSheetOpen(config.skuId);
+  session.begin();
 }
 
 // src/clients/payment-checkout/contact-validation.ts
@@ -1048,25 +894,13 @@ var billingContactDetails = (contact, supportedBillingCountries) => {
 // src/clients/payment-checkout/shipping-contact-details.ts
 var EMAIL_FORMAT_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var shippingContactDetails = (shippingContact) => {
-  console.log("[web-apple-pay] shippingContactDetails: start", {
-    hasShippingContact: Boolean(shippingContact),
-    hasEmailAddress: shippingContact?.emailAddress !== void 0
-  });
   const errors = [];
   let emailAddress = "";
   if (shippingContact?.emailAddress === void 0 || shippingContact?.emailAddress === "") {
-    console.log(
-      "[web-apple-pay] shippingContactDetails: email missing or empty"
-    );
     pushRequiredFieldError(errors, "shipping", "emailAddress");
   } else {
-    console.log("[web-apple-pay] shippingContactDetails: email provided");
     emailAddress = shippingContact.emailAddress.trim();
-    console.log("[web-apple-pay] shippingContactDetails: email trimmed", {
-      emailLength: emailAddress.length
-    });
     if (emailAddress.length > 80) {
-      console.log("[web-apple-pay] shippingContactDetails: email too long");
       pushFieldError(
         errors,
         "shipping",
@@ -1075,9 +909,6 @@ var shippingContactDetails = (shippingContact) => {
         MSG_EMAIL_TOO_LONG
       );
     } else if (!EMAIL_FORMAT_REGEX.test(emailAddress)) {
-      console.log(
-        "[web-apple-pay] shippingContactDetails: email format invalid"
-      );
       pushFieldError(
         errors,
         "shipping",
@@ -1085,17 +916,11 @@ var shippingContactDetails = (shippingContact) => {
         "format",
         MSG_EMAIL_WRONG_FORMAT
       );
-    } else {
-      console.log("[web-apple-pay] shippingContactDetails: email valid");
     }
   }
   if (errors.length > 0) {
-    console.log("[web-apple-pay] shippingContactDetails: throwing validation error", {
-      errorCount: errors.length
-    });
     throw new ContactValidationError(errors);
   }
-  console.log("[web-apple-pay] shippingContactDetails: success");
   return { emailAddress };
 };
 
@@ -1157,27 +982,22 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, queryString } = config;
   let validatedEmail;
-  console.log("[web-apple-pay] handlePaymentAuthorized: starting", { skuId, userLoggedIn: sessionData.loggedIn });
   try {
-    console.log("[web-apple-pay] handlePaymentAuthorized: step 1 \u2014 validating contacts");
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    console.log("[web-apple-pay] handlePaymentAuthorized: contacts valid", { validatedEmail });
-    console.log("[web-apple-pay] handlePaymentAuthorized: step 2 \u2014 calling performPurchase", { skuId });
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
+      currency: config.currency,
       billingContact: event.payment.billingContact,
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    console.log("[web-apple-pay] handlePaymentAuthorized: performPurchase succeeded", { basketId: result.basketId });
-    console.log("[web-apple-pay] handlePaymentAuthorized: step 3 \u2014 completing payment and redirecting");
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -1190,25 +1010,17 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
     });
   } catch (err) {
     if (err instanceof ContactValidationError) {
-      console.warn("[web-apple-pay] handlePaymentAuthorized: contact validation failed", err.errors);
       failApplePaySession(session, err.errors);
       return;
     }
     console.error("[web-apple-pay] onpaymentauthorized error", { skuId, err });
     const walletError = parseWalletApiError(err);
-    console.error("[web-apple-pay] handlePaymentAuthorized: BFF/network error", {
-      skuId,
-      errorType: walletError?.errorType ?? "UNKNOWN",
-      message: walletError?.message
-    });
     trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
-      console.warn("[web-apple-pay] handlePaymentAuthorized: unstructured error, using generic fallback");
       redirectFallback(skuId, returnUrl, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
       return;
     }
-    console.log("[web-apple-pay] handlePaymentAuthorized: dispatching structured error handler", { errorType: walletError.errorType });
     handleStructuredError({ skuId, returnUrl, validatedEmail, walletError });
   }
 }
@@ -1495,15 +1307,11 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
    * Creates and configures an ApplePayButton if the feature flag is present.
    */
   static createIfEnabled(offer, country, entryPoint) {
-    if (!offer) {
-      return null;
-    }
-    if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant)) {
+    if (!offer) return null;
+    if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant))
       return null;
-    }
-    if (!new URLSearchParams(window.location.search).has(FEATURE_APPLE_PAY_EXPRESS_CHECKOUT)) {
+    if (!new URLSearchParams(window.location.search).has(FEATURE_APPLE_PAY_EXPRESS_CHECKOUT))
       return null;
-    }
     _ApplePayButton.define();
     const button = document.createElement(_ApplePayButton.tag);
     button.offer = offer;
@@ -1530,7 +1338,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #returnUrl = "";
   #supportedBillingCountries = [];
   #entryPoint = "";
-  #recaptchaTokens = null;
   // ─── Public API ─────────────────────────────────────────────────────────────
   get offer() {
     return this.#offer;
@@ -1601,16 +1408,14 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #run() {
     try {
       if (await this.#checkAvailability()) return;
-      if (this.#checkOffer()) return;
-      this.#renderTemplate();
       if (await this.#checkSession()) return;
+      if (this.#checkOffer()) return;
       this.#captureReturnUrl();
       this.#computeBillingCountries();
       if (await this.#fetchAndCacheOptions()) return;
-      this.#finishLoading();
+      this.#renderTemplate();
     } catch {
       this.style.display = "none";
-      this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
       this.#rendering = false;
     }
@@ -1632,7 +1437,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     this.#sessionData = await this.#fetchSession();
     if (this.#sessionData?.loggedIn && (this.#sessionData.userType === "active-subscription" || this.#sessionData.userType === "b2b-user")) {
       this.style.display = "none";
-      this.querySelector(SEL_CONTAINER)?.remove();
       return true;
     }
     return false;
@@ -1666,9 +1470,8 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
    */
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
-    if (!this.#paymentOptions?.options?.apple_pay) {
+    if (!this.#paymentOptions?.apple_pay) {
       this.style.display = "none";
-      this.querySelector(SEL_CONTAINER)?.remove();
       return true;
     }
     return false;
@@ -1680,30 +1483,19 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const template = document.createElement("template");
     template.innerHTML = apple_pay_button_template_default;
     this.appendChild(template.content.cloneNode(true));
+    this.#updateDisabledState();
+    trackExpressWalletImpression(this.#offer.sku_id, {
+      entryPoint: this.#entryPoint,
+      country: this.#country
+    });
     const button = this.querySelector(SEL_BUTTON);
-    button.classList.add("wap-loading");
-    button.setAttribute("disabled", "");
-    button.setAttribute("aria-disabled", "true");
-    button.setAttribute("aria-busy", "true");
     button.addEventListener("click", () => {
-      if (button.classList.contains("wap-loading")) return;
       this.#openModal();
     });
-    document.addEventListener("apple-pay-confirmed", (event) => {
+    this.addEventListener("apple-pay-confirmed", (event) => {
       const { skuId, country } = event.detail;
       this.#initiateApplePay(skuId, country);
-    }, { once: true });
-  }
-  #finishLoading() {
-    const button = this.querySelector(SEL_BUTTON);
-    if (button) {
-      button.classList.remove("wap-loading");
-      this.#updateDisabledState();
-      trackExpressWalletImpression(this.#offer.sku_id, {
-        entryPoint: this.#entryPoint,
-        country: this.#country
-      });
-    }
+    });
   }
   // ─── Private helpers ────────────────────────────────────────────────────────
   #updateDisabledState() {
@@ -1712,24 +1504,14 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (this.#offer) {
       button.removeAttribute("disabled");
       button.removeAttribute("aria-disabled");
-      button.removeAttribute("aria-busy");
       return;
     }
     button.setAttribute("disabled", "");
     button.setAttribute("aria-disabled", "true");
   }
   #openModal() {
-    if (!this.#offer) {
-      return;
-    }
-    if (document.querySelector(ApplePayModal.tag)) {
-      return;
-    }
+    if (!this.#offer || document.querySelector(ApplePayModal.tag)) return;
     trackExpressWalletClick(this.#offer.sku_id);
-    getPurchaseRecaptchaTokens().then((tokens) => {
-      this.#recaptchaTokens = tokens;
-    }).catch(() => {
-    });
     ApplePayModal.define();
     const modal = document.createElement(ApplePayModal.tag);
     modal.offer = this.#offer;
@@ -1764,7 +1546,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     return {
       countryCode: country,
       currencyCode: offer.price?.currency_code ?? DEFAULT_CURRENCY,
-      supportedNetworks: paymentOptions.options.apple_pay.settings.supported_networks,
+      supportedNetworks: paymentOptions.apple_pay.settings.supported_networks,
       totalAmount,
       totalLabel: TOTAL_LABEL,
       skuId,
@@ -1773,6 +1555,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       onPaymentAuthorized: (event, session) => handlePaymentAuthorized(event, session, sessionData, {
         skuId,
         country,
+        currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
         returnUrl: this.#returnUrl,
         queryString: buildQueryString(),
         supportedBillingCountries: this.#supportedBillingCountries,
@@ -1784,7 +1567,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     try {
       const sessionData = this.#sessionData ?? _ApplePayButton.#ANONYMOUS_SESSION;
       const paymentOptions = this.#paymentOptions;
-      const recaptchaTokens = this.#recaptchaTokens ?? await getPurchaseRecaptchaTokens();
+      const recaptchaTokens = await getPurchaseRecaptchaTokens();
       startApplePaySession(
         this.#buildSessionParams(
           skuId,