@automattic/newspack-blocks 4.18.0 → 4.19.0

package/languages/newspack-blocks-pt_PT.po

@@ -2,7 +2,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Newspack Blocks 1.0.0-alpha.25\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/project\n"
-"POT-Creation-Date: 2025-11-13T18:38:30+00:00\n"
+"POT-Creation-Date: 2025-11-24T20:10:24+00:00\n"
 "PO-Revision-Date: 2024-08-30 08:46-0700\n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -67,169 +67,169 @@ msgstr ""
 msgid "Or"
 msgstr ""
 
-#: includes/class-modal-checkout.php:977
+#: includes/class-modal-checkout.php:979 includes/class-modal-checkout.php:983
 msgid "Processing payment..."
 msgstr ""
 
-#: includes/class-modal-checkout.php:981
+#: includes/class-modal-checkout.php:987
 msgid "Verifying details..."
 msgstr ""
 
-#: includes/class-modal-checkout.php:985
+#: includes/class-modal-checkout.php:991
 msgid "Finalizing transaction..."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1041
+#: includes/class-modal-checkout.php:1047
 msgid ""
 "We're sorry, there was an unexpected error. Please try again in a few "
 "minutes."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1053
+#: includes/class-modal-checkout.php:1059
 msgid "Go back"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1143
+#: includes/class-modal-checkout.php:1149
 msgid "Password mismatch"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1144
+#: includes/class-modal-checkout.php:1150
 msgid "Password strength: Very weak"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1145
+#: includes/class-modal-checkout.php:1151
 msgid "Password strength: Weak"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1146
+#: includes/class-modal-checkout.php:1152
 msgid "Password strength: Medium"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1147
+#: includes/class-modal-checkout.php:1153
 msgid "Password strength: Strong"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1328
+#: includes/class-modal-checkout.php:1334
 msgid "Please enter someone else' email address to receive this gift."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1329
+#: includes/class-modal-checkout.php:1335
 msgid "Please enter a valid email address to receive this gift."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1418
+#: includes/class-modal-checkout.php:1424
 msgid "Close window"
 msgstr ""
 
 #. translators: %s: Site name.
-#: includes/class-modal-checkout.php:1505
+#: includes/class-modal-checkout.php:1511
 #, php-format
 msgid ""
 "You're already a subscriber! You can only have one active subscription at a "
 "time. Thank you for supporting %s."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1516
+#: includes/class-modal-checkout.php:1522
 msgid ""
 "You're already a subscriber! You can only have one subscription at a time. "
 "If you wish to renew an expired subscription, please sign in and visit the "
 "subscriptions page on your account."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1554
-msgid "Could not complete this transaction. Please contact us for assistance."
-msgstr ""
-
 #. translators: 1: Checkout button confirmation text. 2: Order total.
 #. translators: 1 is the name of the item. 2 is the price of the item.
-#: includes/class-modal-checkout.php:1640
-#: includes/modal-checkout/class-checkout-data.php:67
+#: includes/class-modal-checkout.php:1646
+#: includes/modal-checkout/class-checkout-data.php:68
 #, php-format
 msgid "%1$s: %2$s"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1999
+#: includes/class-modal-checkout.php:2005
 msgid "Billing details"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2000
+#: includes/class-modal-checkout.php:2006
 msgid "Shipping details"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2001
+#: includes/class-modal-checkout.php:2007
 msgid "Gift recipient"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2002
-#: includes/class-modal-checkout.php:2003
-#: includes/class-modal-checkout.php:2004
+#: includes/class-modal-checkout.php:2008
+#: includes/class-modal-checkout.php:2009
+#: includes/class-modal-checkout.php:2010
 msgid "Complete your transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2005
+#: includes/class-modal-checkout.php:2011
 msgctxt "Login modal title when logged out user attempts to checkout."
 msgid "Sign in to complete transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2010
+#: includes/class-modal-checkout.php:2016
 msgctxt "Login modal title when unregistered user attempts to checkout"
 msgid "Register to complete transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2015
+#: includes/class-modal-checkout.php:2021
 msgid "Continue browsing"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2016
+#: includes/class-modal-checkout.php:2022
 msgid "This donation is a gift"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2021
