@pisell/private-materials 6.2.50 → 6.2.52

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js

@@ -311,26 +311,28 @@ var createChallengeIframe = (challengeData, callback) => {
   };
   return new Promise((res, rej) => {
     let timer = null;
+    const handleMessage = (event) => {
+      if (event.origin.indexOf(postmessageUrl) !== -1 || event.origin.indexOf("securesuite") !== -1) {
+        if (typeof event.data.cres == "string") {
+          if (timer) {
+            clearTimeout(timer);
+          }
+          res(event.data.cres);
+          closeIframe();
+        }
+      }
+    };
     timer = setTimeout(() => {
       log({
         msg: "第五步: 60秒超时则走N逻辑",
         data: challengeData
       });
+      window.removeEventListener("message", handleMessage);
       rej("time out");
     }, 2 * 60 * 1e3);
     window.addEventListener(
       "message",
-      (event) => {
-        if (event.origin.indexOf(postmessageUrl) !== -1 || event.origin.indexOf("securesuite") !== -1) {
-          if (typeof event.data.cres == "string") {
-            if (timer) {
-              clearTimeout(timer);
-            }
-            res(event.data.cres);
-            closeIframe();
-          }
-        }
-      },
+      handleMessage,
       false
     );
   });

package/lib/components/pay/toC/PaymentMethods/OfflinePayment/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/pay/toC/PaymentMethods/OfflinePayment/index.tsx
@@ -26,21 +36,73 @@ var import_react = require("react");
 var import_serve = require("./serve");
 var import_model = require("../../model");
 var import_payGroup = require("../../payGroup");
+var import_usePaymentLogger = __toESM(require("../../../../../hooks/usePaymentLogger"));
 var import_index = require("./index.less");
 var OfflinePayment = (props, ref) => {
+  var _a;
   const { state } = (0, import_react.useContext)(import_model.Context);
+  const paymentLogger = (0, import_usePaymentLogger.default)({
+    orderId: ((_a = state.payGroup) == null ? void 0 : _a.order_id) || "unknown",
+    step: "2"
+  });
   const init = async ({ payGroup }) => {
-    var _a;
-    const _item = payGroup == null ? void 0 : payGroup.otherPayment;
-    const params = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup == null ? void 0 : payGroup.order_id, {
-      order_id: payGroup == null ? void 0 : payGroup.order_id,
-      payment_method: (_a = _item == null ? void 0 : _item.params) == null ? void 0 : _a.payment_method
-    });
-    if (!params) {
-      return;
+    var _a2, _b;
+    try {
+      paymentLogger.addLog({
+        key: "OfflinePayment初始化开始",
+        value: ""
+      });
+      const _item = payGroup == null ? void 0 : payGroup.otherPayment;
+      const params = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup == null ? void 0 : payGroup.order_id, {
+        order_id: payGroup == null ? void 0 : payGroup.order_id,
+        payment_method: (_a2 = _item == null ? void 0 : _item.params) == null ? void 0 : _a2.payment_method
+      });
+      if (!params) {
+        paymentLogger.addLog({
+          key: "OfflinePayment获取支付参数失败",
+          value: {
+            title: `订单${payGroup == null ? void 0 : payGroup.order_id} 未找到存储的支付参数`,
+            data: {
+              payGroup
+            }
+          }
+        });
+        paymentLogger.sendLogs("OfflinePayment获取支付参数失败");
+        return;
+      }
+      paymentLogger.addLog({
+        key: "OfflinePayment获取支付参数成功",
+        value: ""
+      });
+      paymentLogger.addLog({
+        key: "OfflinePayment开始执行支付",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} 开始执行线下支付`,
+          data: {
+            params,
+            paymentMethod: (_b = _item == null ? void 0 : _item.params) == null ? void 0 : _b.payment_method
+          }
+        }
+      });
+      await (0, import_serve.offlinePayment)(params);
+      paymentLogger.addLog({
+        key: "OfflinePayment支付成功",
+        value: ""
+      });
+      paymentLogger.sendLogs("OfflinePayment支付成功");
+      state.payCallback({ key: "success" });
+    } catch (err) {
+      paymentLogger.addLog({
+        key: "OfflinePayment处理错误",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} OfflinePayment处理失败: ${(err == null ? void 0 : err.message) || "未知错误"}`,
+          data: {
+            payGroup
+          }
+        }
+      });
+      paymentLogger.sendLogs("OfflinePayment处理失败", err);
     }
