@economist/web-apple-pay 0.1.3-beta.31 → 0.1.3-beta.32

package/dist/index.js

@@ -956,7 +956,6 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
           cta.removeAttribute("aria-busy");
         }
       }).catch(() => {
-        console.error("[web-apple-pay] apple-pay-modal: failed to pre-fetch reCAPTCHA tokens; CTA remains disabled");
         if (cta) {
           cta.removeAttribute("aria-busy");
         }
@@ -1142,15 +1141,11 @@ var isApplePayAvailable = async () => {
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
-      console.warn(
-        "[web-apple-pay] Missing merchantId. Call configureApplePay({ merchantId, ... }) before rendering Apple Pay components."
-      );
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
     return hasActiveCard;
-  } catch (error) {
-    console.error("Error checking Apple Pay active card status:", error);
+  } catch {
     return false;
   }
 };
@@ -1397,8 +1392,7 @@ async function handleMerchantValidation(event, session, config) {
       return;
     }
     session.completeMerchantValidation(response.merchantSession);
-  } catch (err) {
-    console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
+  } catch {
     session.abort();
     redirectToFallbackCheckout(config);
   }
@@ -1431,8 +1425,7 @@ function startApplePaySession(config) {
     };
     trackWalletPaymentSheetOpen(config.skuId);
     session.begin();
-  } catch (err) {
-    console.error("[web-apple-pay] startApplePaySession: failed to create session", err);
+  } catch {
     redirectToFallbackCheckout(config);
   }
 }
@@ -1647,7 +1640,6 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       failApplePaySession(session, err.errors);
       return;
     }
-    console.error("[web-apple-pay] onpaymentauthorized error", { skuId, err });
     const walletError = parseWalletApiError(err);
     trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
@@ -1925,7 +1917,6 @@ 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";
-var ERROR_INITIATE = "Failed to initiate Apple Pay session:";
 var SEL_CONTAINER = ".apple-pay-container";
 var SEL_BUTTON = ".apple-pay-btn";
 var APPLE_PAY_EXCLUDED_VARIANTS = [
@@ -2049,19 +2040,203 @@ 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();
-      if (await this.#checkAvailability()) return;
-      if (this.#checkOffer()) return;
-      if (await this.#checkSession()) return;
+      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;
+      }
       this.#captureReturnUrl();
+      console.log(
+        "[ApplePayButton] #captureReturnUrl done",
+        JSON.stringify(
+          {
+            return_url: this.#returnUrl
+          },
+          null,
+          2
+        )
+      );
       this.#computeBillingCountries();
-      if (await this.#fetchAndCacheOptions()) return;
+      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;
+      }
       this.#finishLoading();
-    } catch (err) {
-      console.error("[web-apple-pay] #run: unexpected error, hiding button", err);
+      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
+        )
+      );
       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;
     }
   }
@@ -2199,8 +2374,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
    */
   #scheduleRecaptchaTokens() {
     const attempt = getPurchaseRecaptchaTokens();
-    attempt.catch((err) => {
-      console.error("[web-apple-pay] reCAPTCHA token pre-fetch failed; will retry on modal open", err);
+    attempt.catch(() => {
       if (this.#recaptchaTokensPromise === attempt) {
         this.#recaptchaTokensPromise = null;
       }
@@ -2261,8 +2435,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           recaptchaTokens
         )
       );
-    } catch (error) {
-      console.error(ERROR_INITIATE, error);
+    } catch {
     }
   }
 };
@@ -2271,6 +2444,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
 var ApplePayEntryPoint = /* @__PURE__ */ ((ApplePayEntryPoint2) => {
   ApplePayEntryPoint2["PAYWALL"] = "article_paywall";
   ApplePayEntryPoint2["REGWALL"] = "article_regwall";
+  ApplePayEntryPoint2["DUAL_OFFER_BANNER"] = "dual_offer_banner";
   return ApplePayEntryPoint2;
 })(ApplePayEntryPoint || {});
 

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

@@ -951,7 +951,6 @@ var ApplePayModal = class _ApplePayModal extends HTMLElement {
           cta.removeAttribute("aria-busy");
         }
       }).catch(() => {
-        console.error("[web-apple-pay] apple-pay-modal: failed to pre-fetch reCAPTCHA tokens; CTA remains disabled");
         if (cta) {
           cta.removeAttribute("aria-busy");
         }
@@ -1137,15 +1136,11 @@ var isApplePayAvailable = async () => {
     }
     const merchantId = getApplePayConfig()?.merchantId;
     if (!merchantId) {
-      console.warn(
-        "[web-apple-pay] Missing merchantId. Call configureApplePay({ merchantId, ... }) before rendering Apple Pay components."
-      );
       return false;
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
     return hasActiveCard;
-  } catch (error) {
-    console.error("Error checking Apple Pay active card status:", error);
+  } catch {
     return false;
   }
 };
@@ -1392,8 +1387,7 @@ async function handleMerchantValidation(event, session, config) {
       return;
     }
     session.completeMerchantValidation(response.merchantSession);
-  } catch (err) {
-    console.error("[web-apple-pay] onvalidatemerchant: error during validation", err);
+  } catch {
     session.abort();
     redirectToFallbackCheckout(config);
   }
@@ -1426,8 +1420,7 @@ function startApplePaySession(config) {
     };
     trackWalletPaymentSheetOpen(config.skuId);
     session.begin();
-  } catch (err) {
-    console.error("[web-apple-pay] startApplePaySession: failed to create session", err);
+  } catch {
     redirectToFallbackCheckout(config);
   }
 }
@@ -1642,7 +1635,6 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
       failApplePaySession(session, err.errors);
       return;
     }
-    console.error("[web-apple-pay] onpaymentauthorized error", { skuId, err });
     const walletError = parseWalletApiError(err);
     trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
@@ -1920,7 +1912,6 @@ 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";
-var ERROR_INITIATE = "Failed to initiate Apple Pay session:";
 var SEL_CONTAINER = ".apple-pay-container";
 var SEL_BUTTON = ".apple-pay-btn";
 var APPLE_PAY_EXCLUDED_VARIANTS = [
@@ -2044,19 +2035,203 @@ 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();
-      if (await this.#checkAvailability()) return;
-      if (this.#checkOffer()) return;
-      if (await this.#checkSession()) return;
+      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;
+      }
       this.#captureReturnUrl();
+      console.log(
+        "[ApplePayButton] #captureReturnUrl done",
+        JSON.stringify(
+          {
+            return_url: this.#returnUrl
+          },
+          null,
+          2
+        )
+      );
       this.#computeBillingCountries();
-      if (await this.#fetchAndCacheOptions()) return;
+      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;
+      }
       this.#finishLoading();
-    } catch (err) {
-      console.error("[web-apple-pay] #run: unexpected error, hiding button", err);
+      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
+        )
+      );
       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;
     }
   }
@@ -2194,8 +2369,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
    */
   #scheduleRecaptchaTokens() {
     const attempt = getPurchaseRecaptchaTokens();
-    attempt.catch((err) => {
-      console.error("[web-apple-pay] reCAPTCHA token pre-fetch failed; will retry on modal open", err);
+    attempt.catch(() => {
       if (this.#recaptchaTokensPromise === attempt) {
         this.#recaptchaTokensPromise = null;
       }
@@ -2256,8 +2430,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           recaptchaTokens
         )
       );
-    } catch (error) {
-      console.error(ERROR_INITIATE, error);
+    } catch {
     }
   }
 };