pay-sdk-react
Version:
A cross-platform payment SDK for React, supporting Alipay, WeChat Pay, PayPal, Stripe, Payssion, and Airwallex, compatible with H5, PC, and App environments.
51 lines • 2.07 kB
JavaScript
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
var _excluded = ["alipayProps", "visible", "onClose"];
import React, { memo, useImperativeHandle, useRef, useState } from 'react';
import PayModal from '../pay-modal';
import Alipay from './alipay';
var AlipayModal = /*#__PURE__*/React.forwardRef(function (props, ref) {
var propsAlipayProps = props.alipayProps,
visible = props.visible,
_onClose = props.onClose,
others = _objectWithoutProperties(props, _excluded);
var alipayRef = useRef(null);
var _useState = useState(false),
_useState2 = _slicedToArray(_useState, 2),
uncontrolledVisible = _useState2[0],
setUncontrolledVisible = _useState2[1];
var _useState3 = useState(),
_useState4 = _slicedToArray(_useState3, 2),
alipayProps = _useState4[0],
setAlipayProps = _useState4[1];
var isControlled = visible !== undefined;
var _visible = isControlled ? visible : uncontrolledVisible;
useImperativeHandle(ref, function () {
return {
open: function open(value) {
if (value) {
setAlipayProps(value);
}
setUncontrolledVisible(true);
},
close: function close() {
setUncontrolledVisible(false);
_onClose === null || _onClose === void 0 || _onClose();
},
current: alipayRef.current
};
});
var _alipayProps = propsAlipayProps !== null && propsAlipayProps !== void 0 ? propsAlipayProps : alipayProps;
return /*#__PURE__*/React.createElement(PayModal, _extends({
visible: _visible,
onClose: function onClose() {
if (!isControlled) {
setUncontrolledVisible(false);
}
_onClose === null || _onClose === void 0 || _onClose();
}
}, others), _alipayProps && /*#__PURE__*/React.createElement(Alipay, _alipayProps));
});
AlipayModal.displayName = 'AlipayModal';
export default /*#__PURE__*/memo(AlipayModal);