pay-sdk-react/dist/es/Stripe/stripe-popup.js

A cross-platform payment SDK for React, supporting Alipay, WeChat Pay, PayPal, Stripe, Payssion, and Airwallex, compatible with H5, PC, and App environments.

import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
var _excluded = ["visible", "onClose", "closeOnMaskClick", "className", "bodyStyle", "stripeProps"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React, { memo, useImperativeHandle, useRef, useState } from 'react';
import cs from '../utils/classNames';
import Stripe from '.';
import PayPopup from '../pay-popup';
import { getPrefixCls } from '../utils/getPrefixCls';
var StripePopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
  var controlledVisible = props.visible,
    _onClose = props.onClose,
    _props$closeOnMaskCli = props.closeOnMaskClick,
    closeOnMaskClick = _props$closeOnMaskCli === void 0 ? true : _props$closeOnMaskCli,
    className = props.className,
    bodyStyle = props.bodyStyle,
    propsStripeProps = props.stripeProps,
    others = _objectWithoutProperties(props, _excluded);
  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 stripeRef = useRef(null);
  var isControlled = controlledVisible !== undefined;
  var visible = isControlled ? controlledVisible : 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(PayPopup, _extends({
    className: cs(getPrefixCls('stripe-popup'), className),
    visible: visible,
    onClose: function onClose() {
      if (!isControlled) {
        setUncontrolledVisible(false);
      }
      _onClose === null || _onClose === void 0 || _onClose();
    },
    closeOnMaskClick: closeOnMaskClick,
    bodyStyle: _objectSpread({
      height: '40vh',
      overflowY: 'scroll'
    }, bodyStyle)
  }, others), _stripeProps && /*#__PURE__*/React.createElement(Stripe, _stripeProps));
});
StripePopup.displayName = 'StripePopup';
export default /*#__PURE__*/memo(StripePopup);