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

package/dist/index.js

@@ -1123,29 +1123,49 @@ var isAppleDeviceOrSafari = () => {
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
     return true;
   }
   const applePaySession = window.ApplePaySession;
-  if (!applePaySession && !isAppleDeviceOrSafari()) {
+  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/apple-pay-button.js

@@ -1118,29 +1118,49 @@ var isAppleDeviceOrSafari = () => {
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
     return true;
   }
   const applePaySession = window.ApplePaySession;
-  if (!applePaySession && !isAppleDeviceOrSafari()) {
+  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/apple-pay-button.stories.js

@@ -1126,29 +1126,49 @@ var isAppleDeviceOrSafari = () => {
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
     return true;
   }
   const applePaySession = window.ApplePaySession;
-  if (!applePaySession && !isAppleDeviceOrSafari()) {
+  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/apple-pay-modal.stories.js

@@ -1118,29 +1118,49 @@ var isAppleDeviceOrSafari = () => {
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
     return true;
   }
   const applePaySession = window.ApplePaySession;
-  if (!applePaySession && !isAppleDeviceOrSafari()) {
+  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/clients/payment-checkout/detects.js

@@ -11,29 +11,49 @@ var isAppleDeviceOrSafari = () => {
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
     return true;
   }
   const applePaySession = window.ApplePaySession;
-  if (!applePaySession && !isAppleDeviceOrSafari()) {
+  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

@@ -1123,29 +1123,49 @@ var isAppleDeviceOrSafari = () => {
 var bypassApplePayChecks = () => new URLSearchParams(window.location.search).get("BYPASS_APPLE_PAY_CHECKS") !== null;
 var isApplePayAvailable = async () => {
   if (bypassApplePayChecks()) {
+    console.log("[ApplePay] bypass active \u2014 displaying button");
     return true;
   }
   const applePaySession = window.ApplePaySession;
-  if (!applePaySession && !isAppleDeviceOrSafari()) {
+  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/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.36",
+  "version": "0.1.3-beta.37",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",