UNPKG

@adyen/react-native

Version:

Wraps Adyen Checkout Drop-In and Components for iOS and Android for convenient use with React Native

62 lines (61 loc) 1.65 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.ApplePayButtonType = exports.ApplePayButtonTheme = exports.ApplePayButton = void 0; var _react = require("react"); var _NativePlatformPayView = _interopRequireDefault(require("../specs/NativePlatformPayView")); var _Styles = _interopRequireDefault(require("./common/Styles")); var _jsxRuntime = require("react/jsx-runtime"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } const ApplePayButtonTheme = exports.ApplePayButtonTheme = { WHITE: 1, WHITE_OUTLINE: 2, AUTOMATIC: 3, BLACK: 4 }; const ApplePayButtonType = exports.ApplePayButtonType = { BUY: 1, SETUP: 2, INSTORE: 3, DONATE: 4, CHECKOUT: 5, BOOK: 6, SUBSCRIBE: 7, RELOAD: 8, ADDMONEY: 9, TOPUP: 10, ORDER: 11, RENT: 12, SUPPORT: 13, CONTRIBUTE: 14, TIP: 15, CONTINUE: 16, PLAIN: 0 }; function getButtonTheme(type) { return ApplePayButtonTheme[type] ?? ApplePayButtonTheme.WHITE; } function getButtonType(type) { return ApplePayButtonType[type] ?? ApplePayButtonType.BUY; } const ApplePayButton = ({ theme, type, radius, onPress, style }) => { const onPressHandler = (0, _react.useCallback)(() => { onPress?.(); }, [onPress]); return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativePlatformPayView.default, { theme: theme ? getButtonTheme(theme) : undefined, type: type ? getButtonType(type) : undefined, radius: radius, onButtonPress: onPressHandler, style: [_Styles.default.defaultButton, style] }); }; exports.ApplePayButton = ApplePayButton; //# sourceMappingURL=ApplePayButton.js.map