@economist/web-apple-pay 0.1.3-beta.39 → 0.1.3-beta.40

package/dist/index.js

@@ -1120,7 +1120,7 @@ var isAppleDeviceOrSafari = () => {
   const isSafariBrowser = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1;
   return isIOSOrMacTouchDevice || isSafariBrowser;
 };
-var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
+var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
     return true;
@@ -1318,21 +1318,17 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackExpressWalletImpression = (skuId, { entryPoint, country }, buttonLoadDurationMs) => {
+var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
     entry_point: entryPoint,
     sku_id: skuId,
     country,
-    device: getDevice(),
-    ...buttonLoadDurationMs !== void 0 && { button_load_duration_ms: buttonLoadDurationMs }
+    device: getDevice()
   });
 };
-var trackExpressWalletClick = (skuId, modalRenderDurationMs) => {
-  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, {
-    sku_id: skuId,
-    ...modalRenderDurationMs !== void 0 && { modal_render_duration_ms: modalRenderDurationMs }
-  });
+var trackExpressWalletClick = (skuId) => {
+  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, { sku_id: skuId });
 };
 var trackWalletPaymentSheetOpen = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SHEET_OPEN, { sku_id: skuId });
@@ -1340,18 +1336,16 @@ var trackWalletPaymentSheetOpen = (skuId) => {
 var trackWalletPaymentAuthorised = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.AUTHORISED, { sku_id: skuId });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {
@@ -1613,14 +1607,12 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, country } = config;
   let validatedEmail;
-  let purchaseStartTime;
   try {
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    purchaseStartTime = Date.now();
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
@@ -1631,8 +1623,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    const purchaseDurationMs = Date.now() - purchaseStartTime;
-    trackWalletPaymentSuccess(skuId, result.basketId, purchaseDurationMs);
+    trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -1650,8 +1641,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       return;
     }
     const walletError = parseWalletApiError(err);
-    const purchaseDurationMs = purchaseStartTime !== void 0 ? Date.now() - purchaseStartTime : void 0;
-    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN", purchaseDurationMs);
+    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
       redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
@@ -1923,7 +1913,6 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
 };
 
 // src/apple-pay-button.ts
-var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
 var DEFAULT_CURRENCY = "USD";
 var DEFAULT_TOTAL = "0.00";
@@ -1939,7 +1928,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     define(_ApplePayButton.tag, _ApplePayButton);
   }
   /**
-   * Creates and configures an ApplePayButton if the feature flag is present.
+   * Creates and configures an ApplePayButton if the offer is eligible.
    */
   static createIfEnabled(offer, country, entryPoint) {
     if (!offer) {
@@ -1948,9 +1937,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant)) {
       return null;
     }
-    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;
@@ -1974,7 +1960,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #country = "";
   #rendering = false;
   #readyPromise = null;
-  #loadStartTime = 0;
   #sessionData = null;
   #paymentOptions = null;
   #returnUrl = "";
