@alipay/ams-checkout 1.44.0 → 1.45.0

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,11 @@ 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 { ServiceProvider } from "../../../../foundation/service";
+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 +37,13 @@ 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, safeStringify, showToast } from "../util";
+import { convertPaymentSession } from "../../../../foundation/utils/payment_context_utils";
 var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
-  // 新增变量
-
   function ElementController(options) {
     _classCallCheck(this, ElementController);
     _defineProperty(this, "options", void 0);
@@ -49,10 +55,27 @@ var ElementController = /*#__PURE__*/function () {
     _defineProperty(this, "elementContainerService", void 0);
     // 新增变量
     _defineProperty(this, "onStatusChangeCallback", void 0);
-    _defineProperty(this, "onValidateFunc", function (event, target, params) {
+    // 新增变量
+    _defineProperty(this, "submitPayPromise", void 0);
+    _defineProperty(this, "elementEventCenter", void 0);
+    _defineProperty(this, "onValidateFunc", function (event, target) {
       return new Promise(function (resolve) {
         event.emitAndListen({
           event: ElementPaymentEvent.VALIDATE,
+          data: {
+            params: {},
+            target: target,
+            source: ElementPaymentMethod.CONTAINER_ELEMENT
+          }
+        }, function (result) {
+          resolve(result);
+        });
+      });
+    });
+    _defineProperty(this, "onValidateAndSubmitPay", function (event, target, params) {
+      return new Promise(function (resolve) {
+        event.emitAndListen({
+          event: ElementPaymentEvent.SUBMIT_PAY,
           data: {
             params: _objectSpread({}, params),
             target: target,
@@ -74,6 +97,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",
@@ -104,161 +130,388 @@ var ElementController = /*#__PURE__*/function () {
         message = _ref$message === void 0 ? '' : _ref$message,
         _ref$result = _ref.result,
         result = _ref$result === void 0 ? undefined : _ref$result;
+      this.serviceMap.Log.logInfo({
+        title: 'sdk_event_event_callback'
+      }, {
+        eventCode: safeStringify(code || ''),
+        eventMessage: safeStringify(message || '')
+      });
       this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 || (_this$options$onEvent = _this$options.onEventCallback) === null || _this$options$onEvent === void 0 || _this$options$onEvent.call(_this$options, {
         code: code,
         message: message,
         result: result
       });
     }
+    /**
+     * 处理初始化错误的方法
+     */
   }, {
-    key: "mount",
-    value: function mount(renderOptions, sdkSelector) {
+    key: "handleInitializationError",
+    value: function handleInitializationError() {
+      var errorCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR;
+      this.changeLoading(false);
+      this.setControllerStatusOrView(IElementStatus.READY);
+      this.onEventCallback(errorCode);
+      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.handleInitializationError(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.LOAD_APP_TIME_OUT);
+        _this.serviceMap.Log.logInfo({
+          title: 'sdk_event_web_app_timeout'
+        });
+        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));
+      // 渲染后instance已变更，更新埋点源数据，修复埋点没有sessionData的问题
+      var newInstanceId = this.elementContainerService.getContainerService(type).getInstanceId();
+      var paymentContext = this.elementContainer.getPaymentContext();
+      ServiceProvider.getInstance(newInstanceId).update(paymentContext);
+      // 更新埋点service
+      this.serviceMap.Log = ServiceProvider.getInstance(newInstanceId).getService('Log');
+      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 _convertPaymentSessio = convertPaymentSession(this.options.sessionData),
+        sessionData = _convertPaymentSessio.id;
+      var startEventId = this.elementEventCenter.registerEvent(EXPOSURE_API_EVENT.MOUNT, sessionData);
+      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, {
+            msg: safeStringify(payload)
           });
-          _this.elementContainerService.destroy();
-        }, TIMEOUT_DURATION);
-        _this.changeLoading(true);
-        var startBizFlowData = {
-          paymentSession: _this.options.sessionData,
-          displayInfo: _objectSpread(_objectSpread({}, renderOptions), {}, {
-            appendAliasContainerId: true
-          })
+          resolve(_objectSpread({}, payload || {}));
         };
-        _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: (
+    /**
+     * 25/09/08 新增商户主动校验api
+     * @returns {Promise<{isValid: boolean}>}
+     */
+    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;
+              }
+              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 _this3 = this;
-      this.changeLoading(true);
-      new Promise( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
-          var params, _this3$elementProcess, _result$data, _result$data2, result, _this3$elementProcess2, _result$data3, _result$data4, _result, _this3$elementProcess3;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                params = {};
-                if (!_this3.elementProcessors[ElementType.auth]) {
-                  _context.next = 8;
-                  break;
-                }
-                _context.next = 4;
-                return _this3.onValidateFunc((_this3$elementProcess = _this3.elementProcessors[ElementType.auth]) === null || _this3$elementProcess === void 0 ? void 0 : _this3$elementProcess.eventCenter, ElementPaymentMethod.AUTH_ELEMENT);
-              case 4:
-                result = _context.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) {
-                  _context.next = 8;
-                  break;
-                }
-                return _context.abrupt("return", resolve(undefined));
-              case 8:
-                if (!_this3.elementProcessors[ElementType.address]) {
-                  _context.next = 15;
-                  break;
-                }
-                _context.next = 11;
-                return _this3.onValidateFunc((_this3$elementProcess2 = _this3.elementProcessors[ElementType.address]) === null || _this3$elementProcess2 === void 0 ? void 0 : _this3$elementProcess2.eventCenter, ElementPaymentMethod.ADDRESS_ELEMENT);
-              case 11:
-                _result = _context.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) {
-                  _context.next = 15;
-                  break;
-                }
-                return _context.abrupt("return", resolve(undefined));
-              case 15:
-                if (!_this3.elementProcessors[ElementType.payment]) {
-                  _context.next = 25;
-                  break;
-                }
-                _context.prev = 16;
-                _context.next = 19;
-                return _this3.onValidateFunc((_this3$elementProcess3 = _this3.elementProcessors[ElementType.payment]) === null || _this3$elementProcess3 === void 0 ? void 0 : _this3$elementProcess3.eventCenter, ElementPaymentMethod.PAYMENT_ELEMENT, params);
-              case 19:
-                return _context.abrupt("return", resolve(undefined));
-              case 22:
-                _context.prev = 22;
-                _context.t0 = _context["catch"](16);
-                return _context.abrupt("return", resolve(undefined));
-              case 25:
-                resolve(params);
-              case 26:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee, null, [[16, 22]]);
-        }));
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }()).then(function () {
-        _this3.changeLoading(false);
-      }, function () {
-        _this3.changeLoading(false);
-      });
-    }
+    value: function () {
+      var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+        var _this3 = this;
+        var startEventId, res, logParams, recordResult, _recordResult, _recordResult2, _recordResult3, _recordResult4, _recordResult5, _logParams;
+        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 = 6;
+                break;
+              }
+              res = {
+                error: _objectSpread(_objectSpread({}, ERRORMESSAGE.UI_STATE_ERROR), {}, {
+                  needChangeSessionForRetry: false
+                }),
+                status: PaymentStatus.FAIL
+              };
+              logParams = {
+                eventCode: PaymentStatus.FAIL,
+                errorName: ERRORMESSAGE.UI_STATE_ERROR.code,
+                needChangeSessionForRetry: false,
+                msg: safeStringify(res)
+              };
+              this.elementEventCenter.endEvent(startEventId, logParams);
+              return _context4.abrupt("return", Promise.resolve(res));
+            case 6:
+              this.changeLoading(true);
+              recordResult = null;
+              _context4.prev = 8;
+              _context4.next = 11;
+              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 _result$error, _that$elementProcesso, _result$error2;
+                            var needChangeSessionForRetry = typeof (result === null || result === void 0 || (_result$error = result.error) === null || _result$error === void 0 ? void 0 : _result$error.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 || (_result$error2 = result.error) === null || _result$error2 === void 0 ? void 0 : _result$error2.needChangeSessionForRetry;
+                            if (result !== null && result !== void 0 && result.error) {
+                              result.error.needChangeSessionForRetry = needChangeSessionForRetry;
+                            }
+                          }
+                          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 11:
+              return _context4.abrupt("return", _context4.sent);
+            case 12:
+              _context4.prev = 12;
+              _logParams = {
+                eventCode: (_recordResult = recordResult) === null || _recordResult === void 0 ? void 0 : _recordResult.status,
+                errorName: (_recordResult2 = recordResult) === null || _recordResult2 === void 0 || (_recordResult2 = _recordResult2.error) === null || _recordResult2 === void 0 ? void 0 : _recordResult2.code,
+                errormessage: (_recordResult3 = recordResult) === null || _recordResult3 === void 0 || (_recordResult3 = _recordResult3.error) === null || _recordResult3 === void 0 ? void 0 : _recordResult3.message,
+                needChangeSessionForRetry: (_recordResult4 = recordResult) === null || _recordResult4 === void 0 || (_recordResult4 = _recordResult4.error) === null || _recordResult4 === void 0 ? void 0 : _recordResult4.needChangeSessionForRetry,
+                rpcTraceId: (_recordResult5 = recordResult) === null || _recordResult5 === void 0 || (_recordResult5 = _recordResult5.error) === null || _recordResult5 === void 0 ? void 0 : _recordResult5.traceId,
+                msg: safeStringify(recordResult)
+              };
+              this.elementEventCenter.endEvent(startEventId, _logParams);
+              this.changeLoading(false);
+              return _context4.finish(12);
+            case 17:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[8,, 12, 17]]);
+      }));
+      function submitPayment() {
+        return _submitPayment.apply(this, arguments);
+      }
+      return submitPayment;
+    }()
   }, {
     key: "changeLoading",
     value: function changeLoading(loading) {
@@ -290,9 +543,7 @@ var ElementController = /*#__PURE__*/function () {
         clearTimeout(_this4.initTimeout);
         _this4.initTimeout = null;
         if (_this4.elementContainerService.getContainerService(data.source)) {
-          renderCallback({
-            success: true
-          });
+          renderCallback();
           _this4.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
         }
         _this4.changeLoading(false);
@@ -309,15 +560,15 @@ var ElementController = /*#__PURE__*/function () {
         handleRedirect(data, false, onEventCallback);
       });
       this.serviceMap.EventCenter.listen(EVENT.destroy.name, function () {
+        _this4.changeLoading(false);
         _this4.setControllerStatusOrView(IElementStatus.READY);
         _this4.destroyHandle();
       });
       this.serviceMap.EventCenter.listen(EVENT.webAppReady.name, function (data) {
         clearTimeout(_this4.initTimeout);
+        _this4.initTimeout = null;
         if (_this4.elementContainerService.getContainerService(data.source)) {
-          renderCallback({
-            success: true
-          });
+          renderCallback();
           _this4.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
         }
         _this4.changeLoading(false);
@@ -335,40 +586,129 @@ var ElementController = /*#__PURE__*/function () {
           });
         }
       });
