react-coinbase-commerce - npm Package Compare versions

Comparing version 1.4.4 to 1.5.0

dist/index.js

@@ -1,1 +0,1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=1)}([function(e,t){e.exports=require("react")},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(0)),i=u(n(2)),c=u(n(5));function u(e){return e&&e.__esModule?e:{default:e}}var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleButtonClick=function(){n.setState({showModal:!0})},n.handleModalClose=function(){n.setState({showModal:!1}),n.props.onModalClosed&&n.props.onModalClosed()},n.handleError=function(e){console.error(e),n.setState({showModal:!1})},n.state={showModal:!1},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"render",value:function(){var e=this.state.showModal,t=this.props,n=t.onLoad,r=t.onChargeSuccess,u=t.onChargeFailure,l=t.checkoutId,s=t.chargeId,f=t.customMetadata,d=t.onPaymentDetected,p=t.disableCaching,h=t.wrapperStyle,y={onLoad:n,onChargeSuccess:r,onChargeFailure:u,checkoutId:l,chargeId:s,onPaymentDetected:d,disableCaching:p},b=function(e){var t=o({},e);return["onLoad","onChargeSuccess","onChargeFailure","customMetadata","onPaymentDetected","checkoutId","chargeId","disableCaching","wrapperStyle"].forEach((function(e){return delete t[e]})),t}(this.props);return a.createElement("div",{style:h},a.createElement("a",{href:"https://commerce.coinbase.com",rel:"external",title:"Pay with Bitcoin, Bitcoin Cash, DAI, Litecoin, Ethereum, or USD Coin",onClick:function(e){return e.preventDefault()}},a.createElement(i.default,o({},b,{onClick:this.handleButtonClick}))),e&&a.createElement(c.default,o({},y,{onModalClose:this.handleModalClose,onError:this.handleError,customMetadata:f})))}}]),t}(a.Component);t.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(0));function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}n(3);var u=function(e){function t(){return i(this,t),c(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"render",value:function(){var e=this.props,t=e.styled,n=e.children,o=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["styled","children"]);return a.createElement("button",r({},o,{className:t?"coinbase-commerce-button":o.className}),n||"Buy With Crypto")}}]),t}(a.PureComponent);t.default=u},function(e,t,n){},,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(0)),a=n(6);n(7),n(9);var i=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.buildSrc=function(e){var t=n.props,r=t.checkoutId,o=t.chargeId,a=t.customMetadata,i=t.disableCaching;var c=void 0,u=void 0;if(r)u=r,c="checkout";else{if(!o)throw new Error("must supply either checkoutId or chargeId prop");u=o,c="charges"}var l={origin:e,version:"1.4.4",buttonId:n.uuid,cacheDisabled:i},s="";return a&&"string"!=typeof a?console.error('Received customMetadata not of "string" type. Ignoring.'):a&&(s=a),s&&(l.custom=s),n.origin+"/embed/"+c+"/"+encodeURI(u)+"?"+function(e){var t=[],n=window.encodeURIComponent;for(var r in e)e.hasOwnProperty(r)&&t.push(n(r)+"="+n(e[r]));return t.join("&")}(l)},n.isValidMessage=function(e){return e.origin===n.origin&&e.data.buttonId===n.uuid},n.handleMessage=function(e){if(n.isValidMessage(e)){var t=n.props,r=t.onChargeSuccess,o=t.onChargeFailure,a=t.onModalClose,i=t.onError,c=t.onPaymentDetected;switch(e.data.event){case"charge_confirmed":r&&r(e.data);break;case"charge_failed":o&&o(e.data);break;case"payment_detected":c&&c(e.data);break;case"error_not_found":i(e.data);break;case"checkout_modal_closed":a()}}},n.handleIFrameLoaded=function(){n.setState({loading:!1}),n.props.onLoad&&n.props.onLoad()},n.origin="https://commerce.coinbase.com",n.uuid=(0,a.generateUUID)(),n.state={loading:!0,src:null},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){window.addEventListener("message",this.handleMessage);var e=window.location.protocol+"//"+window.location.hostname+(window.location.port?":"+window.location.port:"");this.setState({src:this.buildSrc(e)})}},{key:"componentWillUnmount",value:function(){window.removeEventListener("message",this.handleMessage)}},{key:"render",value:function(){var e=this.state,t=e.loading,n=e.src;return o.createElement("div",{className:"coinbase-commerce-iframe-container"},t||null===n&&o.createElement("div",{className:"commerce-loading-spinner"}),null!==n&&o.createElement("iframe",{onLoad:this.handleIFrameLoaded,className:"coinbase-commerce-iframe",src:n,scrolling:"no",frameBorder:"no"}))}}]),t}(o.Component);t.default=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.generateUUID=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}},function(e,t,n){},,function(e,t,n){}]);
+module.exports["react-coinbase-commerce"]=(()=>{var e={361:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>k});const r=require("react");function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n(80);var f=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}(y,e);var t,n,o,f,p=(o=y,f=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=s(o);if(f){var n=s(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return l(this,e)});function y(){return a(this,y),p.apply(this,arguments)}return t=y,(n=[{key:"render",value:function(){var e=this.props,t=e.styled,n=e.children,o=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["styled","children"]);return r.createElement("button",c({},o,{className:t?"coinbase-commerce-button":o.className}),n||"Buy With Crypto")}}])&&i(t.prototype,n),y}(r.PureComponent);function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t){return!t||"object"!==p(t)&&"function"!=typeof t?b(e):t}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n(224),n(668);var v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}(i,e);var t,n,o,c,a=(o=i,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=m(o);if(c){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),g(b(t=a.call(this,e)),"origin",void 0),g(b(t),"uuid",void 0),g(b(t),"hostName",void 0),g(b(t),"buildSrc",(function(e){var n,r,o=t.props,c=o.checkoutId,a=o.chargeId,i=o.customMetadata,u=o.disableCaching;if(c)r=c,n="checkout";else{if(!a)throw new Error("must supply either checkoutId or chargeId prop");r=a,n="charges"}var l={origin:e,version:"1.5.0",buttonId:t.uuid,cacheDisabled:u},s="";return i&&"string"!=typeof i?console.error('Received customMetadata not of "string" type. Ignoring.'):i&&(s=i),s&&(l.custom=s),"".concat(t.origin,"/embed/").concat(n,"/").concat(encodeURI(r),"?").concat(function(e){var t=[],n=window.encodeURIComponent;for(var r in e)e.hasOwnProperty(r)&&t.push(n(r)+"="+n(e[r]));return t.join("&")}(l))})),g(b(t),"isValidMessage",(function(e){return e.origin===t.origin&&e.data.buttonId===t.uuid})),g(b(t),"handleMessage",(function(e){if(t.isValidMessage(e)){var n=t.props,r=n.onChargeSuccess,o=n.onChargeFailure,c=n.onModalClose,a=n.onError,i=n.onPaymentDetected;switch(e.data.event){case"charge_confirmed":r&&r(e.data);break;case"charge_failed":o&&o(e.data);break;case"payment_detected":i&&i(e.data);break;case"error_not_found":a(e.data);break;case"checkout_modal_closed":c()}}})),g(b(t),"handleIFrameLoaded",(function(){t.setState({loading:!1}),t.props.onLoad&&t.props.onLoad()})),t.origin="https://commerce.coinbase.com",t.uuid="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})),t.state={loading:!0,src:null},t}return t=i,(n=[{key:"componentDidMount",value:function(){window.addEventListener("message",this.handleMessage);var e="".concat(window.location.protocol,"//").concat(window.location.hostname).concat(window.location.port?":"+window.location.port:"");this.setState({src:this.buildSrc(e)})}},{key:"componentWillUnmount",value:function(){window.removeEventListener("message",this.handleMessage)}},{key:"render",value:function(){var e=this.state,t=e.loading,n=e.src;return r.createElement("div",{className:"coinbase-commerce-iframe-container"},t||null===n&&r.createElement("div",{className:"commerce-loading-spinner"}),null!==n&&r.createElement("iframe",{onLoad:this.handleIFrameLoaded,className:"coinbase-commerce-iframe",src:n,scrolling:"no",frameBorder:"no"}))}}])&&y(t.prototype,n),i}(r.Component);function O(e){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function w(){return(w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function j(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function x(e,t){return(x=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function S(e,t){return!t||"object"!==O(t)&&"function"!=typeof t?P(e):t}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const k=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&x(e,t)}(i,e);var t,n,o,c,a=(o=i,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=_(o);if(c){var n=_(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return S(this,e)});function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),E(P(t=a.call(this,e)),"handleButtonClick",(function(){t.setState({showModal:!0})})),E(P(t),"handleModalClose",(function(){t.setState({showModal:!1}),t.props.onModalClosed&&t.props.onModalClosed()})),E(P(t),"handleError",(function(e){console.error(e),t.setState({showModal:!1})})),t.state={showModal:!1},t}return t=i,(n=[{key:"render",value:function(){var e=this.state.showModal,t=this.props,n=t.onLoad,o=t.onChargeSuccess,c=t.onChargeFailure,a=t.checkoutId,i=t.chargeId,u=t.customMetadata,l=t.onPaymentDetected,s=t.disableCaching,p=t.wrapperStyle,y={onLoad:n,onChargeSuccess:o,onChargeFailure:c,checkoutId:a,chargeId:i,onPaymentDetected:l,disableCaching:s},d=function(e){var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e);return["onLoad","onChargeSuccess","onChargeFailure","customMetadata","onPaymentDetected","checkoutId","chargeId","disableCaching","wrapperStyle"].forEach((function(e){return delete t[e]})),t}(this.props);return r.createElement("div",{style:p},r.createElement("a",{href:"https://commerce.coinbase.com",rel:"external",title:"Pay with Bitcoin, Bitcoin Cash, DAI, Litecoin, Ethereum, or USD Coin",onClick:function(e){return e.preventDefault()}},r.createElement(f,w({},d,{onClick:this.handleButtonClick}))),e&&r.createElement(v,w({},y,{onModalClose:this.handleModalClose,onError:this.handleError,customMetadata:u})))}}])&&j(t.prototype,n),i}(r.Component)},224:()=>{},80:()=>{},668:()=>{}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(361)})();

package.json

 {
   "name": "react-coinbase-commerce",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "description": "A react component to easily embed a Coinbase Commerce Checkout within your application",
@@ -52,11 +52,11 @@ "keywords": [
   "devDependencies": {
+    "@babel/cli": "^7.12.10",
+    "@babel/core": "^7.12.10",
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-flow": "^7.12.1",
+    "@babel/preset-react": "^7.12.10",
     "acorn": "^7.2.0",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
-    "babel-plugin-transform-class-properties": "6.24.1",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-flow": "^6.23.0",
-    "babel-preset-react": "^6.24.1",
+    "babel-loader": "^8.2.2",
     "braces": ">=2.3.1",
@@ -69,5 +69,5 @@ "css-loader": "1.0.0",
     "flow-bin": "^0.76.0",
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^4.5.1",
     "husky": "^0.14.3",
-    "jest": "23.3.0",
+    "jest": "^26.6.3",
     "kind-of": ">=6.0.3",
@@ -77,3 +77,3 @@ "mem": ">=4.0.0",
     "minimist": ">=0.2.1",
-    "node-sass": "4.9.2",
+    "node-sass": "^5.0.0",
     "prettier": "1.13.7",
@@ -83,12 +83,12 @@ "pretty-quick": "^1.6.0",
     "react-dom": "^16.4.1",
-    "react-test-renderer": "16.4.1",
+    "react-test-renderer": "^17.0.1",
     "sass-loader": "7.0.3",
-    "serialize-javascript": ">=2.1.1",
+    "serialize-javascript": "^5.0.1",
     "set-value": ">=2.0.1",
     "style-loader": "0.21.0",
-    "styled-components": "^3.3.3",
-    "webpack": "^4.15.1",
+    "styled-components": "^5.2.1",
+    "webpack": "^5.13.0",
     "webpack-cli": "^3.0.8",
-    "webpack-dev-server": "^3.1.4"
+    "webpack-dev-server": "^3.11.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

31540

increased by6.96%

No dependency changes