@@ -2050,7 +2035,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
-    this.#loadStartTime = Date.now();
     try {
       this.#renderTemplate();
       if (await this.#checkAvailability()) return;
@@ -2059,8 +2043,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#captureReturnUrl();
       this.#computeBillingCountries();
       if (await this.#fetchAndCacheOptions()) return;
+      console.log("[web-apple-pay] button shown \u2014 reason: all checks passed, Apple Pay is available and offer is eligible");
       this.#finishLoading();
-    } catch {
+    } catch (error) {
+      console.warn("[web-apple-pay] button hidden \u2014 reason: unexpected error in render pipeline", error);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
@@ -2071,6 +2057,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkAvailability() {
     const available = await isApplePayAvailable();
     if (!available) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: Apple Pay unavailable on this device/browser");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2084,6 +2071,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkSession() {
     this.#sessionData = await this.#fetchSession();
     if (this.#sessionData?.loggedIn && (this.#sessionData.userType === "active-subscription" || this.#sessionData.userType === "b2b-user")) {
+      console.log(`[web-apple-pay] button removed from DOM \u2014 reason: session check failed, userType="${this.#sessionData.userType}"`);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2093,6 +2081,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   /** Returns `true` (hide) when no offer has been set before mount. */
   #checkOffer() {
     if (!this.#offer) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: no offer set on element before mount");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2121,6 +2110,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
     if (!this.#paymentOptions?.options?.apple_pay) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: payment options BFF reports Apple Pay unavailable for this offer");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2129,6 +2119,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   /** Injects the button template and wires click and confirm event listeners. */
   #renderTemplate() {
+    console.log("[web-apple-pay] button shown \u2014 reason: template injected into DOM (loading state), awaiting pipeline checks");
     this.style.removeProperty("display");
     ensureApplePayLogoSymbol();
     const template = document.createElement("template");
@@ -2150,12 +2141,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       button.classList.remove("wap-loading");
       this.#updateDisabledState();
       this.#scheduleRecaptchaTokens();
-      const buttonLoadDurationMs = Date.now() - this.#loadStartTime;
-      trackExpressWalletImpression(
-        this.#offer.sku_id,
-        { entryPoint: this.#entryPoint, country: this.#country },
-        buttonLoadDurationMs
-      );
+      trackExpressWalletImpression(this.#offer.sku_id, {
+        entryPoint: this.#entryPoint,
+        country: this.#country
+      });
     }
   }
   // ─── Private helpers ────────────────────────────────────────────────────────
@@ -2178,7 +2167,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (document.querySelector(ApplePayModal.tag)) {
       return;
     }
-    const modalOpenStart = Date.now();
+    trackExpressWalletClick(this.#offer.sku_id);
     ApplePayModal.define();
     const modal = document.createElement(ApplePayModal.tag);
     modal.offer = this.#offer;
@@ -2193,8 +2182,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#scheduleRecaptchaTokens();
     };
     modal.open(this.#recaptchaTokensPromise);
-    const modalRenderDurationMs = Date.now() - modalOpenStart;
-    trackExpressWalletClick(skuId, modalRenderDurationMs);
   }
   /**
    * Starts a fresh reCAPTCHA token pre-fetch and stores its promise.

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

@@ -6,7 +6,7 @@ export declare class ApplePayButton extends HTMLElement {
     static readonly tag = "teg-apple-pay-button";
     static define(): void;
     /**
-     * Creates and configures an ApplePayButton if the feature flag is present.
+     * Creates and configures an ApplePayButton if the offer is eligible.
      */
     static createIfEnabled(offer: Offer | undefined, country: string, entryPoint?: ApplePayEntryPoint): ApplePayButton | null;
     get offer(): Offer | null;

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

@@ -1115,7 +1115,7 @@ var isAppleDeviceOrSafari = () => {
   const isSafariBrowser = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1;
   return isIOSOrMacTouchDevice || isSafariBrowser;
 };
-var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
+var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
     return true;
@@ -1313,21 +1313,17 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackExpressWalletImpression = (skuId, { entryPoint, country }, buttonLoadDurationMs) => {
+var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
     entry_point: entryPoint,
     sku_id: skuId,
     country,
-    device: getDevice(),
-    ...buttonLoadDurationMs !== void 0 && { button_load_duration_ms: buttonLoadDurationMs }
+    device: getDevice()
   });
 };
-var trackExpressWalletClick = (skuId, modalRenderDurationMs) => {
-  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, {
-    sku_id: skuId,
-    ...modalRenderDurationMs !== void 0 && { modal_render_duration_ms: modalRenderDurationMs }
-  });
+var trackExpressWalletClick = (skuId) => {
+  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, { sku_id: skuId });
 };
 var trackWalletPaymentSheetOpen = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SHEET_OPEN, { sku_id: skuId });
@@ -1335,18 +1331,16 @@ var trackWalletPaymentSheetOpen = (skuId) => {
 var trackWalletPaymentAuthorised = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.AUTHORISED, { sku_id: skuId });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {
@@ -1608,14 +1602,12 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, country } = config;
   let validatedEmail;
-  let purchaseStartTime;
   try {
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    purchaseStartTime = Date.now();
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
@@ -1626,8 +1618,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    const purchaseDurationMs = Date.now() - purchaseStartTime;
-    trackWalletPaymentSuccess(skuId, result.basketId, purchaseDurationMs);
+    trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -1645,8 +1636,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       return;
     }
     const walletError = parseWalletApiError(err);
-    const purchaseDurationMs = purchaseStartTime !== void 0 ? Date.now() - purchaseStartTime : void 0;
-    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN", purchaseDurationMs);
+    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
       redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
@@ -1918,7 +1908,6 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
 };
 
 // src/apple-pay-button.ts
-var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
 var DEFAULT_CURRENCY = "USD";
 var DEFAULT_TOTAL = "0.00";
@@ -1934,7 +1923,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     define(_ApplePayButton.tag, _ApplePayButton);
   }
   /**
-   * Creates and configures an ApplePayButton if the feature flag is present.
+   * Creates and configures an ApplePayButton if the offer is eligible.
    */
   static createIfEnabled(offer, country, entryPoint) {
     if (!offer) {
@@ -1943,9 +1932,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant)) {
       return null;
     }
