@reeq/react-native-passkit
Version:
React native wrapper over google PayClient (for android) and PassKit (for iOS). Contains google and apple buttons
85 lines (77 loc) • 2.49 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import React, { useEffect, useState } from 'react';
import { Platform, StyleSheet } from 'react-native';
import { AddPassButtonNative } from './add-pass-button-native';
import { Passkit, PasskitEventEmitter } from './passkit-module-native';
/**
* Check if its possible to add pass on the device
*/
export const canAddPasses = () => Passkit.canAddPasses();
/**
* Provide a base64 encoded pass to add it to wallet
*/
export const addPass = base64encodedPass => Passkit.addPass(base64encodedPass);
/**
* iOS only. Provide a base64 encoded pass to check if wallet contains it already
*/
export const containsPass = base64encodedPass => {
if (Platform.OS !== 'ios') {
return Promise.resolve(false);
}
return Passkit.containsPass(base64encodedPass);
};
/**
* Android only. Provide a JWT signed pass
*/
export const addPassJWT = passJWT => {
if (Platform.OS !== 'android') {
return Promise.resolve();
}
return Passkit.addPassJWT(passJWT);
};
export const AddPassButton = _ref => {
let {
variant,
onPress,
...props
} = _ref;
return /*#__PURE__*/React.createElement(AddPassButtonNative, _extends({
style: styles.passButton
}, props, {
onAddButtonPress: onPress,
variant: Platform.select({
ios: variant === null || variant === void 0 ? void 0 : variant.ios,
android: variant === null || variant === void 0 ? void 0 : variant.android
})
}));
};
const styles = StyleSheet.create({
passButton: {
height: Platform.select({
android: 44,
ios: 60
}),
width: Platform.select({
android: 288,
ios: 260
})
}
});
/**
* Listener add pass result status. Can send error with message
*/
export const addPassResultListener = cb => PasskitEventEmitter.addListener('addPassResult', cb).remove;
/**
* Hook wrapper over addPassResultListener
*/
export const useAddPassResult = () => {
const [result, setResult] = useState();
useEffect(() => {
const listener = PasskitEventEmitter.addListener('addPassResult', setResult);
return () => {
listener.remove();
};
}, []);
return result;
};
//# sourceMappingURL=index.js.map