@alipay/ams-checkout 0.0.1757298389-dev.2 → 0.0.1757298389-dev.21

package/esm/core/component/element/elementController/index.js

@@ -1,5 +1,9 @@
 var _excluded = ["type"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -19,9 +23,10 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { ELEMENT_SPM_MAP } from "../../../../util/spm-map";
 import { cleanMockup, removeRetentionPopup } from "../../../../component/component.popup.style";
 import { destroyModal } from "../../../../component/popupWindow.style";
-import { ERRORMESSAGE, EVENT } from "../../../../constant";
+import { ERRORMESSAGE, EVENT, PROMISE_CALLBACK_CODE } from "../../../../constant";
 import AddressProcessor from "../../../../core/component/element/elementProcessor/addressProcessor";
 import AuthProcessor from "../../../../core/component/element/elementProcessor/authProcessor";
 import PaymentProcessor from "../../../../core/component/element/elementProcessor/paymentProcessor";
@@ -31,13 +36,12 @@ import { ElementProcessor } from "../../../../foundation/product-processor/eleme
 import { ProductSceneEnum } from "../../../../types";
 import { ElementContainerService } from "../elementContainerService"; // 引入 ElementContainerService
 import { IContainerStatus } from "../elementContainerService/containerService";
+import { EventCenter as ElementEventCenter } from "../EventCenter/index";
 import { oneAccountUpdate, sdkActionUpdate } from "../mock";
-import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode, MountElementType } from "../type";
-import { checkCanMount, checkCanUpdate, handleRedirect, showToast } from "../util";
+import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode, EXPOSURE_API_EVENT, MountElementType, PaymentStatus } from "../type";
+import { checkCanMount, checkCanUpdate, handleRedirect, isLoadErrorPage, showToast } from "../util";
 var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