-    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;
@@ -1969,7 +1955,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #country = "";
   #rendering = false;
   #readyPromise = null;
-  #loadStartTime = 0;
   #sessionData = null;
   #paymentOptions = null;
   #returnUrl = "";
@@ -2045,7 +2030,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
-    this.#loadStartTime = Date.now();
     try {
       this.#renderTemplate();
       if (await this.#checkAvailability()) return;
@@ -2054,8 +2038,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#captureReturnUrl();
       this.#computeBillingCountries();
       if (await this.#fetchAndCacheOptions()) return;
+      console.log("[web-apple-pay] button shown \u2014 reason: all checks passed, Apple Pay is available and offer is eligible");
       this.#finishLoading();
-    } catch {
+    } catch (error) {
+      console.warn("[web-apple-pay] button hidden \u2014 reason: unexpected error in render pipeline", error);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
@@ -2066,6 +2052,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkAvailability() {
     const available = await isApplePayAvailable();
     if (!available) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: Apple Pay unavailable on this device/browser");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2079,6 +2066,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkSession() {
     this.#sessionData = await this.#fetchSession();
     if (this.#sessionData?.loggedIn && (this.#sessionData.userType === "active-subscription" || this.#sessionData.userType === "b2b-user")) {
+      console.log(`[web-apple-pay] button removed from DOM \u2014 reason: session check failed, userType="${this.#sessionData.userType}"`);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2088,6 +2076,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   /** Returns `true` (hide) when no offer has been set before mount. */
   #checkOffer() {
     if (!this.#offer) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: no offer set on element before mount");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2116,6 +2105,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
     if (!this.#paymentOptions?.options?.apple_pay) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: payment options BFF reports Apple Pay unavailable for this offer");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2124,6 +2114,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   /** Injects the button template and wires click and confirm event listeners. */
   #renderTemplate() {
+    console.log("[web-apple-pay] button shown \u2014 reason: template injected into DOM (loading state), awaiting pipeline checks");
     this.style.removeProperty("display");
     ensureApplePayLogoSymbol();
     const template = document.createElement("template");
@@ -2145,12 +2136,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       button.classList.remove("wap-loading");
       this.#updateDisabledState();
       this.#scheduleRecaptchaTokens();
-      const buttonLoadDurationMs = Date.now() - this.#loadStartTime;
-      trackExpressWalletImpression(
-        this.#offer.sku_id,
-        { entryPoint: this.#entryPoint, country: this.#country },
-        buttonLoadDurationMs
-      );
+      trackExpressWalletImpression(this.#offer.sku_id, {
+        entryPoint: this.#entryPoint,
+        country: this.#country
+      });
     }
   }
   // ─── Private helpers ────────────────────────────────────────────────────────
@@ -2173,7 +2162,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (document.querySelector(ApplePayModal.tag)) {
       return;
     }
-    const modalOpenStart = Date.now();
+    trackExpressWalletClick(this.#offer.sku_id);
     ApplePayModal.define();
     const modal = document.createElement(ApplePayModal.tag);
     modal.offer = this.#offer;
@@ -2188,8 +2177,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#scheduleRecaptchaTokens();
     };
     modal.open(this.#recaptchaTokensPromise);
-    const modalRenderDurationMs = Date.now() - modalOpenStart;
-    trackExpressWalletClick(skuId, modalRenderDurationMs);
   }
   /**
    * Starts a fresh reCAPTCHA token pre-fetch and stores its promise.

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

@@ -1123,7 +1123,7 @@ var isAppleDeviceOrSafari = () => {
   const isSafariBrowser = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1;
   return isIOSOrMacTouchDevice || isSafariBrowser;
 };
-var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
+var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
     return true;
@@ -1321,21 +1321,17 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackExpressWalletImpression = (skuId, { entryPoint, country }, buttonLoadDurationMs) => {
+var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
     entry_point: entryPoint,
     sku_id: skuId,
     country,
-    device: getDevice(),
-    ...buttonLoadDurationMs !== void 0 && { button_load_duration_ms: buttonLoadDurationMs }
+    device: getDevice()
   });
 };
-var trackExpressWalletClick = (skuId, modalRenderDurationMs) => {
-  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, {
-    sku_id: skuId,
-    ...modalRenderDurationMs !== void 0 && { modal_render_duration_ms: modalRenderDurationMs }
-  });
+var trackExpressWalletClick = (skuId) => {
+  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, { sku_id: skuId });
 };
 var trackWalletPaymentSheetOpen = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SHEET_OPEN, { sku_id: skuId });
@@ -1343,18 +1339,16 @@ var trackWalletPaymentSheetOpen = (skuId) => {
 var trackWalletPaymentAuthorised = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.AUTHORISED, { sku_id: skuId });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {
@@ -1616,14 +1610,12 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, country } = config;
   let validatedEmail;
-  let purchaseStartTime;
   try {
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    purchaseStartTime = Date.now();
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
@@ -1634,8 +1626,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    const purchaseDurationMs = Date.now() - purchaseStartTime;
-    trackWalletPaymentSuccess(skuId, result.basketId, purchaseDurationMs);
+    trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -1653,8 +1644,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       return;
     }
     const walletError = parseWalletApiError(err);
-    const purchaseDurationMs = purchaseStartTime !== void 0 ? Date.now() - purchaseStartTime : void 0;
-    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN", purchaseDurationMs);
+    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
       redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
@@ -1926,7 +1916,6 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
 };
 
 // src/apple-pay-button.ts
-var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
 var DEFAULT_CURRENCY = "USD";
 var DEFAULT_TOTAL = "0.00";
@@ -1942,7 +1931,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     define(_ApplePayButton.tag, _ApplePayButton);
   }
   /**
-   * Creates and configures an ApplePayButton if the feature flag is present.
+   * Creates and configures an ApplePayButton if the offer is eligible.
    */
   static createIfEnabled(offer, country, entryPoint) {
     if (!offer) {
@@ -1951,9 +1940,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant)) {
       return null;
     }
-    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;
@@ -1977,7 +1963,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #country = "";
   #rendering = false;
   #readyPromise = null;
-  #loadStartTime = 0;
   #sessionData = null;
   #paymentOptions = null;
   #returnUrl = "";
@@ -2053,7 +2038,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
-    this.#loadStartTime = Date.now();
     try {
       this.#renderTemplate();
       if (await this.#checkAvailability()) return;
@@ -2062,8 +2046,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#captureReturnUrl();
       this.#computeBillingCountries();
       if (await this.#fetchAndCacheOptions()) return;
+      console.log("[web-apple-pay] button shown \u2014 reason: all checks passed, Apple Pay is available and offer is eligible");
       this.#finishLoading();
-    } catch {
+    } catch (error) {
+      console.warn("[web-apple-pay] button hidden \u2014 reason: unexpected error in render pipeline", error);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
@@ -2074,6 +2060,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkAvailability() {
     const available = await isApplePayAvailable();
     if (!available) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: Apple Pay unavailable on this device/browser");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2087,6 +2074,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkSession() {
     this.#sessionData = await this.#fetchSession();
     if (this.#sessionData?.loggedIn && (this.#sessionData.userType === "active-subscription" || this.#sessionData.userType === "b2b-user")) {
+      console.log(`[web-apple-pay] button removed from DOM \u2014 reason: session check failed, userType="${this.#sessionData.userType}"`);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2096,6 +2084,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   /** Returns `true` (hide) when no offer has been set before mount. */
   #checkOffer() {
     if (!this.#offer) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: no offer set on element before mount");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2124,6 +2113,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
     if (!this.#paymentOptions?.options?.apple_pay) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: payment options BFF reports Apple Pay unavailable for this offer");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2132,6 +2122,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   /** Injects the button template and wires click and confirm event listeners. */
   #renderTemplate() {
+    console.log("[web-apple-pay] button shown \u2014 reason: template injected into DOM (loading state), awaiting pipeline checks");
     this.style.removeProperty("display");
     ensureApplePayLogoSymbol();
     const template = document.createElement("template");
@@ -2153,12 +2144,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       button.classList.remove("wap-loading");
       this.#updateDisabledState();
       this.#scheduleRecaptchaTokens();
-      const buttonLoadDurationMs = Date.now() - this.#loadStartTime;
-      trackExpressWalletImpression(
-        this.#offer.sku_id,
-        { entryPoint: this.#entryPoint, country: this.#country },
-        buttonLoadDurationMs
-      );
+      trackExpressWalletImpression(this.#offer.sku_id, {
+        entryPoint: this.#entryPoint,
+        country: this.#country
+      });
     }
   }
   // ─── Private helpers ────────────────────────────────────────────────────────
@@ -2181,7 +2170,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (document.querySelector(ApplePayModal.tag)) {
       return;
     }
-    const modalOpenStart = Date.now();
+    trackExpressWalletClick(this.#offer.sku_id);
     ApplePayModal.define();
     const modal = document.createElement(ApplePayModal.tag);
     modal.offer = this.#offer;
@@ -2196,8 +2185,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#scheduleRecaptchaTokens();
     };
     modal.open(this.#recaptchaTokensPromise);
-    const modalRenderDurationMs = Date.now() - modalOpenStart;
-    trackExpressWalletClick(skuId, modalRenderDurationMs);
   }
   /**
    * Starts a fresh reCAPTCHA token pre-fetch and stores its promise.

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

@@ -1115,7 +1115,7 @@ var isAppleDeviceOrSafari = () => {
   const isSafariBrowser = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1;
   return isIOSOrMacTouchDevice || isSafariBrowser;
 };
-var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
+var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
     return true;
@@ -1313,21 +1313,17 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackExpressWalletImpression = (skuId, { entryPoint, country }, buttonLoadDurationMs) => {
+var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
     entry_point: entryPoint,
     sku_id: skuId,
     country,
-    device: getDevice(),
-    ...buttonLoadDurationMs !== void 0 && { button_load_duration_ms: buttonLoadDurationMs }
+    device: getDevice()
   });
 };
-var trackExpressWalletClick = (skuId, modalRenderDurationMs) => {
-  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, {
-    sku_id: skuId,
-    ...modalRenderDurationMs !== void 0 && { modal_render_duration_ms: modalRenderDurationMs }
-  });
+var trackExpressWalletClick = (skuId) => {
+  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, { sku_id: skuId });
 };
 var trackWalletPaymentSheetOpen = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SHEET_OPEN, { sku_id: skuId });
@@ -1335,18 +1331,16 @@ var trackWalletPaymentSheetOpen = (skuId) => {
 var trackWalletPaymentAuthorised = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.AUTHORISED, { sku_id: skuId });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {
@@ -1608,14 +1602,12 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, country } = config;
   let validatedEmail;
-  let purchaseStartTime;
   try {
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    purchaseStartTime = Date.now();
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
@@ -1626,8 +1618,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    const purchaseDurationMs = Date.now() - purchaseStartTime;
-    trackWalletPaymentSuccess(skuId, result.basketId, purchaseDurationMs);
+    trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -1645,8 +1636,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       return;
     }
     const walletError = parseWalletApiError(err);
-    const purchaseDurationMs = purchaseStartTime !== void 0 ? Date.now() - purchaseStartTime : void 0;
-    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN", purchaseDurationMs);
+    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
       redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
@@ -1918,7 +1908,6 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
 };
 
 // src/apple-pay-button.ts
-var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
 var DEFAULT_CURRENCY = "USD";
 var DEFAULT_TOTAL = "0.00";
@@ -1934,7 +1923,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     define(_ApplePayButton.tag, _ApplePayButton);
   }
   /**
-   * Creates and configures an ApplePayButton if the feature flag is present.
+   * Creates and configures an ApplePayButton if the offer is eligible.
    */
   static createIfEnabled(offer, country, entryPoint) {
     if (!offer) {
@@ -1943,9 +1932,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant)) {
       return null;
     }
-    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;
@@ -1969,7 +1955,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #country = "";
   #rendering = false;
   #readyPromise = null;
-  #loadStartTime = 0;
   #sessionData = null;
   #paymentOptions = null;
   #returnUrl = "";
@@ -2045,7 +2030,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
-    this.#loadStartTime = Date.now();
     try {
       this.#renderTemplate();
       if (await this.#checkAvailability()) return;
@@ -2054,8 +2038,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#captureReturnUrl();
       this.#computeBillingCountries();
       if (await this.#fetchAndCacheOptions()) return;
+      console.log("[web-apple-pay] button shown \u2014 reason: all checks passed, Apple Pay is available and offer is eligible");
       this.#finishLoading();
-    } catch {
+    } catch (error) {
+      console.warn("[web-apple-pay] button hidden \u2014 reason: unexpected error in render pipeline", error);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
@@ -2066,6 +2052,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkAvailability() {
     const available = await isApplePayAvailable();
     if (!available) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: Apple Pay unavailable on this device/browser");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2079,6 +2066,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkSession() {
     this.#sessionData = await this.#fetchSession();
     if (this.#sessionData?.loggedIn && (this.#sessionData.userType === "active-subscription" || this.#sessionData.userType === "b2b-user")) {
+      console.log(`[web-apple-pay] button removed from DOM \u2014 reason: session check failed, userType="${this.#sessionData.userType}"`);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2088,6 +2076,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   /** Returns `true` (hide) when no offer has been set before mount. */
   #checkOffer() {
     if (!this.#offer) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: no offer set on element before mount");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2116,6 +2105,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
     if (!this.#paymentOptions?.options?.apple_pay) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: payment options BFF reports Apple Pay unavailable for this offer");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2124,6 +2114,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   /** Injects the button template and wires click and confirm event listeners. */
   #renderTemplate() {
+    console.log("[web-apple-pay] button shown \u2014 reason: template injected into DOM (loading state), awaiting pipeline checks");
     this.style.removeProperty("display");
     ensureApplePayLogoSymbol();
     const template = document.createElement("template");
@@ -2145,12 +2136,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       button.classList.remove("wap-loading");
       this.#updateDisabledState();
       this.#scheduleRecaptchaTokens();
-      const buttonLoadDurationMs = Date.now() - this.#loadStartTime;
-      trackExpressWalletImpression(
-        this.#offer.sku_id,
-        { entryPoint: this.#entryPoint, country: this.#country },
-        buttonLoadDurationMs
-      );
+      trackExpressWalletImpression(this.#offer.sku_id, {
+        entryPoint: this.#entryPoint,
+        country: this.#country
+      });
     }
   }
   // ─── Private helpers ────────────────────────────────────────────────────────
@@ -2173,7 +2162,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (document.querySelector(ApplePayModal.tag)) {
       return;
     }
-    const modalOpenStart = Date.now();
+    trackExpressWalletClick(this.#offer.sku_id);
     ApplePayModal.define();
     const modal = document.createElement(ApplePayModal.tag);
     modal.offer = this.#offer;
@@ -2188,8 +2177,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#scheduleRecaptchaTokens();
     };
     modal.open(this.#recaptchaTokensPromise);
-    const modalRenderDurationMs = Date.now() - modalOpenStart;
-    trackExpressWalletClick(skuId, modalRenderDurationMs);
   }
   /**
    * Starts a fresh reCAPTCHA token pre-fetch and stores its promise.

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

@@ -8,7 +8,7 @@ var isAppleDeviceOrSafari = () => {
   const isSafariBrowser = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1;
   return isIOSOrMacTouchDevice || isSafariBrowser;
 };
-var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
+var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
     return true;

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

@@ -93,18 +93,16 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {
@@ -347,14 +345,12 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, country } = config;
   let validatedEmail;
-  let purchaseStartTime;
   try {
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    purchaseStartTime = Date.now();
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
@@ -365,8 +361,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    const purchaseDurationMs = Date.now() - purchaseStartTime;
-    trackWalletPaymentSuccess(skuId, result.basketId, purchaseDurationMs);
+    trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -384,8 +379,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       return;
     }
     const walletError = parseWalletApiError(err);
-    const purchaseDurationMs = purchaseStartTime !== void 0 ? Date.now() - purchaseStartTime : void 0;
-    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN", purchaseDurationMs);
+    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
       redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });

package/dist/src/index.js

@@ -1120,7 +1120,7 @@ var isAppleDeviceOrSafari = () => {
   const isSafariBrowser = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1;
   return isIOSOrMacTouchDevice || isSafariBrowser;
 };
-var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null && getApplePayConfig()?.debugBypassEnabled === true;
+var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
     return true;
@@ -1318,21 +1318,17 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackExpressWalletImpression = (skuId, { entryPoint, country }, buttonLoadDurationMs) => {
+var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
     entry_point: entryPoint,
     sku_id: skuId,
     country,
-    device: getDevice(),
-    ...buttonLoadDurationMs !== void 0 && { button_load_duration_ms: buttonLoadDurationMs }
+    device: getDevice()
   });
 };
-var trackExpressWalletClick = (skuId, modalRenderDurationMs) => {
-  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, {
-    sku_id: skuId,
-    ...modalRenderDurationMs !== void 0 && { modal_render_duration_ms: modalRenderDurationMs }
-  });
+var trackExpressWalletClick = (skuId) => {
+  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, { sku_id: skuId });
 };
 var trackWalletPaymentSheetOpen = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SHEET_OPEN, { sku_id: skuId });
@@ -1340,18 +1336,16 @@ var trackWalletPaymentSheetOpen = (skuId) => {
 var trackWalletPaymentAuthorised = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.AUTHORISED, { sku_id: skuId });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {
@@ -1613,14 +1607,12 @@ function handleStructuredError(ctx) {
 async function handlePaymentAuthorized(event, session, sessionData, config) {
   const { skuId, returnUrl, country } = config;
   let validatedEmail;
-  let purchaseStartTime;
   try {
     validatedEmail = validateContacts(
       event,
       sessionData,
       config.supportedBillingCountries
     );
-    purchaseStartTime = Date.now();
     const result = await performPurchase({
       applePayToken: event.payment.token,
       skuId: config.skuId,
@@ -1631,8 +1623,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       },
       recaptchaTokens: config.recaptchaTokens
     });
-    const purchaseDurationMs = Date.now() - purchaseStartTime;
-    trackWalletPaymentSuccess(skuId, result.basketId, purchaseDurationMs);
+    trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
     const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
@@ -1650,8 +1641,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       return;
     }
     const walletError = parseWalletApiError(err);
-    const purchaseDurationMs = purchaseStartTime !== void 0 ? Date.now() - purchaseStartTime : void 0;
-    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN", purchaseDurationMs);
+    trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
       redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
@@ -1923,7 +1913,6 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
 };
 
 // src/apple-pay-button.ts
-var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
 var DEFAULT_CURRENCY = "USD";
 var DEFAULT_TOTAL = "0.00";
@@ -1939,7 +1928,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     define(_ApplePayButton.tag, _ApplePayButton);
   }
   /**
-   * Creates and configures an ApplePayButton if the feature flag is present.
+   * Creates and configures an ApplePayButton if the offer is eligible.
    */
   static createIfEnabled(offer, country, entryPoint) {
     if (!offer) {
@@ -1948,9 +1937,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (APPLE_PAY_EXCLUDED_VARIANTS.includes(offer.product?.variant)) {
       return null;
     }
-    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;
@@ -1974,7 +1960,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #country = "";
   #rendering = false;
   #readyPromise = null;
-  #loadStartTime = 0;
   #sessionData = null;
   #paymentOptions = null;
   #returnUrl = "";
@@ -2050,7 +2035,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
-    this.#loadStartTime = Date.now();
     try {
       this.#renderTemplate();
       if (await this.#checkAvailability()) return;
@@ -2059,8 +2043,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#captureReturnUrl();
       this.#computeBillingCountries();
       if (await this.#fetchAndCacheOptions()) return;
+      console.log("[web-apple-pay] button shown \u2014 reason: all checks passed, Apple Pay is available and offer is eligible");
       this.#finishLoading();
-    } catch {
+    } catch (error) {
+      console.warn("[web-apple-pay] button hidden \u2014 reason: unexpected error in render pipeline", error);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
@@ -2071,6 +2057,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkAvailability() {
     const available = await isApplePayAvailable();
     if (!available) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: Apple Pay unavailable on this device/browser");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2084,6 +2071,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #checkSession() {
     this.#sessionData = await this.#fetchSession();
     if (this.#sessionData?.loggedIn && (this.#sessionData.userType === "active-subscription" || this.#sessionData.userType === "b2b-user")) {
+      console.log(`[web-apple-pay] button removed from DOM \u2014 reason: session check failed, userType="${this.#sessionData.userType}"`);
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2093,6 +2081,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   /** Returns `true` (hide) when no offer has been set before mount. */
   #checkOffer() {
     if (!this.#offer) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: no offer set on element before mount");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2121,6 +2110,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   async #fetchAndCacheOptions() {
     this.#paymentOptions = await this.#fetchPaymentOptions();
     if (!this.#paymentOptions?.options?.apple_pay) {
+      console.log("[web-apple-pay] button removed from DOM \u2014 reason: payment options BFF reports Apple Pay unavailable for this offer");
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
       return true;
@@ -2129,6 +2119,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   }
   /** Injects the button template and wires click and confirm event listeners. */
   #renderTemplate() {
+    console.log("[web-apple-pay] button shown \u2014 reason: template injected into DOM (loading state), awaiting pipeline checks");
     this.style.removeProperty("display");
     ensureApplePayLogoSymbol();
     const template = document.createElement("template");
@@ -2150,12 +2141,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       button.classList.remove("wap-loading");
       this.#updateDisabledState();
       this.#scheduleRecaptchaTokens();
-      const buttonLoadDurationMs = Date.now() - this.#loadStartTime;
-      trackExpressWalletImpression(
-        this.#offer.sku_id,
-        { entryPoint: this.#entryPoint, country: this.#country },
-        buttonLoadDurationMs
-      );
+      trackExpressWalletImpression(this.#offer.sku_id, {
+        entryPoint: this.#entryPoint,
+        country: this.#country
+      });
     }
   }
   // ─── Private helpers ────────────────────────────────────────────────────────
@@ -2178,7 +2167,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     if (document.querySelector(ApplePayModal.tag)) {
       return;
     }
-    const modalOpenStart = Date.now();
+    trackExpressWalletClick(this.#offer.sku_id);
     ApplePayModal.define();
     const modal = document.createElement(ApplePayModal.tag);
     modal.offer = this.#offer;
@@ -2193,8 +2182,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       this.#scheduleRecaptchaTokens();
     };
     modal.open(this.#recaptchaTokensPromise);
-    const modalRenderDurationMs = Date.now() - modalOpenStart;
-    trackExpressWalletClick(skuId, modalRenderDurationMs);
   }
   /**
    * Starts a fresh reCAPTCHA token pre-fetch and stores its promise.

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

@@ -47,17 +47,17 @@ export type ImpressionMetadata = {
     country: string;
 };
 /** Wallet button displayed — emits all 5 required analytics dimensions. */
-export declare const trackExpressWalletImpression: (skuId: string, { entryPoint, country }: ImpressionMetadata, buttonLoadDurationMs?: number) => void;
+export declare const trackExpressWalletImpression: (skuId: string, { entryPoint, country }: ImpressionMetadata) => void;
 /** Wallet button clicked */
-export declare const trackExpressWalletClick: (skuId: string, modalRenderDurationMs?: number) => void;
+export declare const trackExpressWalletClick: (skuId: string) => void;
 /** Apple Pay sheet opened (session.begin() called) */
 export declare const trackWalletPaymentSheetOpen: (skuId: string) => void;
 /** Payment authorised by the user in the Apple Pay sheet */
 export declare const trackWalletPaymentAuthorised: (skuId: string) => void;
 /** Purchase completed — BFF returned success */
-export declare const trackWalletPaymentSuccess: (skuId: string, basketId: string, purchaseDurationMs?: number) => void;
+export declare const trackWalletPaymentSuccess: (skuId: string, basketId: string) => void;
 /** Payment failed — BFF returned an error */
-export declare const trackWalletPaymentFailure: (skuId: string, reason: string, purchaseDurationMs?: number) => void;
+export declare const trackWalletPaymentFailure: (skuId: string, reason: string) => void;
 /** Redirect to standard checkout triggered */
 export declare const trackFallbackCheckout: (skuId: string) => void;
 /** Billing/shipping field failed validation (emitted per-field when Apple Pay sheet stays open) */

package/dist/src/utils/expressCheckoutTracking.js

@@ -35,21 +35,17 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackExpressWalletImpression = (skuId, { entryPoint, country }, buttonLoadDurationMs) => {
+var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
     entry_point: entryPoint,
     sku_id: skuId,
     country,
-    device: getDevice(),
-    ...buttonLoadDurationMs !== void 0 && { button_load_duration_ms: buttonLoadDurationMs }
+    device: getDevice()
   });
 };
-var trackExpressWalletClick = (skuId, modalRenderDurationMs) => {
-  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, {
-    sku_id: skuId,
-    ...modalRenderDurationMs !== void 0 && { modal_render_duration_ms: modalRenderDurationMs }
-  });
+var trackExpressWalletClick = (skuId) => {
+  track(EXPRESS_CHECKOUT_EVENTS.BUTTON_CLICK, { sku_id: skuId });
 };
 var trackWalletPaymentSheetOpen = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SHEET_OPEN, { sku_id: skuId });
@@ -57,18 +53,16 @@ var trackWalletPaymentSheetOpen = (skuId) => {
 var trackWalletPaymentAuthorised = (skuId) => {
   track(EXPRESS_CHECKOUT_EVENTS.AUTHORISED, { sku_id: skuId });
 };
-var trackWalletPaymentSuccess = (skuId, basketId, purchaseDurationMs) => {
+var trackWalletPaymentSuccess = (skuId, basketId) => {
   track(EXPRESS_CHECKOUT_EVENTS.SUCCESS, {
     sku_id: skuId,
-    basket_id: basketId,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    basket_id: basketId
   });
 };
-var trackWalletPaymentFailure = (skuId, reason, purchaseDurationMs) => {
+var trackWalletPaymentFailure = (skuId, reason) => {
   track(EXPRESS_CHECKOUT_EVENTS.FAILURE, {
     sku_id: skuId,
-    failure_reason: reason,
-    ...purchaseDurationMs !== void 0 && { purchase_duration_ms: purchaseDurationMs }
+    failure_reason: reason
   });
 };
 var trackFallbackCheckout = (skuId) => {

package/package.json

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