Apple Pay

import { useState, useCallback, useEffect } from 'react';
import { round } from 'lodash';
import storeApi from '@api/storeApiServices'
import { APPLE_MERCHANT_IDENTIFIERS } from '@constants/common'

export const useApplePay = () => {
  const [availableApplePay, setAvailableApplePay] = useState(false);
  const [applePayLoading, setApplePayLoading] = useState(false);
  const checkApplePayIsAvaible = useCallback(async () => {
    setApplePayLoading(true)
    if (window.ApplePaySession) {
      const canMakePaymentsWithActiveCard = window.ApplePaySession.canMakePaymentsWithActiveCard(APPLE_MERCHANT_IDENTIFIERS);
      const canMakePayments = await canMakePaymentsWithActiveCard

      if (canMakePayments) {
        setAvailableApplePay(true)
      }
    }
    setApplePayLoading(false)
  }, [window.ApplePaySession])

  const handleApplePay = (payment, info, price, handleCloseAppleSheet) => {
    // Define ApplePayPaymentRequest
    const request = {
      "countryCode": "US",
      "currencyCode": "USD",
      "merchantCapabilities": [
          "supports3DS"
      ],
      "supportedNetworks": [
          "visa",
          "masterCard",
          "amex",
          "discover"
      ],
      "requiredBillingContactFields": [
        "email",
        "name",
        "phone",
        "postalAddress"
      ],
      "total": {
          "label": "Demo (Card is not charged)",// 會顯示在apple sheet上，價格部分抓在兩位數以內，不然會報錯
          "type": "final",
          "amount": "1.99"
      }
    };

    // Create ApplePaySession 3 version是範例提供支援度也比較廣一點 [參考](https://developer.apple.com/documentation/apple_pay_on_the_web/apple_pay_on_the_web_version_history)
    const session = new window.ApplePaySession(3, request);

    session.onvalidatemerchant = async event => {
      // Call your own server to request a new merchant session.
      const merchantSession = await storeApi.validateAppleMerchants({ paymentServiceUrl: event.validationURL })
      if (merchantSession.status === 200) {
        session.completeMerchantValidation(merchantSession['data']);
      } else {
        session.completeMerchantValidation({ 'status': window.ApplePaySession.STATUS_FAILURE })
      }
    };

    session.onpaymentmethodselected = event => {
        // Define ApplePayPaymentMethodUpdate based on the selected payment method.
        // No updates or errors are needed, pass an empty object.
        const update = {};
        session.completePaymentMethodSelection(update);
    };

    session.onshippingmethodselected = event => {
        // Define ApplePayShippingMethodUpdate based on the selected shipping method.
        // No updates or errors are needed, pass an empty object.
        const update = {};
        session.completeShippingMethodSelection(update);
    };

    session.onshippingcontactselected = event => {
        // Define ApplePayShippingContactUpdate based on the selected shipping contact.
        const update = {};
        session.completeShippingContactSelection(update);
    };

    session.onpaymentauthorized = event => {
        // Define ApplePayPaymentAuthorizationResult
        const result = {
            "status": ApplePaySession.STATUS_SUCCESS
        };
        session.completePayment(result);
    };

    session.oncouponcodechanged = event => {
        // Define ApplePayCouponCodeUpdate
        const newTotal = calculateNewTotal(event.couponCode);
        const newLineItems = calculateNewLineItems(event.couponCode);
        const newShippingMethods = calculateNewShippingMethods(event.couponCode);
        const errors = calculateErrors(event.couponCode);

        session.completeCouponCodeChange({
            newTotal: newTotal,
            newLineItems: newLineItems,
            newShippingMethods: newShippingMethods,
            errors: errors,
        });
    };

    session.oncancel = event => {
      // Payment canceled by WebKit
      // session.abort(); // maybe not*/
    };

    session.begin();
  }

  useEffect(() => {
    checkApplePayIsAvaible()
  }, [checkApplePayIsAvaible])

  return {
    applePayLoading,
    availableApplePay,
    handleApplePay
  };
};