+#: includes/class-modal-checkout.php:2027
 msgid "This purchase is a gift"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2023
+#: includes/class-modal-checkout.php:2029
 msgid "Complete transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2024
+#: includes/class-modal-checkout.php:2030
 msgid "Purchase"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2025
+#: includes/class-modal-checkout.php:2031
 msgid "Edit billing information"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2026 dist/editor.js:29
+#: includes/class-modal-checkout.php:2032 dist/editor.js:29
 #: src/blocks/checkout-button/edit.js:192
 msgid "Cancel"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2027
+#: includes/class-modal-checkout.php:2033
 msgid "Transaction successful"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2028
+#: includes/class-modal-checkout.php:2034
 msgid ""
 "Your contribution directly funds our work. If you're moved to do so, you can "
 "opt to pay more than the standard rate."
 msgstr ""
 
-#: includes/class-modal-checkout.php:2029
+#: includes/class-modal-checkout.php:2035
 msgid "Thank you for your generosity! We couldn't do this without you!"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2030
+#: includes/class-modal-checkout.php:2036
 msgid "Increase your support"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2031
+#: includes/class-modal-checkout.php:2037
 #: src/modal-checkout/templates/form-coupon.php:20
 msgid "Apply"
 msgstr ""
 
+#: includes/class-modal-checkout.php:2038
+msgid "We ran into a problem processing this request. Please try again."
+msgstr ""
+
 #. Translators: %s is the site name.
-#: includes/class-modal-checkout.php:2168
+#: includes/class-modal-checkout.php:2175
 #, php-format
 msgid ""
 "Thank you for supporting %s. Your transaction was completed successfully."
@@ -308,7 +308,7 @@ msgstr ""
 msgid " per "
 msgstr ""
 
-#: includes/modal-checkout/class-checkout-data.php:301 dist/editor.js:35
+#: includes/modal-checkout/class-checkout-data.php:310 dist/editor.js:35
 #: src/blocks/donate/index.js:31
 msgid "Donate"
 msgstr "Doação"

package/languages/newspack-blocks.pot

@@ -2,14 +2,14 @@
 # This file is distributed under the same license as the Newspack Blocks plugin.
 msgid ""
 msgstr ""
-"Project-Id-Version: Newspack Blocks 4.17.4\n"
+"Project-Id-Version: Newspack Blocks 4.18.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/project\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"POT-Creation-Date: 2025-11-13T18:38:30+00:00\n"
+"POT-Creation-Date: 2025-11-24T20:10:24+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.12.0\n"
 "X-Domain: newspack-blocks\n"
@@ -68,161 +68,162 @@ msgstr ""
 msgid "Or"
 msgstr ""
 
-#: includes/class-modal-checkout.php:977
+#: includes/class-modal-checkout.php:979
+#: includes/class-modal-checkout.php:983
 msgid "Processing payment..."
 msgstr ""
 
-#: includes/class-modal-checkout.php:981
+#: includes/class-modal-checkout.php:987
 msgid "Verifying details..."
 msgstr ""
 
-#: includes/class-modal-checkout.php:985
+#: includes/class-modal-checkout.php:991
 msgid "Finalizing transaction..."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1041
+#: includes/class-modal-checkout.php:1047
 msgid "We're sorry, there was an unexpected error. Please try again in a few minutes."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1053
+#: includes/class-modal-checkout.php:1059
 msgid "Go back"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1143
+#: includes/class-modal-checkout.php:1149
 msgid "Password mismatch"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1144
+#: includes/class-modal-checkout.php:1150
 msgid "Password strength: Very weak"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1145
+#: includes/class-modal-checkout.php:1151
 msgid "Password strength: Weak"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1146
+#: includes/class-modal-checkout.php:1152
 msgid "Password strength: Medium"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1147
+#: includes/class-modal-checkout.php:1153
 msgid "Password strength: Strong"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1328
+#: includes/class-modal-checkout.php:1334
 msgid "Please enter someone else' email address to receive this gift."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1329
+#: includes/class-modal-checkout.php:1335
 msgid "Please enter a valid email address to receive this gift."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1418
+#: includes/class-modal-checkout.php:1424
 msgid "Close window"
 msgstr ""
 
 #. translators: %s: Site name.
