@economist/web-apple-pay 1.6.0 → 1.6.2-beta.1

package/dist/index.js

@@ -444,6 +444,12 @@ var apple_pay_button_template_default = '<style>\n  /* Use CSS variables for lay
 // 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
   };
@@ -458,21 +464,27 @@ 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;
@@ -482,7 +494,10 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
+    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;
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;
@@ -545,7 +560,7 @@ var getPaymentOptions = (data) => {
   const { sku, countryCode, currencyCode, checkoutUrl } = data;
   const params = new URLSearchParams({ checkoutUrl });
   return apiFetch(
-    `/ecomb2c/v1/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
+    `/v1/wallet/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
     { method: "GET" }
   );
 };
@@ -744,6 +759,13 @@ var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
 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,
@@ -759,9 +781,11 @@ function startApplePaySession(config) {
   };
   const session = new ApplePaySession(3, paymentRequest);
   session.onvalidatemerchant = async (event) => {
+    console.log("[web-apple-pay] onvalidatemerchant: received", { validationURL: event.validationURL });
     try {
       const validationHost = new URL(event.validationURL).host;
       if (!validationHost.endsWith("apple.com")) {
+        console.warn("[web-apple-pay] onvalidatemerchant: invalid host, aborting", { validationHost });
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -772,11 +796,13 @@ function startApplePaySession(config) {
         return;
       }
       const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      console.log("[web-apple-pay] onvalidatemerchant: calling validateAppleMerchant");
       const response = await validateAppleMerchant({
         validationURL: event.validationURL,
         recaptchaToken
       });
       if (!response?.merchantSession) {
+        console.warn("[web-apple-pay] onvalidatemerchant: no merchantSession in response, aborting");
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -786,8 +812,10 @@ function startApplePaySession(config) {
         });
         return;
       }
+      console.log("[web-apple-pay] onvalidatemerchant: merchant validated successfully");
       session.completeMerchantValidation(response.merchantSession);
-    } catch {
+    } catch (err) {
+      console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
       trackFallbackCheckout(config.skuId);
       session.abort();
       window.location.href = redirectToCheckoutFallback({
@@ -798,12 +826,15 @@ function startApplePaySession(config) {
     }
   };
   session.onpaymentauthorized = (event) => {
+    console.log("[web-apple-pay] onpaymentauthorized: payment authorized by user", { skuId: config.skuId });
     trackWalletPaymentAuthorised(config.skuId);
     config.onPaymentAuthorized(event, session);
   };
   session.oncancel = () => {
+    console.log("[web-apple-pay] oncancel: payment sheet cancelled by user", { skuId: config.skuId });
     config.onCancel?.();
   };
+  console.log("[web-apple-pay] startApplePaySession: beginning session");
   trackWalletPaymentSheetOpen(config.skuId);
   session.begin();
 }
@@ -982,12 +1013,16 @@ 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,
@@ -997,6 +1032,8 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       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";
@@ -1009,17 +1046,25 @@ 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 });
   }
 }
