react-datatrans-light-box - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

example/src/App.js

@@ -1,6 +0,4 @@
-
-import React, {PropTypes, Component} from 'react'
+import React, { Component } from 'react'
 import LightBox from 'react-datatrans-light-box'
 
-
 const config = {
@@ -100,9 +98,6 @@ merchantId: '1100004624',
 
-
 LightBoxHocApproachBase.propTypes = {
   lightBox: LightBox.Hoc.propType,
-
 }
 
 const LightBoxHocApproach = LightBox.Hoc(LightBoxHocApproachBase)
-

example/webpack.config.js

 const path = require('path')
-const webpack = require('webpack')
 
@@ -8,9 +7,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
   module: {
-    loaders: [{
-      test: /\.js$/, // Transform all .js files required somewhere with Babel
-      loader: 'babel-loader',
-      // include: ['../../shared'],
-      // exclude: [/node_modules/],
-      // query: env.babelQuery,
-    }]
+    loaders: [
+      {
+        test: /\.js$/,
+        loader: 'babel-loader'
+      }
+    ]
 
@@ -20,13 +18,4 @@ },
     main: ['./src/index.js'],
-
   },
   plugins: [
-    // new webpack.optimize.UglifyJsPlugin({
-    //   compress: {
-    //     warnings: false, // ...but do not show warnings in the console (there is a lot of them)
-    //   },
-    //   comments: false,
-    // }),
-    // new webpack.HotModuleReplacementPlugin(), // Tell webpack we want hot reloading
-    // new webpack.NoErrorsPlugin(),
     new HtmlWebpackPlugin({
@@ -43,7 +32,3 @@ inject: true,
     filename: '[name].js'
-  },
-
-  // resolve: {
-  //   modules:[path.resolve(__dirname, '../../shared'), 'node_modules']
-  // }
+  }
 }

