@pisell/private-materials 6.3.14 → 6.4.1

package/es/components/pay/toC/PaymentMethods/GlobePayPaypalH5/index.js

@@ -8,12 +8,14 @@ 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 } from 'react';
+import React, { useState, useImperativeHandle, forwardRef, useContext } from 'react';
 import { PisellModal } from '@pisell/materials';
 import { locales } from '@pisell/utils';
 import ThreedsLoading from "../MWCreditCard/TDSPay/ThreedsLoading";
 import { getAliPayUrl } from "./serve";
+import { Context } from "../../model";
 import { getPayGroupParamsFromStorage, setPayNumber } from "../../payGroup";
+import usePaymentLogger from "../../../../../hooks/usePaymentLogger";
 import "./index.less";
 /**
  * @title: Paypal支付
@@ -23,12 +25,21 @@ import "./index.less";
  * @Date: 2024-08-16 11:18
  */
 var GlobePayPaypalH5 = function GlobePayPaypalH5(props, ref) {
+  var _state$payGroup;
+  var _useContext = useContext(Context),
+    state = _useContext.state;
   var onChange = props.onChange;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
 
+  // GlobePayPaypalH5支付日志记录器
+  var paymentLogger = usePaymentLogger({
+    orderId: ((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id) || 'unknown',
+    step: '2'
+  });
+
   /**
    * @title: 初始化
    * @description:
@@ -44,43 +55,110 @@ var GlobePayPaypalH5 = function GlobePayPaypalH5(props, ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payGroup = _ref.payGroup;
+            // 记录GlobePayPaypalH5初始化开始
+            paymentLogger.addLog({
+              key: 'GlobePayPaypalH5初始化开始',
+              value: ""
+            });
             setOpen(true);
 
             // 交易组
             values = getPayGroupParamsFromStorage(payGroup.order_id);
             if (values) {
-              _context.next = 6;
+              _context.next = 9;
               break;
             }
+            // 记录获取支付参数失败
+            paymentLogger.addLog({
+              key: 'GlobePayPaypalH5获取支付参数失败',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u672A\u627E\u5230\u5B58\u50A8\u7684\u652F\u4ED8\u53C2\u6570"),
+                data: {
+                  payGroup: payGroup
+                }
+              }
+            });
+            paymentLogger.sendLogs('GlobePayPaypalH5获取支付参数失败');
             setOpen(false);
             return _context.abrupt("return");
-          case 6:
-            _context.prev = 6;
-            _context.next = 9;
-            return getAliPayUrl(payGroup.order_id, values);
           case 9:
+            // 记录获取支付参数成功
+            paymentLogger.addLog({
+              key: 'GlobePayPaypalH5获取支付参数成功',
+              value: ""
+            });
+            _context.prev = 10;
+            // 记录开始获取Paypal支付链接
+            paymentLogger.addLog({
+              key: 'GlobePayPaypalH5开始获取支付链接',
+              value: ""
+            });
+
+            // 获取Paypal支付链接
+            _context.next = 14;
+            return getAliPayUrl(payGroup.order_id, values);
+          case 14:
             data = _context.sent;
             url = data.url || (data === null || data === void 0 ? void 0 : data.pay_url);
             if (url) {
+              // 记录获取支付链接成功
+              paymentLogger.addLog({
+                key: 'GlobePayPaypalH5获取支付链接成功',
+                value: ""
+              });
+
               // 设置交易号
               setPayNumber(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, data === null || data === void 0 ? void 0 : data.pay_number);
 
+              // 记录准备跳转Paypal
+              paymentLogger.addLog({
+                key: 'GlobePayPaypalH5准备跳转Paypal',
+                value: ""
+              });
+
+              // 在跳转前发送日志
+              paymentLogger.sendLogs('GlobePayPaypalH5跳转成功');
+
               // 跳转
               window.location.href = url;
             } else {
+              // 记录未获取到支付链接
+              paymentLogger.addLog({
+                key: 'GlobePayPaypalH5未获取到支付链接',
+                value: {
+                  title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u672A\u83B7\u53D6\u5230\u6709\u6548\u7684\u652F\u4ED8\u94FE\u63A5"),
+                  data: {
+                    payGroup: payGroup,
+                    response: data
+                  }
+                }
+              });
+              paymentLogger.sendLogs('GlobePayPaypalH5未获取到支付链接');
               setOpen(false);
             }
-            _context.next = 17;
+            _context.next = 24;
             break;
-          case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](6);
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](10);
+            // 记录GlobePayPaypalH5处理错误
+            paymentLogger.addLog({
+              key: 'GlobePayPaypalH5处理错误',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " GlobePayPaypalH5\u5904\u7406\u5931\u8D25: ").concat((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) || '未知错误'),
+                data: {
+                  payGroup: payGroup,
+                  values: values
+                }
+              }
+            });
+            paymentLogger.sendLogs('GlobePayPaypalH5处理失败', _context.t0);
             setOpen(false);
-          case 17:
+          case 24:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 14]]);
+      }, _callee, null, [[10, 19]]);
     }));
     return function init(_x) {
       return _ref2.apply(this, arguments);

package/es/components/pay/toC/PaymentMethods/GlobePayQrcode/index.js

@@ -5,6 +5,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import { useImperativeHandle, forwardRef, useContext } from 'react';
 import { Context } from "../../model";
 import useEngineContext from "../../../../../hooks/useEngineContext";
+import usePaymentLogger from "../../../../../hooks/usePaymentLogger";
 import "./index.less";
 /**
  * @title: GlobePayQrcode
@@ -16,10 +17,17 @@ import "./index.less";
  * @Date: 2024-08-16 11:17
  */
 var GlobePayQrcode = function GlobePayQrcode(props, ref) {
+  var _state$payGroup;
   var _useContext = useContext(Context),
     state = _useContext.state;
   var context = useEngineContext();
 
+  // GlobePayQrcode支付日志记录器
+  var paymentLogger = usePaymentLogger({
+    orderId: ((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id) || 'unknown',
+    step: '2'
+  });
+
   /**
    * @title: 初始化
    * @description:
@@ -35,21 +43,52 @@ var GlobePayQrcode = function GlobePayQrcode(props, ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payGroup = _ref.payGroup;
-            _context.prev = 1;
-            _item = payGroup === null || payGroup === void 0 ? void 0 : payGroup.otherPayment; // const platform = context.appHelper?.constants?.platform || 'h5';
+            // 记录GlobePayQrcode初始化开始
+            paymentLogger.addLog({
+              key: 'GlobePayQrcode初始化开始',
+              value: ""
+            });
+            _context.prev = 2;
+            _item = payGroup === null || payGroup === void 0 ? void 0 : payGroup.otherPayment; // 记录获取支付配置
+            paymentLogger.addLog({
+              key: 'GlobePayQrcode获取支付配置',
+              value: ""
+            });
+
+            // const platform = context.appHelper?.constants?.platform || 'h5';
+
+            // 记录准备回调
+            paymentLogger.addLog({
+              key: 'GlobePayQrcode准备回调',
+              value: ""
+            });
+
+            // 在回调前发送成功日志
+            paymentLogger.sendLogs('GlobePayQrcode处理成功');
             state.payCallback({
               key: _item.service,
               data: payGroup
             });
             return _context.abrupt("return");
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](1);
-          case 9:
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](2);
+            // 记录GlobePayQrcode处理错误
+            paymentLogger.addLog({
+              key: 'GlobePayQrcode处理错误',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " GlobePayQrcode\u5904\u7406\u5931\u8D25: ").concat((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) || '未知错误'),
+                data: {
+                  payGroup: payGroup
+                }
+              }
+            });
+            paymentLogger.sendLogs('GlobePayQrcode处理失败', _context.t0);
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 7]]);
+      }, _callee, null, [[2, 11]]);
     }));
     return function init(_x) {
       return _ref2.apply(this, arguments);

package/es/components/pay/toC/PaymentMethods/GlobePayWxH5/index.js

@@ -8,12 +8,14 @@ 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 } from 'react';
+import React, { useState, useImperativeHandle, forwardRef, useContext } from 'react';
 import { PisellModal } from '@pisell/materials';
 import { locales } from '@pisell/utils';
 import ThreedsLoading from "../MWCreditCard/TDSPay/ThreedsLoading";
 import { getAliPayUrl } from "./serve";
+import { Context } from "../../model";
 import { getPayGroupParamsFromStorage, setPayNumber } from "../../payGroup";
+import usePaymentLogger from "../../../../../hooks/usePaymentLogger";
 import "./index.less";
 /**
  * @title: Globe微信支付
@@ -23,12 +25,21 @@ import "./index.less";
  * @Date: 2024-08-16 11:18
  */
 var GlobePayWxH5 = function GlobePayWxH5(props, ref) {
+  var _state$payGroup;
+  var _useContext = useContext(Context),
+    state = _useContext.state;
   var onChange = props.onChange;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
 
+  // GlobePayWxH5支付日志记录器
+  var paymentLogger = usePaymentLogger({
+    orderId: ((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id) || 'unknown',
+    step: '2'
+  });
+
   /**
    * @title: 初始化
    * @description:
@@ -44,43 +55,110 @@ var GlobePayWxH5 = function GlobePayWxH5(props, ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payGroup = _ref.payGroup;
+            // 记录GlobePayWxH5初始化开始
+            paymentLogger.addLog({
+              key: 'GlobePayWxH5初始化开始',
+              value: ""
+            });
             setOpen(true);
 
             // 交易组
             values = getPayGroupParamsFromStorage(payGroup.order_id);
             if (values) {
-              _context.next = 6;
+              _context.next = 9;
               break;
             }
+            // 记录获取支付参数失败
+            paymentLogger.addLog({
+              key: 'GlobePayWxH5获取支付参数失败',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u672A\u627E\u5230\u5B58\u50A8\u7684\u652F\u4ED8\u53C2\u6570"),
+                data: {
+                  payGroup: payGroup
+                }
+              }
+            });
+            paymentLogger.sendLogs('GlobePayWxH5获取支付参数失败');
             setOpen(false);
             return _context.abrupt("return");
-          case 6:
-            _context.prev = 6;
-            _context.next = 9;
-            return getAliPayUrl(payGroup.order_id, values);
           case 9:
+            // 记录获取支付参数成功
+            paymentLogger.addLog({
+              key: 'GlobePayWxH5获取支付参数成功',
+              value: ""
+            });
+            _context.prev = 10;
+            // 记录开始获取微信支付链接
+            paymentLogger.addLog({
+              key: 'GlobePayWxH5开始获取支付链接',
+              value: ""
+            });
+
+            // 获取微信支付链接
+            _context.next = 14;
+            return getAliPayUrl(payGroup.order_id, values);
+          case 14:
             data = _context.sent;
             url = data.url || (data === null || data === void 0 ? void 0 : data.pay_url);
             if (url) {
+              // 记录获取支付链接成功
+              paymentLogger.addLog({
+                key: 'GlobePayWxH5获取支付链接成功',
+                value: ""
+              });
+
               // 设置交易号
               setPayNumber(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, data === null || data === void 0 ? void 0 : data.pay_number);
 
+              // 记录准备跳转微信
+              paymentLogger.addLog({
+                key: 'GlobePayWxH5准备跳转微信',
+                value: ""
+              });
+
+              // 在跳转前发送日志
+              paymentLogger.sendLogs('GlobePayWxH5跳转成功');
+
               // 跳转
               window.location.href = url;
             } else {
+              // 记录未获取到支付链接
+              paymentLogger.addLog({
+                key: 'GlobePayWxH5未获取到支付链接',
+                value: {
+                  title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u672A\u83B7\u53D6\u5230\u6709\u6548\u7684\u652F\u4ED8\u94FE\u63A5"),
+                  data: {
+                    payGroup: payGroup,
+                    response: data
+                  }
+                }
+              });
+              paymentLogger.sendLogs('GlobePayWxH5未获取到支付链接');
               setOpen(false);
             }
-            _context.next = 17;
+            _context.next = 24;
             break;
-          case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](6);
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](10);
+            // 记录GlobePayWxH5处理错误
+            paymentLogger.addLog({
+              key: 'GlobePayWxH5处理错误',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " GlobePayWxH5\u5904\u7406\u5931\u8D25: ").concat((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) || '未知错误'),
+                data: {
+                  payGroup: payGroup,
+                  values: values
+                }
+              }
+            });
+            paymentLogger.sendLogs('GlobePayWxH5处理失败', _context.t0);
             setOpen(false);
-          case 17:
+          case 24:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 14]]);
+      }, _callee, null, [[10, 19]]);
     }));
     return function init(_x) {
       return _ref2.apply(this, arguments);

package/es/components/pay/toC/PaymentMethods/GooglePay/index.js

@@ -15,6 +15,7 @@ import ThreedsLoading from "../MWCreditCard/TDSPay/ThreedsLoading";
 import { Context } from "../../model";
 import { getPayGroupParamsFromStorage } from "../../payGroup";
 import useEngineContext from "../../../../../hooks/useEngineContext";
+import usePaymentLogger from "../../../../../hooks/usePaymentLogger";
 import { clientPayment, formatFranchiseeRoute } from "../../utils";
 /**
  * @title: 谷歌支付
@@ -26,7 +27,7 @@ import { clientPayment, formatFranchiseeRoute } from "../../utils";
  * @Date: 2024-08-16 11:01
  */
 var GooglePay = function GooglePay(props, ref) {
-  var _context$appHelper, _context$appHelper2;
+  var _context$appHelper, _context$appHelper2, _state$payGroup;
   var _useContext = useContext(Context),
     state = _useContext.state;
   var _useState = useState(false),
@@ -39,6 +40,12 @@ var GooglePay = function GooglePay(props, ref) {
   var _context$appHelper$ut = (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils,
     interaction = _context$appHelper$ut.interaction;
 
+  // GooglePay支付日志记录器
+  var paymentLogger = usePaymentLogger({
+    orderId: ((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id) || 'unknown',
+    step: '2'
+  });
+
   /**
    * @title: 初始化
    * @description:
@@ -50,33 +57,60 @@ var GooglePay = function GooglePay(props, ref) {
   var init = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
       var _utils$getStore, _interaction$utils, _interaction$utils$is, _interaction$utils2, _interaction$utils2$i;
-      var payGroup, utils, dvaStore, values, _dvaStore$core, _dvaStore$core2, _state$payGroup, locale, shopId, currentURL, linkElement, shop_domain, _href;
+      var payGroup, utils, dvaStore, values, _dvaStore$core, _dvaStore$core2, _state$payGroup2, locale, shopId, currentURL, linkElement, shop_domain, _href;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payGroup = _ref2.payGroup;
+            // 记录GooglePay初始化开始
+            paymentLogger.addLog({
+              key: 'GooglePay初始化开始',
+              value: ""
+            });
             utils = context.appHelper.utils || {};
             dvaStore = utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 ? void 0 : _utils$getStore.getState(); // 获取交易组
             values = getPayGroupParamsFromStorage(payGroup.order_id);
+            if (values) {
+              _context.next = 10;
+              break;
+            }
+            // 记录获取支付参数失败
+            paymentLogger.addLog({
+              key: 'GooglePay获取支付参数失败',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u672A\u627E\u5230\u5B58\u50A8\u7684\u652F\u4ED8\u53C2\u6570"),
+                data: {
+                  payGroup: payGroup
+                }
+              }
+            });
+            paymentLogger.sendLogs('GooglePay获取支付参数失败');
+            setOpen(false);
+            return _context.abrupt("return");
+          case 10:
+            // 记录获取支付参数成功
+            paymentLogger.addLog({
+              key: 'GooglePay获取支付参数成功',
+              value: ""
+            });
             if (!(interaction !== null && interaction !== void 0 && (_interaction$utils = interaction.utils) !== null && _interaction$utils !== void 0 && (_interaction$utils$is = _interaction$utils.isAppEnv) !== null && _interaction$utils$is !== void 0 && _interaction$utils$is.call(_interaction$utils) && (interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$i = _interaction$utils2.isAndroid_ios) === null || _interaction$utils2$i === void 0 ? void 0 : _interaction$utils2$i.call(_interaction$utils2)) === 'android')) {
-              _context.next = 6;
+              _context.next = 15;
               break;
             }
+            // 记录Android客户端支付
+            paymentLogger.addLog({
+              key: 'GooglePay使用Android客户端支付',
+              value: ""
+            });
+            paymentLogger.sendLogs('GooglePay客户端支付');
             return _context.abrupt("return", clientPayment({
               order_id: payGroup.order_id,
               type: 'google_pay',
               values: values,
               interaction: interaction
             }));
-          case 6:
+          case 15:
             setOpen(true);
-            if (values) {
-              _context.next = 10;
-              break;
-            }
-            setOpen(false);
-            return _context.abrupt("return");
-          case 10:
             try {
               locale = ((_dvaStore$core = dvaStore.core) === null || _dvaStore$core === void 0 ? void 0 : _dvaStore$core.translateLocale) || 'en';
               shopId = (_dvaStore$core2 = dvaStore.core) === null || _dvaStore$core2 === void 0 || (_dvaStore$core2 = _dvaStore$core2.core) === null || _dvaStore$core2 === void 0 || (_dvaStore$core2 = _dvaStore$core2.shop) === null || _dvaStore$core2 === void 0 ? void 0 : _dvaStore$core2.id;
@@ -86,12 +120,29 @@ var GooglePay = function GooglePay(props, ref) {
 
               // 提取域名
               shop_domain = linkElement.hostname;
-              _href = "".concat(config.pay).concat(formatFranchiseeRoute("/google-pay?order_id=".concat((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id, "&shop_id=").concat(shopId, "&locale=").concat(locale, "&shop_domain=").concat(shop_domain, "&total_amount=").concat(values.amount, "&payment_group_id=").concat(values.payment_group_id), state.history));
+              _href = "".concat(config.pay).concat(formatFranchiseeRoute("/google-pay?order_id=".concat((_state$payGroup2 = state.payGroup) === null || _state$payGroup2 === void 0 ? void 0 : _state$payGroup2.order_id, "&shop_id=").concat(shopId, "&locale=").concat(locale, "&shop_domain=").concat(shop_domain, "&total_amount=").concat(values.amount, "&payment_group_id=").concat(values.payment_group_id), state.history)); // 记录即将跳转到GooglePay
+              paymentLogger.addLog({
+                key: 'GooglePay准备跳转',
+                value: ""
+              });
+              paymentLogger.sendLogs('GooglePay跳转成功');
               window.location.href = _href;
             } catch (err) {
+              // 记录GooglePay处理错误
+              paymentLogger.addLog({
+                key: 'GooglePay处理错误',
+                value: {
+                  title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " GooglePay\u5904\u7406\u5931\u8D25: ").concat((err === null || err === void 0 ? void 0 : err.message) || '未知错误'),
+                  data: {
+                    payGroup: payGroup,
+                    values: values
+                  }
+                }
+              });
+              paymentLogger.sendLogs('GooglePay处理失败', err);
               setOpen(false);
             }
-          case 11:
+          case 17:
           case "end":
             return _context.stop();
         }

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

@@ -6,6 +6,7 @@ import { useImperativeHandle, forwardRef, useContext } from 'react';
 import { offlinePayment } from "./serve";
 import { Context } from "../../model";
 import { getPayGroupParamsFromStorage } from "../../payGroup";
+import usePaymentLogger from "../../../../../hooks/usePaymentLogger";
 import "./index.less";
 /**
  * @title: 线下支付
@@ -17,9 +18,16 @@ import "./index.less";
  * @Date: 2024-08-16 11:16
  */
 var OfflinePayment = function OfflinePayment(props, ref) {
+  var _state$payGroup;
   var _useContext = useContext(Context),
     state = _useContext.state;
 
+  // OfflinePayment支付日志记录器
+  var paymentLogger = usePaymentLogger({
+    orderId: ((_state$payGroup = state.payGroup) === null || _state$payGroup === void 0 ? void 0 : _state$payGroup.order_id) || 'unknown',
+    step: '2'
+  });
+
   /**
    * @title: 初始化
    * @description:
@@ -30,34 +38,91 @@ var OfflinePayment = function OfflinePayment(props, ref) {
    */
   var init = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-      var _item$params;
-      var payGroup, _item, params;
+      var payGroup, _item$params, _item$params2, _item, params;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payGroup = _ref.payGroup;
+            _context.prev = 1;
+            // 记录OfflinePayment初始化开始
+            paymentLogger.addLog({
+              key: 'OfflinePayment初始化开始',
+              value: ""
+            });
             _item = payGroup === null || payGroup === void 0 ? void 0 : payGroup.otherPayment; // 获取交易组信息
             params = getPayGroupParamsFromStorage(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, {
               order_id: payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id,
               payment_method: _item === null || _item === void 0 || (_item$params = _item.params) === null || _item$params === void 0 ? void 0 : _item$params.payment_method
             });
             if (params) {
-              _context.next = 5;
+              _context.next = 9;
               break;
             }
+            // 记录获取支付参数失败
+            paymentLogger.addLog({
+              key: 'OfflinePayment获取支付参数失败',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u672A\u627E\u5230\u5B58\u50A8\u7684\u652F\u4ED8\u53C2\u6570"),
+                data: {
+                  payGroup: payGroup
+                }
+              }
+            });
+            paymentLogger.sendLogs('OfflinePayment获取支付参数失败');
             return _context.abrupt("return");
-          case 5:
-            _context.next = 7;
+          case 9:
+            // 记录获取支付参数成功
+            paymentLogger.addLog({
+              key: 'OfflinePayment获取支付参数成功',
+              value: ""
+            });
+
+            // 记录开始执行线下支付
+            paymentLogger.addLog({
+              key: 'OfflinePayment开始执行支付',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " \u5F00\u59CB\u6267\u884C\u7EBF\u4E0B\u652F\u4ED8"),
+                data: {
+                  params: params,
+                  paymentMethod: _item === null || _item === void 0 || (_item$params2 = _item.params) === null || _item$params2 === void 0 ? void 0 : _item$params2.payment_method
+                }
+              }
+            });
+
+            // 支付
+            _context.next = 13;
             return offlinePayment(params);
-          case 7:
+          case 13:
+            // 记录支付成功
+            paymentLogger.addLog({
+              key: 'OfflinePayment支付成功',
+              value: ""
+            });
+            paymentLogger.sendLogs('OfflinePayment支付成功');
             state.payCallback({
               key: 'success'
             });
-          case 8:
+            _context.next = 22;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](1);
+            // 记录OfflinePayment处理错误
+            paymentLogger.addLog({
+              key: 'OfflinePayment处理错误',
+              value: {
+                title: "\u8BA2\u5355".concat(payGroup === null || payGroup === void 0 ? void 0 : payGroup.order_id, " OfflinePayment\u5904\u7406\u5931\u8D25: ").concat((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) || '未知错误'),
+                data: {
+                  payGroup: payGroup
+                }
+              }
+            });
+            paymentLogger.sendLogs('OfflinePayment处理失败', _context.t0);
+          case 22:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[1, 18]]);
     }));
     return function init(_x) {
       return _ref2.apply(this, arguments);

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/Content.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.less';
 declare type PaymentStatusProps = {
     onChange: (status: 'succeeded' | 'processing' | 'requires_payment_method' | 'error') => void;
 };