@economist/web-apple-pay 0.1.3-beta.35 → 0.1.3-beta.37

package/dist/index.js

@@ -1122,27 +1122,50 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
-  if (!isAppleDeviceOrSafari() && !bypassApplePayChecks()) {
-    return false;
+  if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
+    return true;
   }
   const applePaySession = window.ApplePaySession;
+  const isAppleDevice = isAppleDeviceOrSafari();
+  console.log("[ApplePay] detection:", JSON.stringify({
+    applePaySessionExists: !!applePaySession,
+    isAppleDevice,
+    userAgent: navigator.userAgent,
+    maxTouchPoints: navigator.maxTouchPoints
+  }, null, 2));
+  if (!applePaySession && !isAppleDevice) {
+    console.log("[ApplePay] not available \u2014 no ApplePaySession and not Apple device");
+    return false;
+  }
   if (!applePaySession) {
+    console.log("[ApplePay] not available \u2014 Apple device but no ApplePaySession API");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
+      console.log("[ApplePay] not available \u2014 canMakePayments is not a function");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
+      console.log("[ApplePay] not available \u2014 canMakePayments returned false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
+      console.log("[ApplePay] not available \u2014 no merchantId configured");
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    return hasActiveCard;
-  } catch {
+    console.log("[ApplePay] canMakePaymentsWithActiveCard:", JSON.stringify({ merchantId, hasActiveCard }, null, 2));
+    if (!hasActiveCard) {
+      console.log("[ApplePay] not available \u2014 no active card for merchant");
+      return false;
+    }
+    console.log("[ApplePay] available \u2014 displaying button");
+    return true;
+  } catch (error) {
+    console.log("[ApplePay] not available \u2014 error:", JSON.stringify({ error: String(error) }, null, 2));
     return false;
   }
 };
@@ -2037,203 +2060,18 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
     try {
-      console.log(
-        "[ApplePayButton] #run start",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            entry_point: this.#entryPoint
-          },
-          null,
-          2
-        )
-      );
       this.#renderTemplate();