@@ -1464,12 +1509,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     );
   }
   /**
-   * Returns `true` (hide) when ecom services reports Apple Pay is unavailable
+   * Returns `true` (hide) when the wallet BFF reports Apple Pay is unavailable
    * for this offer. The response is cached and reused in `#initiateApplePay`.
    */
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
-    if (!this.#paymentOptions?.options.applePay) {
+    if (!this.#paymentOptions?.apple_pay) {
       this.style.display = "none";
       return true;
     }
@@ -1545,7 +1590,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     return {
       countryCode: country,
       currencyCode: offer.price?.currency_code ?? DEFAULT_CURRENCY,
-      supportedNetworks: paymentOptions.options.applePay.settings.supportedNetworks,
+      supportedNetworks: paymentOptions.apple_pay.settings.supported_networks,
       totalAmount,
       totalLabel: TOTAL_LABEL,
       skuId,

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

@@ -453,21 +453,27 @@ 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;
@@ -477,7 +483,10 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
+    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;
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;
@@ -540,7 +549,7 @@ var getPaymentOptions = (data) => {
   const { sku, countryCode, currencyCode, checkoutUrl } = data;
   const params = new URLSearchParams({ checkoutUrl });
   return apiFetch(
-    `/ecomb2c/v1/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
+    `/v1/wallet/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
     { method: "GET" }
   );
 };
@@ -739,6 +748,13 @@ var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
 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,
@@ -754,9 +770,11 @@ function startApplePaySession(config) {
   };
   const session = new ApplePaySession(3, paymentRequest);
   session.onvalidatemerchant = async (event) => {
+    console.log("[web-apple-pay] onvalidatemerchant: received", { validationURL: event.validationURL });
     try {
       const validationHost = new URL(event.validationURL).host;
       if (!validationHost.endsWith("apple.com")) {
+        console.warn("[web-apple-pay] onvalidatemerchant: invalid host, aborting", { validationHost });
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -767,11 +785,13 @@ function startApplePaySession(config) {
         return;
       }
       const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      console.log("[web-apple-pay] onvalidatemerchant: calling validateAppleMerchant");
       const response = await validateAppleMerchant({
         validationURL: event.validationURL,
         recaptchaToken
       });
       if (!response?.merchantSession) {
+        console.warn("[web-apple-pay] onvalidatemerchant: no merchantSession in response, aborting");
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -781,8 +801,10 @@ function startApplePaySession(config) {
         });
         return;
       }
+      console.log("[web-apple-pay] onvalidatemerchant: merchant validated successfully");
       session.completeMerchantValidation(response.merchantSession);
-    } catch {
+    } catch (err) {
+      console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
       trackFallbackCheckout(config.skuId);
       session.abort();
       window.location.href = redirectToCheckoutFallback({
@@ -793,12 +815,15 @@ function startApplePaySession(config) {
     }
   };
   session.onpaymentauthorized = (event) => {
+    console.log("[web-apple-pay] onpaymentauthorized: payment authorized by user", { skuId: config.skuId });
     trackWalletPaymentAuthorised(config.skuId);
     config.onPaymentAuthorized(event, session);
   };
   session.oncancel = () => {
+    console.log("[web-apple-pay] oncancel: payment sheet cancelled by user", { skuId: config.skuId });
     config.onCancel?.();
   };
+  console.log("[web-apple-pay] startApplePaySession: beginning session");
   trackWalletPaymentSheetOpen(config.skuId);
   session.begin();
 }
@@ -977,12 +1002,16 @@ 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,
@@ -992,6 +1021,8 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       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";
@@ -1004,17 +1035,25 @@ 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 });
   }
 }
@@ -1459,12 +1498,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     );
   }
   /**
-   * Returns `true` (hide) when ecom services reports Apple Pay is unavailable
+   * Returns `true` (hide) when the wallet BFF reports Apple Pay is unavailable
    * for this offer. The response is cached and reused in `#initiateApplePay`.
    */
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
-    if (!this.#paymentOptions?.options.applePay) {
+    if (!this.#paymentOptions?.apple_pay) {
       this.style.display = "none";
       return true;
     }
@@ -1540,7 +1579,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     return {
       countryCode: country,
       currencyCode: offer.price?.currency_code ?? DEFAULT_CURRENCY,
-      supportedNetworks: paymentOptions.options.applePay.settings.supportedNetworks,
+      supportedNetworks: paymentOptions.apple_pay.settings.supported_networks,
       totalAmount,
       totalLabel: TOTAL_LABEL,
       skuId,

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

@@ -444,12 +444,19 @@ var apple_pay_button_template_default = '<style>\n  /* Use CSS variables for lay
 // 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
   };
 };
 var getApplePayConfig = () => runtimeConfig;
 var resetApplePayConfig = () => {
+  console.log("[web-apple-pay] resetApplePayConfig called");
   runtimeConfig = null;
 };
 
@@ -461,21 +468,27 @@ 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;
@@ -485,7 +498,10 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
+    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;
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;
@@ -548,7 +564,7 @@ var getPaymentOptions = (data) => {
   const { sku, countryCode, currencyCode, checkoutUrl } = data;
   const params = new URLSearchParams({ checkoutUrl });
   return apiFetch(
-    `/ecomb2c/v1/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
+    `/v1/wallet/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
     { method: "GET" }
   );
 };