-#: includes/class-modal-checkout.php:1505
+#: includes/class-modal-checkout.php:1511
 #, php-format
 msgid "You're already a subscriber! You can only have one active subscription at a time. Thank you for supporting %s."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1516
+#: includes/class-modal-checkout.php:1522
 msgid "You're already a subscriber! You can only have one subscription at a time. If you wish to renew an expired subscription, please sign in and visit the subscriptions page on your account."
 msgstr ""
 
-#: includes/class-modal-checkout.php:1554
-msgid "Could not complete this transaction. Please contact us for assistance."
-msgstr ""
-
 #. translators: 1: Checkout button confirmation text. 2: Order total.
 #. translators: 1 is the name of the item. 2 is the price of the item.
-#: includes/class-modal-checkout.php:1640
-#: includes/modal-checkout/class-checkout-data.php:67
+#: includes/class-modal-checkout.php:1646
+#: includes/modal-checkout/class-checkout-data.php:68
 #, php-format
 msgid "%1$s: %2$s"
 msgstr ""
 
-#: includes/class-modal-checkout.php:1999
+#: includes/class-modal-checkout.php:2005
 msgid "Billing details"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2000
+#: includes/class-modal-checkout.php:2006
 msgid "Shipping details"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2001
+#: includes/class-modal-checkout.php:2007
 msgid "Gift recipient"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2002
-#: includes/class-modal-checkout.php:2003
-#: includes/class-modal-checkout.php:2004
+#: includes/class-modal-checkout.php:2008
+#: includes/class-modal-checkout.php:2009
+#: includes/class-modal-checkout.php:2010
 msgid "Complete your transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2005
+#: includes/class-modal-checkout.php:2011
 msgctxt "Login modal title when logged out user attempts to checkout."
 msgid "Sign in to complete transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2010
+#: includes/class-modal-checkout.php:2016
 msgctxt "Login modal title when unregistered user attempts to checkout"
 msgid "Register to complete transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2015
+#: includes/class-modal-checkout.php:2021
 msgid "Continue browsing"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2016
+#: includes/class-modal-checkout.php:2022
 msgid "This donation is a gift"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2021
+#: includes/class-modal-checkout.php:2027
 msgid "This purchase is a gift"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2023
+#: includes/class-modal-checkout.php:2029
 msgid "Complete transaction"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2024
+#: includes/class-modal-checkout.php:2030
 msgid "Purchase"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2025
+#: includes/class-modal-checkout.php:2031
 msgid "Edit billing information"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2026
+#: includes/class-modal-checkout.php:2032
 #: dist/editor.js:29
 #: src/blocks/checkout-button/edit.js:192
 msgid "Cancel"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2027
+#: includes/class-modal-checkout.php:2033
 msgid "Transaction successful"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2028
+#: includes/class-modal-checkout.php:2034
 msgid "Your contribution directly funds our work. If you're moved to do so, you can opt to pay more than the standard rate."
 msgstr ""
 
-#: includes/class-modal-checkout.php:2029
+#: includes/class-modal-checkout.php:2035
 msgid "Thank you for your generosity! We couldn't do this without you!"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2030
+#: includes/class-modal-checkout.php:2036
 msgid "Increase your support"
 msgstr ""
 
-#: includes/class-modal-checkout.php:2031
+#: includes/class-modal-checkout.php:2037
 #: src/modal-checkout/templates/form-coupon.php:20
 msgid "Apply"
 msgstr ""
 
+#: includes/class-modal-checkout.php:2038
+msgid "We ran into a problem processing this request. Please try again."
+msgstr ""
+
 #. Translators: %s is the site name.
-#: includes/class-modal-checkout.php:2168
+#: includes/class-modal-checkout.php:2175
 #, php-format
 msgid "Thank you for supporting %s. Your transaction was completed successfully."
 msgstr ""
@@ -300,7 +301,7 @@ msgstr ""
 msgid " per "
 msgstr ""
 
-#: includes/modal-checkout/class-checkout-data.php:301
+#: includes/modal-checkout/class-checkout-data.php:310
 #: dist/editor.js:35
 #: src/blocks/donate/index.js:31
 msgid "Donate"

package/newspack-blocks.php