lib/main.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.LightBox=t(require("react")):e.LightBox=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=8)}([function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=t.scrollLock="\n  html {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n  html body {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    position: fixed;\n  }\n",o=t.pageFrame={zIndex:9999,position:"fixed",right:0,bottom:0,left:0,top:0,overflow:"hidden",WebkitTransform:"translate3d(0, 0, 0)",transform:"translate3d(0, 0, 0)",display:"none"},a=t.iframe={border:0,margin:0,padding:0,width:"100%",height:"100%"};t.default={scrollLock:r,pageFrame:o,iframe:a}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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}function i(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)}Object.defineProperty(t,"__esModule",{value:!0});var l=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}}(),u="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},s=n(0),c=r(s),f=n(7),d=r(f),p=n(3),h=["production","onCancelled","onLoaded","onError","version"],y=function(e,t){return t?"https://payment.datatrans.biz/upp/jsp/upStart.jsp?"+(0,p.toUrlParams)(e):"https://pilot.datatrans.biz/upp/jsp/upStart.jsp?"+(0,p.toUrlParams)(e)},m=function(e){return"undefined"!==u(e.data)&&"error"===e.data.type},v=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));n.onMessage=n.onMessage.bind(n),n.onCancelled=n.onCancelled.bind(n),(0,p.lockScrolling)();var r=(0,p.filterProps)(n.props,h);return n.url=y(r,n.props.production),n.origin=(0,p.parseUrl)(n.url).origin,n.state={visible:!0},n}return i(t,e),l(t,[{key:"onMessage",value:function(e){if(e.origin===this.origin)return"cancel"===e.data?this.onCancelled():"frameReady"===e.data?this.props.onLoaded():m(e)?this.props.onError(e.data):void 0}},{key:"onCancelled",value:function(){this.setState({visible:!1}),(0,p.releaseLock)(),this.props.onCancelled()}},{key:"componentDidMount",value:function(){(0,p.addListener)("message",this.onMessage)}},{key:"componentWillUnmount",value:function(){(0,p.removeListener)("message",this.onMessage),(0,p.releaseLock)()}},{key:"render",value:function(){return this.state.visible?c.default.createElement(d.default,{url:this.url,showsPaymentPage:this.props.showsPaymentPage}):c.default.createElement("div",null," do not render me ")}}]),t}(s.Component);t.default=v,v.defaultProps={onCancelled:function(){},onLoaded:function(){},onError:function(){},production:!1,theme:"DT2015",version:"1.0.2",showsPaymentPage:!0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.releaseLock=t.lockScrolling=t.addListener=t.removeListener=t.parseUrl=t.toUrlParams=t.set=t.filterProps=void 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=n(1),a=function(e){return e&&e.__esModule?e:{default:e}}(o);t.filterProps=function(e,t){var n=r({},e);return t.forEach(function(e){return delete n[e]}),n},t.set=function(e,t,n){return e[t]=n,e},t.toUrlParams=function(e){return Object.keys(e).map(function(t){return t+"="+e[t]}).join("&")},t.parseUrl=function(e){var t=document.createElement("a");return t.href=e,t},t.removeListener=window.removeEventListener||window.detachEvent,t.addListener=window.addEventListener||window.attachEvent,t.lockScrolling=function(){var e=document.createElement("style");e.innerHTML=a.default.scrollLock,e.id="scroll-lock",document.getElementsByTagName("head")[0].appendChild(e)},t.releaseLock=function(){var e=document.getElementById("scroll-lock");e&&(e.outerHTML="")}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.withLightBox=t.LightBoxHoc=void 0;var o=n(2),a=r(o),i=n(5),l=r(i);a.default.Hoc=l.default,t.LightBoxHoc=l.default,t.withLightBox=l.default,t.default=a.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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}function i(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)}Object.defineProperty(t,"__esModule",{value:!0});var l=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},u=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}}(),s=n(0),c=r(s),f=n(2),d=r(f),p=n(3),h=function(){return new Error("payment page is not loaded yet.")},y={shouldLoad:!1,visible:!1,loaded:!1,error:null,cancelled:!1},m=function(e){return function(t){function n(e){o(this,n);var t=a(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));return t.load=t.load.bind(t),t.show=t.show.bind(t),t.on=t.on.bind(t),t.onLoaded=t.onLoaded.bind(t),t.onCancelled=t.onCancelled.bind(t),t.onError=t.onError.bind(t),t.config={},t.state=l({},y,{load:t.load,show:t.show,on:t.on}),t.listeners={cancelled:[],error:[],loaded:[]},t}return i(n,t),u(n,[{key:"onCancelled",value:function(){this.listeners.cancelled.forEach(function(e){return e()}),this.setState(l({},y,{cancelled:!0}))}},{key:"onError",value:function(e){var t=this;this.setState(l({},y,{error:e}),function(){return t.listeners.error.forEach(function(t){return t(e)})})}},{key:"onLoaded",value:function(){var e=this;this.setState({loaded:!0},function(){return e.listeners.loaded.forEach(function(e){return e()})})}},{key:"on",value:function(e,t){var n=this.listeners[e];n&&n.push(t)}},{key:"load",value:function(e){this.config=e,this.setState({shouldLoad:!0})}},{key:"show",value:function(){if(!this.state.loaded)throw h();this.setState({visible:!0})}},{key:"render",value:function(){return c.default.createElement("div",null,this.state.shouldLoad&&c.default.createElement(d.default,l({},this.config,{onLoaded:this.onLoaded,showsPaymentPage:this.state.visible,onCancelled:this.onCancelled,onError:this.onError})),c.default.createElement(e,l({},this.props,{lightBox:(0,p.filterProps)(this.state,["shouldLoad"])})))}}]),n}(s.Component)};t.default=m},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),a=r(o),i=n(1),l=r(i),u=function(e){return a.default.createElement("iframe",{src:e.url,style:l.default.iframe,id:"datatransPaymentFrame",name:"datatransPaymentFrame",frameBorder:0,allowTransparency:!0})};t.default=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var 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=n(0),i=r(a),l=n(6),u=r(l),s=n(1),c=r(s),f=function(e){var t=e.showsPaymentPage?o({},c.default.pageFrame,{display:"block"}):c.default.pageFrame;return i.default.createElement("div",{style:t},i.default.createElement(u.default,{url:e.url}))};t.default=f},function(e,t,n){e.exports=n(4)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.LightBox=t(require("react")):e.LightBox=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=13)}([function(e,t,n){e.exports=n(11)()},function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=t.scrollLock="\n  html {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n  html body {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    position: fixed;\n  }\n",o=t.pageFrame={zIndex:9999,position:"fixed",right:0,bottom:0,left:0,top:0,overflow:"hidden",WebkitTransform:"translate3d(0, 0, 0)",transform:"translate3d(0, 0, 0)",display:"none"},a=t.iframe={border:0,margin:0,padding:0,width:"100%",height:"100%"};t.default={scrollLock:r,pageFrame:o,iframe:a}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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}function i(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)}Object.defineProperty(t,"__esModule",{value:!0});var u=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}}(),l="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},s=n(1),c=r(s),f=n(0),d=r(f),p=n(8),h=r(p),y=n(4),b=["production","onCancelled","onLoaded","onError","version"],m=function(e,t){return t?"https://payment.datatrans.biz/upp/jsp/upStart.jsp?"+(0,y.toUrlParams)(e):"https://pilot.datatrans.biz/upp/jsp/upStart.jsp?"+(0,y.toUrlParams)(e)},v=function(e){return"undefined"!==l(e.data)&&"error"===e.data.type},g=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));n.onMessage=n.onMessage.bind(n),n.onCancelled=n.onCancelled.bind(n),(0,y.lockScrolling)();var r=(0,y.filterProps)(n.props,b);return n.url=m(r,n.props.production),n.origin=(0,y.parseUrl)(n.url).origin,n.state={visible:!0},n}return i(t,e),u(t,[{key:"onMessage",value:function(e){if(e.origin===this.origin)return"cancel"===e.data?this.onCancelled():"frameReady"===e.data?this.props.onLoaded():v(e)?this.props.onError(e.data):void 0}},{key:"onCancelled",value:function(){this.setState({visible:!1}),(0,y.releaseLock)(),this.props.onCancelled()}},{key:"componentDidMount",value:function(){(window.addEventListener||window.attachEvent)("message",this.onMessage)}},{key:"componentWillUnmount",value:function(){(window.removeEventListener||window.detachEvent)("message",this.onMessage),(0,y.releaseLock)()}},{key:"render",value:function(){return this.state.visible?c.default.createElement(h.default,{url:this.url,showsPaymentPage:this.props.showsPaymentPage}):c.default.createElement("div",null," do not render me ")}}]),t}(s.Component);t.default=g,g.propTypes={merchantId:d.default.string.isRequired,refno:d.default.string.isRequired,amount:d.default.string.isRequired,currency:d.default.string.isRequired,sign:d.default.string.isRequired,production:d.default.bool,showsPaymentPage:d.default.bool.isRequired,onCancelled:d.default.func.isRequired,onLoaded:d.default.func.isRequired,onError:d.default.func.isRequired},g.defaultProps={onCancelled:function(){},onLoaded:function(){},onError:function(){},production:!1,theme:"DT2015",version:"1.0.2",showsPaymentPage:!0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.releaseLock=t.lockScrolling=t.parseUrl=t.toUrlParams=t.set=t.filterProps=void 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=n(2),a=function(e){return e&&e.__esModule?e:{default:e}}(o);t.filterProps=function(e,t){var n=r({},e);return t.forEach(function(e){return delete n[e]}),n},t.set=function(e,t,n){return e[t]=n,e},t.toUrlParams=function(e){return Object.keys(e).map(function(t){return t+"="+e[t]}).join("&")},t.parseUrl=function(e){var t=document.createElement("a");return t.href=e,t},t.lockScrolling=function(){var e=document.createElement("style");e.innerHTML=a.default.scrollLock,e.id="scroll-lock",document.getElementsByTagName("head")[0].appendChild(e)},t.releaseLock=function(){var e=document.getElementById("scroll-lock");e&&(e.outerHTML="")}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.withLightBox=t.LightBoxHoc=void 0;var o=n(3),a=r(o),i=n(6),u=r(i);a.default.Hoc=u.default,t.LightBoxHoc=u.default,t.withLightBox=u.default,t.default=a.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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}function i(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)}Object.defineProperty(t,"__esModule",{value:!0});var u=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},l=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}}(),s=n(1),c=r(s),f=n(0),d=r(f),p=n(3),h=r(p),y=n(4),b=function(){return new Error("payment page is not loaded yet.")},m={shouldLoad:!1,visible:!1,loaded:!1,error:null,cancelled:!1},v=function(e){return function(t){function n(e){o(this,n);var t=a(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));return t.load=t.load.bind(t),t.show=t.show.bind(t),t.on=t.on.bind(t),t.onLoaded=t.onLoaded.bind(t),t.onCancelled=t.onCancelled.bind(t),t.onError=t.onError.bind(t),t.config={},t.state=u({},m,{load:t.load,show:t.show,on:t.on}),t.listeners={cancelled:[],error:[],loaded:[]},t}return i(n,t),l(n,[{key:"onCancelled",value:function(){this.listeners.cancelled.forEach(function(e){return e()}),this.setState(u({},m,{cancelled:!0}))}},{key:"onError",value:function(e){var t=this;this.setState(u({},m,{error:e}),function(){return t.listeners.error.forEach(function(t){return t(e)})})}},{key:"onLoaded",value:function(){var e=this;this.setState({loaded:!0},function(){return e.listeners.loaded.forEach(function(e){return e()})})}},{key:"on",value:function(e,t){var n=this.listeners[e];n&&n.push(t)}},{key:"load",value:function(e){this.config=e,this.setState({shouldLoad:!0})}},{key:"show",value:function(){if(!this.state.loaded)throw b();this.setState({visible:!0})}},{key:"render",value:function(){return c.default.createElement("div",null,this.state.shouldLoad&&c.default.createElement(h.default,u({},this.config,{onLoaded:this.onLoaded,showsPaymentPage:this.state.visible,onCancelled:this.onCancelled,onError:this.onError})),c.default.createElement(e,u({},this.props,{lightBox:(0,y.filterProps)(this.state,["shouldLoad"])})))}}]),n}(s.Component)};v.propType=d.default.shape({visible:d.default.bool.isRequired,loaded:d.default.bool.isRequired,cancelled:d.default.bool.isRequired,error:d.default.any,load:d.default.func.isRequired,show:d.default.func.isRequired,on:d.default.func.isRequired}),t.default=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n(0),u=r(i),l=n(2),s=r(l),c=function(e){return a.default.createElement("iframe",{src:e.url,style:s.default.iframe,id:"datatransPaymentFrame",name:"datatransPaymentFrame",frameBorder:0,allowTransparency:!0})};c.propTypes={url:u.default.string.isRequired},t.default=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var 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=n(1),i=r(a),u=n(0),l=r(u),s=n(7),c=r(s),f=n(2),d=r(f),p=function(e){var t=e.showsPaymentPage?o({},d.default.pageFrame,{display:"block"}):d.default.pageFrame;return i.default.createElement("div",{style:t},i.default.createElement(c.default,{url:e.url}))};p.propTypes={url:l.default.string.isRequired,showsPaymentPage:l.default.bool.isRequired},t.default=p},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){"use strict";function r(e,t,n,r,a,i,u,l){if(o(t),!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,a,i,u,l],f=0;s=new Error(t.replace(/%s/g,function(){return c[f++]})),s.name="Invariant Violation"}throw s.framesToPop=1,s}}var o=function(e){};e.exports=r},function(e,t,n){"use strict";var r=n(9),o=n(10),a=n(12);e.exports=function(){function e(e,t,n,r,i,u){u!==a&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){e.exports=n(5)}])});

