Use npm for Adyen/adyen-web

Author: remcotolsma

js/dist/checkout-drop-in.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'a82e7c6c447f5f0921e1');
+<?php return array('dependencies' => array(), 'version' => '7484a0414b1b91cf7b60');

js/dist/checkout-drop-in.js

@@ -1,4 +1,6 @@
-/* global AdyenCheckout, pronamicPayAdyenCheckout */
+/* global pronamicPayAdyenCheckout */
+
+import { AdyenCheckout, Dropin } from '@adyen/adyen-web/auto'
 
 /**
  * Adyen checkout error definition.
@@ -51,8 +53,6 @@
 		},
 	};
 
-	const { AdyenCheckout, Dropin } = window.AdyenWeb;
-
 	const checkout = await AdyenCheckout( configuration );
 
 	const dropin = new Dropin(

js/src/checkout-drop-in.js

@@ -298,24 +298,12 @@ public function payment_redirect( Payment $payment ) {
 		// Endpoint.
 		$endpoint = new Endpoint( $this->config->environment, $this->config->api_live_url_prefix );
 
-		// Register scripts.
-		$url_script = $endpoint->get_web_url( self::SDK_VERSION, 'adyen.js' );
-
-		\wp_register_script(
-			'pronamic-pay-adyen-checkout',
-			$url_script,
-			[],
-			// phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion -- Version is part of URL.
-			null,
-			false
-		);
-
 		$asset = include __DIR__ . '/../js/dist/checkout-drop-in.asset.php';
 
 		\wp_register_script(
 			'pronamic-pay-adyen-checkout-drop-in',
 			\plugins_url( '../js/dist/checkout-drop-in.js', __FILE__ ),
-			[ 'pronamic-pay-adyen-checkout' ],
+			[],
 			$asset['version'],
 			true
 		);
@@ -361,7 +349,7 @@ public function payment_redirect( Payment $payment ) {
 		$configuration = \apply_filters( 'pronamic_pay_adyen_checkout_configuration', $configuration );
 
 		\wp_localize_script(
-			'pronamic-pay-adyen-checkout',
+			'pronamic-pay-adyen-checkout-drop-in',
 			'pronamicPayAdyenCheckout',
 			[
 				'configuration'      => $configuration,