@@ -747,6 +763,13 @@ var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
 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,
@@ -762,9 +785,11 @@ function startApplePaySession(config) {
   };
   const session = new ApplePaySession(3, paymentRequest);
   session.onvalidatemerchant = async (event) => {
+    console.log("[web-apple-pay] onvalidatemerchant: received", { validationURL: event.validationURL });
     try {
       const validationHost = new URL(event.validationURL).host;
       if (!validationHost.endsWith("apple.com")) {
+        console.warn("[web-apple-pay] onvalidatemerchant: invalid host, aborting", { validationHost });
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -775,11 +800,13 @@ function startApplePaySession(config) {
         return;
       }
       const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      console.log("[web-apple-pay] onvalidatemerchant: calling validateAppleMerchant");
       const response = await validateAppleMerchant({
         validationURL: event.validationURL,
         recaptchaToken
       });
       if (!response?.merchantSession) {
+        console.warn("[web-apple-pay] onvalidatemerchant: no merchantSession in response, aborting");
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -789,8 +816,10 @@ function startApplePaySession(config) {
         });
         return;
       }
+      console.log("[web-apple-pay] onvalidatemerchant: merchant validated successfully");
       session.completeMerchantValidation(response.merchantSession);
-    } catch {
+    } catch (err) {
+      console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
       trackFallbackCheckout(config.skuId);
       session.abort();
       window.location.href = redirectToCheckoutFallback({
@@ -801,12 +830,15 @@ function startApplePaySession(config) {
     }
   };
   session.onpaymentauthorized = (event) => {
+    console.log("[web-apple-pay] onpaymentauthorized: payment authorized by user", { skuId: config.skuId });
     trackWalletPaymentAuthorised(config.skuId);
     config.onPaymentAuthorized(event, session);
   };
   session.oncancel = () => {
+    console.log("[web-apple-pay] oncancel: payment sheet cancelled by user", { skuId: config.skuId });
     config.onCancel?.();
   };
+  console.log("[web-apple-pay] startApplePaySession: beginning session");
   trackWalletPaymentSheetOpen(config.skuId);
   session.begin();
 }
@@ -985,12 +1017,16 @@ 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,
@@ -1000,6 +1036,8 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       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";
@@ -1012,17 +1050,25 @@ 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 });
   }
 }
