@economist/web-apple-pay 0.1.3-beta.50 → 0.1.3-beta.52

package/dist/index.js

@@ -1383,12 +1383,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -1674,7 +1677,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
   } catch (err) {
     if (err instanceof ContactValidationError) {
       const isBillingCountryMismatch = err.errors.some(
-        (e) => e.message === MSG_UNSUPPORTED_BILLING_COUNTRY
+        (e) => e.contactField === "countryCode"
       );
       if (isBillingCountryMismatch) {
         const countryCode = event.payment.billingContact?.countryCode;
@@ -1682,7 +1685,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
         failApplePaySession(session, [
           new ApplePayError("billingContactInvalid", "countryCode", userMessage)
         ]);
-        redirectFallback(skuId, returnUrl, country, { inlineError: userMessage });
+        redirectFallback(skuId, returnUrl, country, { inlineError: MSG_BILLING_COUNTRY_MISMATCH_REDIRECT });
       } else {
         failApplePaySession(session, err.errors);
       }

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

@@ -1378,12 +1378,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -1669,7 +1672,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
   } catch (err) {
     if (err instanceof ContactValidationError) {
       const isBillingCountryMismatch = err.errors.some(
-        (e) => e.message === MSG_UNSUPPORTED_BILLING_COUNTRY
+        (e) => e.contactField === "countryCode"
       );
       if (isBillingCountryMismatch) {
         const countryCode = event.payment.billingContact?.countryCode;
@@ -1677,7 +1680,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
         failApplePaySession(session, [
           new ApplePayError("billingContactInvalid", "countryCode", userMessage)
         ]);
-        redirectFallback(skuId, returnUrl, country, { inlineError: userMessage });
+        redirectFallback(skuId, returnUrl, country, { inlineError: MSG_BILLING_COUNTRY_MISMATCH_REDIRECT });
       } else {
         failApplePaySession(session, err.errors);
       }

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

@@ -1386,12 +1386,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -1677,7 +1680,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
   } catch (err) {
     if (err instanceof ContactValidationError) {
       const isBillingCountryMismatch = err.errors.some(
-        (e) => e.message === MSG_UNSUPPORTED_BILLING_COUNTRY
+        (e) => e.contactField === "countryCode"
       );
       if (isBillingCountryMismatch) {
         const countryCode = event.payment.billingContact?.countryCode;
@@ -1685,7 +1688,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
         failApplePaySession(session, [
           new ApplePayError("billingContactInvalid", "countryCode", userMessage)
         ]);
-        redirectFallback(skuId, returnUrl, country, { inlineError: userMessage });
+        redirectFallback(skuId, returnUrl, country, { inlineError: MSG_BILLING_COUNTRY_MISMATCH_REDIRECT });
       } else {
         failApplePaySession(session, err.errors);
       }

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

@@ -1378,12 +1378,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -1669,7 +1672,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
   } catch (err) {
     if (err instanceof ContactValidationError) {
       const isBillingCountryMismatch = err.errors.some(
-        (e) => e.message === MSG_UNSUPPORTED_BILLING_COUNTRY
+        (e) => e.contactField === "countryCode"
       );
       if (isBillingCountryMismatch) {
         const countryCode = event.payment.billingContact?.countryCode;
@@ -1677,7 +1680,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
         failApplePaySession(session, [
           new ApplePayError("billingContactInvalid", "countryCode", userMessage)
         ]);
-        redirectFallback(skuId, returnUrl, country, { inlineError: userMessage });
+        redirectFallback(skuId, returnUrl, country, { inlineError: MSG_BILLING_COUNTRY_MISMATCH_REDIRECT });
       } else {
         failApplePaySession(session, err.errors);
       }

package/dist/src/clients/payment-checkout/messages.d.ts

@@ -27,6 +27,11 @@ export declare const MSG_UNSUPPORTED_BILLING_COUNTRY = "Billing country does not
  * name cannot be resolved from the country code.
  */
 export declare const BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+/**
+ * User-facing message shown as an inlineError on the checkout redirect page
+ * when the billing country does not match the offer price zone.
+ */
+export declare const MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 /**
  * Builds a short, user-facing message for a billing country mismatch, suitable
  * for Apple's native payment sheet (~50 char limit).

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

@@ -4,12 +4,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -18,6 +21,7 @@ var MSG_PAYMENT_GENERIC_ERROR = "Something went wrong. Please check your payment
 var MSG_CONTACT_VALIDATION_INTERNAL = "Could not validate Apple Pay contact";
 export {
   BILLING_COUNTRY_MISMATCH_FALLBACK,
+  MSG_BILLING_COUNTRY_MISMATCH_REDIRECT,
   MSG_CONTACT_VALIDATION_INTERNAL,
   MSG_EMAIL_TOO_LONG,
   MSG_EMAIL_WRONG_FORMAT,

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

@@ -118,12 +118,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -387,7 +390,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
   } catch (err) {
     if (err instanceof ContactValidationError) {
       const isBillingCountryMismatch = err.errors.some(
-        (e) => e.message === MSG_UNSUPPORTED_BILLING_COUNTRY
+        (e) => e.contactField === "countryCode"
       );
       if (isBillingCountryMismatch) {
         const countryCode = event.payment.billingContact?.countryCode;
@@ -395,7 +398,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
         failApplePaySession(session, [
           new ApplePayError("billingContactInvalid", "countryCode", userMessage)
         ]);
-        redirectFallback(skuId, returnUrl, country, { inlineError: userMessage });
+        redirectFallback(skuId, returnUrl, country, { inlineError: MSG_BILLING_COUNTRY_MISMATCH_REDIRECT });
       } else {
         failApplePaySession(session, err.errors);
       }

package/dist/src/index.js

@@ -1383,12 +1383,15 @@ 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 BILLING_COUNTRY_MISMATCH_FALLBACK = "Country not supported for this purchase";
+var MSG_BILLING_COUNTRY_MISMATCH_REDIRECT = "This country isn\u2019t supported for this purchase. Try updating your billing address.";
 var buildCountryMismatchMessage = (countryCode) => {
   if (!countryCode) return BILLING_COUNTRY_MISMATCH_FALLBACK;
   try {
-    const regionNames = new Intl.DisplayNames(["en"], { type: "region" });
-    const countryName = regionNames.of(countryCode.toUpperCase());
-    return countryName ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
+    const regionNames = new Intl.DisplayNames(["en"], { type: "region", fallback: "none" });
+    const upper = countryCode.toUpperCase();
+    const countryName = regionNames.of(upper);
+    const isResolved = countryName && countryName !== upper && countryName !== "Unknown Region";
+    return isResolved ? `${countryName} address required` : BILLING_COUNTRY_MISMATCH_FALLBACK;
   } catch {
     return BILLING_COUNTRY_MISMATCH_FALLBACK;
   }
@@ -1674,7 +1677,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
   } catch (err) {
     if (err instanceof ContactValidationError) {
       const isBillingCountryMismatch = err.errors.some(
-        (e) => e.message === MSG_UNSUPPORTED_BILLING_COUNTRY
+        (e) => e.contactField === "countryCode"
       );
       if (isBillingCountryMismatch) {
         const countryCode = event.payment.billingContact?.countryCode;
@@ -1682,7 +1685,7 @@ async function handlePaymentAuthorized(event, session, sessionData, config) {
         failApplePaySession(session, [
           new ApplePayError("billingContactInvalid", "countryCode", userMessage)
         ]);
-        redirectFallback(skuId, returnUrl, country, { inlineError: userMessage });
+        redirectFallback(skuId, returnUrl, country, { inlineError: MSG_BILLING_COUNTRY_MISMATCH_REDIRECT });
       } else {
         failApplePaySession(session, err.errors);
       }

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