@automattic/newspack-blocks 1.67.0 → 1.68.0

package/src/modal-checkout/modal.scss

@@ -0,0 +1,97 @@
+@use '../shared/sass/colors';
+@use '../shared/sass/variables';
+
+@keyframes spin {
+	0% {
+		transform: rotate( 0deg );
+	}
+	50% {
+		transform: rotate( 180deg );
+	}
+	100% {
+		transform: rotate( 360deg );
+	}
+}
+
+.newspack-blocks-checkout-modal {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba( 0, 0, 0, 0.75 );
+	z-index: 99999;
+	&__content {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate( -50%, -50% );
+		width: calc( 100vw - 32px );
+		max-width: 580px;
+		min-height: 200px;
+		max-height: calc( 100vh - 32px );
+		background: colors.$color__background-body;
+		border-radius: 5px;
+		> *:not( .newspack-blocks-checkout-modal__close ) {
+			width: 100%;
+			height: 100%;
+			border: 0;
+			border-radius: 5px;
+		}
+	}
+	&__spinner {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate( -50%, -50% );
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: #fff;
+		border-radius: 5px;
+		> span {
+			width: 25px;
+			height: 25px;
+			border: 2px solid colors.$color__background-body;
+			border-top-color: colors.$color__text-light;
+			border-radius: 50%;
+			animation: spin 1s infinite linear;
+		}
+	}
+	&__close {
+		position: absolute;
+		top: 0;
+		right: 0;
+		padding: 8px;
+		border: 0;
+		background: transparent;
+		color: colors.$color__text-main;
+		cursor: pointer;
+		&:focus,
+		&:hover {
+			color: colors.$color__text-light;
+		}
+		svg {
+			display: block;
+		}
+	}
+}
+
+@media ( max-width: 600px ) {
+	.newspack-blocks-checkout-modal {
+		&__content {
+			max-width: 100%;
+			width: 100%;
+			border-radius: 0;
+			top: auto;
+			bottom: 0;
+			left: 0;
+			transform: none;
+			> *:not( .newspack-blocks-checkout-modal__close ) {
+				border-radius: 0;
+			}
+		}
+	}
+}

package/src/{blocks/donate → modal-checkout}/templates/checkout-form.php