+      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 _this5 = 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 (_ref3) {
-        var _this5$elementContain;
-        var _ref4 = _slicedToArray(_ref3, 2),
-          _webLaunchRes = _ref4[0],
-          _obtainDataRes = _ref4[1];
-        (_this5$elementContain = _this5.elementContainerService.getContainerService(type)) === null || _this5$elementContain === void 0 || _this5$elementContain.switchContainerStatus(IContainerStatus.READY);
-        var allReady = true;
-        _this5.elementContainerService.getContainerServices().forEach(function (item) {
-          if (!allReady) return;
-          allReady = item.getContainerStatus() === IContainerStatus.READY;
-        });
-        if (allReady) {
-          _this5.elementContainerService.getContainerServices().forEach(function (value, key) {
-            _this5.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(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CONTAINER_NOT_EXIST);
+              // 容器服务不存在，直接返回
+              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];
+              this.serviceMap.Log.logInfo({
+                title: 'sdk_event_webAppOnLaunch'
+              });
+              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 = 24;
+              break;
+            case 20:
+              _context5.prev = 20;
+              _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 24:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this, [[1, 20]]);
+      }));
+      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 || ERRORMESSAGE.ERR_DATA_STRUCT_UNRECOGNIZED.message
+        };
+        if (!errorCode) {
+          error = _objectSpread({}, ERRORMESSAGE.ERR_DATA_STRUCT_UNRECOGNIZED);
+        }
+        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);
@@ -392,16 +732,16 @@ var ElementController = /*#__PURE__*/function () {
   }, {
     key: "updatePayment",
     value: function () {
-      var _updatePayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(paymentSessionData) {
+      var _updatePayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(paymentSessionData) {
         var _this6 = this;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              return _context3.abrupt("return", new Promise( /*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(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 _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
+                  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+                    while (1) switch (_context6.prev = _context6.next) {
                       case 0:
                         if (checkCanUpdate({
                           status: _this6.elementContainer.getStatus(),
@@ -409,18 +749,18 @@ var ElementController = /*#__PURE__*/function () {
                           newPaymentSessionData: paymentSessionData,
                           oldPaymentSessionData: _this6.options.sessionData
                         })) {
-                          _context2.next = 2;
+                          _context6.next = 2;
                           break;
                         }
-                        return _context2.abrupt("return", resolve(false));
+                        return _context6.abrupt("return", resolve(false));
                       case 2:
                         prePaymentSessionData = _this6.elementContainer.getPaymentContext().paymentSession;
                         _this6.elementContainer.updatePaymentSessionData(paymentSessionData);
                         // 1、数据获取
-                        _context2.next = 6;
+                        _context6.next = 6;
                         return _this6.elementProcessors[ElementType.payment].obtainData();
                       case 6:
-                        data = _context2.sent;
+                        data = _context6.sent;
                         LOCAL_MOCK = window.location.href.indexOf('LOCAL_MOCK=1') !== -1; // 2、发送update消息
                         Object.values(_this6.elementProcessors).forEach(function (processor) {
                           processor.update({
@@ -441,21 +781,21 @@ var ElementController = /*#__PURE__*/function () {
                         });
                       case 10:
                       case "end":
-                        return _context2.stop();
+                        return _context6.stop();
                     }
-                  }, _callee2);
+                  }, _callee6);
                 }));
-                return function (_x3) {
+                return function (_x7) {
                   return _ref5.apply(this, arguments);
                 };
               }()));
             case 1:
             case "end":
-              return _context3.stop();
+              return _context7.stop();
           }
-        }, _callee3);
+        }, _callee7);
       }));
-      function updatePayment(_x2) {
+      function updatePayment(_x6) {
         return _updatePayment.apply(this, arguments);
       }
       return updatePayment;
@@ -475,8 +815,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",