@macellan/react-native-masterpass-tr
v1.0.8
Published
React Native Masterpass Turkey Package
Downloads
11
Readme
React Native Masterpass TR
Masterpass Turkey Package for React Native
Installation
npm install @macellan/react-native-masterpass-tr --save
or
yarn add @macellan/react-native-masterpass-tr
Install Dependencies
Please, install dependencies for using this package.
yarn add react-native-webview react-native-event-listeners
Usage
Wrap your parent component in Provider from react-native-masterpass-tr.
import * as React from 'react';
import { MasterPassProvider, IConfig } from 'react-native-masterpass-tr';
const ParentComponent: React.FC = () => {
/* MasterPass Config Object */
const config: IConfig = {
token: '',
serviceUrl: '',
clientId: '',
userId: '',
sendSmsLanguage: '',
sendSms: '',
referenceNo: '',
clientIp: '',
};
return (
<MasterPassProvider config={config}>
<ChildComponent />
{/* Other Child Components */}
</MasterPassProvider>;
);
}
export default ParentComponent;
Add MasterPassTurkey to the component you want to use.
import * as React from 'react';
import {
MasterPassTurkey,
IMasterPassTurkeyRefs,
} from 'react-native-masterpass-tr';
const ChildComponent: React.FC = () => {
const masterpass = React.useRef<IMasterPassTurkeyRefs>(null);
const onRegistrationCheck = React.useCallback(() => {
masterpass.current
?.registrationCheck()
.then((result) => {
console.log(result);
})
.catch((error) => {
console.log(error);
});
}, []);
return <MasterPassTurkey ref={ref} />;
};
export default ChildComponent;
License
MIT