-      console.log(
-        "[ApplePayButton] #renderTemplate done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      const availabilityBlocked = await this.#checkAvailability();
-      console.log(
-        "[ApplePayButton] #checkAvailability result",
-        JSON.stringify(
-          {
-            blocked: availabilityBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (availabilityBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkAvailability",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const offerMissing = this.#checkOffer();
-      console.log(
-        "[ApplePayButton] #checkOffer result",
-        JSON.stringify(
-          {
-            blocked: offerMissing,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (offerMissing) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkOffer",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const sessionBlocked = await this.#checkSession();
-      console.log(
-        "[ApplePayButton] #checkSession result",
-        JSON.stringify(
-          {
-            blocked: sessionBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            session_user_type: this.#sessionData?.userType,
-            session_logged_in: this.#sessionData?.loggedIn
-          },
-          null,
-          2
-        )
-      );
-      if (sessionBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkSession",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#checkAvailability()) return;
+      if (this.#checkOffer()) return;
+      if (await this.#checkSession()) return;
       this.#captureReturnUrl();
-      console.log(
-        "[ApplePayButton] #captureReturnUrl done",
-        JSON.stringify(
-          {
-            return_url: this.#returnUrl
-          },
-          null,
-          2
-        )
-      );
       this.#computeBillingCountries();
-      console.log(
-        "[ApplePayButton] #computeBillingCountries done",
-        JSON.stringify(
-          {
-            supported_billing_countries: this.#supportedBillingCountries
-          },
-          null,
-          2
-        )
-      );
-      const optionsBlocked = await this.#fetchAndCacheOptions();
-      console.log(
-        "[ApplePayButton] #fetchAndCacheOptions result",
-        JSON.stringify(
-          {
-            blocked: optionsBlocked,
-            has_apple_pay_option: Boolean(this.#paymentOptions?.options?.apple_pay)
-          },
-          null,
-          2
-        )
-      );
-      if (optionsBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #fetchAndCacheOptions",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#fetchAndCacheOptions()) return;
       this.#finishLoading();
-      console.log(
-        "[ApplePayButton] #finishLoading done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-    } catch (error) {
-      console.log(
-        "[ApplePayButton] #run failed",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            error: error instanceof Error ? {
-              name: error.name,
-              message: error.message,
-              stack: error.stack
-            } : error
-          },
-          null,
-          2
-        )
-      );
+    } catch {
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
-      console.log(
-        "[ApplePayButton] #run finally",
-        JSON.stringify(
-          {
-            rendering: this.#rendering
-          },
-          null,
-          2
-        )
-      );
       this.#rendering = false;
     }
   }

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

@@ -1117,27 +1117,50 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
-  if (!isAppleDeviceOrSafari() && !bypassApplePayChecks()) {
-    return false;
+  if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
+    return true;
   }
   const applePaySession = window.ApplePaySession;
+  const isAppleDevice = isAppleDeviceOrSafari();
+  console.log("[ApplePay] detection:", JSON.stringify({
+    applePaySessionExists: !!applePaySession,
+    isAppleDevice,
+    userAgent: navigator.userAgent,
+    maxTouchPoints: navigator.maxTouchPoints
+  }, null, 2));
+  if (!applePaySession && !isAppleDevice) {
+    console.log("[ApplePay] not available \u2014 no ApplePaySession and not Apple device");
+    return false;
+  }
   if (!applePaySession) {
+    console.log("[ApplePay] not available \u2014 Apple device but no ApplePaySession API");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
+      console.log("[ApplePay] not available \u2014 canMakePayments is not a function");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
+      console.log("[ApplePay] not available \u2014 canMakePayments returned false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
+      console.log("[ApplePay] not available \u2014 no merchantId configured");
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    return hasActiveCard;
-  } catch {
+    console.log("[ApplePay] canMakePaymentsWithActiveCard:", JSON.stringify({ merchantId, hasActiveCard }, null, 2));
+    if (!hasActiveCard) {
+      console.log("[ApplePay] not available \u2014 no active card for merchant");
+      return false;
+    }
+    console.log("[ApplePay] available \u2014 displaying button");
+    return true;
+  } catch (error) {
+    console.log("[ApplePay] not available \u2014 error:", JSON.stringify({ error: String(error) }, null, 2));
     return false;
   }
 };
@@ -2032,203 +2055,18 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
     try {
-      console.log(
-        "[ApplePayButton] #run start",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            entry_point: this.#entryPoint
-          },
-          null,
-          2
-        )
-      );
       this.#renderTemplate();
-      console.log(
-        "[ApplePayButton] #renderTemplate done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      const availabilityBlocked = await this.#checkAvailability();
-      console.log(
-        "[ApplePayButton] #checkAvailability result",
-        JSON.stringify(
-          {
-            blocked: availabilityBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (availabilityBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkAvailability",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const offerMissing = this.#checkOffer();
-      console.log(
-        "[ApplePayButton] #checkOffer result",
-        JSON.stringify(
-          {
-            blocked: offerMissing,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (offerMissing) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkOffer",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const sessionBlocked = await this.#checkSession();
-      console.log(
-        "[ApplePayButton] #checkSession result",
-        JSON.stringify(
-          {
-            blocked: sessionBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            session_user_type: this.#sessionData?.userType,
-            session_logged_in: this.#sessionData?.loggedIn
-          },
-          null,
-          2
-        )
-      );
-      if (sessionBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkSession",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#checkAvailability()) return;
+      if (this.#checkOffer()) return;
+      if (await this.#checkSession()) return;
       this.#captureReturnUrl();
-      console.log(
-        "[ApplePayButton] #captureReturnUrl done",
-        JSON.stringify(
-          {
-            return_url: this.#returnUrl
-          },
-          null,
-          2
-        )
-      );
       this.#computeBillingCountries();
-      console.log(
-        "[ApplePayButton] #computeBillingCountries done",
-        JSON.stringify(
-          {
-            supported_billing_countries: this.#supportedBillingCountries
-          },
-          null,
-          2
-        )
-      );
-      const optionsBlocked = await this.#fetchAndCacheOptions();
-      console.log(
-        "[ApplePayButton] #fetchAndCacheOptions result",
-        JSON.stringify(
-          {
-            blocked: optionsBlocked,
-            has_apple_pay_option: Boolean(this.#paymentOptions?.options?.apple_pay)
-          },
-          null,
-          2
-        )
-      );
-      if (optionsBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #fetchAndCacheOptions",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#fetchAndCacheOptions()) return;
       this.#finishLoading();
-      console.log(
-        "[ApplePayButton] #finishLoading done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-    } catch (error) {
-      console.log(
-        "[ApplePayButton] #run failed",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            error: error instanceof Error ? {
-              name: error.name,
-              message: error.message,
-              stack: error.stack
-            } : error
-          },
-          null,
-          2
-        )
-      );
+    } catch {
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
-      console.log(
-        "[ApplePayButton] #run finally",
-        JSON.stringify(
-          {
-            rendering: this.#rendering
-          },
-          null,
-          2
-        )
-      );
       this.#rendering = false;
     }
   }

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

@@ -1125,27 +1125,50 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
-  if (!isAppleDeviceOrSafari() && !bypassApplePayChecks()) {
-    return false;
+  if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
+    return true;
   }
   const applePaySession = window.ApplePaySession;
+  const isAppleDevice = isAppleDeviceOrSafari();
+  console.log("[ApplePay] detection:", JSON.stringify({
+    applePaySessionExists: !!applePaySession,
+    isAppleDevice,
+    userAgent: navigator.userAgent,
+    maxTouchPoints: navigator.maxTouchPoints
+  }, null, 2));
+  if (!applePaySession && !isAppleDevice) {
+    console.log("[ApplePay] not available \u2014 no ApplePaySession and not Apple device");
+    return false;
+  }
   if (!applePaySession) {
+    console.log("[ApplePay] not available \u2014 Apple device but no ApplePaySession API");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
+      console.log("[ApplePay] not available \u2014 canMakePayments is not a function");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
+      console.log("[ApplePay] not available \u2014 canMakePayments returned false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
+      console.log("[ApplePay] not available \u2014 no merchantId configured");
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    return hasActiveCard;
-  } catch {
+    console.log("[ApplePay] canMakePaymentsWithActiveCard:", JSON.stringify({ merchantId, hasActiveCard }, null, 2));
+    if (!hasActiveCard) {
+      console.log("[ApplePay] not available \u2014 no active card for merchant");
+      return false;
+    }
+    console.log("[ApplePay] available \u2014 displaying button");
+    return true;
+  } catch (error) {
+    console.log("[ApplePay] not available \u2014 error:", JSON.stringify({ error: String(error) }, null, 2));
     return false;
   }
 };
@@ -2040,203 +2063,18 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
     try {
-      console.log(
-        "[ApplePayButton] #run start",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            entry_point: this.#entryPoint
-          },
-          null,
-          2
-        )
-      );
       this.#renderTemplate();
-      console.log(
-        "[ApplePayButton] #renderTemplate done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      const availabilityBlocked = await this.#checkAvailability();
-      console.log(
-        "[ApplePayButton] #checkAvailability result",
-        JSON.stringify(
-          {
-            blocked: availabilityBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (availabilityBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkAvailability",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const offerMissing = this.#checkOffer();
-      console.log(
-        "[ApplePayButton] #checkOffer result",
-        JSON.stringify(
-          {
-            blocked: offerMissing,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (offerMissing) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkOffer",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const sessionBlocked = await this.#checkSession();
-      console.log(
-        "[ApplePayButton] #checkSession result",
-        JSON.stringify(
-          {
-            blocked: sessionBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            session_user_type: this.#sessionData?.userType,
-            session_logged_in: this.#sessionData?.loggedIn
-          },
-          null,
-          2
-        )
-      );
-      if (sessionBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkSession",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#checkAvailability()) return;
+      if (this.#checkOffer()) return;
+      if (await this.#checkSession()) return;
       this.#captureReturnUrl();
-      console.log(
-        "[ApplePayButton] #captureReturnUrl done",
-        JSON.stringify(
-          {
-            return_url: this.#returnUrl
-          },
-          null,
-          2
-        )
-      );
       this.#computeBillingCountries();
-      console.log(
-        "[ApplePayButton] #computeBillingCountries done",
-        JSON.stringify(
-          {
-            supported_billing_countries: this.#supportedBillingCountries
-          },
-          null,
-          2
-        )
-      );
-      const optionsBlocked = await this.#fetchAndCacheOptions();
-      console.log(
-        "[ApplePayButton] #fetchAndCacheOptions result",
-        JSON.stringify(
-          {
-            blocked: optionsBlocked,
-            has_apple_pay_option: Boolean(this.#paymentOptions?.options?.apple_pay)
-          },
-          null,
-          2
-        )
-      );
-      if (optionsBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #fetchAndCacheOptions",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#fetchAndCacheOptions()) return;
       this.#finishLoading();
-      console.log(
-        "[ApplePayButton] #finishLoading done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-    } catch (error) {
-      console.log(
-        "[ApplePayButton] #run failed",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            error: error instanceof Error ? {
-              name: error.name,
-              message: error.message,
-              stack: error.stack
-            } : error
-          },
-          null,
-          2
-        )
-      );
+    } catch {
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
-      console.log(
-        "[ApplePayButton] #run finally",
-        JSON.stringify(
-          {
-            rendering: this.#rendering
-          },
-          null,
-          2
-        )
-      );
       this.#rendering = false;
     }
   }

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

@@ -1117,27 +1117,50 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
-  if (!isAppleDeviceOrSafari() && !bypassApplePayChecks()) {
-    return false;
+  if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
+    return true;
   }
   const applePaySession = window.ApplePaySession;
+  const isAppleDevice = isAppleDeviceOrSafari();
+  console.log("[ApplePay] detection:", JSON.stringify({
+    applePaySessionExists: !!applePaySession,
+    isAppleDevice,
+    userAgent: navigator.userAgent,
+    maxTouchPoints: navigator.maxTouchPoints
+  }, null, 2));
+  if (!applePaySession && !isAppleDevice) {
+    console.log("[ApplePay] not available \u2014 no ApplePaySession and not Apple device");
+    return false;
+  }
   if (!applePaySession) {
+    console.log("[ApplePay] not available \u2014 Apple device but no ApplePaySession API");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
+      console.log("[ApplePay] not available \u2014 canMakePayments is not a function");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
+      console.log("[ApplePay] not available \u2014 canMakePayments returned false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
+      console.log("[ApplePay] not available \u2014 no merchantId configured");
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    return hasActiveCard;
-  } catch {
+    console.log("[ApplePay] canMakePaymentsWithActiveCard:", JSON.stringify({ merchantId, hasActiveCard }, null, 2));
+    if (!hasActiveCard) {
+      console.log("[ApplePay] not available \u2014 no active card for merchant");
+      return false;
+    }
+    console.log("[ApplePay] available \u2014 displaying button");
+    return true;
+  } catch (error) {
+    console.log("[ApplePay] not available \u2014 error:", JSON.stringify({ error: String(error) }, null, 2));
     return false;
   }
 };
@@ -2032,203 +2055,18 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
     try {
-      console.log(
-        "[ApplePayButton] #run start",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            entry_point: this.#entryPoint
-          },
-          null,
-          2
-        )
-      );
       this.#renderTemplate();
-      console.log(
-        "[ApplePayButton] #renderTemplate done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      const availabilityBlocked = await this.#checkAvailability();
-      console.log(
-        "[ApplePayButton] #checkAvailability result",
-        JSON.stringify(
-          {
-            blocked: availabilityBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (availabilityBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkAvailability",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const offerMissing = this.#checkOffer();
-      console.log(
-        "[ApplePayButton] #checkOffer result",
-        JSON.stringify(
-          {
-            blocked: offerMissing,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (offerMissing) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkOffer",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const sessionBlocked = await this.#checkSession();
-      console.log(
-        "[ApplePayButton] #checkSession result",
-        JSON.stringify(
-          {
-            blocked: sessionBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            session_user_type: this.#sessionData?.userType,
-            session_logged_in: this.#sessionData?.loggedIn
-          },
-          null,
-          2
-        )
-      );
-      if (sessionBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkSession",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#checkAvailability()) return;
+      if (this.#checkOffer()) return;
+      if (await this.#checkSession()) return;
       this.#captureReturnUrl();
-      console.log(
-        "[ApplePayButton] #captureReturnUrl done",
-        JSON.stringify(
-          {
-            return_url: this.#returnUrl
-          },
-          null,
-          2
-        )
-      );
       this.#computeBillingCountries();
-      console.log(
-        "[ApplePayButton] #computeBillingCountries done",
-        JSON.stringify(
-          {
-            supported_billing_countries: this.#supportedBillingCountries
-          },
-          null,
-          2
-        )
-      );
-      const optionsBlocked = await this.#fetchAndCacheOptions();
-      console.log(
-        "[ApplePayButton] #fetchAndCacheOptions result",
-        JSON.stringify(
-          {
-            blocked: optionsBlocked,
-            has_apple_pay_option: Boolean(this.#paymentOptions?.options?.apple_pay)
-          },
-          null,
-          2
-        )
-      );
-      if (optionsBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #fetchAndCacheOptions",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#fetchAndCacheOptions()) return;
       this.#finishLoading();
-      console.log(
-        "[ApplePayButton] #finishLoading done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-    } catch (error) {
-      console.log(
-        "[ApplePayButton] #run failed",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            error: error instanceof Error ? {
-              name: error.name,
-              message: error.message,
-              stack: error.stack
-            } : error
-          },
-          null,
-          2
-        )
-      );
+    } catch {
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
-      console.log(
-        "[ApplePayButton] #run finally",
-        JSON.stringify(
-          {
-            rendering: this.#rendering
-          },
-          null,
-          2
-        )
-      );
       this.#rendering = false;
     }
   }

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

@@ -10,27 +10,50 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
-  if (!isAppleDeviceOrSafari() && !bypassApplePayChecks()) {
-    return false;
+  if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
+    return true;
   }
   const applePaySession = window.ApplePaySession;
+  const isAppleDevice = isAppleDeviceOrSafari();
+  console.log("[ApplePay] detection:", JSON.stringify({
+    applePaySessionExists: !!applePaySession,
+    isAppleDevice,
+    userAgent: navigator.userAgent,
+    maxTouchPoints: navigator.maxTouchPoints
+  }, null, 2));
+  if (!applePaySession && !isAppleDevice) {
+    console.log("[ApplePay] not available \u2014 no ApplePaySession and not Apple device");
+    return false;
+  }
   if (!applePaySession) {
+    console.log("[ApplePay] not available \u2014 Apple device but no ApplePaySession API");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
+      console.log("[ApplePay] not available \u2014 canMakePayments is not a function");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
+      console.log("[ApplePay] not available \u2014 canMakePayments returned false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
+      console.log("[ApplePay] not available \u2014 no merchantId configured");
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    return hasActiveCard;
-  } catch {
+    console.log("[ApplePay] canMakePaymentsWithActiveCard:", JSON.stringify({ merchantId, hasActiveCard }, null, 2));
+    if (!hasActiveCard) {
+      console.log("[ApplePay] not available \u2014 no active card for merchant");
+      return false;
+    }
+    console.log("[ApplePay] available \u2014 displaying button");
+    return true;
+  } catch (error) {
+    console.log("[ApplePay] not available \u2014 error:", JSON.stringify({ error: String(error) }, null, 2));
     return false;
   }
 };

package/dist/src/index.js

@@ -1122,27 +1122,50 @@ var isAppleDeviceOrSafari = () => {
 };
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
-  if (!isAppleDeviceOrSafari() && !bypassApplePayChecks()) {
-    return false;
+  if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
+    return true;
   }
   const applePaySession = window.ApplePaySession;
+  const isAppleDevice = isAppleDeviceOrSafari();
+  console.log("[ApplePay] detection:", JSON.stringify({
+    applePaySessionExists: !!applePaySession,
+    isAppleDevice,
+    userAgent: navigator.userAgent,
+    maxTouchPoints: navigator.maxTouchPoints
+  }, null, 2));
+  if (!applePaySession && !isAppleDevice) {
+    console.log("[ApplePay] not available \u2014 no ApplePaySession and not Apple device");
+    return false;
+  }
   if (!applePaySession) {
+    console.log("[ApplePay] not available \u2014 Apple device but no ApplePaySession API");
     return false;
   }
   try {
     if (typeof applePaySession.canMakePayments !== "function") {
+      console.log("[ApplePay] not available \u2014 canMakePayments is not a function");
       return false;
     }
     if (!applePaySession.canMakePayments()) {
+      console.log("[ApplePay] not available \u2014 canMakePayments returned false");
       return false;
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
+      console.log("[ApplePay] not available \u2014 no merchantId configured");
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
-    return hasActiveCard;
-  } catch {
+    console.log("[ApplePay] canMakePaymentsWithActiveCard:", JSON.stringify({ merchantId, hasActiveCard }, null, 2));
+    if (!hasActiveCard) {
+      console.log("[ApplePay] not available \u2014 no active card for merchant");
+      return false;
+    }
+    console.log("[ApplePay] available \u2014 displaying button");
+    return true;
+  } catch (error) {
+    console.log("[ApplePay] not available \u2014 error:", JSON.stringify({ error: String(error) }, null, 2));
     return false;
   }
 };
@@ -2037,203 +2060,18 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
     try {
-      console.log(
-        "[ApplePayButton] #run start",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            entry_point: this.#entryPoint
-          },
-          null,
-          2
-        )
-      );
       this.#renderTemplate();
-      console.log(
-        "[ApplePayButton] #renderTemplate done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      const availabilityBlocked = await this.#checkAvailability();
-      console.log(
-        "[ApplePayButton] #checkAvailability result",
-        JSON.stringify(
-          {
-            blocked: availabilityBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (availabilityBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkAvailability",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const offerMissing = this.#checkOffer();
-      console.log(
-        "[ApplePayButton] #checkOffer result",
-        JSON.stringify(
-          {
-            blocked: offerMissing,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-      if (offerMissing) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkOffer",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
-      const sessionBlocked = await this.#checkSession();
-      console.log(
-        "[ApplePayButton] #checkSession result",
-        JSON.stringify(
-          {
-            blocked: sessionBlocked,
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            session_user_type: this.#sessionData?.userType,
-            session_logged_in: this.#sessionData?.loggedIn
-          },
-          null,
-          2
-        )
-      );
-      if (sessionBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #checkSession",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#checkAvailability()) return;
+      if (this.#checkOffer()) return;
+      if (await this.#checkSession()) return;
       this.#captureReturnUrl();
-      console.log(
-        "[ApplePayButton] #captureReturnUrl done",
-        JSON.stringify(
-          {
-            return_url: this.#returnUrl
-          },
-          null,
-          2
-        )
-      );
       this.#computeBillingCountries();
-      console.log(
-        "[ApplePayButton] #computeBillingCountries done",
-        JSON.stringify(
-          {
-            supported_billing_countries: this.#supportedBillingCountries
-          },
-          null,
-          2
-        )
-      );
-      const optionsBlocked = await this.#fetchAndCacheOptions();
-      console.log(
-        "[ApplePayButton] #fetchAndCacheOptions result",
-        JSON.stringify(
-          {
-            blocked: optionsBlocked,
-            has_apple_pay_option: Boolean(this.#paymentOptions?.options?.apple_pay)
-          },
-          null,
-          2
-        )
-      );
-      if (optionsBlocked) {
-        console.log(
-          "[ApplePayButton] #run early return after #fetchAndCacheOptions",
-          JSON.stringify(
-            {
-              country: this.#country,
-              offer_sku: this.#offer?.sku_id
-            },
-            null,
-            2
-          )
-        );
-        return;
-      }
+      if (await this.#fetchAndCacheOptions()) return;
       this.#finishLoading();
-      console.log(
-        "[ApplePayButton] #finishLoading done",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id
-          },
-          null,
-          2
-        )
-      );
-    } catch (error) {
-      console.log(
-        "[ApplePayButton] #run failed",
-        JSON.stringify(
-          {
-            country: this.#country,
-            offer_sku: this.#offer?.sku_id,
-            error: error instanceof Error ? {
-              name: error.name,
-              message: error.message,
-              stack: error.stack
-            } : error
-          },
-          null,
-          2
-        )
-      );
+    } catch {
       this.style.display = "none";
       this.querySelector(SEL_CONTAINER)?.remove();
     } finally {
-      console.log(
-        "[ApplePayButton] #run finally",
-        JSON.stringify(
-          {
-            rendering: this.#rendering
-          },
-          null,
-          2
-        )
-      );
       this.#rendering = false;
     }
   }

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.35",
+  "version": "0.1.3-beta.37",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",