@economist/web-apple-pay 1.8.0 → 1.8.1

package/dist/index.js

@@ -606,13 +606,8 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 
 // src/apple-pay-modal.ts
@@ -840,7 +835,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
   #isClosed = false;
   /**
    * Callback invoked synchronously from the CTA click handler.
-   * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+   * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
    * by the time this is called. The caller (ApplePayButton) must call
    * new ApplePaySession() synchronously inside this callback to stay within
    * Safari's user-gesture window. The token promise resolves before
@@ -952,12 +947,12 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
       this.querySelector('[role="alert"]:not(#apple-pay-modal-error)')?.remove();
       cta.disabled = true;
       cta.setAttribute("aria-busy", "true");
-      const recaptchaTokensPromise = getPurchaseRecaptchaTokens();
+      const recaptchaTokenPromise = getPurchaseRecaptchaToken();
       if (!this.#isClosed && this.onConfirm) {
-        this.onConfirm(recaptchaTokensPromise);
+        this.onConfirm(recaptchaTokenPromise);
         this.close();
       }
-      recaptchaTokensPromise.catch(() => {
+      recaptchaTokenPromise.catch(() => {
         if (this.#isClosed) return;
         cta.disabled = false;
         cta.removeAttribute("aria-busy");
@@ -1660,7 +1655,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
-      recaptchaTokens: config.recaptchaTokens
+      recaptchaToken: config.recaptchaToken
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
@@ -2210,8 +2205,8 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     }
     const skuId = this.#offer.sku_id;
     const country = this.#country;
-    modal.onConfirm = (recaptchaTokensPromise) => {
-      this.#initiateApplePay(skuId, country, recaptchaTokensPromise);
+    modal.onConfirm = (recaptchaTokenPromise) => {
+      this.#initiateApplePay(skuId, country, recaptchaTokenPromise);
     };
     modal.open();
   }
@@ -2234,7 +2229,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       return null;
     }
   }
-  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokensPromise) {
+  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokenPromise) {
     const offer = this.#offer;
     const totalAmount = offer.price?.purchase ? `${offer.price.purchase}` : DEFAULT_TOTAL;
     return {
@@ -2247,19 +2242,19 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       returnUrl: this.#returnUrl,
       userLoggedIn: sessionData.loggedIn,
       onPaymentAuthorized: async (event, session) => {
-        const recaptchaTokens = await recaptchaTokensPromise;
+        const recaptchaToken = await recaptchaTokenPromise;
         return handlePaymentAuthorized(event, session, sessionData, {
           skuId,
           country,
           currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
           returnUrl: this.#returnUrl,
           supportedBillingCountries: this.#supportedBillingCountries,
-          recaptchaTokens
+          recaptchaToken
         });
       }
     };
   }
-  #initiateApplePay(skuId, country, recaptchaTokensPromise) {
+  #initiateApplePay(skuId, country, recaptchaTokenPromise) {
     try {
       const sessionData = this.#sessionData ?? _ApplePayButton.#ANONYMOUS_SESSION;
       const paymentOptions = this.#paymentOptions;
@@ -2272,7 +2267,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           country,
           sessionData,
           paymentOptions,
-          recaptchaTokensPromise
+          recaptchaTokenPromise
         )
       );
     } catch {

package/dist/src/apple-pay-button.js

@@ -601,13 +601,8 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 
 // src/apple-pay-modal.ts
@@ -835,7 +830,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
   #isClosed = false;
   /**
    * Callback invoked synchronously from the CTA click handler.
-   * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+   * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
    * by the time this is called. The caller (ApplePayButton) must call
    * new ApplePaySession() synchronously inside this callback to stay within
    * Safari's user-gesture window. The token promise resolves before
@@ -947,12 +942,12 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
       this.querySelector('[role="alert"]:not(#apple-pay-modal-error)')?.remove();
       cta.disabled = true;
       cta.setAttribute("aria-busy", "true");
-      const recaptchaTokensPromise = getPurchaseRecaptchaTokens();
+      const recaptchaTokenPromise = getPurchaseRecaptchaToken();
       if (!this.#isClosed && this.onConfirm) {
-        this.onConfirm(recaptchaTokensPromise);
+        this.onConfirm(recaptchaTokenPromise);
         this.close();
       }
-      recaptchaTokensPromise.catch(() => {
+      recaptchaTokenPromise.catch(() => {
         if (this.#isClosed) return;
         cta.disabled = false;
         cta.removeAttribute("aria-busy");
@@ -1655,7 +1650,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
-      recaptchaTokens: config.recaptchaTokens
+      recaptchaToken: config.recaptchaToken
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
@@ -2205,8 +2200,8 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     }
     const skuId = this.#offer.sku_id;
     const country = this.#country;
-    modal.onConfirm = (recaptchaTokensPromise) => {
-      this.#initiateApplePay(skuId, country, recaptchaTokensPromise);
+    modal.onConfirm = (recaptchaTokenPromise) => {
+      this.#initiateApplePay(skuId, country, recaptchaTokenPromise);
     };
     modal.open();
   }
@@ -2229,7 +2224,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       return null;
     }
   }
-  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokensPromise) {
+  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokenPromise) {
     const offer = this.#offer;
     const totalAmount = offer.price?.purchase ? `${offer.price.purchase}` : DEFAULT_TOTAL;
     return {
@@ -2242,19 +2237,19 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       returnUrl: this.#returnUrl,
       userLoggedIn: sessionData.loggedIn,
       onPaymentAuthorized: async (event, session) => {
-        const recaptchaTokens = await recaptchaTokensPromise;
+        const recaptchaToken = await recaptchaTokenPromise;
         return handlePaymentAuthorized(event, session, sessionData, {
           skuId,
           country,
           currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
           returnUrl: this.#returnUrl,
           supportedBillingCountries: this.#supportedBillingCountries,
-          recaptchaTokens
+          recaptchaToken
         });
       }
     };
   }
-  #initiateApplePay(skuId, country, recaptchaTokensPromise) {
+  #initiateApplePay(skuId, country, recaptchaTokenPromise) {
     try {
       const sessionData = this.#sessionData ?? _ApplePayButton.#ANONYMOUS_SESSION;
       const paymentOptions = this.#paymentOptions;
@@ -2267,7 +2262,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           country,
           sessionData,
           paymentOptions,
-          recaptchaTokensPromise
+          recaptchaTokenPromise
         )
       );
     } catch {

package/dist/src/apple-pay-button.stories.js

@@ -609,13 +609,8 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 
 // src/apple-pay-modal.ts
@@ -843,7 +838,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
   #isClosed = false;
   /**
    * Callback invoked synchronously from the CTA click handler.
-   * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+   * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
    * by the time this is called. The caller (ApplePayButton) must call
    * new ApplePaySession() synchronously inside this callback to stay within
    * Safari's user-gesture window. The token promise resolves before
@@ -955,12 +950,12 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
       this.querySelector('[role="alert"]:not(#apple-pay-modal-error)')?.remove();
       cta.disabled = true;
       cta.setAttribute("aria-busy", "true");
-      const recaptchaTokensPromise = getPurchaseRecaptchaTokens();
+      const recaptchaTokenPromise = getPurchaseRecaptchaToken();
       if (!this.#isClosed && this.onConfirm) {
-        this.onConfirm(recaptchaTokensPromise);
+        this.onConfirm(recaptchaTokenPromise);
         this.close();
       }
-      recaptchaTokensPromise.catch(() => {
+      recaptchaTokenPromise.catch(() => {
         if (this.#isClosed) return;
         cta.disabled = false;
         cta.removeAttribute("aria-busy");
@@ -1663,7 +1658,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
-      recaptchaTokens: config.recaptchaTokens
+      recaptchaToken: config.recaptchaToken
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
@@ -2213,8 +2208,8 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     }
     const skuId = this.#offer.sku_id;
     const country = this.#country;
-    modal.onConfirm = (recaptchaTokensPromise) => {
-      this.#initiateApplePay(skuId, country, recaptchaTokensPromise);
+    modal.onConfirm = (recaptchaTokenPromise) => {
+      this.#initiateApplePay(skuId, country, recaptchaTokenPromise);
     };
     modal.open();
   }
@@ -2237,7 +2232,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       return null;
     }
   }
-  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokensPromise) {
+  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokenPromise) {
     const offer = this.#offer;
     const totalAmount = offer.price?.purchase ? `${offer.price.purchase}` : DEFAULT_TOTAL;
     return {
@@ -2250,19 +2245,19 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       returnUrl: this.#returnUrl,
       userLoggedIn: sessionData.loggedIn,
       onPaymentAuthorized: async (event, session) => {
-        const recaptchaTokens = await recaptchaTokensPromise;
+        const recaptchaToken = await recaptchaTokenPromise;
         return handlePaymentAuthorized(event, session, sessionData, {
           skuId,
           country,
           currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
           returnUrl: this.#returnUrl,
           supportedBillingCountries: this.#supportedBillingCountries,
-          recaptchaTokens
+          recaptchaToken
         });
       }
     };
   }
-  #initiateApplePay(skuId, country, recaptchaTokensPromise) {
+  #initiateApplePay(skuId, country, recaptchaTokenPromise) {
     try {
       const sessionData = this.#sessionData ?? _ApplePayButton.#ANONYMOUS_SESSION;
       const paymentOptions = this.#paymentOptions;
@@ -2275,7 +2270,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           country,
           sessionData,
           paymentOptions,
-          recaptchaTokensPromise
+          recaptchaTokenPromise
         )
       );
     } catch {

package/dist/src/apple-pay-modal.d.ts

@@ -1,18 +1,17 @@
 import type { Offer } from './types/offer.types';
-import { type RecaptchaTokens } from './utils/recaptcha';
 export declare class ApplePayModal extends HTMLElement {
     #private;
     static readonly tag = "teg-apple-pay-modal";
     static define(): void;
     /**
      * Callback invoked synchronously from the CTA click handler.
-     * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+     * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
      * by the time this is called. The caller (ApplePayButton) must call
      * new ApplePaySession() synchronously inside this callback to stay within
      * Safari's user-gesture window. The token promise resolves before
      * onPaymentAuthorized fires (user still needs to authenticate on the sheet).
      */
