UNPKG

@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
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