// Shared code between Payment Intents and Payment Request Button on cart page

(function() {
  var PaymentRequestButtonShared;

  PaymentRequestButtonShared = {
    authToken: $('meta[name="csrf-token"]').attr('content'),

    setUpPaymentRequest: function(opts) {
      var opts = opts || {};
      var config = this.config.payment_request;

      if (config) {
        config.requestShipping = opts.requestShipping || false;

        var paymentRequest = this.stripe.paymentRequest({
          country: config.country,
          currency: config.currency,
          total: {
            label: config.label,
            amount: config.amount
          },
          requestPayerName: true,
          requestPayerEmail: true,
          requestShipping: config.requestShipping,
          shippingOptions: []
        });

        var prButton = this.elements.create('paymentRequestButton', {
          paymentRequest: paymentRequest
        });

        var onButtonMount = function(result) {
          var id = 'payment-request-button';

          if (result) {
            prButton.mount('#' + id);
          } else {
            document.getElementById(id).style.display = 'none';
          }
          if (typeof this.onPrButtonMounted === 'function') {
            this.onPrButtonMounted(id, result);
          }
        }
        paymentRequest.canMakePayment().then(onButtonMount.bind(this));

        var onPrPaymentMethod = function(result) {
          this.errorElement.text('').hide();
          this.onPrPayment(result);
        };
        paymentRequest.on('paymentmethod', onPrPaymentMethod.bind(this));

        onShippingAddressChange = function(ev) {
          var showError = this.showError.bind(this);

          fetch('/stripe/shipping_rates', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
              authenticity_token: this.authToken,
              shipping_address: ev.shippingAddress
            })
          }).then(function(response) {
            return response.json();
          }).then(function(result) {
            if (result.error) {
              showError(result.error);
              return false;
            } else {
              ev.updateWith({
                status: 'success',
                shippingOptions: result.shipping_rates
              });
            }
          });
        };
        paymentRequest.on('shippingaddresschange', onShippingAddressChange.bind(this));
      }
    },

    handleServerResponse: function(response, payment) {
      if (response.error) {
        this.showError(response.error);
        this.completePaymentRequest(payment, 'fail');
      } else if (response.requires_action) {
        var clientSecret = response.stripe_payment_intent_client_secret;
        var onConfirmCardPayment = this.onConfirmCardPayment.bind(this);

        this.stripe.confirmCardPayment(
          clientSecret,
          {payment_method: payment.paymentMethod.id},
          {handleActions: false}
        ).then(function(confirmResult) {
          onConfirmCardPayment(confirmResult, payment, clientSecret)
        });
      } else {
        this.completePayment(payment, response.stripe_payment_intent_id)
      }
    },

    onConfirmCardPayment: function(confirmResult, payment, clientSecret) {
      onStripeResponse = function(response, payment) {
        if (response.error) {
          this.showError(response.error);
        } else {
          this.completePayment(payment, response.paymentIntent.id)
        }
      }.bind(this);

      if (confirmResult.error) {
        this.completePaymentRequest(payment, 'fail');
        this.showError(confirmResult.error);
      } else {
        this.completePaymentRequest(payment, 'success');
        this.stripe.confirmCardPayment(clientSecret).then(function(response) {
          onStripeResponse(response, payment);
        });
      }
    },

    completePayment: function(payment, stripePaymentIntentId) {
      var onCreateBackendPayment = function (response) {
        if (response.error) {
          this.completePaymentRequest(payment, 'fail');
          this.showError(response.error);
        } else {
          this.completePaymentRequest(payment, 'success');
          this.submitPayment(payment);
        }
      }.bind(this);

      fetch('/stripe/create_payment', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          form_data: this.form ? this.form.serialize() : payment.shippingAddress,
          spree_payment_method_id: this.config.id,
          stripe_payment_intent_id: stripePaymentIntentId,
          authenticity_token: this.authToken
        })
      }).then(function(solidusPaymentResponse) {
        return solidusPaymentResponse.json();
      }).then(onCreateBackendPayment)
    },

    completePaymentRequest: function(payment, state) {
      if (payment && typeof payment.complete === 'function') {
        payment.complete(state);
        if (state === 'fail') {
          // restart the button (required in order to force address choice)
          new SolidusStripe.CartPageCheckout().init();
        }
      }
    }
  };

  Object.assign(SolidusStripe.PaymentIntents.prototype, PaymentRequestButtonShared);
  Object.assign(SolidusStripe.CartPageCheckout.prototype, PaymentRequestButtonShared);
})()