@@ -1467,12 +1513,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     );
   }
   /**
-   * Returns `true` (hide) when ecom services reports Apple Pay is unavailable
+   * Returns `true` (hide) when the wallet BFF reports Apple Pay is unavailable
    * for this offer. The response is cached and reused in `#initiateApplePay`.
    */
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
-    if (!this.#paymentOptions?.options.applePay) {
+    if (!this.#paymentOptions?.apple_pay) {
       this.style.display = "none";
       return true;
     }
@@ -1548,7 +1594,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     return {
       countryCode: country,
       currencyCode: offer.price?.currency_code ?? DEFAULT_CURRENCY,
-      supportedNetworks: paymentOptions.options.applePay.settings.supportedNetworks,
+      supportedNetworks: paymentOptions.apple_pay.settings.supported_networks,
       totalAmount,
       totalLabel: TOTAL_LABEL,
       skuId,

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

@@ -453,21 +453,27 @@ 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;
@@ -477,7 +483,10 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
+    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;
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;
@@ -540,7 +549,7 @@ var getPaymentOptions = (data) => {
   const { sku, countryCode, currencyCode, checkoutUrl } = data;
   const params = new URLSearchParams({ checkoutUrl });
   return apiFetch(
-    `/ecomb2c/v1/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
+    `/v1/wallet/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
     { method: "GET" }
   );
 };
@@ -739,6 +748,13 @@ var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
 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,
@@ -754,9 +770,11 @@ function startApplePaySession(config) {
   };
   const session = new ApplePaySession(3, paymentRequest);
   session.onvalidatemerchant = async (event) => {
+    console.log("[web-apple-pay] onvalidatemerchant: received", { validationURL: event.validationURL });
     try {
       const validationHost = new URL(event.validationURL).host;
       if (!validationHost.endsWith("apple.com")) {
+        console.warn("[web-apple-pay] onvalidatemerchant: invalid host, aborting", { validationHost });
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -767,11 +785,13 @@ function startApplePaySession(config) {
         return;
       }
       const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      console.log("[web-apple-pay] onvalidatemerchant: calling validateAppleMerchant");
       const response = await validateAppleMerchant({
         validationURL: event.validationURL,
         recaptchaToken
       });
       if (!response?.merchantSession) {
+        console.warn("[web-apple-pay] onvalidatemerchant: no merchantSession in response, aborting");
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -781,8 +801,10 @@ function startApplePaySession(config) {
         });
         return;
       }
+      console.log("[web-apple-pay] onvalidatemerchant: merchant validated successfully");
       session.completeMerchantValidation(response.merchantSession);
-    } catch {
+    } catch (err) {
+      console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
       trackFallbackCheckout(config.skuId);
       session.abort();
       window.location.href = redirectToCheckoutFallback({
@@ -793,12 +815,15 @@ function startApplePaySession(config) {
     }
   };
   session.onpaymentauthorized = (event) => {
+    console.log("[web-apple-pay] onpaymentauthorized: payment authorized by user", { skuId: config.skuId });
     trackWalletPaymentAuthorised(config.skuId);
     config.onPaymentAuthorized(event, session);
   };
   session.oncancel = () => {
+    console.log("[web-apple-pay] oncancel: payment sheet cancelled by user", { skuId: config.skuId });
     config.onCancel?.();
   };
+  console.log("[web-apple-pay] startApplePaySession: beginning session");
   trackWalletPaymentSheetOpen(config.skuId);
   session.begin();
 }
@@ -977,12 +1002,16 @@ 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,
@@ -992,6 +1021,8 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       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";
@@ -1004,17 +1035,25 @@ 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 });
   }
 }