-    onConfirm: ((recaptchaTokensPromise: Promise<RecaptchaTokens>) => void) | null;
+    onConfirm: ((recaptchaTokenPromise: Promise<string>) => void) | null;
     set offer(value: Offer | null);
     get country(): string;
     set country(value: string);

package/dist/src/apple-pay-modal.js

@@ -601,13 +601,8 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 
 // src/apple-pay-modal.ts
@@ -835,7 +830,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
   #isClosed = false;
   /**
    * Callback invoked synchronously from the CTA click handler.
-   * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+   * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
    * by the time this is called. The caller (ApplePayButton) must call
    * new ApplePaySession() synchronously inside this callback to stay within
    * Safari's user-gesture window. The token promise resolves before
@@ -947,12 +942,12 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
       this.querySelector('[role="alert"]:not(#apple-pay-modal-error)')?.remove();
       cta.disabled = true;
       cta.setAttribute("aria-busy", "true");
-      const recaptchaTokensPromise = getPurchaseRecaptchaTokens();
+      const recaptchaTokenPromise = getPurchaseRecaptchaToken();
       if (!this.#isClosed && this.onConfirm) {
-        this.onConfirm(recaptchaTokensPromise);
+        this.onConfirm(recaptchaTokenPromise);
         this.close();
       }
-      recaptchaTokensPromise.catch(() => {
+      recaptchaTokenPromise.catch(() => {
         if (this.#isClosed) return;
         cta.disabled = false;
         cta.removeAttribute("aria-busy");

package/dist/src/apple-pay-modal.stories.js

@@ -601,13 +601,8 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 
 // src/apple-pay-modal.ts
@@ -835,7 +830,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
   #isClosed = false;
   /**
    * Callback invoked synchronously from the CTA click handler.
-   * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+   * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
    * by the time this is called. The caller (ApplePayButton) must call
    * new ApplePaySession() synchronously inside this callback to stay within
    * Safari's user-gesture window. The token promise resolves before
@@ -947,12 +942,12 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
       this.querySelector('[role="alert"]:not(#apple-pay-modal-error)')?.remove();
       cta.disabled = true;
       cta.setAttribute("aria-busy", "true");
-      const recaptchaTokensPromise = getPurchaseRecaptchaTokens();
+      const recaptchaTokenPromise = getPurchaseRecaptchaToken();
       if (!this.#isClosed && this.onConfirm) {
-        this.onConfirm(recaptchaTokensPromise);
+        this.onConfirm(recaptchaTokenPromise);
         this.close();
       }
-      recaptchaTokensPromise.catch(() => {
+      recaptchaTokenPromise.catch(() => {
         if (this.#isClosed) return;
         cta.disabled = false;
         cta.removeAttribute("aria-busy");
@@ -1655,7 +1650,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
-      recaptchaTokens: config.recaptchaTokens
+      recaptchaToken: config.recaptchaToken
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
@@ -2205,8 +2200,8 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     }
     const skuId = this.#offer.sku_id;
     const country = this.#country;
-    modal.onConfirm = (recaptchaTokensPromise) => {
-      this.#initiateApplePay(skuId, country, recaptchaTokensPromise);
+    modal.onConfirm = (recaptchaTokenPromise) => {
+      this.#initiateApplePay(skuId, country, recaptchaTokenPromise);
     };
     modal.open();
   }
@@ -2229,7 +2224,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       return null;
     }
   }
-  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokensPromise) {
+  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokenPromise) {
     const offer = this.#offer;
     const totalAmount = offer.price?.purchase ? `${offer.price.purchase}` : DEFAULT_TOTAL;
     return {
@@ -2242,19 +2237,19 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       returnUrl: this.#returnUrl,
       userLoggedIn: sessionData.loggedIn,
       onPaymentAuthorized: async (event, session) => {
-        const recaptchaTokens = await recaptchaTokensPromise;
+        const recaptchaToken = await recaptchaTokenPromise;
         return handlePaymentAuthorized(event, session, sessionData, {
           skuId,
           country,
           currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
           returnUrl: this.#returnUrl,
           supportedBillingCountries: this.#supportedBillingCountries,
-          recaptchaTokens
+          recaptchaToken
         });
       }
     };
   }
-  #initiateApplePay(skuId, country, recaptchaTokensPromise) {
+  #initiateApplePay(skuId, country, recaptchaTokenPromise) {
     try {
       const sessionData = this.#sessionData ?? _ApplePayButton.#ANONYMOUS_SESSION;
       const paymentOptions = this.#paymentOptions;
@@ -2267,7 +2262,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           country,
           sessionData,
           paymentOptions,
-          recaptchaTokensPromise
+          recaptchaTokenPromise
         )
       );
     } catch {

package/dist/src/clients/payment-checkout/payment-handler.d.ts

@@ -20,10 +20,6 @@ export type PaymentHandlerConfig = {
     currency: string;
     returnUrl: string;
     supportedBillingCountries: string[];
-    recaptchaTokens: {
-        checkEligibility: string;
-        newBasket: string;
-        registerUser: string;
-    };
+    recaptchaToken: string;
 };
 export declare function handlePaymentAuthorized(event: ApplePayJS.ApplePayPaymentAuthorizedEvent, session: ApplePaySession, sessionData: SessionResponse, config: PaymentHandlerConfig): Promise<void>;

package/dist/src/clients/payment-checkout/payment-handler.js

@@ -359,7 +359,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
-      recaptchaTokens: config.recaptchaTokens
+      recaptchaToken: config.recaptchaToken
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });

package/dist/src/clients/payment-checkout/types.d.ts

@@ -91,11 +91,7 @@ export type PurchaseRequest = {
     billingContact: ApplePayPaymentContact;
     /** Required if loggedIn: false — contains emailAddress from Apple Pay sheet. */
     shippingContact?: ApplePayPaymentContact;
