Add boilerplate for advanced card block integration

modules/ppcp-blocks/resources/js/advanced-card-checkout-block.js

@@ -0,0 +1,12 @@
+import { registerPaymentMethod } from '@woocommerce/blocks-registry';
+
+const config = wc.wcSettings.getSetting('ppcp-credit-card-gateway_data');
+
+registerPaymentMethod({
+    name: config.id,
+    label: <div dangerouslySetInnerHTML={{__html: config.title}}/>,
+    content: <p>content</p>,
+    edit: <p>edit...</p>,
+    ariaLabel: config.title,
+    canMakePayment: () => {return true},
+})

modules/ppcp-blocks/services.php

@@ -45,6 +45,13 @@ return array(
 			$container->get( 'wcgateway.all-funding-sources' )
 		);
 	},
+	'blocks.advanced-card-method'          => static function( ContainerInterface $container ): AdvancedCardPaymentMethod {
+		return new AdvancedCardPaymentMethod(
+			$container->get( 'blocks.url' ),
+			$container->get( 'ppcp.asset-version' ),
+			$container->get( 'wcgateway.credit-card-gateway' )
+		);
+	},
 	'blocks.settings.final_review_enabled' => static function ( ContainerInterface $container ): bool {
 		$settings = $container->get( 'wcgateway.settings' );
 		assert( $settings instanceof ContainerInterface );

modules/ppcp-blocks/src/AdvancedCardPaymentMethod.php

@@ -0,0 +1,82 @@
+<?php
+/**
+ * Advanced card payment method.
+ *
+ * @package WooCommerce\PayPalCommerce\Blocks
+ */
+
+declare(strict_types=1);
+
+namespace WooCommerce\PayPalCommerce\Blocks;
+
+use Automattic\WooCommerce\Blocks\Payments\Integrations\AbstractPaymentMethodType;
+use WooCommerce\PayPalCommerce\WcGateway\Gateway\CreditCardGateway;
+
+class AdvancedCardPaymentMethod extends AbstractPaymentMethodType {
+	/**
+	 * The URL of this module.
+	 *
+	 * @var string
+	 */
+	private $module_url;
+
+	/**
+	 * The assets version.
+	 *
+	 * @var string
+	 */
+	private $version;
+
+	/**
+	 * Credit card gateway.
+	 *
+	 * @var CreditCardGateway
+	 */
+	private $gateway;
+
+	public function __construct(
+		string $module_url,
+		string $version,
+		CreditCardGateway $gateway
+	) {
+		$this->name       = CreditCardGateway::ID;
+		$this->module_url = $module_url;
+		$this->version    = $version;
+		$this->gateway    = $gateway;
+	}
+
+	public function initialize() {}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public function is_active() {
+		return true;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public function get_payment_method_script_handles() {
+		wp_register_script(
+			'ppcp-advanced-card-checkout-block',
+			trailingslashit( $this->module_url ) . 'assets/js/advanced-card-checkout-block.js',
+			array(),
+			$this->version,
+			true
+		);
+
+		return array( 'ppcp-advanced-card-checkout-block' );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public function get_payment_method_data() {
+		return array(
+			'id'          => $this->name,
+			'title'       => $this->gateway->title,
+			'description' => $this->gateway->description,
+		);
+	}
+}

modules/ppcp-blocks/src/BlocksModule.php

@@ -61,6 +61,7 @@ class BlocksModule implements ModuleInterface {
 			'woocommerce_blocks_payment_method_type_registration',
 			function( PaymentMethodRegistry $payment_method_registry ) use ( $c ): void {
 				$payment_method_registry->register( $c->get( 'blocks.method' ) );
+				$payment_method_registry->register( $c->get( 'blocks.advanced-card-method' ) );
 			}
 		);
 

modules/ppcp-blocks/webpack.config.js

@@ -10,6 +10,7 @@ module.exports = {
     plugins: [ new DependencyExtractionWebpackPlugin() ],
     entry: {
         'checkout-block': path.resolve('./resources/js/checkout-block.js'),
+        'advanced-card-checkout-block': path.resolve('./resources/js/advanced-card-checkout-block.js'),
         "gateway": path.resolve('./resources/css/gateway.scss')
     },
     output: {