@@ -1459,12 +1498,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     );
   }
   /**
-   * Returns `true` (hide) when ecom services reports Apple Pay is unavailable
+   * Returns `true` (hide) when the wallet BFF reports Apple Pay is unavailable
    * for this offer. The response is cached and reused in `#initiateApplePay`.
    */
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
-    if (!this.#paymentOptions?.options.applePay) {
+    if (!this.#paymentOptions?.apple_pay) {
       this.style.display = "none";
       return true;
     }
@@ -1540,7 +1579,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     return {
       countryCode: country,
       currencyCode: offer.price?.currency_code ?? DEFAULT_CURRENCY,
-      supportedNetworks: paymentOptions.options.applePay.settings.supportedNetworks,
+      supportedNetworks: paymentOptions.apple_pay.settings.supported_networks,
       totalAmount,
       totalLabel: TOTAL_LABEL,
       skuId,

package/dist/src/clients/payment-checkout/apple-session.js

@@ -159,6 +159,13 @@ var MSG_PAYMENT_GENERIC_ERROR = "Something went wrong. Please check your payment
 
 // src/clients/payment-checkout/apple-session.ts
 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,
@@ -174,9 +181,11 @@ function startApplePaySession(config) {
   };
   const session = new ApplePaySession(3, paymentRequest);
   session.onvalidatemerchant = async (event) => {
+    console.log("[web-apple-pay] onvalidatemerchant: received", { validationURL: event.validationURL });
     try {
       const validationHost = new URL(event.validationURL).host;
       if (!validationHost.endsWith("apple.com")) {
+        console.warn("[web-apple-pay] onvalidatemerchant: invalid host, aborting", { validationHost });
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -187,11 +196,13 @@ function startApplePaySession(config) {
         return;
       }
       const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      console.log("[web-apple-pay] onvalidatemerchant: calling validateAppleMerchant");
       const response = await validateAppleMerchant({
         validationURL: event.validationURL,
         recaptchaToken
       });
       if (!response?.merchantSession) {
+        console.warn("[web-apple-pay] onvalidatemerchant: no merchantSession in response, aborting");
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -201,8 +212,10 @@ function startApplePaySession(config) {
         });
         return;
       }
+      console.log("[web-apple-pay] onvalidatemerchant: merchant validated successfully");
       session.completeMerchantValidation(response.merchantSession);
-    } catch {
+    } catch (err) {
+      console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
       trackFallbackCheckout(config.skuId);
       session.abort();
       window.location.href = redirectToCheckoutFallback({
@@ -213,12 +226,15 @@ function startApplePaySession(config) {
     }
   };
   session.onpaymentauthorized = (event) => {
+    console.log("[web-apple-pay] onpaymentauthorized: payment authorized by user", { skuId: config.skuId });
     trackWalletPaymentAuthorised(config.skuId);
     config.onPaymentAuthorized(event, session);
   };
   session.oncancel = () => {
+    console.log("[web-apple-pay] oncancel: payment sheet cancelled by user", { skuId: config.skuId });
     config.onCancel?.();
   };
+  console.log("[web-apple-pay] startApplePaySession: beginning session");
   trackWalletPaymentSheetOpen(config.skuId);
   session.begin();
 }

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

@@ -1,12 +1,19 @@
 // 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
   };
 };
 var getApplePayConfig = () => runtimeConfig;
 var resetApplePayConfig = () => {
+  console.log("[web-apple-pay] resetApplePayConfig called");
   runtimeConfig = null;
 };
 export {

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

@@ -10,21 +10,27 @@ 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;
@@ -34,7 +40,10 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
+    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;
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;

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

@@ -58,7 +58,7 @@ var getPaymentOptions = (data) => {
   const { sku, countryCode, currencyCode, checkoutUrl } = data;
   const params = new URLSearchParams({ checkoutUrl });
   return apiFetch(
-    `/ecomb2c/v1/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
+    `/v1/wallet/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
     { method: "GET" }
   );
 };

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

@@ -329,12 +329,16 @@ 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,
@@ -344,6 +348,8 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       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";
@@ -356,17 +362,25 @@ 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 });
   }
 }

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

@@ -10,40 +10,14 @@ export type PaymentOptionsRequest = {
     checkoutUrl: string;
 };
 /**
- * Mirrors the Commerce Services GET /ecomb2c/v1/payment-options/sku/{sku}/{countryCode}/{currencyCode}
- * response shape — matches sma-checkout: src/lib/commerce-services/types.ts PaymentOptionsForSkuResponseBody
+ * Relevant subset of the wallet-payments-api BFF GET /v1/wallet/payment-options/sku/:sku/:countryCode/:currencyCode response.
+ * Only the apple_pay field is consumed by this package.
  */
 export type PaymentOptionsResponse = {
-    options: {
-        applePay?: {
-            provider: string;
-            settings: {
-                supportedNetworks: string[];
-            };
-        };
-        payPal?: {
-            provider: string;
-        };
-        googlePay?: {
-            provider: string;
-            settings: {
-                supportedNetworks: string[];
-            };
-        };
-        creditDebit?: {
-            provider: string;
-            settings: {
-                tenantId: string;
-                id: string;
-                token: string;
-                signature: string;
-                key: string;
-                locale: string;
-                url: string;
-                paymentGateway: string;
-                height: number;
-                supportedNetworks: string[];
-            };
+    apple_pay?: {
+        provider: string;
+        settings: {
+            supported_networks: string[];
         };
     };
 };

package/dist/src/index.js

@@ -444,6 +444,12 @@ var apple_pay_button_template_default = '<style>\n  /* Use CSS variables for lay
 // 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
   };
@@ -458,21 +464,27 @@ 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;
@@ -482,7 +494,10 @@ var isApplePayAvailable = async () => {
       );
       return false;
     }