package.json

 {
   "name": "react-datatrans-light-box",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Datatrans light box component for react apps",
@@ -20,5 +20,6 @@ "main": "lib/main.js",
   "scripts": {
-    "test": "npm run build",
+    "test": "npm run lint && npm run build",
     "build": "NODE_ENV=production webpack --color --progress",
-    "watch": "NODE_ENV=production webpack --color --progress --watch"
+    "watch": "NODE_ENV=production webpack --color --progress --watch",
+    "lint": "eslint ."
   },
@@ -44,3 +45,2 @@ "peerDependencies": {
     "babel-preset-stage-0": "^6.22.0",
-    "compression-webpack-plugin": "^0.3.2",
     "eslint": "^3.11.1",
@@ -53,6 +53,5 @@ "eslint-import-resolver-webpack": "^0.8.0",
     "eslint-plugin-react": "^6.8.0",
+    "prop-types": "^15.6.0",
     "webpack": "^2.3.2"
-  },
-  "dependencies": {
   }
 }

src/index.js

@@ -1,2 +0,2 @@
-import LightBox from './LightBox.js'
+import LightBox from './LightBox'
 import LightBoxHoc from './LightBoxHoc'
@@ -8,4 +8,1 @@
 export default LightBox
-
-
-

src/LightBox.js

 import React, {Component} from 'react'
