chore: Lazy load paypal button (#3713)

Author: iamareebjamal

app/components/paypal-button.js

@@ -1,4 +1,3 @@
-import paypal from 'paypal-checkout';
 import Component from '@ember/component';
 import { inject as service } from '@ember/service';
 
@@ -8,6 +7,8 @@ export default Component.extend({
 
   async didInsertElement() {
     this._super(...arguments);
+    const paypal = await import('paypal-checkout');
+
     if (this.paymentFor === 'order') {
       let order = this.data;
       let createPayload = {

ember-cli-build.js

@@ -3,6 +3,7 @@ const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 const MergeTrees = require('broccoli-merge-trees');
 const Funnel = require('broccoli-funnel');
 const targets = require('./config/targets');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 let env = process.env.EMBER_ENV || 'development';
 
@@ -22,7 +23,8 @@ module.exports = function(defaults) {
     },
     babel: {
       plugins: [
-        '@babel/plugin-proposal-object-rest-spread'
+        '@babel/plugin-proposal-object-rest-spread',
+        require.resolve('ember-auto-import/babel-plugin')
       ],
       targets,
       sourceMaps: 'inline'
@@ -32,7 +34,18 @@ module.exports = function(defaults) {
       generateAssetMap : true,
       exclude          : ['package.json'],
       extensions       : ['js', 'css', 'png', 'jpg', 'gif', 'map', 'svg', 'json']
-    }
+    },
+    autoImport: {
+      webpack: {
+        plugins: env === 'production' ? [
+          new BundleAnalyzerPlugin({
+            analyzerMode: 'static',
+            openAnalyzer: false,
+            generateStatsFile: true
+          })
+        ] : []
+      },
+    },
   });
 
   app.import('bower_components/semantic-ui-calendar/dist/calendar.min.css');

package.json

@@ -127,6 +127,7 @@
     "string_decoder": "^1.2.0",
     "torii": "^0.10.1",
     "url-parse": "^1.4.7",
+    "webpack-bundle-analyzer": "^3.6.0",
     "xgettext-template": "^3.4.2"
   },
   "engines": {