howlingeverett / mastercard-hosted-session Goto Github PK

Getting the error when installed and trying to use it.

Module not found: Can't resolve 'core-js/modules/es.array.concat' in '/XXX/node_modules/mastercard-hosted-session/lib'

Is there any version issue with core-js?

I want to build a react native application with payment integration. Can we use the mastercard-hosted-session in the react native app.

I am trying to implement the code in ReactJS and somewhat stuck in configuration set up.

i have installed the package and imported it

import HostedSession from 'mastercard-hosted-session';

Then when the pay button is clicked I am calling the function

HostedSession({
fields: {
card: {
number: '#card-number',
securityCode: '#security-code',
expiryMonth: '#expiry-month',
expiryYear: '#expiry-year'
}
},
frameEmbeddingMitigation: ["javascript"],
interaction: {
displayControl: {
formatCard: 'EMBOSSED',
invalidFieldCharacters: 'ALLOW'
}
}
}).then(hostedSession => {
// hostedSession is a facade that has one public function: sezzionize
return hostedSession.sessionize()
}).then((result) => {
console.log(result.status) // e.g. 'ok' or 'fields_in_error'
console.log(result.session.id) // e.g. SESSION001212312123123123
console.log(result.sourceOfFunds.provided.card.brand) // e.g 'MASTERCARD'
}).catch(error => {
// The facade rejects with HostedSessionError
// if the script fails to append, or fails to sessionise.
console.error(error)
})

But it gives error

Invalid configuration field frameEmbeddingMitigation. Expected an array with at least one element.

Need to know where is the problem