-// import PropTypes from 'prop-types'
+import PropTypes from 'prop-types'
 import PaymentPageFrame from './PaymentPageFrame'
 import {
   filterProps, toUrlParams, parseUrl,
-  removeListener, addListener, lockScrolling,
+  lockScrolling,
   releaseLock
@@ -53,2 +53,3 @@ } from './utils'
   componentDidMount() {
+    const addListener = window.addEventListener || window.attachEvent
     addListener('message', this.onMessage)
@@ -58,2 +59,3 @@ }
   componentWillUnmount() {
+    const removeListener = window.removeEventListener || window.detachEvent
     removeListener('message', this.onMessage)
@@ -75,19 +77,18 @@ releaseLock()
 
+LightBox.propTypes = {
+  merchantId: PropTypes.string.isRequired,
+  refno: PropTypes.string.isRequired,
+  amount: PropTypes.string.isRequired,
+  currency: PropTypes.string.isRequired,
+  sign: PropTypes.string.isRequired,
 
-// LightBox.propTypes = {
-//   merchantId: PropTypes.string.isRequired,
-//   refno: PropTypes.string.isRequired,
-//   amount: PropTypes.string.isRequired,
-//   currency: PropTypes.string.isRequired,
-//   sign: PropTypes.string.isRequired,
+  production: PropTypes.bool,
+  showsPaymentPage: PropTypes.bool.isRequired,
 
-//   production: PropTypes.bool,
-//   showsPaymentPage: PropTypes.bool.isRequired,
+  onCancelled: PropTypes.func.isRequired,
+  onLoaded: PropTypes.func.isRequired,
+  onError: PropTypes.func.isRequired,
 
-//   onCancelled: PropTypes.func.isRequired,
-//   onLoaded: PropTypes.func.isRequired,
-//   onError: PropTypes.func.isRequired,
+}
 
-// }
-
 LightBox.defaultProps = {
@@ -94,0 +95,0 @@ onCancelled() {},

src/LightBoxHoc.js

 import React, {Component} from 'react'
-// import PropTypes from 'prop-types'
+import PropTypes from 'prop-types'
 import LightBox from './LightBox'
@@ -108,17 +108,15 @@ import {filterProps} from './utils'
 
-// LightBoxHoc.propType = PropTypes.shape({
+LightBoxHoc.propType = PropTypes.shape({
+  //LightBox state
+  visible: PropTypes.bool.isRequired,
+  loaded: PropTypes.bool.isRequired,
+  cancelled: PropTypes.bool.isRequired,
+  error: PropTypes.any,
 
+  //Methods
+  load: PropTypes.func.isRequired,
+  show: PropTypes.func.isRequired,
+  on: PropTypes.func.isRequired,
+})
 
-//   //LightBox state
-//   visible: PropTypes.bool.isRequired,
-//   loaded: PropTypes.bool.isRequired,
-//   cancelled: PropTypes.bool.isRequired,
-//   error: PropTypes.any,
-
-//   //Methods
-//   load: PropTypes.func.isRequired,
-//   show: PropTypes.func.isRequired,
-//   on: PropTypes.func.isRequired,
-// })
-
 export default LightBoxHoc

src/PaymentPage.js

 import React from 'react'
-// import PropTypes from 'prop-types'
+import PropTypes from 'prop-types'
 import styles from './styles'
@@ -17,7 +17,6 @@
 
+PaymentPage.propTypes = {
+  url: PropTypes.string.isRequired,
+}
 
-// PaymentPage.propTypes = {
-//   url: PropTypes.string.isRequired,
-// }
-
 export default PaymentPage

src/PaymentPageFrame.js

 import React from 'react'
-// import PropTypes from 'prop-types'
+import PropTypes from 'prop-types'
 import PaymentPage from './PaymentPage'
@@ -11,4 +11,4 @@ import styles from './styles'
   const style = props.showsPaymentPage
-  ? {...styles.pageFrame, display}
-  : styles.pageFrame
+    ? {...styles.pageFrame, display}
+    : styles.pageFrame
 
@@ -21,7 +21,7 @@
 
-// PaymentPageFrame.propTypes = {
-//   url: PropTypes.string.isRequired,
-//   showsPaymentPage: PropTypes.bool.isRequired,
-// }
+PaymentPageFrame.propTypes = {
+  url: PropTypes.string.isRequired,
+  showsPaymentPage: PropTypes.bool.isRequired,
+}
 
 export default PaymentPageFrame

src/styles.js

@@ -38,2 +38,2 @@ export const scrollLock = `
   scrollLock, pageFrame, iframe,
-}
+}

src/utils.js

@@ -28,5 +28,2 @@
 
-export const removeListener = window.removeEventListener || window.detachEvent
-export const addListener = window.addEventListener || window.attachEvent
-
 export const lockScrolling = () => {
@@ -43,2 +40,2 @@ var element = document.createElement('style')
   if(element) element.outerHTML = ''
-}
+}

webpack.config.js

 const path = require('path')
 const webpack = require('webpack')
-const CompressionPlugin = require('compression-webpack-plugin')
 
@@ -12,10 +11,2 @@ module.exports = {
       amd: 'react'
-    },
-    'prop-types': {
-      react: {
-        root: 'PropTypes',
-        commonjs2: 'prop-types',
-        commonjs: 'prop-types',
-        amd: 'prop-types'
-      }
     }
@@ -35,3 +26,2 @@ },
     main: ['./src/index.js'],
-
   },
@@ -43,3 +33,2 @@ plugins: [
     new webpack.optimize.UglifyJsPlugin({
-
       beautify: false,
@@ -51,11 +40,10 @@ mangle: true,
       compress: {
-        screw_ie8: true,
-        warnings: false, // ...but do not show warnings in the console (there is a lot of them)
+        screw_ie8: true, // eslint-disable-line camelcase
+        warnings: false,
         unused: true,
-        dead_code: true, // big one--strip code that will never execute
-        warnings: false, // good for prod apps so users can't peek behind curtain
-        drop_debugger: true,
+        dead_code: true, // eslint-disable-line camelcase
+        drop_debugger: true, // eslint-disable-line camelcase
         conditionals: true,
         evaluate: true,
-        drop_console: true, // strips console statements
+        drop_console: true, // eslint-disable-line camelcase
         sequences: true,
@@ -65,9 +53,2 @@ booleans: true,
       comments: false,
-    }),
-    new CompressionPlugin({
-      asset: "[path].gz[query]",
-      algorithm: "gzip",
-      test: /\.js$|\.css$|\.html$/,
-      threshold: 10240,
-      minRatio: 0
     })
@@ -74,0 +55,0 @@ ],

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

983983

increased by0.16%

Number of package files

27

increased by12.5%

Lines of code

9173

increased by0.24%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes