react-plaid-link - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

dist/react-plaid-link.js

@@ -217,3 +217,7 @@ (function webpackUniversalModuleDefinition(root, factory) {
         user: this.props.user,
-        webhook: this.props.webhook
+        webhook: this.props.webhook,
+        oauthNonce: this.props.oauthNonce,
+        oauthRedirectUri: this.props.oauthRedirectUri,
+        oauthStateId: this.props.oauthStateId,
+        paymentToken: this.props.paymentToken
       });
@@ -308,3 +312,3 @@
   'info', // legacy product name
-  'auth', 'identity', 'income', 'transactions', 'assets', 'liabilities', 'investments'])).isRequired,
+  'auth', 'identity', 'income', 'transactions', 'assets', 'liabilities', 'investments', 'payment_initiation'])).isRequired,
 
@@ -357,3 +361,31 @@ // List of countries to initialize Link with
   // Button Class names as a String
-  className: _propTypes2.default.string
+  className: _propTypes2.default.string,
+
+  // An oauthNonce is required to support OAuth authentication flows
+  // when configuring Plaid Link with one or more European country codes.
+  // For security, the nonce must be a unique identifier (such as a UUID)
+  // for each Link session and must be at least 16 characters long.
+  // For more information, see https://plaid.com/docs/#oauth.
+  oauthNonce: _propTypes2.default.string,
+
+  // An oauthRedirectUri is required to support OAuth authentication flows
+  // when configuring Plaid Link with one or more European country codes.
+  // After the user completes the OAuth flow, Plaid redirects back to the
+  // application via this URI. For security, the URI must be configured via
+  // the developer dashboard at https://dashboard.plaid.com/team/api.
+  // For more information, see https://plaid.com/docs/#oauth.
+  oauthRedirectUri: _propTypes2.default.string,
+
+  // An oauthStateId is required to support OAuth authentication flows
+  // when configuring Plaid Link with one or more European country codes.
+  // After the user completes the OAuth flow, when Plaid redirects back to
+  // the application, the redirect URI includes a query parameter called
+  // oauth_state_id. To complete the authentication flow, Link must be
+  // re-initialized with this query parameter, in addition to the nonce
+  // from the original Link configuration.
+  // For more information, see https://plaid.com/docs/#oauth.
+  oauthStateId: _propTypes2.default.string,
+
+  // A payment token is required when using the European Payment Initiation product.
+  paymentToken: _propTypes2.default.string
 };
@@ -360,0 +392,0 @@ exports.default = PlaidLink;

dist/react-plaid-link.min.js