-    recaptchaTokens: {
-        checkEligibility: string;
-        newBasket: string;
-        registerUser: string;
-    };
+    recaptchaToken: string;
 };
 export type PurchaseResponse = {
     basketId: string;

package/dist/src/index.js

@@ -606,13 +606,8 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 
 // src/apple-pay-modal.ts
@@ -840,7 +835,7 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
   #isClosed = false;
   /**
    * Callback invoked synchronously from the CTA click handler.
-   * Receives a Promise of reCAPTCHA tokens — the promise is already in-flight
+   * Receives a Promise of a reCAPTCHA token — the promise is already in-flight
    * by the time this is called. The caller (ApplePayButton) must call
    * new ApplePaySession() synchronously inside this callback to stay within
    * Safari's user-gesture window. The token promise resolves before
@@ -952,12 +947,12 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
       this.querySelector('[role="alert"]:not(#apple-pay-modal-error)')?.remove();
       cta.disabled = true;
       cta.setAttribute("aria-busy", "true");
-      const recaptchaTokensPromise = getPurchaseRecaptchaTokens();
+      const recaptchaTokenPromise = getPurchaseRecaptchaToken();
       if (!this.#isClosed && this.onConfirm) {
-        this.onConfirm(recaptchaTokensPromise);
+        this.onConfirm(recaptchaTokenPromise);
         this.close();
       }
-      recaptchaTokensPromise.catch(() => {
+      recaptchaTokenPromise.catch(() => {
         if (this.#isClosed) return;
         cta.disabled = false;
         cta.removeAttribute("aria-busy");
@@ -1660,7 +1655,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       ...event.payment.shippingContact && {
         shippingContact: event.payment.shippingContact
       },
-      recaptchaTokens: config.recaptchaTokens
+      recaptchaToken: config.recaptchaToken
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
@@ -2210,8 +2205,8 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     }
     const skuId = this.#offer.sku_id;
     const country = this.#country;
-    modal.onConfirm = (recaptchaTokensPromise) => {
-      this.#initiateApplePay(skuId, country, recaptchaTokensPromise);
+    modal.onConfirm = (recaptchaTokenPromise) => {
+      this.#initiateApplePay(skuId, country, recaptchaTokenPromise);
     };
     modal.open();
   }
@@ -2234,7 +2229,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       return null;
     }
   }
-  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokensPromise) {
+  #buildSessionParams(skuId, country, sessionData, paymentOptions, recaptchaTokenPromise) {
     const offer = this.#offer;
     const totalAmount = offer.price?.purchase ? `${offer.price.purchase}` : DEFAULT_TOTAL;
     return {
@@ -2247,19 +2242,19 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       returnUrl: this.#returnUrl,
       userLoggedIn: sessionData.loggedIn,
       onPaymentAuthorized: async (event, session) => {
-        const recaptchaTokens = await recaptchaTokensPromise;
+        const recaptchaToken = await recaptchaTokenPromise;
         return handlePaymentAuthorized(event, session, sessionData, {
           skuId,
           country,
           currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
           returnUrl: this.#returnUrl,
           supportedBillingCountries: this.#supportedBillingCountries,
-          recaptchaTokens
+          recaptchaToken
         });
       }
     };
   }
-  #initiateApplePay(skuId, country, recaptchaTokensPromise) {
+  #initiateApplePay(skuId, country, recaptchaTokenPromise) {
     try {
       const sessionData = this.#sessionData ?? _ApplePayButton.#ANONYMOUS_SESSION;
       const paymentOptions = this.#paymentOptions;
@@ -2272,7 +2267,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           country,
           sessionData,
           paymentOptions,
-          recaptchaTokensPromise
+          recaptchaTokenPromise
         )
       );
     } catch {

package/dist/src/utils/recaptcha.d.ts

@@ -13,16 +13,10 @@
  */
 export declare const getRecaptchaToken: (action: string) => Promise<string>;
 /**
- * The set of reCAPTCHA tokens required by /v1/wallet/purchase.
- * Exported as a named type so both apple-pay-modal and apple-pay-button
- * share a single source of truth rather than deriving it independently.
+ * The reCAPTCHA token required by /v1/wallet/purchase.
  */
-export type RecaptchaTokens = {
-    checkEligibility: string;
-    newBasket: string;
-    registerUser: string;
-};
+export type RecaptchaToken = string;
 /**
- * Acquires all three reCAPTCHA tokens needed by /v1/wallet/purchase in parallel.
+ * Acquires the single reCAPTCHA token needed by /v1/wallet/purchase.
  */
-export declare const getPurchaseRecaptchaTokens: () => Promise<RecaptchaTokens>;
+export declare const getPurchaseRecaptchaToken: () => Promise<RecaptchaToken>;

package/dist/src/utils/recaptcha.js

@@ -41,15 +41,10 @@ var getRecaptchaToken = async (action) => {
     });
   });
 };
-var getPurchaseRecaptchaTokens = async () => {
-  const [checkEligibility, newBasket, registerUser] = await Promise.all([
-    getRecaptchaToken("checkEligibility"),
-    getRecaptchaToken("newBasket"),
-    getRecaptchaToken("registerUser")
-  ]);
-  return { checkEligibility, newBasket, registerUser };
+var getPurchaseRecaptchaToken = () => {
+  return getRecaptchaToken("walletPurchase");
 };
 export {
-  getPurchaseRecaptchaTokens,
+  getPurchaseRecaptchaToken,
   getRecaptchaToken
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@economist/web-apple-pay",
   "description": "Web component package for Apple Pay checkout UI",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",