woocommerce-paypal-payments/modules/ppcp-applepay/resources/js/ApplepayManagerBlockEditor.js

import ApplePayButton from './ApplepayButton';
import ContextHandlerFactory from './Context/ContextHandlerFactory';

class ApplePayManagerBlockEditor {
	#namespace = '';
	#buttonConfig = null;
	#ppcpConfig = null;
	#applePayConfig = null;
	#contextHandler = null;
	#transactionInfo = null;

	constructor( namespace, buttonConfig, ppcpConfig ) {
		this.#namespace = namespace;
		this.#buttonConfig = buttonConfig;
		this.#ppcpConfig = ppcpConfig;

		/*
		 * On the front-end, the init method is called when a new button context was detected
		 * via `buttonModuleWatcher`. In the block editor, we do not need to wait for the
		 * context, but can initialize the button in the next event loop.
		 */
		setTimeout( () => this.init() );
	}

	async init() {
		try {
			this.#applePayConfig = await window[ this.#namespace ]
				.Applepay()
				.config();

			this.#contextHandler = ContextHandlerFactory.create(
				this.#ppcpConfig.context,
				this.#buttonConfig,
				this.#ppcpConfig,
				null
			);

			// Fetch transaction information.
			this.#transactionInfo = await this.fetchTransactionInfo();

			const button = ApplePayButton.createButton(
				this.#ppcpConfig.context,
				null,
				this.#buttonConfig,
				this.#ppcpConfig,
				this.#contextHandler
			);

			button.configure( this.#applePayConfig, this.#transactionInfo );
			button.init();
		} catch ( error ) {
			console.error( 'Failed to initialize Apple Pay:', error );
		}
	}

	async fetchTransactionInfo() {
		try {
			if ( ! this.#contextHandler ) {
				throw new Error( 'ContextHandler is not initialized' );
			}
			return await this.#contextHandler.transactionInfo();
		} catch ( error ) {
			console.error( 'Error fetching transaction info:', error );
			throw error;
		}
	}
}

export default ApplePayManagerBlockEditor;