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

package/dist/index.js

@@ -1145,7 +1145,7 @@ var isApplePayAvailable = async () => {
     }
     const hasActiveCard = await applePaySession.canMakePaymentsWithActiveCard(merchantId);
     return hasActiveCard;
-  } catch (error) {
+  } catch {
     return false;
   }
 };
@@ -1233,13 +1233,25 @@ var getExpressCheckoutSession = () => {
 };
 
 // src/utils/expressCheckoutRedirect.ts
-var captureOriginUrl = () => window.location.href;
-var buildQueryString = () => {
-  const countryCode = new URLSearchParams(window.location.search).get(
-    "country"
-  );
-  return countryCode ? `&country=${encodeURIComponent(countryCode)}` : "";
+var CHECKOUT_REDIRECT_KEY = "checkout-redirect";
+var ALLOWED_REDIRECT_HOSTNAME = "economist.com";
+function isAllowedRedirectUrl(url) {
+  if (url.startsWith("/")) return !url.startsWith("//");
+  try {
+    const { hostname } = new URL(url);
+    return hostname === ALLOWED_REDIRECT_HOSTNAME || hostname.endsWith(`.${ALLOWED_REDIRECT_HOSTNAME}`);
+  } catch {
+    return false;
+  }
+}
+var writeCheckoutRedirect = (originUrl) => {
+  if (!isAllowedRedirectUrl(originUrl)) return;
+  try {
+    localStorage.setItem(CHECKOUT_REDIRECT_KEY, originUrl);
+  } catch {
+  }
 };
+var captureOriginUrl = () => window.location.href;
 var decodeSku = (sku) => {
   try {
     return atob(sku.substring(sku.indexOf("-") + 1));
@@ -1250,14 +1262,11 @@ var decodeSku = (sku) => {
 var redirectToCheckoutComplete = (params) => {
   const url = new URL("/checkout/complete", window.location.origin);
   url.searchParams.set("basketId", params.basketId);
-  if (params.queryString) {
-    const qs = params.queryString.startsWith("?") ? params.queryString.slice(1) : params.queryString;
-    new URLSearchParams(qs).forEach((v, k) => url.searchParams.set(k, v));
-  }
   url.searchParams.set("lmo_offer", params.skuId);
   url.searchParams.set("status", params.status);
   url.searchParams.set("redirectToCheckout", "true");
-  url.searchParams.set("returnUrl", params.returnUrl);
+  if (params.email) url.searchParams.set("email", params.email);
+  if (params.country) url.searchParams.set("country", params.country);
   return url.pathname + url.search;
 };
 var redirectToCheckoutFallback = (params) => {
@@ -1268,7 +1277,7 @@ var redirectToCheckoutFallback = (params) => {
     url.searchParams.set("inlineError", params.inlineError);
   if (params.email) url.searchParams.set("email", params.email);
   if (params.emailError) url.searchParams.set("emailError", params.emailError);
-  url.searchParams.set("returnUrl", params.returnUrl);
+  if (params.country) url.searchParams.set("country", params.country);
   return url.pathname + url.search;
 };
 
@@ -1352,17 +1361,16 @@ var MSG_EMAIL_WRONG_FORMAT = "That email doesn\u2019t look right. Please enter a
 var MSG_EMAIL_TOO_LONG = "This field must be 80 characters or less.";
 var MSG_UNSUPPORTED_BILLING_COUNTRY = "Billing country does not match offer price zone";
 var MSG_PAYMENT_GENERIC_ERROR = "Something went wrong. Please check your payment and billing details and try again or contact us.";
-var MSG_RECAPTCHA_VALIDATION_FAILED = "Security check failed. Please try again.";
-var MSG_EMAIL_COLLISION = "This email address is already linked to an account. Please log in, or try a different email address.";
 var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 
 // src/clients/payment-checkout/apple-session.ts
 function redirectToFallbackCheckout(config) {
+  writeCheckoutRedirect(config.returnUrl);
   trackFallbackCheckout(config.skuId);
   window.location.href = redirectToCheckoutFallback({
     skuId: config.skuId,
-    returnUrl: config.returnUrl,
-    inlineError: MSG_PAYMENT_GENERIC_ERROR
+    inlineError: MSG_PAYMENT_GENERIC_ERROR,
+    country: config.countryCode
   });
 }
 async function handleMerchantValidation(event, session, config) {
@@ -1384,7 +1392,7 @@ async function handleMerchantValidation(event, session, config) {
       return;
     }
     session.completeMerchantValidation(response.merchantSession);
-  } catch (err) {
+  } catch {
     session.abort();
     redirectToFallbackCheckout(config);
   }
@@ -1417,7 +1425,7 @@ function startApplePaySession(config) {
     };
     trackWalletPaymentSheetOpen(config.skuId);
     session.begin();
-  } catch (err) {
+  } catch {
     redirectToFallbackCheckout(config);
   }
 }
@@ -1539,8 +1547,6 @@ var shippingContactDetails = (shippingContact) => {
 };
 
 // src/clients/payment-checkout/payment-handler.ts
-var MSG_ELIGIBILITY = "Something went wrong, please try again";
-var MSG_REGISTRATION = "We couldn't create your account. Please enter your email or try a different login method.";
 var failApplePaySession = (session, errors = []) => {
   session.completePayment({
     status: ApplePaySession.STATUS_FAILURE,
@@ -1564,37 +1570,42 @@ function validateContacts(event, sessionData, supportedBillingCountries) {
   }
   return void 0;
 }
-function redirectFallback(skuId, returnUrl, options) {
+function redirectFallback(skuId, returnUrl, country, options) {
+  writeCheckoutRedirect(returnUrl);
   trackFallbackCheckout(skuId);
   window.location.href = redirectToCheckoutFallback({
     skuId,
-    returnUrl,
+    country,
     ...options
   });
 }
 var ERROR_HANDLERS = {
-  EMAIL_COLLISION: ({ skuId, returnUrl, validatedEmail }) => redirectFallback(skuId, returnUrl, {
-    emailError: MSG_EMAIL_COLLISION,
+  // emailError flows as an inline field error on the email input.
+  // email pre-populates the input so the user doesn't have to retype it.
+  EMAIL_COLLISION: ({ skuId, returnUrl, country, validatedEmail, walletError }) => redirectFallback(skuId, returnUrl, country, {
+    emailError: walletError.message,
     email: validatedEmail
   }),
-  PAYMENT_DECLINED: ({ skuId, returnUrl }) => (
-    // Matches sma-checkout catch-all: always redirect with generic inlineError.
-    redirectFallback(skuId, returnUrl, { inlineError: MSG_PAYMENT_GENERIC_ERROR })
-  ),
-  ELIGIBILITY_REJECTED: ({ skuId, returnUrl }) => redirectFallback(skuId, returnUrl, { inlineError: MSG_ELIGIBILITY }),
-  REGISTRATION_FAILED: ({ skuId, returnUrl }) => redirectFallback(skuId, returnUrl, { inlineError: MSG_REGISTRATION }),
-  VALIDATION_ERROR: ({ skuId, returnUrl }) => redirectFallback(skuId, returnUrl, { inlineError: MSG_RECAPTCHA_VALIDATION_FAILED })
+  PAYMENT_DECLINED: ({ skuId, returnUrl, country, walletError }) => redirectFallback(skuId, returnUrl, country, { inlineError: walletError.message }),
+  ELIGIBILITY_REJECTED: ({ skuId, returnUrl, country, walletError }) => redirectFallback(skuId, returnUrl, country, { inlineError: walletError.message }),
+  REGISTRATION_FAILED: ({ skuId, returnUrl, country, walletError }) => redirectFallback(skuId, returnUrl, country, { inlineError: walletError.message }),
+  ACCOUNT_CREATION_FAILED: ({ skuId, returnUrl, country, validatedEmail, walletError }) => redirectFallback(skuId, returnUrl, country, {
+    emailError: walletError.message,
+    email: validatedEmail
+  }),
+  VALIDATION_ERROR: ({ skuId, returnUrl, country, walletError }) => redirectFallback(skuId, returnUrl, country, { inlineError: walletError.message }),
+  RECAPTCHA_FAILED: ({ skuId, returnUrl, country, walletError }) => redirectFallback(skuId, returnUrl, country, { inlineError: walletError.message })
 };
 function handleStructuredError(ctx) {
   const handler = ERROR_HANDLERS[ctx.walletError.errorType];
   if (handler) {
     handler(ctx);
   } else {
-    redirectFallback(ctx.skuId, ctx.returnUrl, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
+    redirectFallback(ctx.skuId, ctx.returnUrl, ctx.country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
   }
 }
 async function handlePaymentAuthorized(event, session, sessionData, config) {
-  const { skuId, returnUrl, queryString } = config;
+  const { skuId, returnUrl, country } = config;
   let validatedEmail;
   try {
     validatedEmail = validateContacts(
@@ -1614,13 +1625,15 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
     });
     trackWalletPaymentSuccess(skuId, result.basketId);
     session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
+    const successEmail = sessionData.loggedIn ? sessionData.emailAddress : validatedEmail;
     const userStatus = sessionData.loggedIn ? "lex" : "nex";
+    writeCheckoutRedirect(returnUrl);
     window.location.href = redirectToCheckoutComplete({
       basketId: result.basketId,
       status: userStatus,
       skuId: decodeSku(skuId),
-      returnUrl,
-      queryString
+      email: successEmail,
+      country
     });
   } catch (err) {
     if (err instanceof ContactValidationError) {
@@ -1631,10 +1644,10 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
     trackWalletPaymentFailure(skuId, walletError?.errorType ?? "UNKNOWN");
     failApplePaySession(session);
     if (!walletError) {
-      redirectFallback(skuId, returnUrl, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
+      redirectFallback(skuId, returnUrl, country, { inlineError: MSG_PAYMENT_GENERIC_ERROR });
       return;
     }
-    handleStructuredError({ skuId, returnUrl, validatedEmail, walletError });
+    handleStructuredError({ skuId, returnUrl, country, validatedEmail, walletError });
   }
 }
 
@@ -2027,18 +2040,203 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   // ─── Render pipeline ────────────────────────────────────────────────────────
   async #run() {
     try {
-      if (await this.#checkAvailability()) return;
-      if (this.#checkOffer()) return;
+      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.#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.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;
     }
   }
@@ -2047,6 +2245,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const available = await isApplePayAvailable();
     if (!available) {
       this.style.display = "none";
+      this.querySelector(SEL_CONTAINER)?.remove();
       return true;
     }
     return false;
@@ -2068,6 +2267,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
   #checkOffer() {
     if (!this.#offer) {
       this.style.display = "none";
+      this.querySelector(SEL_CONTAINER)?.remove();
       return true;
     }
     return false;
@@ -2174,7 +2374,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
    */
   #scheduleRecaptchaTokens() {
     const attempt = getPurchaseRecaptchaTokens();
-    attempt.catch((err) => {
+    attempt.catch(() => {
       if (this.#recaptchaTokensPromise === attempt) {
         this.#recaptchaTokensPromise = null;
       }
@@ -2217,7 +2417,6 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
         country,
         currency: offer.price?.currency_code ?? DEFAULT_CURRENCY,
         returnUrl: this.#returnUrl,
-        queryString: buildQueryString(),
         supportedBillingCountries: this.#supportedBillingCountries,
         recaptchaTokens
       })
@@ -2236,7 +2435,7 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
           recaptchaTokens
         )
       );
-    } catch (error) {
+    } catch {
     }
   }
 };