Non-Functional Apple Pay Button on Fly-Out Basket

[rostyslav-nazymko]

Spotted a bug with Mollie_HyvaCompatibility module related to "Apple Pay" button in minicart.

Template

vendor/mollie/magento2-hyva-compatibility/src/Mollie_HyvaCompatibility/view/frontend/templates/Mollie_Payment/applepay/minicart/applepay-button.phtml

Component name:

initMollieApplePayMinicart()

Problem:

Button is not clickable and non-functional in minicart right after adding product to cart (cart was empty before)

Error in console:

Alpine Expression Error: "" is not a valid amount.

This because of FPC is caches the page including a JS component which is loading dynamic content:
const amount = "<?= $escaper->escapeJs($block->getBaseGrandTotal()); ?>";
As basket were empty, the amount value is "" by default and being cached.

Solution: The total would need to be retrieved from the section data