shippingOptions.js

(function() {
  const supportedInstruments = [
    {
      supportedMethods: ['basic-card'],
    }
  ];
  const paymentDetails = {
    total: {
      label: 'Total',
      amount: {
        currency: 'USD',
        value: '1.00',
      },
    },
    shippingOptions: [{
      id: 'FREE',
      label: 'Free shipping',
      amount: {
        currency: 'USD',
        value: '0.00',
      },
      selected: true,
    }, {
      id: 'EXPENSIVE',
      label: 'Really expensive shipping',
      amount: {
        currency: 'USD',
        value: '50.00',
      },
    }],
  };
  const paymentOptions = {
    requestShipping: true,
  };
  
  const pr = new PaymentRequest(supportedInstruments, paymentDetails, paymentOptions);
  pr.addEventListener('shippingaddresschange', (ev) => {
    console.log('[event] shippingaddresschange', pr.shippingAddress);
    if (pr.shippingAddress.country === 'US') {
      ev.updateWith(paymentDetails);
    } else {
      ev.updateWith(Object.assign({}, paymentDetails, {shippingOptions: []}));
    }
  });
  
  pr.addEventListener('shippingoptionchange', (ev) => {
    console.log('[event] shippingoptionchange');
    ev.updateWith(paymentDetails);
  });
  
  pr.show().then((resp, rej) => {
    console.log('[success]', resp);
    resp.complete(Promise.resolve('success'));
  }).catch((ex) => {
    console.log('[exception]', ex);
  })
})();