@@ -15,13 +15,13 @@ if ( ! defined( 'ABSPATH' ) ) {
 
 $order_details_display = get_theme_mod( 'collapse_order_details', 'hide' );
 
-$has_filled_billing = Newspack_Blocks_Donate_Renderer::has_filled_required_fields( 'billing' );
+$has_filled_billing = \Newspack_Blocks\Modal_Checkout::has_filled_required_fields( 'billing' );
 $edit_billing       = ! $has_filled_billing || isset( $_REQUEST['edit_billing'] ); // phpcs:ignore WordPress.Security.NonceVerification.Recommended
 
 $form_action         = $edit_billing ? '#checkout' : wc_get_checkout_url();
 $form_class          = $edit_billing ? 'edit-billing' : 'checkout woocommerce-checkout';
 $form_method         = $edit_billing ? 'get' : 'post';
-$form_billing_fields = Newspack_Blocks_Donate_Renderer::get_prefilled_fields();
+$form_billing_fields = \Newspack_Blocks\Modal_Checkout::get_prefilled_fields();
 
 do_action( 'woocommerce_before_checkout_form', $checkout );
 
@@ -37,7 +37,7 @@ if ( ! $checkout->is_registration_enabled() && $checkout->is_registration_requir
 	<input type="hidden" name="modal_checkout" value="1" />
 	<?php
 	if ( $edit_billing ) {
-		wp_nonce_field( 'newspack_donate_edit_billing', 'newspack_donate_edit_billing_nonce' );
+		wp_nonce_field( 'newspack_blocks_edit_billing', 'newspack_blocks_edit_billing_nonce' );
 	}
 	?>
 	<?php if ( 'toggle' === $order_details_display ) : ?>

package/src/types/index.d.ts

@@ -28,6 +28,7 @@ declare global {
 	type PostId = number;
 	type CategoryId = number;
 	type TagId = number;
+	type BrandId = number;
 	type AuthorId = number;
 
 	type PostType = { name: string; slug: string; supports: { newspack_blocks: boolean } };

package/vendor/autoload.php

@@ -22,4 +22,4 @@ if (PHP_VERSION_ID < 50600) {
 
 require_once __DIR__ . '/composer/autoload_real.php';
 
-return ComposerAutoloaderInit79db08fdf8dc5f56c327bbcd4eaa32d4::getLoader();
+return ComposerAutoloaderInit378cc5bf45271e1052c410a5db669ad7::getLoader();

package/vendor/composer/autoload_real.php

@@ -2,7 +2,7 @@
 
 // autoload_real.php @generated by Composer
 
-class ComposerAutoloaderInit79db08fdf8dc5f56c327bbcd4eaa32d4
+class ComposerAutoloaderInit378cc5bf45271e1052c410a5db669ad7
 {
     private static $loader;
 
@@ -22,12 +22,12 @@ class ComposerAutoloaderInit79db08fdf8dc5f56c327bbcd4eaa32d4
             return self::$loader;
         }
 
-        spl_autoload_register(array('ComposerAutoloaderInit79db08fdf8dc5f56c327bbcd4eaa32d4', 'loadClassLoader'), true, true);
+        spl_autoload_register(array('ComposerAutoloaderInit378cc5bf45271e1052c410a5db669ad7', 'loadClassLoader'), true, true);
         self::$loader = $loader = new \Composer\Autoload\ClassLoader(\dirname(__DIR__));
-        spl_autoload_unregister(array('ComposerAutoloaderInit79db08fdf8dc5f56c327bbcd4eaa32d4', 'loadClassLoader'));
+        spl_autoload_unregister(array('ComposerAutoloaderInit378cc5bf45271e1052c410a5db669ad7', 'loadClassLoader'));
 
         require __DIR__ . '/autoload_static.php';
-        call_user_func(\Composer\Autoload\ComposerStaticInit79db08fdf8dc5f56c327bbcd4eaa32d4::getInitializer($loader));
+        call_user_func(\Composer\Autoload\ComposerStaticInit378cc5bf45271e1052c410a5db669ad7::getInitializer($loader));
 
         $loader->register(true);
 

package/vendor/composer/autoload_static.php

@@ -4,7 +4,7 @@
 
 namespace Composer\Autoload;
 
-class ComposerStaticInit79db08fdf8dc5f56c327bbcd4eaa32d4
+class ComposerStaticInit378cc5bf45271e1052c410a5db669ad7
 {
     public static $classMap = array (
         'Composer\\InstalledVersions' => __DIR__ . '/..' . '/composer/InstalledVersions.php',
@@ -13,7 +13,7 @@ class ComposerStaticInit79db08fdf8dc5f56c327bbcd4eaa32d4
     public static function getInitializer(ClassLoader $loader)
     {
         return \Closure::bind(function () use ($loader) {
-            $loader->classMap = ComposerStaticInit79db08fdf8dc5f56c327bbcd4eaa32d4::$classMap;
+            $loader->classMap = ComposerStaticInit378cc5bf45271e1052c410a5db669ad7::$classMap;
 
         }, null, ClassLoader::class);
     }

package/vendor/composer/installed.php

@@ -3,7 +3,7 @@
         'name' => 'automattic/newspack-blocks',
         'pretty_version' => 'dev-master',
         'version' => 'dev-master',
-        'reference' => '73978d3eb10563ae4acbd3c3284bc4519eca6db0',
+        'reference' => 'fe53d897b29ce578b5c22541207ac9064a5a18f2',
         'type' => 'wordpress-plugin',
         'install_path' => __DIR__ . '/../../',
         'aliases' => array(),
@@ -13,7 +13,7 @@
         'automattic/newspack-blocks' => array(
             'pretty_version' => 'dev-master',
             'version' => 'dev-master',
-            'reference' => '73978d3eb10563ae4acbd3c3284bc4519eca6db0',
+            'reference' => 'fe53d897b29ce578b5c22541207ac9064a5a18f2',
             'type' => 'wordpress-plugin',
             'install_path' => __DIR__ . '/../../',
             'aliases' => array(),

package/webpack.config.js

@@ -57,8 +57,8 @@ const webpackConfig = getBaseWebpackConfig(
 			placeholder_blocks: placeholderBlocksScript,
 			editor: editorScript,
 			block_styles: blockStylesScript,
-			donateCheckoutModal: path.join( __dirname, 'src/blocks/donate/checkout-modal' ),
-			donateCheckoutBlock: path.join( __dirname, 'src/blocks/donate/checkout-modal/block.js' ),
+			modal: path.join( __dirname, 'src/modal-checkout/modal.js' ),
+			modalCheckout: path.join( __dirname, 'src/modal-checkout' ),
 			donateStreamlined: path.join( __dirname, 'src/blocks/donate/streamlined' ),
 			frequencyBased: path.join( __dirname, 'src/blocks/donate/frequency-based' ),
 			tiersBased: path.join( __dirname, 'src/blocks/donate/tiers-based' ),

package/dist/donateCheckoutBlock.js

@@ -1 +0,0 @@
-(()=>{var e,t,n={};function o(t){var n=t.querySelector("iframe");n&&(n.src="about:blank"),document.body.classList.remove("newspack-modal-checkout-open"),e.disconnect(),t.style.display="none"}t=function(){var t=document.querySelector(".newspack-blocks-donate-checkout-modal");if(t){var n=document.querySelector(".newspack-blocks-donate-checkout-modal__spinner"),c="newspack_modal_checkout",a=document.createElement("input");a.type="hidden",a.name="modal_checkout",a.value="1";var d=t.querySelector(".newspack-blocks-donate-checkout-modal__content"),r=document.createElement("iframe");r.name=c,d.appendChild(r),document.querySelectorAll(".wpbnbd.wpbnbd--platform-wc").forEach((function(o){o.querySelectorAll("form").forEach((function(o){o.appendChild(a.cloneNode()),o.target=c,o.addEventListener("submit",(function(){n.style.display="flex",t.style.display="block",document.body.classList.add("newspack-modal-checkout-open"),e=new ResizeObserver((function(e){if(e&&e.length){var t=e[0].contentRect;t&&(d.style.height=t.top+t.bottom+"px")}})),r.addEventListener("load",(function(){var t=r.contentWindow.location;if(window.newspackReaderActivation&&t.href.indexOf("order-received")>-1){var o=window.newspackReaderActivation,c=new Proxy(new URLSearchParams(t.search),{get:function(e,t){return e.get(t)}});c.email&&(o.setReaderEmail(c.email),o.setAuthenticated(!0))}var a=r.contentWindow.document.querySelector("#newspack_modal_checkout");a&&e.observe(a),n.style.display="none"}))}))}))})),t.addEventListener("click",(function(e){e.target===t&&o(t)})),t.querySelectorAll(".newspack-blocks-donate-checkout-modal__close").forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault(),o(t)}))}))}},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",t):t());var c=window;for(var a in n)c[a]=n[a];n.__esModule&&Object.defineProperty(c,"__esModule",{value:!0})})();