-    return await applePaySession.canMakePaymentsWithActiveCard(merchantId);
+    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;
   } catch (error) {
     console.error("Error checking Apple Pay active card status:", error);
     return false;
@@ -545,7 +560,7 @@ var getPaymentOptions = (data) => {
   const { sku, countryCode, currencyCode, checkoutUrl } = data;
   const params = new URLSearchParams({ checkoutUrl });
   return apiFetch(
-    `/ecomb2c/v1/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
+    `/v1/wallet/payment-options/sku/${sku}/${countryCode}/${currencyCode}?${params}`,
     { method: "GET" }
   );
 };
@@ -744,6 +759,13 @@ var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
 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,
@@ -759,9 +781,11 @@ function startApplePaySession(config) {
   };
   const session = new ApplePaySession(3, paymentRequest);
   session.onvalidatemerchant = async (event) => {
+    console.log("[web-apple-pay] onvalidatemerchant: received", { validationURL: event.validationURL });
     try {
       const validationHost = new URL(event.validationURL).host;
       if (!validationHost.endsWith("apple.com")) {
+        console.warn("[web-apple-pay] onvalidatemerchant: invalid host, aborting", { validationHost });
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -772,11 +796,13 @@ function startApplePaySession(config) {
         return;
       }
       const recaptchaToken = await getRecaptchaToken("verifyMerchant");
+      console.log("[web-apple-pay] onvalidatemerchant: calling validateAppleMerchant");
       const response = await validateAppleMerchant({
         validationURL: event.validationURL,
         recaptchaToken
       });
       if (!response?.merchantSession) {
+        console.warn("[web-apple-pay] onvalidatemerchant: no merchantSession in response, aborting");
         trackFallbackCheckout(config.skuId);
         session.abort();
         window.location.href = redirectToCheckoutFallback({
@@ -786,8 +812,10 @@ function startApplePaySession(config) {
         });
         return;
       }
+      console.log("[web-apple-pay] onvalidatemerchant: merchant validated successfully");
       session.completeMerchantValidation(response.merchantSession);
-    } catch {
+    } catch (err) {
+      console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
       trackFallbackCheckout(config.skuId);
       session.abort();
       window.location.href = redirectToCheckoutFallback({
@@ -798,12 +826,15 @@ function startApplePaySession(config) {
     }
   };
   session.onpaymentauthorized = (event) => {
+    console.log("[web-apple-pay] onpaymentauthorized: payment authorized by user", { skuId: config.skuId });
     trackWalletPaymentAuthorised(config.skuId);
     config.onPaymentAuthorized(event, session);
   };
   session.oncancel = () => {
+    console.log("[web-apple-pay] oncancel: payment sheet cancelled by user", { skuId: config.skuId });
     config.onCancel?.();
   };
+  console.log("[web-apple-pay] startApplePaySession: beginning session");
   trackWalletPaymentSheetOpen(config.skuId);
   session.begin();
 }
@@ -982,12 +1013,16 @@ 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,
@@ -997,6 +1032,8 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       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";
@@ -1009,17 +1046,25 @@ 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 });
   }
 }
@@ -1464,12 +1509,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     );
   }
   /**
-   * Returns `true` (hide) when ecom services reports Apple Pay is unavailable
+   * Returns `true` (hide) when the wallet BFF reports Apple Pay is unavailable
    * for this offer. The response is cached and reused in `#initiateApplePay`.
    */
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
-    if (!this.#paymentOptions?.options.applePay) {
+    if (!this.#paymentOptions?.apple_pay) {
       this.style.display = "none";
       return true;
     }
@@ -1545,7 +1590,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     return {
       countryCode: country,
       currencyCode: offer.price?.currency_code ?? DEFAULT_CURRENCY,
-      supportedNetworks: paymentOptions.options.applePay.settings.supportedNetworks,
+      supportedNetworks: paymentOptions.apple_pay.settings.supported_networks,
       totalAmount,
       totalLabel: TOTAL_LABEL,
       skuId,

package/dist/src/stories/utils/story-env.js

@@ -1,11 +1,18 @@
 // 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
   };
 };
 var resetApplePayConfig = () => {
+  console.log("[web-apple-pay] resetApplePayConfig called");
   runtimeConfig = null;
 };
 

package/package.json

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