Added Apple Pay for checkout block payment

assets/js/blocks-apple-pay.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { useEffect, useRef } from '@wordpress/element'
 
 const Shift4ApplePay = ({ onClick, onClose, onSubmit, billing }) => {
@@ -46,7 +45,7 @@ const Shift4ApplePay = ({ onClick, onClose, onSubmit, billing }) => {
 
         try {
             const applePayToken = await window.shift4PayWithApplePay({
-                value: cartTotal.value,
+                value: (cartTotal.value / Math.pow(10, currency.minorUnit)).toFixed(currency.minorUnit),
                 currency: currency.code
             })
 

assets/js/blocks.js

@@ -1,22 +1,20 @@
 const { registerPaymentMethod } = window.wc.wcBlocksRegistry
-// const { registerExpressPaymentMethod } = window.wc.wcBlocksRegistry
-const { createElement } = window.wp.element
+const { registerExpressPaymentMethod } = window.wc.wcBlocksRegistry
 const { cardTitle, savedCardsEnabled } = window.shift4Config
 
-import React from 'react'
 import Shift4PaymentForm from './blocks-form'
-// import Shift4ApplePay from './blocks-apple-pay'
+import Shift4ApplePay from './blocks-apple-pay'
 
 // Register Shift4 Apple Pay.
-// registerExpressPaymentMethod({
-//     name: 'shift4_applepay',
-//     label: 'Apple Pay (Shift4)',
-//     edit: <p>Apple Pay (Shift4)</p>,
-//     content: <Shift4ApplePay />,
-//     canMakePayment: () => {
-//         return !!(window.ApplePaySession && window.ApplePaySession.canMakePayments())
-//     }
-// })
+registerExpressPaymentMethod({
+    name: 'shift4_applepay',
+    label: 'Apple Pay (Shift4)',
+    edit: <p>Apple Pay (Shift4)</p>,
+    content: <Shift4ApplePay />,
+    canMakePayment: () => {
+        return !!(window.ApplePaySession && window.ApplePaySession.canMakePayments())
+    }
+})
 
 // Register Shift4 Credit Card.
 registerPaymentMethod({