-  // 新增变量
-
   function ElementController(options) {
     _classCallCheck(this, ElementController);
     _defineProperty(this, "options", void 0);
@@ -46,11 +50,12 @@ var ElementController = /*#__PURE__*/function () {
     _defineProperty(this, "loading", void 0);
     _defineProperty(this, "elementProcessors", void 0);
     _defineProperty(this, "initTimeout", void 0);
-    _defineProperty(this, "processingSubmitPay", void 0);
-    // 支付中
     _defineProperty(this, "elementContainerService", void 0);
     // 新增变量
     _defineProperty(this, "onStatusChangeCallback", void 0);
+    // 新增变量
+    _defineProperty(this, "submitPayPromise", void 0);
+    _defineProperty(this, "elementEventCenter", void 0);
     _defineProperty(this, "onValidateFunc", function (event, target) {
       return new Promise(function (resolve) {
         event.emitAndListen({
@@ -81,7 +86,6 @@ var ElementController = /*#__PURE__*/function () {
     });
     this.options = options;
     var _options = options;
-    this.processingSubmitPay = false;
     this.onStatusChangeCallback = _options === null || _options === void 0 ? void 0 : _options.onStatusChangeCallback;
     this.elementContainer = new AntomSDKCore();
     this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor());
@@ -91,6 +95,9 @@ var ElementController = /*#__PURE__*/function () {
       instanceId: this.elementContainer.getInstanceId()
     });
     this.setControllerStatusOrView(IElementStatus.READY);
+    this.elementEventCenter = new ElementEventCenter({
+      logger: this.elementContainer.getServiceProvider().getService('Log')
+    });
   }
   _createClass(ElementController, [{
     key: "initService",
@@ -127,219 +134,347 @@ var ElementController = /*#__PURE__*/function () {
         result: result
       });
     }
+    /**
+     * 处理初始化错误的方法
+     */
   }, {
-    key: "mount",
-    value: function mount(renderOptions, sdkSelector) {
+    key: "handleInitializationError",
+    value: function handleInitializationError() {
+      this.changeLoading(false);
+      this.setControllerStatusOrView(IElementStatus.READY);
+      this.onEventCallback(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR);
+      this.elementContainerService.getContainerServices().forEach(function (value) {
+        value.getContainerElement().remove();
+      });
+      this.elementContainerService.destroy();
+    } // 处理挂载检查失败
+  }, {
+    key: "handleMountError",
+    value: function handleMountError(_ref2) {
+      var result = _ref2.result,
+        resolve = _ref2.resolve;
+      var errorMsg = result.errorMsg,
+        error = result.error;
+      this.onEventCallback({
+        code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
+        message: errorMsg
+      });
+      resolve({
+        error: error
+      });
+    }
+
+    // 清除并设置初始化定时器
+  }, {
+    key: "clearAndSetInitTimeout",
+    value: function clearAndSetInitTimeout(resolve) {
+      clearTimeout(this.initTimeout);
+      this.initTimeout = null;
+      this.initTimeout = this.setInitTimeout(resolve);
+    }
+
+    // 设置初始化超时定时器
+  }, {
+    key: "setInitTimeout",
+    value: function setInitTimeout(resolve) {
       var _this = this;
-      return new Promise(function (resolve) {
-        var _checkCanMount = checkCanMount({
-            sdkSelector: sdkSelector,
-            status: _this.elementContainer.getStatus(),
-            containerService: _this.elementContainerService.getContainerService(renderOptions.type)
-          }),
-          success = _checkCanMount.success,
-          errorMsg = _checkCanMount.errorMsg;
-        if (!success) {
-          _this.onEventCallback({
-            code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
-            message: errorMsg
-          });
-          resolve({
-            success: false
-          });
-          return;
-        }
+      return setTimeout(function () {
         clearTimeout(_this.initTimeout);
         _this.initTimeout = null;
-        _this.initTimeout = setTimeout(function () {
-          clearTimeout(_this.initTimeout);
-          _this.initTimeout = null;
-          _this.changeLoading(false);
-          _this.setControllerStatusOrView(IElementStatus.READY);
-          _this.onEventCallback(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR);
-          _this.elementContainerService.getContainerServices().forEach(function (value) {
-            value.getContainerElement().remove();
-          });
-          _this.elementContainerService.destroy();
-        }, TIMEOUT_DURATION);
-        _this.changeLoading(true);
-        var startBizFlowData = {
-          paymentSession: _this.options.sessionData,
-          displayInfo: _objectSpread(_objectSpread({}, renderOptions), {}, {
-            appendAliasContainerId: true
-          })
+        _this.handleInitializationError();
+        resolve({
+          error: ERRORMESSAGE.INITALIZE_TIMEOUT.WEB
+        });
+      }, TIMEOUT_DURATION);
+    }
+
+    // 初始化并挂载元素处理器
+  }, {
+    key: "initializeAndMountProcessor",
+    value: function initializeAndMountProcessor(type, selector, options) {
+      this.initElementProcessors(type);
+      this.elementContainerService.mount({
+        type: type,
+        selector: selector,
+        processor: this.elementProcessors[type],
+        options: options
+      });
+      this.elementProcessors[type].registerEventCenter(this.elementContainerService.getEventService(type));
+      this.elementProcessors[type].beforeMount();
+    }
+    // 处理业务流程启动失败
+  }, {
+    key: "handleStartBizFlowError",
+    value: function handleStartBizFlowError(error, readyCallback) {
+      readyCallback({
+        error: _objectSpread(_objectSpread({}, ERRORMESSAGE.PARAM_INVALID), {}, {
+          context: JSON.stringify(error)
+        })
+      });
+      this.onEventCallback({
+        code: EventCallbackCode.SDK_CREATEPAYMENT_PARAMETER_ERROR,
+        message: (error === null || error === void 0 ? void 0 : error.message) || 'Initialization parameter exception.'
+      });
+      clearTimeout(this.initTimeout);
+      this.initTimeout = null;
+      this.changeLoading(false);
+    }
+  }, {
+    key: "mount",
+    value: function mount(renderOptions, sdkSelector) {
+      var _this2 = this;
+      var startEventId = this.elementEventCenter.registerEvent(EXPOSURE_API_EVENT.MOUNT);
+      return new Promise(function (resolve) {
+        var checkMountResult = checkCanMount({
+          sdkSelector: sdkSelector,
+          status: _this2.elementContainer.getStatus(),
+          containerService: _this2.elementContainerService.getContainerService(renderOptions.type)
+        });
+        var readyCallback = function readyCallback(payload) {
+          _this2.elementEventCenter.endEvent(startEventId, payload);
+          resolve(_objectSpread(_objectSpread({}, payload || {}), {}, {
+            needChangeSessionForRetry: false
+          }));
         };
-        _this.setControllerStatusOrView(IElementStatus.IN_BIZ_FLOW);
-        _this.elementContainer.startBizFlow(startBizFlowData).catch(function (error) {
-          _this.onEventCallback({
-            code: EventCallbackCode.SDK_CREATEPAYMENT_PARAMETER_ERROR,
-            message: (error === null || error === void 0 ? void 0 : error.message) || 'Initialization parameter exception.'
+        if (!checkMountResult.success) {
+          _this2.handleMountError({
+            result: checkMountResult,
+            resolve: readyCallback
           });
-          clearTimeout(_this.initTimeout);
-          _this.initTimeout = null;
-          _this.changeLoading(false);
           return;
-        });
-        _this.initElementProcessors(renderOptions.type);
-        _this.elementContainerService.mount({
-          type: renderOptions.type,
-          selector: sdkSelector,
-          processor: _this.elementProcessors[renderOptions.type],
-          options: renderOptions
-        });
-        _this.elementProcessors[renderOptions.type].registerEventCenter(_this.elementContainerService.getEventService(renderOptions.type));
-        _this.elementProcessors[renderOptions.type].beforeMount();
-        _this.sendRequestAndWaitWebLaunch(renderOptions);
-        function readyCallback(payload) {
-          var _this2 = this;
-          var resultData = _objectSpread({
-            getValue: this === null || this === void 0 ? void 0 : this.elementProcessors[renderOptions.type].getValue.bind(this === null || this === void 0 ? void 0 : this.elementProcessors[renderOptions.type]),
-            on: function on(event, callback) {
-              _this2 === null || _this2 === void 0 || _this2.elementProcessors[renderOptions.type].registerEventListener(event, callback);
-            }
-          }, payload);
-          resolve(resultData);
         }
-        _this.addEventListener(readyCallback);
-        _this.serviceMap.EventCenter.addIFrame(_this.elementContainerService.getContainerService(renderOptions.type).getContainerService().getWebApp());
+        _this2.clearAndSetInitTimeout(readyCallback);
+        _this2.changeLoading(true);
+        try {
+          var startBizFlowData = {
+            paymentSession: _this2.options.sessionData,
+            displayInfo: _objectSpread(_objectSpread({}, renderOptions), {}, {
+              appendAliasContainerId: true
+            })
+          };
+          _this2.setControllerStatusOrView(IElementStatus.IN_BIZ_FLOW);
+          _this2.elementContainer.startBizFlow(startBizFlowData);
+          _this2.initializeAndMountProcessor(renderOptions.type, sdkSelector, renderOptions);
+          _this2.sendRequestAndWaitWebLaunch(renderOptions, readyCallback);
+          _this2.addEventListener(readyCallback);
+          _this2.serviceMap.EventCenter.addIFrame(_this2.elementContainerService.getContainerService(renderOptions.type).getContainerService().getWebApp());
+        } catch (error) {
+          _this2.handleStartBizFlowError(error, readyCallback);
+        }
       });
     }
   }, {
     key: "validateFields",
-    value:
+    value: (
     /**
      * 25/09/08 新增商户主动校验api
      * @returns {Promise<{isValid: boolean}>}
      */
-    function validateFields() {
-      var _this3 = this;
-      return new Promise( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
-          var _this3$elementProcess;
-          var _this3$elementProcess2, validateResult;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                if (!_this3.processingSubmitPay) {
-                  _context.next = 4;
-                  break;
-                }
-                return _context.abrupt("return", resolve({
-                  isValid: false
-                }));
-              case 4:
-                if (!((_this3$elementProcess = _this3.elementProcessors) !== null && _this3$elementProcess !== void 0 && _this3$elementProcess[ElementType.payment])) {
-                  _context.next = 17;
-                  break;
-                }
-                _context.prev = 5;
-                _context.next = 8;
-                return _this3.onValidateFunc((_this3$elementProcess2 = _this3.elementProcessors[ElementType.payment]) === null || _this3$elementProcess2 === void 0 ? void 0 : _this3$elementProcess2.eventCenter, ElementPaymentMethod.PAYMENT_ELEMENT);
-              case 8:
-                validateResult = _context.sent;
-                return _context.abrupt("return", resolve({
-                  isValid: validateResult.data.success
-                }));
-              case 12:
-                _context.prev = 12;
-                _context.t0 = _context["catch"](5);
-                return _context.abrupt("return", resolve({
-                  isValid: false
-                }));
-              case 15:
-                _context.next = 18;
+    function () {
+      var _validateFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var startEventId, result, _this$elementProcesso, _validateResult$data, validateResult;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              startEventId = this.elementEventCenter.registerEvent(EXPOSURE_API_EVENT.VALIDATAFIELDS);
+              result = {
+                isValid: false
+              };
+              _context.prev = 2;
+              if (!(this.initTimeout || !((_this$elementProcesso = this.elementProcessors) !== null && _this$elementProcesso !== void 0 && _this$elementProcesso[ElementType.payment]))) {
+                _context.next = 5;
                 break;
-              case 17:
-                return _context.abrupt("return", resolve({
-                  isValid: false
-                }));
-              case 18:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee, null, [[5, 12]]);
-        }));
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }());
-    }
+              }
+              return _context.abrupt("return", result);
+            case 5:
+              _context.next = 7;
+              return this.onValidateFunc(this.elementProcessors[ElementType.payment].eventCenter, ElementPaymentMethod.PAYMENT_ELEMENT);
+            case 7:
+              validateResult = _context.sent;
+              result = (_validateResult$data = validateResult.data) !== null && _validateResult$data !== void 0 ? _validateResult$data : {
+                isValid: false
+              };
+              return _context.abrupt("return", result);
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](2);
+              return _context.abrupt("return", result);
+            case 15:
+              _context.prev = 15;
+              this.elementEventCenter.endEvent(startEventId, result);
+              return _context.finish(15);
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[2, 12, 15, 18]]);
+      }));
+      function validateFields() {
+        return _validateFields.apply(this, arguments);
+      }
+      return validateFields;
+    }())
   }, {
     key: "submitPayment",
-    value: function submitPayment() {
-      var _this4 = this;
-      this.changeLoading(true);
-      new Promise( /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve) {
-          var params, _this4$elementProcess, _result$data, _result$data2, result, _this4$elementProcess2, _result$data3, _result$data4, _result, _this4$elementProcess3, _paymentSubmitResult$, paymentSubmitResult;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                params = {};
-                if (!_this4.elementProcessors[ElementType.auth]) {
-                  _context2.next = 8;
-                  break;
-                }
-                _context2.next = 4;
-                return _this4.onValidateAndSubmitPay((_this4$elementProcess = _this4.elementProcessors[ElementType.auth]) === null || _this4$elementProcess === void 0 ? void 0 : _this4$elementProcess.eventCenter, ElementPaymentMethod.AUTH_ELEMENT);
-              case 4:
-                result = _context2.sent;
-                params.accountInfo = (_result$data = result.data) === null || _result$data === void 0 || (_result$data = _result$data.data) === null || _result$data === void 0 ? void 0 : _result$data.accountInfo;
-                if (result !== null && result !== void 0 && (_result$data2 = result.data) !== null && _result$data2 !== void 0 && _result$data2.success) {
-                  _context2.next = 8;
-                  break;
-                }
-                return _context2.abrupt("return", resolve(undefined));
-              case 8:
-                if (!_this4.elementProcessors[ElementType.address]) {
-                  _context2.next = 15;
-                  break;
-                }
-                _context2.next = 11;
-                return _this4.onValidateAndSubmitPay((_this4$elementProcess2 = _this4.elementProcessors[ElementType.address]) === null || _this4$elementProcess2 === void 0 ? void 0 : _this4$elementProcess2.eventCenter, ElementPaymentMethod.ADDRESS_ELEMENT);
-              case 11:
-                _result = _context2.sent;
-                params.shipping = (_result$data3 = _result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.data;
-                if (_result !== null && _result !== void 0 && (_result$data4 = _result.data) !== null && _result$data4 !== void 0 && _result$data4.success) {
-                  _context2.next = 15;
-                  break;
-                }
-                return _context2.abrupt("return", resolve(undefined));
-              case 15:
-                if (!_this4.elementProcessors[ElementType.payment]) {
-                  _context2.next = 29;
-                  break;
-                }
-                _context2.prev = 16;
-                _this4.processingSubmitPay = true;
-                _context2.next = 20;
-                return _this4.onValidateAndSubmitPay((_this4$elementProcess3 = _this4.elementProcessors[ElementType.payment]) === null || _this4$elementProcess3 === void 0 ? void 0 : _this4$elementProcess3.eventCenter, ElementPaymentMethod.PAYMENT_ELEMENT, params);
-              case 20:
-                paymentSubmitResult = _context2.sent;
-                _this4.processingSubmitPay = paymentSubmitResult === null || paymentSubmitResult === void 0 || (_paymentSubmitResult$ = paymentSubmitResult.data) === null || _paymentSubmitResult$ === void 0 ? void 0 : _paymentSubmitResult$.success;
-                return _context2.abrupt("return", resolve(undefined));
-              case 25:
-                _context2.prev = 25;
-                _context2.t0 = _context2["catch"](16);
-                _this4.processingSubmitPay = false;
-                return _context2.abrupt("return", resolve(undefined));
-              case 29:
-                resolve(params);
-              case 30:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2, null, [[16, 25]]);
-        }));
-        return function (_x2) {
-          return _ref3.apply(this, arguments);
-        };
-      }()).then(function () {
-        _this4.changeLoading(false);
-      }, function () {
-        _this4.changeLoading(false);
-      });
-    }
+    value: function () {
+      var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+        var _this3 = this;
+        var startEventId, res, recordResult;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              startEventId = this.elementEventCenter.registerEvent(EXPOSURE_API_EVENT.SUBMITPAYMENT);
+              if (!(this.elementContainer.getStatus() !== IElementStatus.IN_BIZ_FLOW)) {
+                _context4.next = 5;
+                break;
+              }
+              res = {
+                error: ERRORMESSAGE.UI_STATE_ERROR,
+                status: PaymentStatus.FAIL,
+                needChangeSessionForRetry: false
+              };
+              this.elementEventCenter.endEvent(startEventId, res);
+              return _context4.abrupt("return", Promise.resolve(res));
+            case 5:
+              this.changeLoading(true);
+              recordResult = null;
+              _context4.prev = 7;
+              _context4.next = 10;
+              return new Promise( /*#__PURE__*/function () {
+                var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
+                  var that, recordResultCallback, params, processStep, _yield$_this3$onValid2, data, errorResult;
+                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
+                      case 0:
+                        recordResultCallback = function _recordResultCallback(result) {
+                          if (result instanceof Object) {
+                            var _that$elementProcesso;
+                            var needChangeSessionForRetry = typeof (result === null || result === void 0 ? void 0 : result.needChangeSessionForRetry) === 'undefined' ? (_that$elementProcesso = that.elementProcessors[ElementType.payment]) === null || _that$elementProcesso === void 0 || (_that$elementProcesso = _that$elementProcesso.obtainDataRes) === null || _that$elementProcesso === void 0 || (_that$elementProcesso = _that$elementProcesso.originActionQueryResult) === null || _that$elementProcesso === void 0 ? void 0 : _that$elementProcesso.notSupportRetryPayForSameSession : result === null || result === void 0 ? void 0 : result.needChangeSessionForRetry;
+                            result.needChangeSessionForRetry = needChangeSessionForRetry || false;
+                          }
+                          recordResult = result;
+                          resolve(recordResult);
+                        };
+                        that = _this3;
+                        _context3.prev = 2;
+                        _this3.submitPayPromise = recordResultCallback;
+                        params = {}; // 统一处理逻辑
+                        processStep = /*#__PURE__*/function () {
+                          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(elementType, method) {
+                            var _yield$_this3$onValid, data;
+                            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                              while (1) switch (_context2.prev = _context2.next) {
+                                case 0:
+                                  if (_this3.elementProcessors[elementType]) {
+                                    _context2.next = 2;
+                                    break;
+                                  }
+                                  return _context2.abrupt("return", true);
+                                case 2:
+                                  _context2.next = 4;
+                                  return _this3.onValidateAndSubmitPay(_this3.elementProcessors[elementType].eventCenter, method);
+                                case 4:
+                                  _yield$_this3$onValid = _context2.sent;
+                                  data = _yield$_this3$onValid.data;
+                                  params.shipping = data === null || data === void 0 ? void 0 : data.data;
+                                  if (data !== null && data !== void 0 && data.success) {
+                                    _context2.next = 11;
+                                    break;
+                                  }
+                                  // TODO 先快速修复类型, 这里结构和标准返回不一致 @马杰
+                                  recordResult = data;
+                                  recordResultCallback(recordResult);
+                                  return _context2.abrupt("return", false);
+                                case 11:
+                                  return _context2.abrupt("return", true);
+                                case 12:
+                                case "end":
+                                  return _context2.stop();
+                              }
+                            }, _callee2);
+                          }));
+                          return function processStep(_x2, _x3) {
+                            return _ref4.apply(this, arguments);
+                          };
+                        }(); // 按顺序处理步骤
+                        _context3.next = 8;
+                        return processStep(ElementType.auth, ElementPaymentMethod.AUTH_ELEMENT);
+                      case 8:
+                        if (_context3.sent) {
+                          _context3.next = 10;
+                          break;
+                        }
+                        return _context3.abrupt("return");
+                      case 10:
+                        _context3.next = 12;
+                        return processStep(ElementType.address, ElementPaymentMethod.ADDRESS_ELEMENT);
+                      case 12:
+                        if (_context3.sent) {
+                          _context3.next = 14;
+                          break;
+                        }
+                        return _context3.abrupt("return");
+                      case 14:
+                        if (!_this3.elementProcessors[ElementType.payment]) {
+                          _context3.next = 21;
+                          break;
+                        }
+                        _context3.next = 17;
+                        return _this3.onValidateAndSubmitPay(_this3.elementProcessors[ElementType.payment].eventCenter, ElementPaymentMethod.PAYMENT_ELEMENT, params);
+                      case 17:
+                        _yield$_this3$onValid2 = _context3.sent;
+                        data = _yield$_this3$onValid2.data;
+                        // TODO 先快速修复类型, 这里结构和标准返回不一致 @马杰
+                        // TODO checkout 返回的错误未包含 status 和 message @马杰 @薛浩
+                        recordResult = data;
+                        recordResultCallback(recordResult);
+                      case 21:
+                        _context3.next = 29;
+                        break;
+                      case 23:
+                        _context3.prev = 23;
+                        _context3.t0 = _context3["catch"](2);
+                        errorResult = {
+                          error: _objectSpread(_objectSpread({}, ERRORMESSAGE.ERR_DATA_STRUCT_UNRECOGNIZED), {}, {
+                            context: JSON.stringify(_context3.t0)
+                          }),
+                          status: PaymentStatus.FAIL
+                        };
+                        _this3.serviceMap.Log.logError({
+                          title: ELEMENT_SPM_MAP.sdk_element_missKeyData
+                        }, {
+                          msg: JSON.stringify(errorResult)
+                        });
+                        recordResult = errorResult;
+                        recordResultCallback(errorResult);
+                      case 29:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }, _callee3, null, [[2, 23]]);
+                }));
+                return function (_x) {
+                  return _ref3.apply(this, arguments);
+                };
+              }());
+            case 10:
+              return _context4.abrupt("return", _context4.sent);
+            case 11:
+              _context4.prev = 11;
+              this.elementEventCenter.endEvent(startEventId, recordResult);
+              this.changeLoading(false);
+              return _context4.finish(11);
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[7,, 11, 15]]);
+      }));
+      function submitPayment() {
+        return _submitPayment.apply(this, arguments);
+      }
+      return submitPayment;
+    }()
   }, {
     key: "changeLoading",
     value: function changeLoading(loading) {
@@ -362,24 +497,19 @@ var ElementController = /*#__PURE__*/function () {
   }, {
     key: "addEventListener",
     value: function addEventListener(renderCallback) {
-      var _this5 = this;
+      var _this4 = this;
       this.serviceMap.EventCenter.listen(ElementPaymentEvent.ON_EVENT_CALLBACK, function (data) {
-        var _this5$onEventCallbac;
-        (_this5$onEventCallbac = _this5.onEventCallback) === null || _this5$onEventCallbac === void 0 || _this5$onEventCallbac.call(_this5, data);
-      });
-      this.serviceMap.EventCenter.listen(ElementPaymentEvent.ON_PAY_STATUS_CHANGE, function (data) {
-        _this5.processingSubmitPay = data.isProcessingPay;
+        var _this4$onEventCallbac;
+        (_this4$onEventCallbac = _this4.onEventCallback) === null || _this4$onEventCallbac === void 0 || _this4$onEventCallbac.call(_this4, data);
       });
       this.serviceMap.EventCenter.listen(EVENT.sizeChanged.name, function (data) {
-        clearTimeout(_this5.initTimeout);
-        _this5.initTimeout = null;
-        if (_this5.elementContainerService.getContainerService(data.source)) {
-          renderCallback({
-            success: true
-          });
-          _this5.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
+        clearTimeout(_this4.initTimeout);
+        _this4.initTimeout = null;
+        if (_this4.elementContainerService.getContainerService(data.source)) {
+          renderCallback();
+          _this4.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
         }
-        _this5.changeLoading(false);
+        _this4.changeLoading(false);
         // 遍历containerService中的所有container查看是否所有状态都是IN_BIZ_FLOW
         // const allContainersInBizFlow = Object.values(this.elementContainerService.getContainerServices()).every(
         //   (containerService) => containerService.getContainerStatus() === IContainerStatus.IN_BIZ_FLOW,
@@ -389,22 +519,21 @@ var ElementController = /*#__PURE__*/function () {
         // }
       });
       this.serviceMap.EventCenter.listen(EVENT.redirect.name, function (data) {
-        var onEventCallback = _this5.onEventCallback.bind(_this5);
+        var onEventCallback = _this4.onEventCallback.bind(_this4);
         handleRedirect(data, false, onEventCallback);
       });
       this.serviceMap.EventCenter.listen(EVENT.destroy.name, function () {
-        _this5.setControllerStatusOrView(IElementStatus.READY);
-        _this5.destroyHandle();
+        _this4.setControllerStatusOrView(IElementStatus.READY);
+        _this4.destroyHandle();
       });
       this.serviceMap.EventCenter.listen(EVENT.webAppReady.name, function (data) {
-        clearTimeout(_this5.initTimeout);
-        if (_this5.elementContainerService.getContainerService(data.source)) {
-          renderCallback({
-            success: true
-          });
-          _this5.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
+        clearTimeout(_this4.initTimeout);
+        _this4.initTimeout = null;
+        if (_this4.elementContainerService.getContainerService(data.source)) {
+          renderCallback();
+          _this4.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
         }
-        _this5.changeLoading(false);
+        _this4.changeLoading(false);
       });
       this.serviceMap.EventCenter.listen(EVENT.showToast.name, function (data) {
         showToast(data);
@@ -412,47 +541,130 @@ var ElementController = /*#__PURE__*/function () {
       this.serviceMap.EventCenter.listen(EVENT.messageForward.name, function (data) {
         var source = MountElementType[data.source];
         var target = MountElementType[data.target];
-        if (_this5.elementProcessors[source] && _this5.elementProcessors[target]) {
-          _this5.elementProcessors[target].eventCenter.dispatchToApp({
+        if (_this4.elementProcessors[source] && _this4.elementProcessors[target]) {
+          _this4.elementProcessors[target].eventCenter.dispatchToApp({
             event: data.event,
             data: data
           });
         }
       });
+      this.serviceMap.EventCenter.listen(EVENT.submitPromiseCallback.name, function (data) {
+        var _this4$submitPayPromi;
+        (_this4$submitPayPromi = _this4.submitPayPromise) === null || _this4$submitPayPromi === void 0 || _this4$submitPayPromi.call(_this4, data);
+      });
     }
   }, {
     key: "sendRequestAndWaitWebLaunch",
-    value: function sendRequestAndWaitWebLaunch(renderOptions) {
-      var _this6 = this;
-      var type = renderOptions.type,
-        options = _objectWithoutProperties(renderOptions, _excluded);
-      var webLaunchPromise = this.elementContainerService.getContainerService(type).createWebLaunchPromise();
-      Promise.all([webLaunchPromise, this.elementProcessors[type].obtainData()]).then(function (_ref4) {
-        var _this6$elementContain;
-        var _ref5 = _slicedToArray(_ref4, 2),
-          _webLaunchRes = _ref5[0],
-          _obtainDataRes = _ref5[1];
-        (_this6$elementContain = _this6.elementContainerService.getContainerService(type)) === null || _this6$elementContain === void 0 || _this6$elementContain.switchContainerStatus(IContainerStatus.READY);
-        var allReady = true;
-        _this6.elementContainerService.getContainerServices().forEach(function (item) {
-          if (!allReady) return;
-          allReady = item.getContainerStatus() === IContainerStatus.READY;
-        });
-        if (allReady) {
-          _this6.elementContainerService.getContainerServices().forEach(function (value, key) {
-            _this6.sendReady(key, options);
+    value: function () {
+      var _sendRequestAndWaitWebLaunch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(renderOptions, readyCallback) {
+        var _this5 = this;
+        var type, options, containerService, _yield$Promise$all, _yield$Promise$all2, _, obtainDataResult, errorResult;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              type = renderOptions.type, options = _objectWithoutProperties(renderOptions, _excluded);
+              _context5.prev = 1;
+              containerService = this.elementContainerService.getContainerService(type);
+              if (containerService) {
+                _context5.next = 7;
+                break;
+              }
+              this.handleInitializationError();
+              // 容器服务不存在，直接返回
+              readyCallback({
+                error: ERRORMESSAGE.UI_STATE_ERROR
+              });
+              return _context5.abrupt("return");
+            case 7:
+              _context5.next = 9;
+              return Promise.all([containerService.createWebLaunchPromise(), this.elementProcessors[type].obtainData()]);
+            case 9:
+              _yield$Promise$all = _context5.sent;
+              _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+              _ = _yield$Promise$all2[0];
+              obtainDataResult = _yield$Promise$all2[1];
+              containerService === null || containerService === void 0 || containerService.switchContainerStatus(IContainerStatus.READY);
+              errorResult = this.getErrorFromResponse(obtainDataResult);
+              if (errorResult) {
+                // 仅结束resove，传出回调码
+                readyCallback(errorResult);
+              }
+              if (this.areAllContainersReady()) {
+                this.elementContainerService.getContainerServices().forEach(function (_, key) {
+                  _this5.sendReady(key, options);
+                });
+              }
+              _context5.next = 23;
+              break;
+            case 19:
+              _context5.prev = 19;
+              _context5.t0 = _context5["catch"](1);
+              this.handleInitializationError();
+              readyCallback({
+                error: _objectSpread(_objectSpread({}, ERRORMESSAGE.INITALIZE_TIMEOUT.API), {}, {
+                  traceId: _context5.t0 === null || _context5.t0 === void 0 ? void 0 : _context5.t0.traceId
+                })
+              });
+            case 23:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this, [[1, 19]]);
+      }));
+      function sendRequestAndWaitWebLaunch(_x4, _x5) {
+        return _sendRequestAndWaitWebLaunch.apply(this, arguments);
+      }
+      return sendRequestAndWaitWebLaunch;
+    }()
+  }, {
+    key: "getErrorFromResponse",
+    value: function getErrorFromResponse(response) {
+      if (isLoadErrorPage(response === null || response === void 0 ? void 0 : response.originActionQueryResult)) {
+        var _response$originActio = response.originActionQueryResult,
+          traceId = _response$originActio.traceId,
+          errorCode = _response$originActio.errorCode,
+          errorMessage = _response$originActio.errorMessage;
+        var error = {
+          code: errorCode,
+          message: errorMessage
+        };
+        if (PROMISE_CALLBACK_CODE[errorCode]) {
+          var _PROMISE_CALLBACK_COD;
+          error = {
+            code: PROMISE_CALLBACK_CODE[errorCode].code,
+            message: ((_PROMISE_CALLBACK_COD = PROMISE_CALLBACK_CODE[errorCode]) === null || _PROMISE_CALLBACK_COD === void 0 ? void 0 : _PROMISE_CALLBACK_COD.message) || errorMessage
+          };
+        } else {
+          this.serviceMap.Log.logError({
+            title: ELEMENT_SPM_MAP.sdk_element_missKeyData
+          }, {
+            rpcTraceId: traceId
           });
         }
+        return {
+          error: _objectSpread(_objectSpread({}, error), {}, {
+            traceId: traceId !== null && traceId !== void 0 ? traceId : ''
+          })
+        };
+      }
+      return null;
+    }
+  }, {
+    key: "areAllContainersReady",
+    value: function areAllContainersReady() {
+      var container = this.elementContainerService.getContainerServices();
+      return _toConsumableArray(container.values()).every(function (service) {
+        return service.getContainerStatus() === IContainerStatus.READY;
       });
     }
   }, {
     key: "sendReady",
     value: function sendReady(type, options) {
-      var _this$elementProcesso, _paymentSessionObj$pa, _paymentResult$origin;
-      var paymentResult = (_this$elementProcesso = this.elementProcessors[ElementType.payment]) === null || _this$elementProcesso === void 0 ? void 0 : _this$elementProcesso.getObtainDataRes();
+      var _this$elementProcesso2, _paymentSessionObj$co, _paymentSessionObj$pa, _paymentResult$origin;
+      var paymentResult = (_this$elementProcesso2 = this.elementProcessors[ElementType.payment]) === null || _this$elementProcesso2 === void 0 ? void 0 : _this$elementProcesso2.getObtainDataRes();
       var paymentContext = this.elementContainer.getPaymentContext();
       var paymentSessionObj = paymentContext.paymentSessionObj;
-      var isConnect = paymentSessionObj.connectFactor.enableConnect && ((_paymentSessionObj$pa = paymentSessionObj.paymentSessionConfig) === null || _paymentSessionObj$pa === void 0 ? void 0 : _paymentSessionObj$pa.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
+      var isConnect = ((_paymentSessionObj$co = paymentSessionObj.connectFactor) === null || _paymentSessionObj$co === void 0 ? void 0 : _paymentSessionObj$co.enableConnect) && ((_paymentSessionObj$pa = paymentSessionObj.paymentSessionConfig) === null || _paymentSessionObj$pa === void 0 ? void 0 : _paymentSessionObj$pa.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
       if (!(paymentResult !== null && paymentResult !== void 0 && (_paymentResult$origin = paymentResult.originActionQueryResult) !== null && _paymentResult$origin !== void 0 && _paymentResult$origin.success) && isConnect) {
         var _this$onEventCallback;
         clearTimeout(this.initTimeout);
@@ -476,37 +688,37 @@ var ElementController = /*#__PURE__*/function () {
   }, {
     key: "updatePayment",
     value: function () {
-      var _updatePayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(paymentSessionData) {
-        var _this7 = this;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _updatePayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(paymentSessionData) {
+        var _this6 = this;
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              return _context4.abrupt("return", new Promise( /*#__PURE__*/function () {
-                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
+              return _context7.abrupt("return", new Promise( /*#__PURE__*/function () {
+                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(resolve) {
                   var prePaymentSessionData, data, LOCAL_MOCK;
-                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
+                  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+                    while (1) switch (_context6.prev = _context6.next) {
                       case 0:
                         if (checkCanUpdate({
-                          status: _this7.elementContainer.getStatus(),
-                          paymentContainerService: _this7.elementContainerService.getContainerService(ElementType.payment),
+                          status: _this6.elementContainer.getStatus(),
+                          paymentContainerService: _this6.elementContainerService.getContainerService(ElementType.payment),
                           newPaymentSessionData: paymentSessionData,
-                          oldPaymentSessionData: _this7.options.sessionData
+                          oldPaymentSessionData: _this6.options.sessionData
                         })) {
-                          _context3.next = 2;
+                          _context6.next = 2;
                           break;
                         }
-                        return _context3.abrupt("return", resolve(false));
+                        return _context6.abrupt("return", resolve(false));
                       case 2:
-                        prePaymentSessionData = _this7.elementContainer.getPaymentContext().paymentSession;
-                        _this7.elementContainer.updatePaymentSessionData(paymentSessionData);
+                        prePaymentSessionData = _this6.elementContainer.getPaymentContext().paymentSession;
+                        _this6.elementContainer.updatePaymentSessionData(paymentSessionData);
                         // 1、数据获取
-                        _context3.next = 6;
-                        return _this7.elementProcessors[ElementType.payment].obtainData();
+                        _context6.next = 6;
+                        return _this6.elementProcessors[ElementType.payment].obtainData();
                       case 6:
-                        data = _context3.sent;
+                        data = _context6.sent;
                         LOCAL_MOCK = window.location.href.indexOf('LOCAL_MOCK=1') !== -1; // 2、发送update消息
-                        Object.values(_this7.elementProcessors).forEach(function (processor) {
+                        Object.values(_this6.elementProcessors).forEach(function (processor) {
                           processor.update({
                             data: {
                               originActionQueryResult: LOCAL_MOCK ? sdkActionUpdate : data.originActionQueryResult,
@@ -516,30 +728,30 @@ var ElementController = /*#__PURE__*/function () {
                           });
                         });
                         // 3、返回更新结果
-                        _this7.serviceMap.EventCenter.listen(EVENT.updated.name, function (data) {
+                        _this6.serviceMap.EventCenter.listen(EVENT.updated.name, function (data) {
                           // 若更新不成功，还原core.paymentContext信息
                           if (!data.success) {
-                            _this7.elementContainer.updatePaymentSessionData(prePaymentSessionData);
+                            _this6.elementContainer.updatePaymentSessionData(prePaymentSessionData);
                           }
                           return resolve(data.success || false);
                         });
                       case 10:
                       case "end":
-                        return _context3.stop();
+                        return _context6.stop();
                     }
-                  }, _callee3);
+                  }, _callee6);
                 }));
-                return function (_x4) {
-                  return _ref6.apply(this, arguments);
+                return function (_x7) {
+                  return _ref5.apply(this, arguments);
                 };
               }()));
             case 1:
             case "end":
-              return _context4.stop();
+              return _context7.stop();
           }
-        }, _callee4);
+        }, _callee7);
       }));
-      function updatePayment(_x3) {
+      function updatePayment(_x6) {
         return _updatePayment.apply(this, arguments);
       }
       return updatePayment;
@@ -559,8 +771,13 @@ var ElementController = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      this.destroyHandle();
-      this.setControllerStatusOrView(IElementStatus.DESTROYED);
+      var startEventId = this.elementEventCenter.registerEvent(EXPOSURE_API_EVENT.DESTORY);
+      try {
+        this.destroyHandle();
+        this.setControllerStatusOrView(IElementStatus.DESTROYED);
+      } finally {
+        this.elementEventCenter.endEvent(startEventId);
+      }
     }
   }, {
     key: "setControllerStatusOrView",