-    await (0, import_serve.offlinePayment)(params);
-    state.payCallback({ key: "success" });
   };
   (0, import_react.useImperativeHandle)(
     ref,

package/lib/components/pay/toC/PaymentMethods/StripePay/index.js

@@ -35,16 +35,41 @@ module.exports = __toCommonJS(StripePay_exports);
 var import_react = require("react");
 var import_model = require("../../model");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_usePaymentLogger = __toESM(require("../../../../../hooks/usePaymentLogger"));
 var import_index = require("./index.less");
 var StripePay = (props, ref) => {
+  var _a;
   const { state } = (0, import_react.useContext)(import_model.Context);
   const context = (0, import_useEngineContext.default)();
+  const paymentLogger = (0, import_usePaymentLogger.default)({
+    orderId: ((_a = state == null ? void 0 : state.payGroup) == null ? void 0 : _a.order_id) || "unknown",
+    step: "2"
+  });
   const init = async ({ payGroup }) => {
-    var _a, _b;
+    var _a2, _b;
+    paymentLogger.addLog({
+      key: "StripePay初始化开始",
+      value: ""
+    });
     try {
       let _item = payGroup == null ? void 0 : payGroup.otherPayment;
-      const platform = ((_b = (_a = context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.platform) || "h5";
+      const platform = ((_b = (_a2 = context.appHelper) == null ? void 0 : _a2.constants) == null ? void 0 : _b.platform) || "h5";
+      paymentLogger.addLog({
+        key: "StripePay平台检测",
+        value: {
+          platform,
+          paymentItem: _item
+        }
+      });
       if (platform === "pc") {
+        paymentLogger.addLog({
+          key: "StripePay PC端回调准备",
+          value: {
+            service: _item.service,
+            orderId: payGroup.order_id,
+            paymentMethod: _item.title
+          }
+        });
         state.payCallback({
           key: _item.service,
           data: {
@@ -52,12 +77,29 @@ var StripePay = (props, ref) => {
             payment_method: _item.title
           }
         });
+        paymentLogger.sendLogs("StripePay PC端回调成功");
         return;
       }
-      state.history.push(
-        `/pay/stripe?order_id=${payGroup.order_id}&payment_method=${encodeURIComponent(_item.title)}`
-      );
+      const redirectUrl = `/pay/stripe?order_id=${payGroup.order_id}&payment_method=${encodeURIComponent(_item.title)}`;
+      paymentLogger.addLog({
+        key: "StripePay H5端跳转准备",
+        value: {
+          redirectUrl
+        }
+      });
+      state.history.push(redirectUrl);
+      paymentLogger.sendLogs("StripePay H5端跳转成功");
     } catch (err) {
+      paymentLogger.addLog({
+        key: "StripePay处理错误",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} StripePay处理失败: ${(err == null ? void 0 : err.message) || "未知错误"}`,
+          data: {
+            payGroup
+          }
+        }
+      });
+      paymentLogger.sendLogs("StripePay处理失败", err);
     }
   };
   (0, import_react.useImperativeHandle)(

package/lib/components/pay/toC/PaymentMethods/SuperPayAliPayH5/index.js

@@ -41,36 +41,107 @@ var import_model = require("../../model");
 var import_payGroup = require("../../payGroup");
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_usePaymentLogger = __toESM(require("../../../../../hooks/usePaymentLogger"));
 var import_utils2 = require("../../utils");
+var import_hooks = require("../hooks");
+var import_PaymentReturnContent = __toESM(require("../components/PaymentReturnContent"));
 var SuperPayAliPayH5 = (props, ref) => {
-  var _a;
+  var _a, _b, _c, _d;
   const { state } = (0, import_react.useContext)(import_model.Context);
   const { onChange } = props;
   const [open, setOpen] = (0, import_react.useState)(false);
   const [showSuccessBackButton, setShowSuccessBackButton] = (0, import_react.useState)(false);
+  const [statePayNumber, setStatePayNumber] = (0, import_react.useState)("");
   const context = (0, import_useEngineContext.default)();
   const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const paymentLogger = (0, import_usePaymentLogger.default)({
+    orderId: ((_b = state.payGroup) == null ? void 0 : _b.order_id) || "unknown",
+    step: "2"
+  });
+  const { isReturned, handleRedirect, resetState } = (0, import_hooks.usePaymentRedirect)({
+    orderId: (_c = state.payGroup) == null ? void 0 : _c.order_id,
+    paymentType: "aliPay"
+  });
   const init = async ({ payGroup }) => {
-    var _a2, _b;
+    var _a2, _b2;
+    paymentLogger.addLog({
+      key: "SuperPayAliPayH5初始化开始",
+      value: ""
+    });
     const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
-    if ((_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2)) {
-      return (0, import_utils2.clientPayment)({ order_id: payGroup.order_id, type: "aliPay", values, interaction });
+    if ((_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b2.call(_a2)) {
+      paymentLogger.addLog({
+        key: "SuperPayAliPayH5App环境检测",
+        value: "检测到App环境，调用客户端支付"
+      });
+      paymentLogger.sendLogs("SuperPayAliPayH5App环境支付");
+      return (0, import_utils2.clientPayment)({
+        order_id: payGroup.order_id,
+        type: "aliPay",
+        values,
+        interaction
+      });
     }
     setOpen(true);
     if (!values) {
+      paymentLogger.addLog({
+        key: "SuperPayAliPayH5获取支付参数失败",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} 未找到存储的支付参数`,
+          data: {
+            payGroup
+          }
+        }
+      });
+      paymentLogger.sendLogs("SuperPayAliPayH5获取支付参数失败");
       setOpen(false);
       return;
     }
+    paymentLogger.addLog({
+      key: "SuperPayAliPayH5获取支付参数成功",
+      value: ""
+    });
     try {
       const data = await (0, import_serve.getAliPayUrl)(payGroup.order_id, values);
       if (data == null ? void 0 : data.pay_url) {
+        paymentLogger.addLog({
+          key: "SuperPayAliPayH5获取支付链接成功",
+          value: ""
+        });
         (0, import_payGroup.setPayNumber)(payGroup == null ? void 0 : payGroup.order_id, data == null ? void 0 : data.pay_number);
+        setStatePayNumber(data == null ? void 0 : data.pay_number);
         setShowSuccessBackButton(true);
-        window.location.href = data == null ? void 0 : data.pay_url;
+        paymentLogger.addLog({
+          key: "SuperPayAliPayH5准备跳转支付宝",
+          value: ""
+        });
+        paymentLogger.sendLogs("SuperPayAliPayH5跳转成功");
+        await handleRedirect(data == null ? void 0 : data.pay_url);
       } else {
+        paymentLogger.addLog({
+          key: "SuperPayAliPayH5支付链接为空",
+          value: {
+            title: `订单${payGroup == null ? void 0 : payGroup.order_id} 支付宝支付链接为空`,
+            data: {
+              response_data: data
+            }
+          }
+        });
+        paymentLogger.sendLogs("SuperPayAliPayH5支付链接为空");
         setOpen(false);
       }
     } catch (err) {
+      paymentLogger.addLog({
+        key: "SuperPayAliPayH5处理错误",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} SuperPayAliPayH5处理失败: ${(err == null ? void 0 : err.message) || "未知错误"}`,
+          data: {
+            payGroup,
+            values
+          }
+        }
+      });
+      paymentLogger.sendLogs("SuperPayAliPayH5处理失败", err);
       setOpen(false);
     }
   };
@@ -86,6 +157,10 @@ var SuperPayAliPayH5 = (props, ref) => {
       key: "success"
     });
   };
+  const handleReturn = () => {
+    setOpen(false);
+    resetState();
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
@@ -96,13 +171,22 @@ var SuperPayAliPayH5 = (props, ref) => {
       closable: false,
       bodyStyle: { padding: 0 }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, !isReturned && /* @__PURE__ */ import_react.default.createElement(
       import_ThreedsLoading.default,
       {
         title: import_utils.locales.getText("tocPay.text.redirectingToAlipay"),
         onSuccessBack: handleSuccessBack,
         showSuccessBackButton
       }
+    ), isReturned && /* @__PURE__ */ import_react.default.createElement(
+      import_PaymentReturnContent.default,
+      {
+        pay_number: statePayNumber,
+        handleReturn,
+        state,
+        orderId: (_d = state.payGroup) == null ? void 0 : _d.order_id,
+        unique_payment_number: state.front_order_uuid
+      }
     ))
   );
 };

package/lib/components/pay/toC/PaymentMethods/SuperPayWxPayH5/index.js

@@ -36,36 +36,96 @@ var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
 var import_ThreedsLoading = __toESM(require("../MWCreditCard/TDSPay/ThreedsLoading"));
 var import_serve = require("./serve");
+var import_model = require("../../model");
 var import_payGroup = require("../../payGroup");
 var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../../utils");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_usePaymentLogger = __toESM(require("../../../../../hooks/usePaymentLogger"));
 var SuperPayWxPayH5 = (props, ref) => {
-  var _a;
+  var _a, _b;
+  const { state } = (0, import_react.useContext)(import_model.Context);
   const [open, setOpen] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const paymentLogger = (0, import_usePaymentLogger.default)({
+    orderId: ((_b = state.payGroup) == null ? void 0 : _b.order_id) || "unknown",
+    step: "2"
+  });
   const init = async ({ payGroup }) => {
-    var _a2, _b;
+    var _a2, _b2;
+    paymentLogger.addLog({
+      key: "SuperPayWxPayH5初始化开始",
+      value: ""
+    });
     const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
-    if ((_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2)) {
+    if ((_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b2.call(_a2)) {
+      paymentLogger.addLog({
+        key: "SuperPayWxPayH5App环境检测",
+        value: "检测到App环境，调用客户端支付"
+      });
+      paymentLogger.sendLogs("SuperPayWxPayH5App环境支付");
       return (0, import_utils2.clientPayment)({ order_id: payGroup.order_id, type: "wxPay", values, interaction });
     }
     setOpen(true);
     if (!values) {
+      paymentLogger.addLog({
+        key: "SuperPayWxPayH5获取支付参数失败",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} 未找到存储的支付参数`,
+          data: {
+            payGroup
+          }
+        }
+      });
+      paymentLogger.sendLogs("SuperPayWxPayH5获取支付参数失败");
       setOpen(false);
       return;
     }
+    paymentLogger.addLog({
+      key: "SuperPayWxPayH5获取支付参数成功",
+      value: ""
+    });
     try {
       const data = await (0, import_serve.getWxPayUrl)(payGroup.order_id, values);
       if (data == null ? void 0 : data.pay_url) {
+        paymentLogger.addLog({
+          key: "SuperPayWxPayH5获取支付链接成功",
+          value: ""
+        });
         (0, import_payGroup.setPayNumber)(payGroup == null ? void 0 : payGroup.order_id, data == null ? void 0 : data.pay_number);
+        paymentLogger.addLog({
+          key: "SuperPayWxPayH5准备跳转微信支付",
+          value: ""
+        });
+        paymentLogger.sendLogs("SuperPayWxPayH5跳转成功");
         window.location.href = data == null ? void 0 : data.pay_url;
       } else {
+        paymentLogger.addLog({
+          key: "SuperPayWxPayH5支付链接为空",
+          value: {
+            title: `订单${payGroup == null ? void 0 : payGroup.order_id} 微信支付链接为空`,
+            data: {
+              response_data: data
+            }
+          }
+        });
+        paymentLogger.sendLogs("SuperPayWxPayH5支付链接为空");
         setOpen(false);
       }
     } catch (err) {
+      paymentLogger.addLog({
+        key: "SuperPayWxPayH5处理错误",
+        value: {
+          title: `订单${payGroup == null ? void 0 : payGroup.order_id} SuperPayWxPayH5处理失败: ${(err == null ? void 0 : err.message) || "未知错误"}`,
+          data: {
+            payGroup,
+            values
+          }
+        }
+      });
+      paymentLogger.sendLogs("SuperPayWxPayH5处理失败", err);
       setOpen(false);
     }
   };

package/lib/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+export interface PaymentReturnContentProps {
+    orderId?: string;
+    unique_payment_number?: string;
+    state?: any;
+    handleReturn?: () => void;
+    pay_number?: string;
+}
+/**
+ * 支付返回后展示的内容组件
+ * 当用户从外部支付页面返回时展示此组件
+ */
+declare const PaymentReturnContent: React.FC<PaymentReturnContentProps>;
+export default PaymentReturnContent;

package/lib/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.js

@@ -0,0 +1,88 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.tsx
+var PaymentReturnContent_exports = {};
+__export(PaymentReturnContent_exports, {
+  default: () => PaymentReturnContent_default
+});
+module.exports = __toCommonJS(PaymentReturnContent_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
+var import_serve = require("../../../serve");
+var import_usePrefix = __toESM(require("../../../../../../hooks/usePrefix"));
+var import_index = require("./index.less");
+var PaymentReturnContent = ({
+  orderId,
+  unique_payment_number,
+  state,
+  handleReturn,
+  pay_number
+}) => {
+  const prefix = (0, import_usePrefix.default)();
+  const getPaymentIsPaid = (0, import_ahooks.useMemoizedFn)(async () => {
+    if (!unique_payment_number && !pay_number) {
+      return true;
+    }
+    const { data } = await (0, import_serve.getPaymentResult)({
+      order_id: orderId,
+      pay_number,
+      unique_payment_number: pay_number ? void 0 : unique_payment_number
+    });
+    return (data == null ? void 0 : data.payment_status) === "paid";
+  });
+  const handleViewOrder = async () => {
+    var _a;
+    const isPaid = await getPaymentIsPaid();
+    if (!isPaid) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("tocPay.text.paymentFailed")
+      });
+      return;
+    }
+    (_a = state.payCallback) == null ? void 0 : _a.call(state, {
+      key: "success"
+    });
+  };
+  const handleGoBack = async () => {
+    var _a;
+    const isPaid = await getPaymentIsPaid();
+    if (!isPaid) {
+      handleReturn == null ? void 0 : handleReturn();
+      return;
+    } else {
+      (_a = state.payCallback) == null ? void 0 : _a.call(state, {
+        key: "success"
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "payment-return-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "payment-return-content-img" }, /* @__PURE__ */ import_react.default.createElement("img", { src: `${prefix}/payment-content.png`, alt: "success" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "payment-return-content-text" }, import_utils.locales.getText("tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater")), /* @__PURE__ */ import_react.default.createElement("div", { className: "payment-return-content-buttons" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { block: true, className: "payment-return-content-order-button", onClick: handleViewOrder }, import_utils.locales.getText("tocPay.text.paymentCompletedAndViewOrder")), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { block: true, onClick: handleGoBack }, import_utils.locales.getText("tocPay.text.returnAndSelectOtherPaymentMethod"))));
+};
+var PaymentReturnContent_default = PaymentReturnContent;

package/lib/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.less

@@ -0,0 +1,44 @@
+.payment-return-content {
+  padding: 100px 46px 0;
+  max-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+
+  .payment-return-content-img {
+    width: 100%;
+    min-height: 270px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    img {
+      max-width: 100%;
+      height: 100%;
+      max-height: 480px;
+    }
+  }
+  .payment-return-content-text {
+    color: var(--Gray-600, #475467);
+    text-align: center;
+  }
+  .payment-return-content-buttons {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    button {
+      border-radius: 40px;
+      span {
+        width: 100%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    }
+    .payment-return-content-order-button {
+      background: #7F56DA;
+      color: var(--Primary-700, #6941C6);
+      border: 1px solid var(--Primary-200, #E9D7FE);
+      background: var(--Primary-50, #F9F5FF);
+    }
+  }
+}
+

package/lib/components/pay/toC/PaymentMethods/hooks/index.d.ts

@@ -0,0 +1,19 @@
+export interface UsePaymentRedirectOptions {
+    orderId?: string;
+    paymentType: string;
+    onAfterReturn?: () => void;
+}
+export interface UsePaymentRedirectReturn {
+    isReturned: boolean;
+    handleRedirect: (url: string) => Promise<void>;
+    resetState: () => void;
+}
+/**
+ * 支付跳转 Hook
+ * 用于处理跳转到外部支付页面的逻辑，包括：
+ * 1. 保存跳转标记到 history state
+ * 2. 跳转到外部支付页面
+ * 3. 监听页面返回事件
+ * 4. 返回后更新状态
+ */
+export declare const usePaymentRedirect: (options: UsePaymentRedirectOptions) => UsePaymentRedirectReturn;