pay-sdk-react/dist/lib/confirm-modal/index.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
var _exportNames = {};
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _usePayWindowOpen = require("../hooks/usePayWindowOpen");
var _payModal = _interopRequireDefault(require("../pay-modal"));
var _interface = require("./interface");
Object.keys(_interface).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _interface[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function () {
      return _interface[key];
    }
  });
});
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const ConfirmModal = props => {
  const {
    visible,
    title = '支付确认',
    desc = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "1. \u5982\u679C\u60A8\u5DF2\u5B8C\u6210\u652F\u4ED8\uFF0C\u8BF7\u70B9\u51FB[\u652F\u4ED8\u5B8C\u6210]"), /*#__PURE__*/_react.default.createElement("div", null, "2. \u5982\u679C\u672A\u652F\u4ED8\u6210\u529F\uFF0C\u53EF\u70B9\u51FB[\u91CD\u65B0\u652F\u4ED8]")),
    retryButtonProps,
    finishButtonProps,
    icon = /*#__PURE__*/_react.default.createElement("span", {
      role: "img",
      "aria-label": "success"
    }, "\u2714\uFE0F"),
    showClose = true,
    maskClosable = false,
    onClose,
    payUrl,
    autoOpenWindow = false,
    openMode = 'window'
  } = props;
  const {
    children: retryButtonChildren = '重新支付',
    ...retryButtonPropsRest
  } = retryButtonProps || {};
  const {
    children: finishButtonChildren = '支付完成',
    ...finishButtonPropsRest
  } = finishButtonProps || {};
  const {
    closeWindow
  } = (0, _usePayWindowOpen.usePayWindowOpen)({
    payUrl: payUrl || '',
    onClose,
    autoOpen: autoOpenWindow,
    openMode: openMode
  });
  const handleClose = (0, _react.useCallback)(() => {
    onClose === null || onClose === void 0 || onClose();
    if (autoOpenWindow) closeWindow();
  }, [onClose, autoOpenWindow, closeWindow]);
  if (!visible) return null;
  return /*#__PURE__*/_react.default.createElement(_payModal.default, {
    visible: visible,
    icon: icon,
    title: title,
    desc: desc,
    showClose: showClose,
    maskClosable: maskClosable,
    onClose: handleClose,
    retryButtonProps: {
      children: retryButtonChildren,
      ...retryButtonPropsRest
    },
    finishButtonProps: {
      children: finishButtonChildren,
      ...finishButtonPropsRest
    }
  });
};
var _default = exports.default = ConfirmModal;