@pisell/private-materials 6.3.116 → 6.3.117

package/es/components/pay/toC/PaymentMethods/MWCreditCard/List/index.js

@@ -15,6 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useImperativeHandle, forwardRef, useMemo, useContext } from 'react';
 import { Button } from 'antd';
 import { locales } from '@pisell/utils';
+import { useDebounceFn } from 'ahooks';
 import { PisellModal, Iconfont, PisellCheckboxGroup, PisellRow, getBankCardTypeImg, PisellLoading, PisellText } from '@pisell/materials';
 import classNames from 'classnames';
 import { Context } from "../../../model";
@@ -70,7 +71,7 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
    */
   var _getCreditCardList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var cardList;
+      var cardList, _props$onAdd;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -78,6 +79,15 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
             return getCreditCardList();
           case 2:
             cardList = _context.sent;
+            if (cardList.length) {
+              _context.next = 7;
+              break;
+            }
+            (_props$onAdd = props.onAdd) === null || _props$onAdd === void 0 || _props$onAdd.call(props);
+            // 解除loading
+            setLoading(false);
+            return _context.abrupt("return");
+          case 7:
             // 设置数据
             setCreditCardList(cardList);
 
@@ -88,7 +98,7 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
 
             // 解除loading
             setLoading(false);
-          case 6:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -153,9 +163,18 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
   var cardChange = function cardChange(id) {
     setCurrentCard(id);
   };
+
+  /**
+   * @title: 关闭弹窗
+   * @description: 供外部调用，直接关闭卡列表弹窗
+   */
+  var close = function close() {
+    setOpen(false);
+  };
   useImperativeHandle(ref, function () {
     return {
-      init: init
+      init: init,
+      close: close
     };
   });
 
@@ -266,21 +285,24 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-16 11:11
    */
