commerce_paypal-8.x-1.0-beta11/js/paypal-checkout.js

(($, Drupal) => {
  Drupal.paypalCheckout = {
    initialized: false,
    makeCall(url, settings) {
      settings = settings || {};
      const ajaxSettings = {
        dataType: 'json',
        url,
      };
      $.extend(ajaxSettings, settings);
      return $.ajax(ajaxSettings);
    },
    renderButtons(settings) {
      paypal
        .Buttons({
          createOrder: () => {
            return Drupal.paypalCheckout
              .makeCall(settings.onCreateUrl, {
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify({
                  flow: settings.flow,
                }),
              })
              .then(
                (data) => {
                  return data.id;
                },
                (data) => {
                  const messages = new Drupal.Message();
                  const options = {
                    type: 'error',
                  };
                  messages.clear();
                  messages.add(data.responseJSON.message, options);
                  if (data.status === 403) {
                    window.location.reload();
                  }
                },
              );
          },
          onApprove: () => {
            Drupal.paypalCheckout.addLoader();
            return Drupal.paypalCheckout.makeCall(settings.onApproveUrl).then(
              (data) => {
                if (data.hasOwnProperty('redirectUrl')) {
                  window.location.assign(data.redirectUrl);
                }
              },
              (data) => {
                const messages = new Drupal.Message();
                const options = {
                  type: 'error',
                };
                messages.clear();
                messages.add(data.responseJSON.message, options);
                if (data.status === 403) {
                  window.location.reload();
                }
              },
            );
          },
          onClick: (data) => {
            // Set the fundingSource in the cookie for retrieval post-checkout.
            if (data.hasOwnProperty('fundingSource')) {
              document.cookie = `lastFundingSource = ${data.fundingSource};path=/`;
            }
          },
          onCancel: () => {
            if (settings.hasOwnProperty('onCancelUrl')) {
              window.location.assign(settings.onCancelUrl);
            }
          },
          style: settings.style,
        })
        .render(`#${settings.elementId}`);
    },
    initialize(settings) {
      if (!this.initialized) {
        // Ensure we initialize the script only once.
        this.initialized = true;
        const script = document.createElement('script');
        script.src = settings.src;
        script.type = 'text/javascript';
        script.setAttribute(
          'data-partner-attribution-id',
          'CommerceGuys_Cart_SPB',
        );
        document.getElementsByTagName('head')[0].appendChild(script);
      }
      const waitForSdk = () => {
        if (typeof paypal !== 'undefined') {
          Drupal.paypalCheckout.renderButtons(settings);
        } else {
          setTimeout(() => {
            waitForSdk();
          }, 100);
        }
      };
      waitForSdk();
    },
    addLoader() {
      const $background = $('<div class="paypal-background-overlay"></div>');
      const $loader = $('<div class="paypal-background-overlay-loader"></div>');
      $background.append($loader);
      $('body').append($background);
    },
  };

  Drupal.behaviors.commercePaypalCheckout = {
    attach(context, settings) {
      Object.values(settings.paypalCheckout).forEach((item) => {
        once(`paypal-checkout-init`, `#${item.elementId}`).forEach(() => {
          Drupal.paypalCheckout.initialize(item);
        });
      });
    },
  };
})(jQuery, Drupal);