var _excluded = ["complete", "paymentMethod"];
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import React, { useMemo, useState, useEffect } from 'react';
import { useStripe, PaymentRequestButtonElement } from '@stripe/react-stripe-js';
import "./index.less";
var useOptions = function useOptions(paymentRequest) {
  var options = useMemo(function () {
    return {
      paymentRequest: paymentRequest,
      style: {}
    };
  }, [paymentRequest]);
  return options;
};
var usePaymentRequest = function usePaymentRequest(_ref) {
  var options = _ref.options,
    onPaymentMethod = _ref.onPaymentMethod;
  var stripe = useStripe();
  var _useState = useState(null),
    _useState2 = _slicedToArray(_useState, 2),
    paymentRequest = _useState2[0],
    setPaymentRequest = _useState2[1];
  var _useState3 = useState(false),
    _useState4 = _slicedToArray(_useState3, 2),
    canMakePayment = _useState4[0],
    setCanMakePayment = _useState4[1];
  useEffect(function () {
    if (stripe && paymentRequest === null) {
      var pr = stripe.paymentRequest(options);
      setPaymentRequest(pr);
    }
  }, [stripe, options, paymentRequest]);
  useEffect(function () {
    var subscribed = true;
    if (paymentRequest) {
      paymentRequest.canMakePayment().then(function (res) {
        if (res && subscribed) {
          setCanMakePayment(true);
        }
      });
    }
    return function () {
      subscribed = false;
    };
  }, [paymentRequest]);
  useEffect(function () {
    if (paymentRequest) {
      paymentRequest.on('paymentmethod', onPaymentMethod);
    }
    return function () {
      if (paymentRequest) {
        paymentRequest.off('paymentmethod', onPaymentMethod);
      }
    };
  }, [paymentRequest, onPaymentMethod]);
  return canMakePayment ? paymentRequest : null;
};
var PaymentRequestForm = function PaymentRequestForm() {
  var paymentRequest = usePaymentRequest({
    options: {
      country: 'US',
      currency: 'usd',
      total: {
        label: 'Demo total',
        amount: 1000
      }
    },
    onPaymentMethod: function onPaymentMethod(_ref2) {
      var complete = _ref2.complete,
        paymentMethod = _ref2.paymentMethod,
        data = _objectWithoutProperties(_ref2, _excluded);
      console.log('[PaymentMethod]', paymentMethod);
      console.log('[Customer Data]', data);
      complete('success');
    }
  });
  var options = useOptions(paymentRequest);
  console.log(options);
  if (!paymentRequest) {
    return null;
  }
  return /*#__PURE__*/React.createElement("div", {
    className: styles['PaymentRequestButton']
  }, /*#__PURE__*/React.createElement(PaymentRequestButtonElement, {
    className: "PaymentRequestButton",
    options: options,
    onReady: function onReady() {
      console.log('PaymentRequestButton [ready]');
    },
    onClick: function onClick(event) {
      console.log('PaymentRequestButton [click]', event);
    },
    onBlur: function onBlur() {
      console.log('PaymentRequestButton [blur]');
    },
    onFocus: function onFocus() {
      console.log('PaymentRequestButton [focus]');
    }
  }));
};
export default PaymentRequestForm;