@@ -1,2 +0,2 @@
-!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.ReactPlaidLink=t(require("react")):e.ReactPlaidLink=t(e.React)}("undefined"!=typeof self?self: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.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=4)}([function(t,n){t.exports=e},function(e,t,n){var r=n(2);e.exports=n(7)(r.isElement,!0)},function(e,t,n){"use strict";e.exports=n(6)},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},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 i(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 a(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}}(),c=n(0),s=r(c),l=n(5),f=r(l),p=n(1),d=r(p),y=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={disabledButton:!0,linkLoaded:!1,initializeURL:"https://cdn.plaid.com/link/v2/stable/link-initialize.js"},n.onScriptError=n.onScriptError.bind(n),n.onScriptLoaded=n.onScriptLoaded.bind(n),n.handleLinkOnLoad=n.handleLinkOnLoad.bind(n),n.handleOnClick=n.handleOnClick.bind(n),n}return a(t,e),u(t,[{key:"onScriptError",value:function(){console.error("There was an issue loading the link-initialize.js script")}},{key:"onScriptLoaded",value:function(){this.linkHandler=window.Plaid.create({apiVersion:this.props.apiVersion,clientName:this.props.clientName,countryCodes:this.props.countryCodes,language:this.props.language,env:this.props.env,key:this.props.publicKey,onEvent:this.props.onEvent,onExit:this.props.onExit,onLoad:this.handleLinkOnLoad,onSuccess:this.props.onSuccess,product:this.props.product,selectAccount:this.props.selectAccount,token:this.props.token,user:this.props.user,webhook:this.props.webhook}),this.setState({disabledButton:!1})}},{key:"handleLinkOnLoad",value:function(){null!=this.props.onLoad&&this.props.onLoad(),this.setState({linkLoaded:!0})}},{key:"handleOnClick",value:function(e){null!=this.props.onClick&&this.props.onClick(e),this.linkHandler&&this.linkHandler.open()}},{key:"exit",value:function(e){this.linkHandler&&this.linkHandler.exit(e)}},{key:"render",value:function(){return s.default.createElement("div",null,s.default.createElement("button",{onClick:this.handleOnClick,disabled:this.state.disabledButton,style:this.props.style,className:this.props.className},this.props.children),s.default.createElement(f.default,{url:this.state.initializeURL,onError:this.onScriptError,onLoad:this.onScriptLoaded}))}}]),t}(c.Component);y.defaultProps={env:"sandbox",selectAccount:!1,token:null,style:{padding:"6px 4px",outline:"none",background:"#FFFFFF",border:"2px solid #F1F1F1",borderRadius:"4px"}},y.propTypes={apiVersion:d.default.string,clientName:d.default.string.isRequired,countryCodes:d.default.array,env:d.default.oneOf(["tartan","sandbox","development","production"]).isRequired,publicKey:d.default.string.isRequired,product:d.default.arrayOf(d.default.oneOf(["connect","info","auth","identity","income","transactions","assets","liabilities","investments"])).isRequired,language:d.default.string,token:d.default.string,user:d.default.shape({legalName:d.default.string,emailAddress:d.default.string}),selectAccount:d.default.bool,webhook:d.default.string,onSuccess:d.default.func.isRequired,onExit:d.default.func,onLoad:d.default.func,onEvent:d.default.func,style:d.default.object,className:d.default.string},t.default=y},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 a(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}}(),c=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(c),l=n(1),f=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.scriptLoaderId="id"+n.constructor.idCount++,n}return a(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.onError,n=e.onLoad,o=e.url;return this.constructor.loadedScripts[o]?void n():this.constructor.erroredScripts[o]?void t():this.constructor.scriptObservers[o]?void(this.constructor.scriptObservers[o][this.scriptLoaderId]=this.props):(this.constructor.scriptObservers[o]=r({},this.scriptLoaderId,this.props),void this.createScript())}},{key:"componentWillUnmount",value:function(){var e=this.props.url,t=this.constructor.scriptObservers[e];t&&delete t[this.scriptLoaderId]}},{key:"createScript",value:function(){var e=this,t=this.props,n=t.onCreate,r=t.url,o=t.attributes,i=document.createElement("script");n(),o&&Object.keys(o).forEach(function(e){return i.setAttribute(e,o[e])}),i.src=r,i.hasAttribute("async")||(i.async=1);var a=function(t){var n=e.constructor.scriptObservers[r];Object.keys(n).forEach(function(o){t(n[o])&&delete e.constructor.scriptObservers[r][e.scriptLoaderId]})};i.onload=function(){e.constructor.loadedScripts[r]=!0,a(function(e){return e.onLoad(),!0})},i.onerror=function(){e.constructor.erroredScripts[r]=!0,a(function(e){return e.onError(),!0})},document.body.appendChild(i)}},{key:"render",value:function(){return null}}]),t}(s.default.Component);f.propTypes={attributes:l.PropTypes.object,onCreate:l.PropTypes.func,onError:l.PropTypes.func.isRequired,onLoad:l.PropTypes.func.isRequired,url:l.PropTypes.string.isRequired},f.defaultProps={attributes:{},onCreate:function(){},onError:function(){},onLoad:function(){}},f.scriptObservers={},f.loadedScripts={},f.erroredScripts={},f.idCount=0,t.default=f,e.exports=t.default},function(e,t,n){"use strict";!function(){function e(e){return"string"==typeof e||"function"==typeof e||e===g||e===x||e===w||e===O||e===P||"object"==typeof e&&null!==e&&(e.$$typeof===T||e.$$typeof===_||e.$$typeof===j||e.$$typeof===k||e.$$typeof===E)}function n(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case v:var n=e.type;switch(n){case S:case x:case g:case w:case O:case P:return n;default:var r=n&&n.$$typeof;switch(r){case k:case E:case j:return r;default:return t}}case T:case _:case m:return t}}}function r(e){return D||(D=!0,R(!1,"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(e)||n(e)===S}function o(e){return n(e)===x}function i(e){return n(e)===k}function a(e){return n(e)===j}function u(e){return"object"==typeof e&&null!==e&&e.$$typeof===v}function c(e){return n(e)===E}function s(e){return n(e)===g}function l(e){return n(e)===T}function f(e){return n(e)===_}function p(e){return n(e)===m}function d(e){return n(e)===w}function y(e){return n(e)===O}function b(e){return n(e)===P}Object.defineProperty(t,"__esModule",{value:!0});var h="function"==typeof Symbol&&Symbol.for,v=h?Symbol.for("react.element"):60103,m=h?Symbol.for("react.portal"):60106,g=h?Symbol.for("react.fragment"):60107,O=h?Symbol.for("react.strict_mode"):60108,w=h?Symbol.for("react.profiler"):60114,j=h?Symbol.for("react.provider"):60109,k=h?Symbol.for("react.context"):60110,S=h?Symbol.for("react.async_mode"):60111,x=h?Symbol.for("react.concurrent_mode"):60111,E=h?Symbol.for("react.forward_ref"):60112,P=h?Symbol.for("react.suspense"):60113,_=h?Symbol.for("react.memo"):60115,T=h?Symbol.for("react.lazy"):60116,C=function(){},L=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(e){}};C=function(e,t){if(void 0===t)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!e){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];L.apply(void 0,[t].concat(r))}};var R=C,I=S,A=x,q=k,F=j,M=v,$=E,N=g,z=T,W=_,V=m,H=w,U=O,B=P,D=!1;t.typeOf=n,t.AsyncMode=I,t.ConcurrentMode=A,t.ContextConsumer=q,t.ContextProvider=F,t.Element=M,t.ForwardRef=$,t.Fragment=N,t.Lazy=z,t.Memo=W,t.Portal=V,t.Profiler=H,t.StrictMode=U,t.Suspense=B,t.isValidElementType=e,t.isAsyncMode=r,t.isConcurrentMode=o,t.isContextConsumer=i,t.isContextProvider=a,t.isElement=u,t.isForwardRef=c,t.isFragment=s,t.isLazy=l,t.isMemo=f,t.isPortal=p,t.isProfiler=d,t.isStrictMode=y,t.isSuspense=b}()},function(e,t,n){"use strict";function r(){return null}var o=n(2),i=n(8),a=n(3),u=n(9),c=Function.call.bind(Object.prototype.hasOwnProperty),s=function(){};s=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},e.exports=function(e,t){function n(e){var t=e&&(P&&e[P]||e[_]);if("function"==typeof t)return t}function l(e,t){return e===t?0!==e||1/e==1/t:e!==e&&t!==t}function f(e){this.message=e,this.stack=""}function p(e){function n(n,i,u,c,l,p,d){if(c=c||T,p=p||u,d!==a){if(t){var y=new Error("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");throw y.name="Invariant Violation",y}if("undefined"!=typeof console){var b=c+":"+u;!r[b]&&o<3&&(s("You are manually calling a React.PropTypes validation function for the `"+p+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[b]=!0,o++)}}return null==i[u]?n?new f(null===i[u]?"The "+l+" `"+p+"` is marked as required in `"+c+"`, but its value is `null`.":"The "+l+" `"+p+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,u,c,l,p)}var r={},o=0,i=n.bind(null,!1);return i.isRequired=n.bind(null,!0),i}function d(e){function t(t,n,r,o,i,a){var u=t[n];if(k(u)!==e)return new f("Invalid "+o+" `"+i+"` of type `"+S(u)+"` supplied to `"+r+"`, expected `"+e+"`.");return null}return p(t)}function y(e){function t(t,n,r,o,i){if("function"!=typeof e)return new f("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){return new f("Invalid "+o+" `"+i+"` of type `"+k(u)+"` supplied to `"+r+"`, expected an array.")}for(var c=0;c<u.length;c++){var s=e(u,c,r,o,i+"["+c+"]",a);if(s instanceof Error)return s}return null}return p(t)}function b(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||T;return new f("Invalid "+o+" `"+i+"` of type `"+E(t[n])+"` supplied to `"+r+"`, expected instance of `"+a+"`.")}return null}return p(t)}function h(e){function t(t,n,r,o,i){for(var a=t[n],u=0;u<e.length;u++)if(l(a,e[u]))return null;var c=JSON.stringify(e,function(e,t){return"symbol"===S(t)?String(t):t});return new f("Invalid "+o+" `"+i+"` of value `"+String(a)+"` supplied to `"+r+"`, expected one of "+c+".")}return Array.isArray(e)?p(t):(s(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),r)}function v(e){function t(t,n,r,o,i){if("function"!=typeof e)return new f("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],s=k(u);if("object"!==s)return new f("Invalid "+o+" `"+i+"` of type `"+s+"` supplied to `"+r+"`, expected an object.");for(var l in u)if(c(u,l)){var p=e(u,l,r,o,i+"."+l,a);if(p instanceof Error)return p}return null}return p(t)}function m(e){function t(t,n,r,o,i){for(var u=0;u<e.length;u++){if(null==(0,e[u])(t,n,r,o,i,a))return null}return new f("Invalid "+o+" `"+i+"` supplied to `"+r+"`.")}if(!Array.isArray(e))return s("Invalid argument supplied to oneOfType, expected an instance of array."),r;for(var n=0;n<e.length;n++){var o=e[n];if("function"!=typeof o)return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+x(o)+" at index "+n+"."),r}return p(t)}function g(e){function t(t,n,r,o,i){var u=t[n],c=k(u);if("object"!==c)return new f("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");for(var s in e){var l=e[s];if(l){var p=l(u,s,r,o,i+"."+s,a);if(p)return p}}return null}return p(t)}function O(e){function t(t,n,r,o,u){var c=t[n],s=k(c);if("object"!==s)return new f("Invalid "+o+" `"+u+"` of type `"+s+"` supplied to `"+r+"`, expected `object`.");var l=i({},t[n],e);for(var p in l){var d=e[p];if(!d)return new f("Invalid "+o+" `"+u+"` key `"+p+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var y=d(c,p,r,o,u+"."+p,a);if(y)return y}return null}return p(t)}function w(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(w);if(null===t||e(t))return!0;var r=n(t);if(!r)return!1;var o,i=r.call(t);if(r!==t.entries){for(;!(o=i.next()).done;)if(!w(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!w(a[1]))return!1}return!0;default:return!1}}function j(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function k(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":j(t,e)?"symbol":t}function S(e){if(void 0===e||null===e)return""+e;var t=k(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function x(e){var t=S(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function E(e){return e.constructor&&e.constructor.name?e.constructor.name:T}var P="function"==typeof Symbol&&Symbol.iterator,_="@@iterator",T="<<anonymous>>",C={array:d("array"),bool:d("boolean"),func:d("function"),number:d("number"),object:d("object"),string:d("string"),symbol:d("symbol"),any:function(){return p(r)}(),arrayOf:y,element:function(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){return new f("Invalid "+o+" `"+i+"` of type `"+k(a)+"` supplied to `"+r+"`, expected a single ReactElement.")}return null}return p(t)}(),elementType:function(){function e(e,t,n,r,i){var a=e[t];if(!o.isValidElementType(a)){return new f("Invalid "+r+" `"+i+"` of type `"+k(a)+"` supplied to `"+n+"`, expected a single ReactElement type.")}return null}return p(e)}(),instanceOf:b,node:function(){function e(e,t,n,r,o){return w(e[t])?null:new f("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")}return p(e)}(),objectOf:v,oneOf:h,oneOfType:m,shape:g,exact:O};return f.prototype=Error.prototype,C.checkPropTypes=u,C.resetWarningCache=u.resetWarningCache,C.PropTypes=C,C}},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/*
+!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.ReactPlaidLink=t(require("react")):e.ReactPlaidLink=t(e.React)}("undefined"!=typeof self?self: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.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=4)}([function(t,n){t.exports=e},function(e,t,n){var r=n(2);e.exports=n(7)(r.isElement,!0)},function(e,t,n){"use strict";e.exports=n(6)},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},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 i(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 a(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}}(),c=n(0),s=r(c),l=n(5),f=r(l),p=n(1),d=r(p),y=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={disabledButton:!0,linkLoaded:!1,initializeURL:"https://cdn.plaid.com/link/v2/stable/link-initialize.js"},n.onScriptError=n.onScriptError.bind(n),n.onScriptLoaded=n.onScriptLoaded.bind(n),n.handleLinkOnLoad=n.handleLinkOnLoad.bind(n),n.handleOnClick=n.handleOnClick.bind(n),n}return a(t,e),u(t,[{key:"onScriptError",value:function(){console.error("There was an issue loading the link-initialize.js script")}},{key:"onScriptLoaded",value:function(){this.linkHandler=window.Plaid.create({apiVersion:this.props.apiVersion,clientName:this.props.clientName,countryCodes:this.props.countryCodes,language:this.props.language,env:this.props.env,key:this.props.publicKey,onEvent:this.props.onEvent,onExit:this.props.onExit,onLoad:this.handleLinkOnLoad,onSuccess:this.props.onSuccess,product:this.props.product,selectAccount:this.props.selectAccount,token:this.props.token,user:this.props.user,webhook:this.props.webhook,oauthNonce:this.props.oauthNonce,oauthRedirectUri:this.props.oauthRedirectUri,oauthStateId:this.props.oauthStateId,paymentToken:this.props.paymentToken}),this.setState({disabledButton:!1})}},{key:"handleLinkOnLoad",value:function(){null!=this.props.onLoad&&this.props.onLoad(),this.setState({linkLoaded:!0})}},{key:"handleOnClick",value:function(e){null!=this.props.onClick&&this.props.onClick(e),this.linkHandler&&this.linkHandler.open()}},{key:"exit",value:function(e){this.linkHandler&&this.linkHandler.exit(e)}},{key:"render",value:function(){return s.default.createElement("div",null,s.default.createElement("button",{onClick:this.handleOnClick,disabled:this.state.disabledButton,style:this.props.style,className:this.props.className},this.props.children),s.default.createElement(f.default,{url:this.state.initializeURL,onError:this.onScriptError,onLoad:this.onScriptLoaded}))}}]),t}(c.Component);y.defaultProps={env:"sandbox",selectAccount:!1,token:null,style:{padding:"6px 4px",outline:"none",background:"#FFFFFF",border:"2px solid #F1F1F1",borderRadius:"4px"}},y.propTypes={apiVersion:d.default.string,clientName:d.default.string.isRequired,countryCodes:d.default.array,env:d.default.oneOf(["tartan","sandbox","development","production"]).isRequired,publicKey:d.default.string.isRequired,product:d.default.arrayOf(d.default.oneOf(["connect","info","auth","identity","income","transactions","assets","liabilities","investments","payment_initiation"])).isRequired,language:d.default.string,token:d.default.string,user:d.default.shape({legalName:d.default.string,emailAddress:d.default.string}),selectAccount:d.default.bool,webhook:d.default.string,onSuccess:d.default.func.isRequired,onExit:d.default.func,onLoad:d.default.func,onEvent:d.default.func,style:d.default.object,className:d.default.string,oauthNonce:d.default.string,oauthRedirectUri:d.default.string,oauthStateId:d.default.string,paymentToken:d.default.string},t.default=y},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 a(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}}(),c=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(c),l=n(1),f=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.scriptLoaderId="id"+n.constructor.idCount++,n}return a(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.onError,n=e.onLoad,o=e.url;return this.constructor.loadedScripts[o]?void n():this.constructor.erroredScripts[o]?void t():this.constructor.scriptObservers[o]?void(this.constructor.scriptObservers[o][this.scriptLoaderId]=this.props):(this.constructor.scriptObservers[o]=r({},this.scriptLoaderId,this.props),void this.createScript())}},{key:"componentWillUnmount",value:function(){var e=this.props.url,t=this.constructor.scriptObservers[e];t&&delete t[this.scriptLoaderId]}},{key:"createScript",value:function(){var e=this,t=this.props,n=t.onCreate,r=t.url,o=t.attributes,i=document.createElement("script");n(),o&&Object.keys(o).forEach(function(e){return i.setAttribute(e,o[e])}),i.src=r,i.hasAttribute("async")||(i.async=1);var a=function(t){var n=e.constructor.scriptObservers[r];Object.keys(n).forEach(function(o){t(n[o])&&delete e.constructor.scriptObservers[r][e.scriptLoaderId]})};i.onload=function(){e.constructor.loadedScripts[r]=!0,a(function(e){return e.onLoad(),!0})},i.onerror=function(){e.constructor.erroredScripts[r]=!0,a(function(e){return e.onError(),!0})},document.body.appendChild(i)}},{key:"render",value:function(){return null}}]),t}(s.default.Component);f.propTypes={attributes:l.PropTypes.object,onCreate:l.PropTypes.func,onError:l.PropTypes.func.isRequired,onLoad:l.PropTypes.func.isRequired,url:l.PropTypes.string.isRequired},f.defaultProps={attributes:{},onCreate:function(){},onError:function(){},onLoad:function(){}},f.scriptObservers={},f.loadedScripts={},f.erroredScripts={},f.idCount=0,t.default=f,e.exports=t.default},function(e,t,n){"use strict";!function(){function e(e){return"string"==typeof e||"function"==typeof e||e===g||e===x||e===w||e===O||e===P||"object"==typeof e&&null!==e&&(e.$$typeof===T||e.$$typeof===_||e.$$typeof===k||e.$$typeof===j||e.$$typeof===E)}function n(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case v:var n=e.type;switch(n){case S:case x:case g:case w:case O:case P:return n;default:var r=n&&n.$$typeof;switch(r){case j:case E:case k:return r;default:return t}}case T:case _:case m:return t}}}function r(e){return D||(D=!0,L(!1,"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(e)||n(e)===S}function o(e){return n(e)===x}function i(e){return n(e)===j}function a(e){return n(e)===k}function u(e){return"object"==typeof e&&null!==e&&e.$$typeof===v}function c(e){return n(e)===E}function s(e){return n(e)===g}function l(e){return n(e)===T}function f(e){return n(e)===_}function p(e){return n(e)===m}function d(e){return n(e)===w}function y(e){return n(e)===O}function h(e){return n(e)===P}Object.defineProperty(t,"__esModule",{value:!0});var b="function"==typeof Symbol&&Symbol.for,v=b?Symbol.for("react.element"):60103,m=b?Symbol.for("react.portal"):60106,g=b?Symbol.for("react.fragment"):60107,O=b?Symbol.for("react.strict_mode"):60108,w=b?Symbol.for("react.profiler"):60114,k=b?Symbol.for("react.provider"):60109,j=b?Symbol.for("react.context"):60110,S=b?Symbol.for("react.async_mode"):60111,x=b?Symbol.for("react.concurrent_mode"):60111,E=b?Symbol.for("react.forward_ref"):60112,P=b?Symbol.for("react.suspense"):60113,_=b?Symbol.for("react.memo"):60115,T=b?Symbol.for("react.lazy"):60116,R=function(){},C=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(e){}};R=function(e,t){if(void 0===t)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!e){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];C.apply(void 0,[t].concat(r))}};var L=R,I=S,A=x,q=j,F=k,M=v,N=E,$=g,z=T,U=_,W=m,V=w,H=O,B=P,D=!1;t.typeOf=n,t.AsyncMode=I,t.ConcurrentMode=A,t.ContextConsumer=q,t.ContextProvider=F,t.Element=M,t.ForwardRef=N,t.Fragment=$,t.Lazy=z,t.Memo=U,t.Portal=W,t.Profiler=V,t.StrictMode=H,t.Suspense=B,t.isValidElementType=e,t.isAsyncMode=r,t.isConcurrentMode=o,t.isContextConsumer=i,t.isContextProvider=a,t.isElement=u,t.isForwardRef=c,t.isFragment=s,t.isLazy=l,t.isMemo=f,t.isPortal=p,t.isProfiler=d,t.isStrictMode=y,t.isSuspense=h}()},function(e,t,n){"use strict";function r(){return null}var o=n(2),i=n(8),a=n(3),u=n(9),c=Function.call.bind(Object.prototype.hasOwnProperty),s=function(){};s=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},e.exports=function(e,t){function n(e){var t=e&&(P&&e[P]||e[_]);if("function"==typeof t)return t}function l(e,t){return e===t?0!==e||1/e==1/t:e!==e&&t!==t}function f(e){this.message=e,this.stack=""}function p(e){function n(n,i,u,c,l,p,d){if(c=c||T,p=p||u,d!==a){if(t){var y=new Error("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");throw y.name="Invariant Violation",y}if("undefined"!=typeof console){var h=c+":"+u;!r[h]&&o<3&&(s("You are manually calling a React.PropTypes validation function for the `"+p+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[h]=!0,o++)}}return null==i[u]?n?new f(null===i[u]?"The "+l+" `"+p+"` is marked as required in `"+c+"`, but its value is `null`.":"The "+l+" `"+p+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,u,c,l,p)}var r={},o=0,i=n.bind(null,!1);return i.isRequired=n.bind(null,!0),i}function d(e){function t(t,n,r,o,i,a){var u=t[n];if(j(u)!==e)return new f("Invalid "+o+" `"+i+"` of type `"+S(u)+"` supplied to `"+r+"`, expected `"+e+"`.");return null}return p(t)}function y(e){function t(t,n,r,o,i){if("function"!=typeof e)return new f("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){return new f("Invalid "+o+" `"+i+"` of type `"+j(u)+"` supplied to `"+r+"`, expected an array.")}for(var c=0;c<u.length;c++){var s=e(u,c,r,o,i+"["+c+"]",a);if(s instanceof Error)return s}return null}return p(t)}function h(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||T;return new f("Invalid "+o+" `"+i+"` of type `"+E(t[n])+"` supplied to `"+r+"`, expected instance of `"+a+"`.")}return null}return p(t)}function b(e){function t(t,n,r,o,i){for(var a=t[n],u=0;u<e.length;u++)if(l(a,e[u]))return null;var c=JSON.stringify(e,function(e,t){return"symbol"===S(t)?String(t):t});return new f("Invalid "+o+" `"+i+"` of value `"+String(a)+"` supplied to `"+r+"`, expected one of "+c+".")}return Array.isArray(e)?p(t):(s(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),r)}function v(e){function t(t,n,r,o,i){if("function"!=typeof e)return new f("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],s=j(u);if("object"!==s)return new f("Invalid "+o+" `"+i+"` of type `"+s+"` supplied to `"+r+"`, expected an object.");for(var l in u)if(c(u,l)){var p=e(u,l,r,o,i+"."+l,a);if(p instanceof Error)return p}return null}return p(t)}function m(e){function t(t,n,r,o,i){for(var u=0;u<e.length;u++){if(null==(0,e[u])(t,n,r,o,i,a))return null}return new f("Invalid "+o+" `"+i+"` supplied to `"+r+"`.")}if(!Array.isArray(e))return s("Invalid argument supplied to oneOfType, expected an instance of array."),r;for(var n=0;n<e.length;n++){var o=e[n];if("function"!=typeof o)return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+x(o)+" at index "+n+"."),r}return p(t)}function g(e){function t(t,n,r,o,i){var u=t[n],c=j(u);if("object"!==c)return new f("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");for(var s in e){var l=e[s];if(l){var p=l(u,s,r,o,i+"."+s,a);if(p)return p}}return null}return p(t)}function O(e){function t(t,n,r,o,u){var c=t[n],s=j(c);if("object"!==s)return new f("Invalid "+o+" `"+u+"` of type `"+s+"` supplied to `"+r+"`, expected `object`.");var l=i({},t[n],e);for(var p in l){var d=e[p];if(!d)return new f("Invalid "+o+" `"+u+"` key `"+p+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var y=d(c,p,r,o,u+"."+p,a);if(y)return y}return null}return p(t)}function w(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(w);if(null===t||e(t))return!0;var r=n(t);if(!r)return!1;var o,i=r.call(t);if(r!==t.entries){for(;!(o=i.next()).done;)if(!w(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!w(a[1]))return!1}return!0;default:return!1}}function k(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function j(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":k(t,e)?"symbol":t}function S(e){if(void 0===e||null===e)return""+e;var t=j(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function x(e){var t=S(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function E(e){return e.constructor&&e.constructor.name?e.constructor.name:T}var P="function"==typeof Symbol&&Symbol.iterator,_="@@iterator",T="<<anonymous>>",R={array:d("array"),bool:d("boolean"),func:d("function"),number:d("number"),object:d("object"),string:d("string"),symbol:d("symbol"),any:function(){return p(r)}(),arrayOf:y,element:function(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){return new f("Invalid "+o+" `"+i+"` of type `"+j(a)+"` supplied to `"+r+"`, expected a single ReactElement.")}return null}return p(t)}(),elementType:function(){function e(e,t,n,r,i){var a=e[t];if(!o.isValidElementType(a)){return new f("Invalid "+r+" `"+i+"` of type `"+j(a)+"` supplied to `"+n+"`, expected a single ReactElement type.")}return null}return p(e)}(),instanceOf:h,node:function(){function e(e,t,n,r,o){return w(e[t])?null:new f("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")}return p(e)}(),objectOf:v,oneOf:b,oneOfType:m,shape:g,exact:O};return f.prototype=Error.prototype,R.checkPropTypes=u,R.resetWarningCache=u.resetWarningCache,R.PropTypes=R,R}},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/*
 object-assign
@@ -3,0 +3,0 @@ (c) Sindre Sorhus

lib/PlaidLink.js

@@ -73,3 +73,7 @@ 'use strict';
         user: this.props.user,
-        webhook: this.props.webhook
+        webhook: this.props.webhook,
+        oauthNonce: this.props.oauthNonce,
+        oauthRedirectUri: this.props.oauthRedirectUri,
+        oauthStateId: this.props.oauthStateId,
+        paymentToken: this.props.paymentToken
       });
@@ -164,3 +168,3 @@
   'info', // legacy product name
-  'auth', 'identity', 'income', 'transactions', 'assets', 'liabilities', 'investments'])).isRequired,
+  'auth', 'identity', 'income', 'transactions', 'assets', 'liabilities', 'investments', 'payment_initiation'])).isRequired,
 
@@ -213,4 +217,32 @@ // List of countries to initialize Link with
   // Button Class names as a String
-  className: _propTypes2.default.string
+  className: _propTypes2.default.string,
+
+  // An oauthNonce is required to support OAuth authentication flows
+  // when configuring Plaid Link with one or more European country codes.
+  // For security, the nonce must be a unique identifier (such as a UUID)
+  // for each Link session and must be at least 16 characters long.
+  // For more information, see https://plaid.com/docs/#oauth.
+  oauthNonce: _propTypes2.default.string,
+
+  // An oauthRedirectUri is required to support OAuth authentication flows
+  // when configuring Plaid Link with one or more European country codes.
+  // After the user completes the OAuth flow, Plaid redirects back to the
+  // application via this URI. For security, the URI must be configured via
+  // the developer dashboard at https://dashboard.plaid.com/team/api.
+  // For more information, see https://plaid.com/docs/#oauth.
+  oauthRedirectUri: _propTypes2.default.string,
+
+  // An oauthStateId is required to support OAuth authentication flows
+  // when configuring Plaid Link with one or more European country codes.
+  // After the user completes the OAuth flow, when Plaid redirects back to
+  // the application, the redirect URI includes a query parameter called
+  // oauth_state_id. To complete the authentication flow, Link must be
+  // re-initialized with this query parameter, in addition to the nonce
+  // from the original Link configuration.
+  // For more information, see https://plaid.com/docs/#oauth.
+  oauthStateId: _propTypes2.default.string,
+
+  // A payment token is required when using the European Payment Initiation product.
+  paymentToken: _propTypes2.default.string
 };
 exports.default = PlaidLink;

package.json

 {
   "name": "react-plaid-link",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "A React component for Plaid Link",
@@ -14,3 +14,3 @@ "files": [
     "type": "git",
-    "url": "https://github.com/pbernasconi/react-plaid-link.git"
+    "url": "https://github.com/plaid/react-plaid-link.git"
   },
@@ -24,5 +24,5 @@ "keywords": [
   "bugs": {
-    "url": "https://github.com/pbernasconi/react-plaid-link/issues"
+    "url": "https://github.com/plaid/react-plaid-link/issues"
   },
-  "homepage": "https://github.com/pbernasconi/react-plaid-link",
+  "homepage": "https://github.com/plaid/react-plaid-link",
   "directories": {
@@ -49,3 +49,3 @@ "example": "examples"
     "enzyme": "1.5.x",
-    "eslint": "3.12.x",
+    "eslint": "6.6.x",
     "eslint-plugin-react": "5.2.x",
@@ -52,0 +52,0 @@ "mocha": "2.3.x",

README.md

@@ -52,4 +52,3 @@ # react-plaid-link [![npm version](https://badge.fury.io/js/react-plaid-link.svg)](http://badge.fury.io/js/react-plaid-link)
   env="sandbox"
-  institution={null}
-  publicKey={PLAID_PUBLIC_KEY}
+  key={PLAID_PUBLIC_KEY}
   product={['auth', 'transactions']}
@@ -63,3 +62,12 @@ apiVersion={'v1' || 'v2'}
   onLoad={this.handleOnLoad}
-  onSuccess={this.handleOnSuccess}>
+  onSuccess={this.handleOnSuccess}
+  style={{width: '100px'}}
+  countryCodes={['US', 'CA']}
+  language="en"
+  user={{legalName: 'Jane Doe', emailAddress: '[e-mail]'}}
+  webhook="https://example.com/plaid-webhook"
+  oauthNonce={'627ddf99...'}
+  oauthRedirectUri="https://example.com/plaid-oauth-callback"
+  oauthStateId={'1b748f9e...'}
+  paymentToken={'payment-token-sandbox-1b748f9e...'}>
   Open Link and connect a bank account to Plaid
@@ -66,0 +74,0 @@ </PlaidLink>

src/PlaidLink.js

@@ -66,2 +66,3 @@ import React, { Component } from 'react';
         'investments',
+        'payment_initiation',
       ])
@@ -117,2 +118,30 @@ ).isRequired,
     className: PropTypes.string,
+
+    // An oauthNonce is required to support OAuth authentication flows
+    // when configuring Plaid Link with one or more European country codes.
+    // For security, the nonce must be a unique identifier (such as a UUID)
+    // for each Link session and must be at least 16 characters long.
+    // For more information, see https://plaid.com/docs/#oauth.
+    oauthNonce: PropTypes.string,
+
+    // An oauthRedirectUri is required to support OAuth authentication flows
+    // when configuring Plaid Link with one or more European country codes.
+    // After the user completes the OAuth flow, Plaid redirects back to the
+    // application via this URI. For security, the URI must be configured via
+    // the developer dashboard at https://dashboard.plaid.com/team/api.
+    // For more information, see https://plaid.com/docs/#oauth.
+    oauthRedirectUri: PropTypes.string,
+
+    // An oauthStateId is required to support OAuth authentication flows
+    // when configuring Plaid Link with one or more European country codes.
+    // After the user completes the OAuth flow, when Plaid redirects back to
+    // the application, the redirect URI includes a query parameter called
+    // oauth_state_id. To complete the authentication flow, Link must be
+    // re-initialized with this query parameter, in addition to the nonce
+    // from the original Link configuration.
+    // For more information, see https://plaid.com/docs/#oauth.
+    oauthStateId: PropTypes.string,
+
+    // A payment token is required when using the European Payment Initiation product.
+    paymentToken: PropTypes.string,
   }
@@ -141,2 +170,6 @@
       webhook: this.props.webhook,
+      oauthNonce: this.props.oauthNonce,
+      oauthRedirectUri: this.props.oauthRedirectUri,
+      oauthStateId: this.props.oauthStateId,
+      paymentToken: this.props.paymentToken,
     });
@@ -143,0 +176,0 @@

No alert changes

Improved metrics

Total package byte prevSize

97884

increased by6.58%

Lines of code

1866

increased by4.89%

Number of lines in readme file

95

increased by9.2%

No dependency changes