@@ -7,7 +7,7 @@
  * Author URI:      https://newspack.com/
  * Text Domain:     newspack-blocks
  * Domain Path:     /languages
- * Version:         4.18.0
+ * Version:         4.19.0
  *
  * @package         Newspack_Blocks
  */
@@ -15,13 +15,14 @@
 define( 'NEWSPACK_BLOCKS__PLUGIN_FILE', __FILE__ );
 define( 'NEWSPACK_BLOCKS__BLOCKS_DIRECTORY', 'dist/' );
 define( 'NEWSPACK_BLOCKS__PLUGIN_DIR', plugin_dir_path( NEWSPACK_BLOCKS__PLUGIN_FILE ) );
-define( 'NEWSPACK_BLOCKS__VERSION', '4.18.0' );
+define( 'NEWSPACK_BLOCKS__VERSION', '4.19.0' );
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-api.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-patterns.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-caching.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/modal-checkout/class-checkout-data.php';
+require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/modal-checkout/class-change-payment-gateway.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-modal-checkout.php';
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/plugins/class-the-events-calendar.php';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/newspack-blocks",
-	"version": "4.18.0",
+	"version": "4.19.0",
 	"author": "Automattic",
 	"description": "=== Newspack Blocks === Contributors: (this should be a list of wordpress.org userid's) Donate link: https://example.com/ Tags: comments, spam Requires at least: 4.5 Tested up to: 5.1.1 Stable tag: 0.1.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html",
 	"repository": {
@@ -52,7 +52,7 @@
 		"swiper": "12.0.3"
 	},
 	"devDependencies": {
-		"@types/lodash": "^4.17.20",
+		"@types/lodash": "^4.17.21",
 		"newspack-components": "^4.2.0",
 		"newspack-scripts": "^5.8.0"
 	},

package/src/blocks/carousel/editor.scss

@@ -1,6 +1,10 @@
 @use "newspack-colors" as np-colors;
 @use "../../shared/sass/placeholder";
 
+.wp-block:has(> .wpnbpc) {
+	max-width: 100%;
+}
+
 .wp-block-newspack-blocks-carousel {
 	.swiper-wrapper {
 		height: auto;
@@ -43,6 +47,7 @@
 		margin-right: 1.5em;
 	}
 }
