adyen / adyen-3ds2-js-utils Goto Github PK
View Code? Open in Web Editor NEWHelper functions to get 3DS 2.0 integrated on the front-end
License: MIT License
Helper functions to get 3DS 2.0 integrated on the front-end
License: MIT License
Hey guys as you don't have this as a package in npm could you please create a tag/release so I can point my npm dependency at it?
https://docs.npmjs.com/files/package.json#git-urls-as-dependencies
In your code:
const encodeBase64URL = (dataStr) => {
let base64 = window.btoa(dataStr);
let base64url = base64.split('=')[0]; // Remove any trailing '='s
base64url = base64url.replace('/\+/g', '-'); // 62nd char of encoding
base64url = base64url.replace('/\//g', '_'); // 63rd char of encoding
return base64url;
};
Those 62nd and 63rd character replacements will not work as the regex is not a regex but a string. Possibly you're looking for the following instead?:
base64url = base64url.replace(/\+/g, '-'); // 62nd char of encoding
base64url = base64url.replace(/\//g, '_'); // 63rd char of encoding
Currently getBrowserInfo function is written in ES6 syntax. Is it possible to modify it to use ES5 syntax, as usually node-modules are excluded from transpilation process?
Possible workaround here is to use file from dist folder, but it is 3KB more in bundle.
Describe the bug
I am not sure how to reproduce it but we are using New-relic for monitoring and it logged a lot of error-incidents:-
Error: e.data.indexOf is not a function
at anonymous in https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.1.0/adyen.js
Line 4 : Column 249399
at e.value in https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.1.0/adyen.js
Line 4 : Column 249419
Desktop (please complete the following information):
Could you please also suggest the version of node.js that work for the development of this code base?
thank you
Hi,
I noticed that example in the README is a bit misleading. It's states following invocation is valid
window.ThreedDS2Utils.collectBrowserInfo()
but correct should be
window.ThreedDS2Utils.getBrowserInfo()
because collectBrowserInfo is exported as getBrowserInfo
Cheers
Michal
I was presented with the following:
'rm' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @adyen/[email protected] build: rm -rf dist/ && webpack --config webpack.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @adyen/[email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
My npm version is 6.4.1.
Any idea? The "threeds2-js-utils.js" gets created anyway.
I am testing ChallengeShopper flow using the helper functions in documentation,
const perform3DSChallenge = (responseData) => {}
On clicking "Pay", page reloads and iframe opens "Please authenticate (Challenge simulation)
".
I enter "password" in password input field and submit, iframe does not close, flow breaks and in the network tab, column time is "Pending" with status 403.
On clicking the link "https://pal-test.adyen.com/threeds2simulator/acs/challenge.shtml" in initiator column I get:
Challenge Failed
No creq, answer or acsTransId present
Whats missing?
please help update link in the following line of code:
https://github.com/Adyen/adyen-3ds2-js-utils/blame/master/README.md#L6
Hi,
It does appears that the module uglifyjs-webpack-plugin
has not been included in the devDependencies section of package.json, raising the following error when attempting to build from a fresh clone of the repo:
Error: Cannot find module 'uglifyjs-webpack-plugin'
It also appears as though the beta version of the module is being referenced - is this intended?
Hi there,
Are there plans to publish this as an npm package?
Cheers,
David
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.