-  var onOk = function onOk() {
-    var _props$onChange;
-    // 管理卡模式下, 则执行删除卡操作
-    if (manage) {
-      setManage(false);
-      handleBatchDeleteCards();
-      return;
-    }
+  var _useDebounceFn = useDebounceFn(function () {
+      var _props$onChange;
+      // 管理卡模式下, 则执行删除卡操作
+      if (manage) {
+        setManage(false);
+        handleBatchDeleteCards();
+        return;
+      }
 
-    // 否则回调到外部
-    var cur = creditCardList.find(function (d) {
-      return d.id === currentCard;
-    });
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, cur);
-  };
+      // 否则回调到外部
+      var cur = creditCardList.find(function (d) {
+        return d.id === currentCard;
+      });
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, cur);
+    }, {
+      wait: 300
+    }),
+    onOk = _useDebounceFn.run;
 
   // 渲染列表
   var renderList = useMemo(function () {
@@ -330,7 +352,13 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
     okText: manage ? locales.getText('tocPay.text.done') : okText,
     onOk: onOk,
     okButtonProps: {
-      disabled: !currentCard
+      disabled: !currentCard,
+      loading: props.btnLoading,
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
     },
     bodyStyle: {
       padding: 24

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,4 +1,23 @@
 import React from 'react';
 import './index.less';
-declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => React.JSX.Element;
+interface ThreedsLoadingProps {
+    /** 主标题（单行模式使用，覆盖默认文案） */
+    title?: string;
+    /** 副标题（多行模式第二行，可选） */
+    subtitle?: string;
+    /** 描述说明（多行模式第三行，可选） */
+    description?: string;
+    /** 是否展示"支付完成返回"按钮 */
+    showSuccessBackButton?: boolean;
+    /** "支付完成返回"按钮点击回调 */
+    onSuccessBack?: () => void;
+}
+/**
+ * @title: 等待加载页
+ * @description: 通用的支付等待 loading 页面。
+ *              - 默认单行文案模式（传 title 或使用默认文案）
+ *              - 传入 subtitle / description 后进入多行文案模式
+ *              向后兼容：不传新 props 时行为与原来完全一致。
+ */
+declare const ThreedsLoading: React.FC<ThreedsLoadingProps>;
 export default ThreedsLoading;

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.js

@@ -2,9 +2,18 @@ import React from 'react';
 import useEngineContext from "../../../../../../../hooks/useEngineContext";
 import "./index.less";
 import { locales } from '@pisell/utils';
+/**
+ * @title: 等待加载页
+ * @description: 通用的支付等待 loading 页面。
+ *              - 默认单行文案模式（传 title 或使用默认文案）
+ *              - 传入 subtitle / description 后进入多行文案模式
+ *              向后兼容：不传新 props 时行为与原来完全一致。
+ */
 var ThreedsLoading = function ThreedsLoading(_ref) {
   var _context$appHelper;
   var title = _ref.title,
+    subtitle = _ref.subtitle,
+    description = _ref.description,
     showSuccessBackButton = _ref.showSuccessBackButton,
     onSuccessBack = _ref.onSuccessBack;
   var context = useEngineContext();
@@ -18,7 +27,11 @@ var ThreedsLoading = function ThreedsLoading(_ref) {
     alt: ""
   }), /*#__PURE__*/React.createElement("div", {
     className: 'threeds-loading-title'
-  }, title || locales.getText('tocPay.text.waitingForBankVerification')), showSuccessBackButton && /*#__PURE__*/React.createElement("div", {
+  }, title || locales.getText('tocPay.text.waitingForBankVerification')), subtitle && /*#__PURE__*/React.createElement("div", {
+    className: 'threeds-loading-subtitle'
+  }, subtitle), description && /*#__PURE__*/React.createElement("div", {
+    className: 'threeds-loading-description'
+  }, description), showSuccessBackButton && /*#__PURE__*/React.createElement("div", {
     onClick: onSuccessBack,
     className: "threeds-loading-success-back-button"
   }, locales.getText('tocPay.text.successBack')));

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.less

@@ -22,6 +22,26 @@
     color: #353535;
   }
 
+  .threeds-loading-subtitle {
+    margin-top: 8px;
+    padding: 0 40px;
+    text-align: center;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: #475467;
+  }
+
+  .threeds-loading-description {
+    margin-top: 4px;
+    padding: 0 40px;
+    text-align: center;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 18px;
+    color: #667085;
+  }
+
   .threeds-loading-success-back-button {
     margin-top: 20px;
     color: #4b6b99;

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/index.d.ts

@@ -1,10 +1,16 @@
 import React from 'react';
 import './index.less';
 export interface TDSPayRef {
-    init: (res: any, order: any) => void;
+    /** 初始化 3DS 支付流程
+     * @param res 卡信息（已保存卡含 id，新卡含表单字段）
+     * @param order 订单信息
+     * @param preCheckData 可选，外部预检查已获取的数据（跳过内部 fastPayNew / checkEnrollment）
+     */
+    init: (res: any, order: any, preCheckData?: any) => void;
 }
 export interface TDSPayProps {
     onChange?: (values: any) => void;
+    closeAll: () => void;
 }
 declare const _default: React.ForwardRefExoticComponent<TDSPayProps & React.RefAttributes<any>>;
 export default _default;

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/index.js

@@ -8,10 +8,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useImperativeHandle, forwardRef, useContext } from 'react';
+import React, { useState, useRef, useEffect, useImperativeHandle, forwardRef, useContext } from 'react';
+import { Button } from 'antd';
 import { PisellModal } from '@pisell/materials';
 import ThreedsLoading from "./ThreedsLoading";
-import { startPayment } from "../tds2";
+import { startPayment, cancelCurrentPayment } from "../tds2";
 import { fastPayNew } from "../List/serve";
 import { Context } from "../../../model";
 import { getPayGroupParamsFromStorage, setPayNumber } from "../../../payGroup";
@@ -30,62 +31,138 @@ import { locales } from '@pisell/utils';
  * @Date: 2024-08-16 11:15
  */
 var TDSPay = function TDSPay(props, ref) {
-  var onChange = props.onChange;
+  var onChange = props.onChange,
+    closeAll = props.closeAll;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  // 关闭确认弹窗可见性
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showCloseConfirm = _useState4[0],
+    setShowCloseConfirm = _useState4[1];
+  /**
+   * 递增会话 ID：每次 init 递增，旧流程通过比对 ID 判断自身是否已被取代。
+   * 解决了旧 cancelledRef 的缺陷——旧方案用单一 boolean，新 init 的 reset 会误将
+   * 上一次仍在运行的 startPayment 重新"激活"。
+   */
+  var sessionIdRef = useRef(0);
+  // 支付流程进行中标记，阻止并发 init 调用
+  var payingRef = useRef(false);
   var _useContext = useContext(Context),
     state = _useContext.state;
 
+  /** 组件卸载时：递增 sessionId 使旧流程的 isCancelled 失效 + 清理残留的 message 监听器 */
+  useEffect(function () {
+    return function () {
+      sessionIdRef.current += 1;
+      cancelCurrentPayment();
+    };
+  }, []);
+
   /**
-   * @title: 初始化
-   * @description:
-   * @param {any} res
-   * @param {any} order
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2024-08-16 11:15
+   * @title: 创建绑定当前会话的回调
+   * @description: 回调内部比对 sessionId，若已被新会话取代则忽略调用。
+   *              hideModal 为中间态回调（不释放锁）；其他 key 为终态（释放锁 + 通知外部）。
+   */
+  var createSessionCallback = function createSessionCallback(session) {
+    return function (res) {
+      if (sessionIdRef.current !== session) return;
+      setOpen(false);
+      setShowCloseConfirm(false);
+      payingRef.current = false;
+      if (res.key === 'hideModal') return;
+      onChange === null || onChange === void 0 || onChange(res);
+    };
+  };
+
+  /**
+   * @title: 初始化 3DS 支付流程
+   * @description: 若已有流程在执行中则忽略本次调用。
+   *              通过递增 sessionId 自动废弃前一次残留的异步流程。
    */
   var init = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res, order) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res, order, preCheckData) {
+      var session, isCancelled, callback;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            if (!payingRef.current) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            payingRef.current = true;
+            sessionIdRef.current += 1;
+            cancelCurrentPayment();
+            session = sessionIdRef.current;
             setOpen(true);
-
+            isCancelled = function isCancelled() {
+              return sessionIdRef.current !== session;
+            };
+            callback = createSessionCallback(session); // 如果有预检查数据，直接走 startPayment（跳过 checkEnrollment）
+            if (!preCheckData) {
+              _context.next = 12;
+              break;
+            }
+            startPayment({
+              payData: preCheckData
+            }, {
+              callback: callback,
+              isCancelled: isCancelled
+            });
+            return _context.abrupt("return");
+          case 12:
             // 已保存的卡
             if (res.id) {
-              _fastPayNew(res);
+              _fastPayNew(res, callback, isCancelled);
             } else {
               // 新卡
-              newCardPay(res);
+              newCardPay(res, callback, isCancelled);
             }
-          case 2:
+          case 13:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function init(_x, _x2) {
+    return function init(_x, _x2, _x3) {
       return _ref.apply(this, arguments);
     };
   }();
 
   /**
-   * @title: 支付结果回调
-   * @description:
-   * @param {any} res
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2024-08-16 11:15
+   * @title: 等待页关闭按钮点击
+   * @description: 点击 PisellModal 关闭按钮时，弹出确认弹窗而非直接关闭
    */
-  var payCallback = function payCallback(res) {
+  var handleCloseClick = function handleCloseClick() {
+    setShowCloseConfirm(true);
+  };
+
+  /**
+   * @title: 确认弹窗 - 继续等待
+   * @description: 关闭确认弹窗，继续等待支付结果
+   */
+  var handleContinueWaiting = function handleContinueWaiting() {
+    setShowCloseConfirm(false);
+  };
+
+  /**
+   * @title: 确认弹窗 - 查看订单
+   * @description: 递增 sessionId 使旧流程的 isCancelled 返回 true，释放锁并关闭弹窗
+   */
+  var handleViewOrder = function handleViewOrder() {
+    sessionIdRef.current += 1;
+    cancelCurrentPayment();
+    payingRef.current = false;
+    setShowCloseConfirm(false);
     setOpen(false);
-    if (res.key === 'hideModal') {
-      return;
-    }
-    onChange === null || onChange === void 0 || onChange(res);
+    closeAll === null || closeAll === void 0 || closeAll();
+    onChange === null || onChange === void 0 || onChange({
+      key: 'cancel'
+    });
   };
 
   /**
@@ -97,13 +174,12 @@ var TDSPay = function TDSPay(props, ref) {
    * @Date: 2024-08-16 11:15
    */
   var _fastPayNew = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(res) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(res, callback, isCancelled) {
       var _state$payGroup, _state$payGroup2, _state$payGroup3, params, _yield$fastPayNew, data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-            // 获取交易组
             params = getPayGroupParamsFromStorage((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id, {
               card_id: res.id
             });
@@ -111,7 +187,7 @@ var TDSPay = function TDSPay(props, ref) {
               _context2.next = 5;
               break;
             }
-            payCallback === null || payCallback === void 0 || payCallback({
+            callback({
               key: 'fail',
               data: {
                 res: res,
@@ -129,30 +205,33 @@ var TDSPay = function TDSPay(props, ref) {
           case 7:
             _yield$fastPayNew = _context2.sent;
             data = _yield$fastPayNew.data;
-            // 设置交易号
+            if (!isCancelled()) {
+              _context2.next = 11;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 11:
             setPayNumber((_state$payGroup3 = state.payGroup) === null || _state$payGroup3 === void 0 ? void 0 : _state$payGroup3.order_id, data === null || data === void 0 ? void 0 : data.pay_number);
-
-            // token 直接跳转成功页面
             if ((data === null || data === void 0 ? void 0 : data.type) === 'token') {
-              payCallback === null || payCallback === void 0 || payCallback({
+              callback({
                 key: 'success',
                 data: data
               });
             }
-
-            // 3DS 跳转3DS验证页面
             if ((data === null || data === void 0 ? void 0 : data.type) === '3ds') {
               startPayment({
                 payData: data
-              }, payCallback);
+              }, {
+                callback: callback,
+                isCancelled: isCancelled
+              });
             }
-            _context2.next = 17;
+            _context2.next = 19;
             break;
-          case 14:
-            _context2.prev = 14;
+          case 16:
+            _context2.prev = 16;
             _context2.t0 = _context2["catch"](0);
-            // 失败
-            payCallback === null || payCallback === void 0 || payCallback({
+            callback({
               key: 'fail',
               data: {
                 res: res,
@@ -160,13 +239,13 @@ var TDSPay = function TDSPay(props, ref) {
                 message: locales.getText('tocPay.text.getParamsFail')
               }
             });
-          case 17:
+          case 19:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 14]]);
+      }, _callee2, null, [[0, 16]]);
     }));
-    return function _fastPayNew(_x3) {
+    return function _fastPayNew(_x4, _x5, _x6) {
       return _ref2.apply(this, arguments);
     };
   }();
@@ -179,7 +258,7 @@ var TDSPay = function TDSPay(props, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-16 11:16
    */
-  var newCardPay = function newCardPay(res) {
+  var newCardPay = function newCardPay(res, callback, isCancelled) {
     var _state$payGroup4, _state$payGroup5;
     var _cardInfo = {
       card_name: res.card_name,
@@ -189,11 +268,9 @@ var TDSPay = function TDSPay(props, ref) {
       card_ccv: res.card_ccv,
       is_save: res.is_save ? 1 : 0
     };
-
-    // 补全交易组信息
     _cardInfo = getPayGroupParamsFromStorage((_state$payGroup4 = state.payGroup) === null || _state$payGroup4 === void 0 ? void 0 : _state$payGroup4.order_id, _cardInfo);
     if (!_cardInfo) {
-      payCallback === null || payCallback === void 0 || payCallback({
+      callback({
         key: 'fail',
         data: {
           _cardInfo: _cardInfo,
@@ -203,31 +280,65 @@ var TDSPay = function TDSPay(props, ref) {
       });
       return;
     }
-
-    // 3ds支付
     startPayment({
       orderId: (_state$payGroup5 = state.payGroup) === null || _state$payGroup5 === void 0 ? void 0 : _state$payGroup5.order_id,
       cardInfo: _cardInfo
-    }, payCallback);
+    }, {
+      callback: callback,
+      isCancelled: isCancelled
+    });
   };
   useImperativeHandle(ref, function () {
     return {
       init: init
     };
   });
-  return /*#__PURE__*/React.createElement(PisellModal, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PisellModal, {
     platform: 'h5',
     open: open,
     footer: false,
     header: false,
-    closable: false,
+    closable: true,
+    onCancel: handleCloseClick,
     bodyStyle: {
       padding: 0
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: ""
-  }, /*#__PURE__*/React.createElement(ThreedsLoading, null), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ThreedsLoading, {
+    title: locales.getText('tocPay.text.processingPayment'),
+    subtitle: locales.getText('tocPay.text.securityCheckRequired'),
+    description: locales.getText('tocPay.text.doNotClosePage')
+  }), /*#__PURE__*/React.createElement("div", {
     id: "threeds-container"
-  })));
+  }))), /*#__PURE__*/React.createElement(PisellModal, {
+    open: showCloseConfirm,
+    closable: false,
+    footer: null,
+    header: false,
+    mobileModalHeight: "auto",
+    headerDivider: false,
+    footerDivider: false,
+    bodyStyle: {
+      padding: 24
+    },
+    transitionName: "pisell-move-down"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tds-close-confirm-modal"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tds-close-confirm-title"
+  }, locales.getText('tocPay.text.stopWaitingTitle')), /*#__PURE__*/React.createElement("div", {
+    className: "tds-close-confirm-desc"
+  }, locales.getText('tocPay.text.stopWaitingDesc')), /*#__PURE__*/React.createElement("div", {
+    className: "tds-close-confirm-actions"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    block: true,
+    className: "tds-close-confirm-btn-primary",
+    onClick: handleContinueWaiting
+  }, locales.getText('tocPay.text.continueWaiting')), /*#__PURE__*/React.createElement("div", {
+    className: "tds-close-confirm-link",
+    onClick: handleViewOrder
+  }, locales.getText('tocPay.text.viewOrder'))))));
 };
 export default /*#__PURE__*/forwardRef(TDSPay);

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/index.less

@@ -0,0 +1,47 @@
+/** 关闭确认弹窗样式 */
+.tds-close-confirm-modal {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.tds-close-confirm-title {
+  color: var(--Gray-900, #101828);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+  margin-bottom: 8px;
+}
+
+.tds-close-confirm-desc {
+  color: var(--Gray-600, #475467);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  margin-bottom: 24px;
+  white-space: pre-line;
+}
+
+.tds-close-confirm-actions {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+
+.tds-close-confirm-btn-primary {
+  height: 44px;
+  font-size: 16px;
+  font-weight: 500;
+  border-radius: 8px;
+}
+
+.tds-close-confirm-link {
+  color: var(--Gray-500, #667085);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  cursor: pointer;
+  text-decoration: underline;
+  padding: 4px 0;
+}

package/es/components/pay/toC/PaymentMethods/MWCreditCard/components/TDSErrorModal/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import './index.less';
+/** 弹窗场景类型 */
+export declare type TDSErrorModalType = 'tds-not-supported' | 'bank-verify-failed';
+export interface TDSErrorModalProps {
+    /** 弹窗是否可见 */
+    open: boolean;
+    /**
+     * 弹窗场景类型，决定标题与描述文案
+     * - 'tds-not-supported'：卡不支持 3DS 验证（默认）
+     * - 'bank-verify-failed'：银行安全验证失败（700500）
+     */
+    type?: TDSErrorModalType;
+    /** 商家联系电话 */
+    shopPhone?: string;
+    /** 商家联系邮箱 */
+    shopEmail?: string;
+    /** 更换卡片（留在卡列表页面） */
+    onUseAnotherCard?: () => void;
+    /** 使用其他支付方式（返回支付方式列表） */
+    onUseAnotherPayment?: () => void;
+    /** 稍后支付（跳转订单详情页） */
+    onPayLater?: () => void;
+}
+/**
+ * @title: 支付错误弹窗（通用）
+ * @description: 根据 type 展示不同文案，按钮行为一致：
+ *              更换卡片 / 使用其他支付方式 / 稍后支付。
+ *              支持两种场景：
+ *              1. tds-not-supported —— 预检查发现卡不支持 3DS 验证
+ *              2. bank-verify-failed —— 3DS 流程中银行安全验证失败（700500）
+ */
+declare const TDSErrorModal: React.FC<TDSErrorModalProps>;
+export default TDSErrorModal;