[ECP-9298] Add support for facilypay-3x

Magewire/Payment/Method/AdyenPaymentComponent.php

@@ -40,6 +40,8 @@ abstract class AdyenPaymentComponent extends Component implements EvaluationInte
     public ?string $paymentDetails = null;
     public ?string $billingAddress = null;
     public ?string $shippingAddress = null;
+    public ?string $quoteData = null;
+    public ?string $customerData = null;
 
     protected CheckoutStateDataValidator $checkoutStateDataValidator;
     protected Configuration $configuration;
@@ -138,6 +140,8 @@ public function refreshProperties(): void
         $this->processRequiresShipping();
         $this->processPaymentResponse();
         $this->processQuoteAddresses();
+        $this->processQuoteData();
+        $this->processCustomerData();
     }
 
     /**
@@ -253,4 +257,32 @@ private function filterAddressFields(array $address): array
 
         return $filteredAddress;
     }
+
+    private function processQuoteData(): void
+    {
+        try {
+            $quote = $this->session->getQuote();
+            $quoteData = [
+                'shopper_email' => $quote->getCustomerEmail(),
+            ];
+            $this->quoteData = json_encode($quoteData);
+        } catch (\Exception $e) {
+            $this->logger->error('Could not process quote data: ' . $e->getMessage());
+        }
+    }
+
+    private function processCustomerData(): void
+    {
+        try {
+            $customer = $this->session->getQuote()->getCustomer();
+            if ($customer && $customer->getId()) {
+                $customerData = [
+                    'shopper_date_of_birth' => $customer->getDob()
+                ];
+                $this->customerData = json_encode($customerData);
+            }
+        } catch (\Exception $e) {
+            $this->logger->error('Could not process customer data: ' . $e->getMessage());
+        }
+    }
 }

etc/di.xml

@@ -24,6 +24,7 @@
                 <item name="adyen_cashapp" xsi:type="string">adyen-cashapp-method.phtml</item>
                 <item name="adyen_affirm" xsi:type="string">adyen-affirm-method.phtml</item>
                 <item name="adyen_amazonpay" xsi:type="string">adyen-amazonpay-method.phtml</item>
+                <item name="adyen_facilypay_3x" xsi:type="string">adyen-facilypay-3x-method.phtml</item>
             </argument>
             <argument name="customMagewireClasses" xsi:type="array">
                 <item name="adyen_cc" xsi:type="object">Adyen\Hyva\Magewire\Payment\Method\CreditCard</item>

etc/frontend/events.xml

@@ -14,6 +14,9 @@
     <event name="payment_method_assign_data_adyen_klarna">
         <observer name="adyen_hyva_klarna_gateway_data_assign" instance="Adyen\Hyva\Observer\BrandCodeDataAssigner" />
     </event>
+    <event name="payment_method_assign_data_adyen_facilypay_3x">
+        <observer name="adyen_hyva_facilypay_3x_gateway_data_assign" instance="Adyen\Hyva\Observer\BrandCodeDataAssigner" />
+    </event>
     <!-- End of brand code assigner -->
 
     <!-- Hyva Checkout Related -->

view/frontend/templates/payment/method-renderer/adyen-facilypay-3x-method.phtml

@@ -0,0 +1,142 @@
+<?php
+use Adyen\Hyva\Magewire\Payment\Method\AbstractPaymentMethodWire;
+use Magento\Framework\Escaper;
+use Magento\Framework\View\Element\Template;
+
+/** @var AbstractPaymentMethodWire $magewire  */
+/** @var Template $block */
+/** @var Escaper $escaper */
+
+?>
+
+<div>
+
+    <div id="<?= $magewire->getContainerName() ?>ActionContainer" wire:ignore></div>
+
+    <script>
+        class facilypay3xComponentHandler extends componentHandler {
+            constructor(paymentMethodCode, wire, elementLabel) {
+                super(paymentMethodCode, wire, elementLabel);
+            }
+
+            buildConfiguration(paymentMethod, paymentMethodsExtraInfo) {
+                let baseComponentConfiguration = super.buildConfiguration(paymentMethod, paymentMethodsExtraInfo);
+
+                let formattedShippingAddress = {};
+                let formattedBillingAddress = {};
+                let shopperDateOfBirth = '';
+                let email = '';
+
+                const shippingAddress = this.wire.get('shippingAddress');
+                const billingAddress = this.wire.get('billingAddress');
+                const quoteData = this.wire.get('quoteData');
+                const customerData = this.wire.get('customerData');
+
+
+                if (customerData) {
+                    const parsedCustomerData = JSON.parse(customerData);
+                    shopperDateOfBirth = parsedCustomerData.shopper_date_of_birth || '';
+                    email = parsedCustomerData.email || '';
+                }
+
+                if (!email && quoteData) {
+                    const parsedQuoteData = JSON.parse(quoteData);
+                    email = parsedQuoteData.shopper_email || '';
+                }
+
+                if (shippingAddress) {
+                    formattedShippingAddress = this.getFormattedAddress(JSON.parse(shippingAddress));
+                }
+
+                if (billingAddress) {
+                    formattedBillingAddress = this.getFormattedAddress(JSON.parse(billingAddress));
+                }
+
+                baseComponentConfiguration.data = {};
+
+                if (formattedShippingAddress) {
+                    baseComponentConfiguration.data.deliveryAddress = {
+                        city: formattedShippingAddress.city,
+                        country: formattedShippingAddress.country,
+                        houseNumberOrName: formattedShippingAddress.houseNumber,
+                        postalCode: formattedShippingAddress.postalCode,
+                        street: formattedShippingAddress.street
+                    };
+                }
+
+                if (formattedBillingAddress) {
+                    baseComponentConfiguration.data.personalDetails = {
+                        firstName: formattedBillingAddress.firstName,
+                        lastName: formattedBillingAddress.lastName,
+                        telephoneNumber: formattedBillingAddress.telephone,
+                        shopperEmail: email,
+                        dateOfBirth: shopperDateOfBirth,
+                    };
+                    baseComponentConfiguration.data.billingAddress = {
+                        city: formattedBillingAddress.city,
+                        country: formattedBillingAddress.country,
+                        houseNumberOrName: formattedBillingAddress.houseNumber,
+                        postalCode: formattedBillingAddress.postalCode,
+                        street: formattedBillingAddress.street,
+                    };
+                }
+
+                return baseComponentConfiguration;
+            }
+        }
+
+        window.addEventListener('checkout:payment:method-list-boot', async (event) => {
+            unmountAdyenComponent();
+            await init(event.detail.method);
+        });
+
+        window.addEventListener('checkout:payment:method-activate', async (event) => {
+            await init(event.detail.method);
+        });
+
+        window.addEventListener('checkout:init:evaluation', event => {
+            hyvaCheckout.evaluation.registerValidator('validate-adyen-component-state', (element, component) => {
+                let isValid;
+                if (!window.AdyenPaymentHandler.actionComponent.isValid) {
+                    window.AdyenPaymentHandler.actionComponent.showValidation();
+                    isValid = false;
+                } else {
+                    isValid = true;
+                }
+                return isValid;
+            });
+        });
+
+        async function init(methodCode) {
+            try {
+                let wire = Magewire.find('checkout.payment.methods.' + methodCode);
+
+                wire.refreshProperties()
+                    .then(() => {
+                        let methodHandler = new facilypay3xComponentHandler(
+                            methodCode,
+                            wire,
+                            '<?= $magewire->getContainerName() ?>ActionContainer'
+                        );
+                        window.AdyenPaymentHandler = methodHandler;
+                        if (methodCode !== '<?= $magewire->getMethodCode() ?>') {
+                            methodHandler.renderMethodUnavailableMessage();
+                            return;
+                        }
+                        if (wire.get('requiresShipping')) {
+                            methodHandler.renderMessage('Please select shipping method.');
+                        } else {
+                            let rawResponse = wire.get('paymentResponse');
+                            let paymentMethods = JSON.parse(rawResponse);
+                            methodHandler.activatePaymentMethod(methodCode, paymentMethods, '<?= $magewire->getContainerName() ?>ActionContainer');
+                            showPrimaryButton();
+                        }
+                    }).catch(() => {
+                    console.error(`Error occurred during ${methodCode} component load`);
+                });
+            } catch (e) {
+                console.error('Error in init function:', e);
+            }
+        }
+    </script>
+</div>