+
 .editor-block-list__layout .editor-block-list__block .wpnbpc .entry-title a,
 .editor-block-list__layout .editor-block-list__block .wpnbpc .entry-meta .byline a {
 	color: inherit;

package/src/blocks/carousel/view.scss

@@ -6,6 +6,7 @@
 .wp-block-newspack-blocks-carousel {
 	position: relative;
 	margin-top: 0;
+	max-width: 100%;
 
 	article {
 		max-width: 100%;

package/src/modal-checkout/index.js

@@ -8,7 +8,7 @@ import './checkout.scss';
  * Internal dependencies
  */
 import { manageCheckoutAttempt, manageCheckoutSuccess, manageLoaded, managePagination } from './analytics';
-import { domReady } from './utils';
+import { domReady, onCheckoutPlaceOrderProcessing } from './utils';
 
 ( $ => {
 	domReady( () => {
@@ -26,6 +26,7 @@ import { domReady } from './utils';
 		const placeOrderStartEvent = new CustomEvent( 'checkout-place-order-start' );
 		const placeOrderSuccessEvent = new CustomEvent( 'checkout-place-order-success' );
 		const placeOrderErrorEvent = new CustomEvent( 'checkout-place-order-error' );
+		const placeOrderCriticalErrorEvent = new CustomEvent( 'checkout-place-order-critical-error' );
 
 		function getEventHandlers( element, event ) {
 			const events = $._data( element, 'events' );
@@ -121,16 +122,30 @@ import { domReady } from './utils';
 					placedOrder = true;
 					container.dispatchEvent( placeOrderStartEvent );
 				} );
+				onCheckoutPlaceOrderProcessing( container, function () {
+					if ( ! placedOrder ) {
+						return;
+					}
+					// If the form stops processing before the `checkout_place_order_success` event is fired, dispatch an error event.
+					if ( ! $form.is( '.processing' ) ) {
+						placedOrder = false;
+						container.dispatchEvent( placeOrderErrorEvent );
+					}
+				} );
 				$form.on( 'checkout_place_order_success', function () {
 					placedOrder = false;
 					container.dispatchEvent( placeOrderSuccessEvent );
 				} );
 
-				$( document.body ).on( 'checkout_error', function () {
+				$( document.body ).on( 'checkout_error', function ( event, errors ) {
 					if ( ! placedOrder ) {
 						return;
 					}
 					placedOrder = false;
+					if ( errors && errors.indexOf( newspackBlocksModalCheckout.labels.critical_error ) >= 0 ) {
+						container.dispatchEvent( placeOrderCriticalErrorEvent );
+						return;
+					}
 					container.dispatchEvent( placeOrderErrorEvent );
 				} );
 				$form.on( 'update_checkout', function () {

package/src/modal-checkout/modal.js

@@ -18,6 +18,7 @@ import {
 	onCheckoutCancel,
 	onCheckoutPlaceOrderStart,
 	onCheckoutPlaceOrderError,
+	onCheckoutPlaceOrderCriticalError,
 	createHiddenInput,
 	triggerFormSubmit,
 	getCheckoutData,
@@ -39,6 +40,9 @@ let inCheckoutIntent = false;
 // Checkout title.
 let checkoutTitle = newspackBlocksModal.labels.checkout_modal_title;
 
+// Last-submitted checkout form.
+let activeCheckoutForm = null;
+
 // Close the modal.
 const closeModal = el => {
 	if ( el.overlayId && window.newspackReaderActivation?.overlays ) {
@@ -129,13 +133,14 @@ domReady( () => {
 			processingPaymentTimeouts = [];
 		};
 
-		const renderProcessingPaymentScreen = () => {
+		const renderProcessingPaymentScreen = event => {
 			spinner.querySelectorAll( `.${ PROCESSING_PAYMENT_TEXT_CLASS }` ).forEach( node => node.remove() );
 			spinner.style.display = 'flex';
 			clearProcessingPaymentTimeouts();
 			processingPaymentText.textContent = PROCESSING_PAYMENT_MESSAGES[ 0 ]?.text ?? '';
 			PROCESSING_PAYMENT_MESSAGES.slice( 1 ).forEach( ( { text, delay } ) => {
 				const timeoutId = setTimeout( () => {
+					event.target.dispatchEvent( new CustomEvent( 'checkout-place-order-processing' ) );
 					processingPaymentText.textContent = text;
 				}, delay );
 				processingPaymentTimeouts.push( timeoutId );
@@ -164,6 +169,15 @@ domReady( () => {
 				summaryTextNode.textContent = checkoutData.price_summary;
 			}
 
+			// Display initial errors if any.
+			if ( modalCheckout.initialErrors ) {
+				const errorContainer = document.createElement( 'div' );
+				errorContainer.classList.add( 'woocommerce-error' );
+				errorContainer.textContent = modalCheckout.initialErrors;
+				container.prepend( errorContainer );
+				delete modalCheckout.initialErrors;
+			}
+
 			// Revert modal title and width default value.
 			setModalSize();
 			setModalTitle( checkoutTitle );
@@ -192,6 +206,20 @@ domReady( () => {
 
 			hideProcessingPaymentScreen();
 		} );
+
+		// Resubmit modal checkout form if an unrecoverable error is encountered.
+		const refreshCheckout = form => {
+			if ( ! form ) {
+				return;
+			}
+			closeCheckout();
+			spinner.style.display = 'none';
+			modalCheckout.initialErrors = newspackBlocksModal.labels.critical_error;
+			form.requestSubmit( form.querySelector( 'button[type="submit"]' ) );
+			hideProcessingPaymentScreen();
+		};
+
+		onCheckoutPlaceOrderCriticalError( container, () => refreshCheckout( activeCheckoutForm ) );
 	}
 
 	iframeReady( iframe, handleIframeReady, () => {
@@ -468,6 +496,7 @@ domReady( () => {
 			// Append product data info to the modal, so we can grab it for GA4 events outside of the iframe.
 			document.getElementById( 'newspack_modal_checkout' ).setAttribute( 'data-checkout', JSON.stringify( checkoutData ) );
 		}
+		activeCheckoutForm = form;
 	};
 
 	/**