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.
56 lines • 2.28 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 = ["stripeProps", "visible", "onClose", "className"];
import React, { memo, useImperativeHandle, useRef, useState } from 'react';
import cs from '../utils/classNames';
import PayModal from '../pay-modal';
import Stripe from './stripe';
import { getPrefixCls } from '../utils/getPrefixCls';
var StripeModal = /*#__PURE__*/React.forwardRef(function (props, ref) {
var propsStripeProps = props.stripeProps,
visible = props.visible,
_onClose = props.onClose,
className = props.className,
rest = _objectWithoutProperties(props, _excluded);
var stripeRef = useRef(null);
var _useState = useState(false),
_useState2 = _slicedToArray(_useState, 2),
uncontrolledVisible = _useState2[0],
setUncontrolledVisible = _useState2[1];
var _useState3 = useState(),
_useState4 = _slicedToArray(_useState3, 2),
stripeProps = _useState4[0],
setStripeProps = _useState4[1];
var isControlled = visible !== undefined;
var _visible = isControlled ? visible : uncontrolledVisible;
useImperativeHandle(ref, function () {
return {
open: function open(value) {
if (value) {
setStripeProps(value);
}
setUncontrolledVisible(true);
},
close: function close() {
setUncontrolledVisible(false);
_onClose === null || _onClose === void 0 || _onClose();
},
current: stripeRef.current
};
});
var _stripeProps = propsStripeProps !== null && propsStripeProps !== void 0 ? propsStripeProps : stripeProps;
return /*#__PURE__*/React.createElement(PayModal, _extends({
className: cs(getPrefixCls('stripe-modal'), className),
visible: _visible,
onClose: function onClose() {
if (!isControlled) {
setUncontrolledVisible(false);
}
_onClose === null || _onClose === void 0 || _onClose();
},
footer: null
}, rest), _stripeProps && /*#__PURE__*/React.createElement(Stripe, _stripeProps));
});
StripeModal.displayName = 'StripeModal';
export default /*#__PURE__*/memo(StripeModal);