@alipay/ams-checkout 0.0.1713146800-dev.0 → 0.0.1713838058-dev.1

package/esm/plugin/component/index.js

@@ -17,11 +17,13 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { sdkVersion } from "../../config";
 import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
+import { matchVersion } from "../../util/versionCompare";
 import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
 import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style";
@@ -52,9 +54,8 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_renderDisplayType", renderDisplayTypeEnum.popup);
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
-    _defineProperty(this, "_webAppHeartBeatTimeoutId", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.11.0';
+    this._appVersion = '1.13.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -94,13 +95,14 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "initLoggerMeta",
     value: function initLoggerMeta() {
-      var _this$_renderParams, _paymentSessionMetaDa, _this$_renderParams2;
+      var _this$_renderParams, _paymentSessionMetaDa, _this$_renderParams2, _this$_renderParams3;
       var paymentSessionMetaData = (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData;
       var paymentSessionConfig = paymentSessionMetaData.paymentSessionConfig;
       this.AMSSDK.logger.setMedta({
         platform: this.platform === platformEnum.desktop ? 'PC' : 'WAP',
         // PC/WAP,
-        sdkVersion: this._appVersion,
+        sdkVersion: sdkVersion,
+        webAppVersion: this._appVersion,
         instanceId: this.AMSSDK._instanceId,
         storageId: this.AMSSDK._storageId,
         // the better way to use md5 paymentSesionID
@@ -110,9 +112,9 @@ var ComponentApp = /*#__PURE__*/function () {
         productSceneVersion: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.productSceneVersion,
         paymentMethodType: paymentSessionMetaData === null || paymentSessionMetaData === void 0 || (_paymentSessionMetaDa = paymentSessionMetaData.paymentMethodInfoView) === null || _paymentSessionMetaDa === void 0 ? void 0 : _paymentSessionMetaDa.paymentMethodType,
         paymentMethodCategoryType: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.paymentMethodCategoryType,
-        requestSeq: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData
+        requestSeq: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData,
+        trackId: (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.sessionData
       });
-      this.AMSSDK.logger.setComponentStartTime(Date.now());
     }
 
     /**
@@ -131,9 +133,9 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "initSecurity",
     value: function initSecurity() {
-      var _this$_renderParams3,
+      var _this$_renderParams4,
         _this = this;
-      var product = (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 || (_this$_renderParams3 = _this$_renderParams3.paymentSessionMetaData) === null || _this$_renderParams3 === void 0 || (_this$_renderParams3 = _this$_renderParams3.paymentSessionConfig) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.productScene;
+      var product = (_this$_renderParams4 = this._renderParams) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionMetaData) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionConfig) === null || _this$_renderParams4 === void 0 ? void 0 : _this$_renderParams4.productScene;
       if (componentSignEnum.CASHIER_PAYMENT_APM === this._componentSign) return;
       if (componentSignEnum.CASHIER_PAYMENT_BANK === this._componentSign) {
         this.AMSSDK.logger.logInfo({
@@ -364,7 +366,7 @@ var ComponentApp = /*#__PURE__*/function () {
       this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
           var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5;
-          var envInfo, params, _ref3, extendInfo, enableVaultingApiOptimize, enableEasypayApiOptimize, extendInfoData, _this5$_renderParams6, _this5$_renderParams7, _ref4, _ref4$productSceneVer, productSceneVersion, _ref4$productScene, productScene, _ref5, _ref5$action, _ref5$action2, _ref5$action2$autoDeb, autoDebitWithToken, _this5$_renderParams8, _action$web, _action$wap, action, signType;
+          var envInfo, params, _ref3, _ref3$extendInfo, extendInfo, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref4, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, _this5$_renderParams6, _this5$_renderParams7, _ref5, _ref5$productSceneVer, productSceneVersion, _ref5$productScene, productScene, _ref6, _ref6$action, _ref6$action2, _ref6$action2$autoDeb, autoDebitWithToken, _this5$_renderParams8, _action$web, _action$wap, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -380,9 +382,10 @@ var ComponentApp = /*#__PURE__*/function () {
                 /**
                  * @description Simulated or unnecessary scenarios
                  */
-                _ref3 = ((_this5$_renderParams4 = _this5._renderParams) === null || _this5$_renderParams4 === void 0 ? void 0 : _this5$_renderParams4.paymentSessionMetaData) || {}, extendInfo = _ref3.extendInfo;
+                _ref3 = ((_this5$_renderParams4 = _this5._renderParams) === null || _this5$_renderParams4 === void 0 ? void 0 : _this5$_renderParams4.paymentSessionMetaData) || {}, _ref3$extendInfo = _ref3.extendInfo, extendInfo = _ref3$extendInfo === void 0 ? '' : _ref3$extendInfo;
                 enableVaultingApiOptimize = false;
                 enableEasypayApiOptimize = false;
+                _ref4 = ((_this5$_renderParams5 = _this5._renderParams) === null || _this5$_renderParams5 === void 0 || (_this5$_renderParams5 = _this5$_renderParams5.paymentSessionMetaData) === null || _this5$_renderParams5 === void 0 ? void 0 : _this5$_renderParams5.action) || {}, skipSdkQuery = _ref4.skipSdkQuery, skipSdkQueryForm = _ref4.skipSdkQueryForm;
                 try {
                   extendInfoData = JSON.parse(extendInfo);
                   enableVaultingApiOptimize = extendInfoData.enableVaultingApiOptimize || false;
@@ -391,99 +394,128 @@ var ComponentApp = /*#__PURE__*/function () {
                   console.log(error);
                 }
                 if (!isLocalMock()) {
-                  _context2.next = 8;
+                  _context2.next = 9;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 8:
-                if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign && (_this5$_renderParams5 = _this5._renderParams) !== null && _this5$_renderParams5 !== void 0 && (_this5$_renderParams5 = _this5$_renderParams5.paymentSessionMetaData) !== null && _this5$_renderParams5 !== void 0 && (_this5$_renderParams5 = _this5$_renderParams5.action) !== null && _this5$_renderParams5 !== void 0 && _this5$_renderParams5.skipSdkQuery && enableVaultingApiOptimize)) {
-                  _context2.next = 10;
+              case 9:
+                if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 21;
                   break;
                 }
-                return _context2.abrupt("return", resolve({
+                if (!enableVaultingApiOptimize) {
+                  _context2.next = 21;
+                  break;
+                }
+                if (!skipSdkQueryForm) {
+                  _context2.next = 18;
+                  break;
+                }
+                // 优先判断 skipSdkQueryForm
+                ifSkip = matchVersion(skipSdkQueryForm, _this5._appVersion);
+                if (!ifSkip) {
+                  _context2.next = 16;
+                  break;
+                }
+                resolve({
                   message: 'sdk no need to make query request',
                   success: true
-                }));
-              case 10:
+                });
+                return _context2.abrupt("return");
+              case 16:
+                _context2.next = 21;
+                break;
+              case 18:
+                if (!skipSdkQuery) {
+                  _context2.next = 21;
+                  break;
+                }
+                resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                });
+                return _context2.abrupt("return");
+              case 21:
                 if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 16;
+                  _context2.next = 27;
                   break;
                 }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 14;
+                _context2.next = 25;
                 return _this5.getDeviceIdAndLog();
-              case 14:
+              case 25:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 16:
+              case 27:
                 if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 26;
+                  _context2.next = 37;
                   break;
                 }
-                _ref4 = params.paymentSessionConfig || {}, _ref4$productSceneVer = _ref4.productSceneVersion, productSceneVersion = _ref4$productSceneVer === void 0 ? '' : _ref4$productSceneVer, _ref4$productScene = _ref4.productScene, productScene = _ref4$productScene === void 0 ? '' : _ref4$productScene;
-                _ref5 = ((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.paymentSessionMetaData) || {}, _ref5$action = _ref5.action, _ref5$action2 = _ref5$action === void 0 ? {} : _ref5$action, _ref5$action2$autoDeb = _ref5$action2.autoDebitWithToken, autoDebitWithToken = _ref5$action2$autoDeb === void 0 ? false : _ref5$action2$autoDeb;
+                _ref5 = params.paymentSessionConfig || {}, _ref5$productSceneVer = _ref5.productSceneVersion, productSceneVersion = _ref5$productSceneVer === void 0 ? '' : _ref5$productSceneVer, _ref5$productScene = _ref5.productScene, productScene = _ref5$productScene === void 0 ? '' : _ref5$productScene;
+                _ref6 = ((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.paymentSessionMetaData) || {}, _ref6$action = _ref6.action, _ref6$action2 = _ref6$action === void 0 ? {} : _ref6$action, _ref6$action2$autoDeb = _ref6$action2.autoDebitWithToken, autoDebitWithToken = _ref6$action2$autoDeb === void 0 ? false : _ref6$action2$autoDeb;
                 if (!((_this5$_renderParams7 = _this5._renderParams) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.paymentSessionMetaData) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.action) !== null && _this5$_renderParams7 !== void 0 && _this5$_renderParams7.skipSdkQuery && enableEasypayApiOptimize)) {
-                  _context2.next = 21;
+                  _context2.next = 32;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 21:
+              case 32:
                 if (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken)) {
-                  _context2.next = 23;
+                  _context2.next = 34;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 23:
-                _context2.next = 25;
+              case 34:
+                _context2.next = 36;
                 return _this5.getDeviceIdAndLog();
-              case 25:
+              case 36:
                 envInfo.deviceId = _context2.sent;
-              case 26:
+              case 37:
                 if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 36;
+                  _context2.next = 47;
                   break;
                 }
                 action = ((_this5$_renderParams8 = _this5._renderParams) === null || _this5$_renderParams8 === void 0 || (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) === null || _this5$_renderParams8 === void 0 ? void 0 : _this5$_renderParams8.action) || {};
                 signType = isPC() ? action === null || action === void 0 || (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 || (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType;
                 if (!(signType === 'SMS')) {
-                  _context2.next = 31;
+                  _context2.next = 42;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 31:
+              case 42:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 33;
+                  _context2.next = 44;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 33:
-                _context2.next = 35;
+              case 44:
+                _context2.next = 46;
                 return _this5.getDeviceIdAndLog();
-              case 35:
+              case 46:
                 envInfo.deviceId = _context2.sent;
-              case 36:
+              case 47:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
-                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                  requestBody: params
                 }).send();
                 queryPaymentInfo(params, {
                   env: _this5.AMSSDK.options.env.environment,
@@ -494,6 +526,12 @@ var ComponentApp = /*#__PURE__*/function () {
                     value: Date.now()
                   });
                   resolve(res);
+                  _this5.AMSSDK.logger.logInfo({
+                    title: 'sdk_event_sdkQueryEnd'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: res
+                  }).send();
                 }).catch(function (err) {
                   if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD, componentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
                     return resolve({
@@ -503,15 +541,15 @@ var ComponentApp = /*#__PURE__*/function () {
                   _this5.dispatchToSDK(EVENT.error.name, {
                     code: ERRORMESSAGE.CREATECOMPONENT_ERROR.code
                   });
-                  reject(err);
-                }).finally(function () {
-                  _this5.AMSSDK.logger.logInfo({
-                    title: 'sdk_event_sdkQueryEnd'
+                  _this5.AMSSDK.logger.logError({
+                    title: 'sdk_event_sdkQuery_failed'
                   }, {
-                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    errorReason: err
                   }).send();
+                  reject(err);
                 });
-              case 38:
+              case 49:
               case "end":
                 return _context2.stop();
             }
@@ -528,21 +566,21 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
-      var _this$_renderParams4,
-        _this$_renderParams5,
+      var _this$_renderParams5,
+        _this$_renderParams6,
         _this6 = this;
       this._performanceData.push({
         key: 'sdk_submit_start',
         value: Date.now()
       });
       var params = {
-        paymentSessionData: this._renderParams && ((_this$_renderParams4 = this._renderParams) === null || _this$_renderParams4 === void 0 ? void 0 : _this$_renderParams4.sessionData) || '',
-        paymentSessionConfig: (_this$_renderParams5 = this._renderParams) === null || _this$_renderParams5 === void 0 || (_this$_renderParams5 = _this$_renderParams5.paymentSessionMetaData) === null || _this$_renderParams5 === void 0 ? void 0 : _this$_renderParams5.paymentSessionConfig
+        paymentSessionData: this._renderParams && ((_this$_renderParams5 = this._renderParams) === null || _this$_renderParams5 === void 0 ? void 0 : _this$_renderParams5.sessionData) || '',
+        paymentSessionConfig: (_this$_renderParams6 = this._renderParams) === null || _this$_renderParams6 === void 0 || (_this$_renderParams6 = _this$_renderParams6.paymentSessionMetaData) === null || _this$_renderParams6 === void 0 ? void 0 : _this$_renderParams6.paymentSessionConfig
       };
 
       // eslint-disable-next-line no-async-promise-executor
       this._actionSubmitPromise = new Promise( /*#__PURE__*/function () {
-        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
+        var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
           var _this6$_renderParams;
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
@@ -559,7 +597,8 @@ var ComponentApp = /*#__PURE__*/function () {
                 _this6.AMSSDK.logger.logInfo({
                   title: 'sdk_event_submitPay'
                 }, {
-                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                  requestBody: params
                 }).send();
                 _context3.t0 = submitPayInfo;
                 _context3.t1 = params;
@@ -582,21 +621,23 @@ var ComponentApp = /*#__PURE__*/function () {
                     key: 'sdk_submit_end',
                     value: Date.now()
                   });
-                  if (res !== null && res !== void 0 && res.success) {
-                    resolve(res);
-                  } else {
-                    resolve(res);
-                  }
-                }).catch(function () {
-                  resolve({
-                    success: false
-                  });
-                }).finally(function () {
                   _this6.AMSSDK.logger.logInfo({
                     title: 'sdk_event_submitPayEnd'
                   }, {
-                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: res
                   }).send();
+                  resolve(res);
+                }).catch(function (err) {
+                  _this6.AMSSDK.logger.logError({
+                    title: 'sdk_event_submitPay_failed'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: err
+                  }).send();
+                  resolve({
+                    success: false
+                  });
                 });
               case 13:
               case "end":
@@ -605,7 +646,7 @@ var ComponentApp = /*#__PURE__*/function () {
           }, _callee3);
         }));
         return function (_x3) {
-          return _ref6.apply(this, arguments);
+          return _ref7.apply(this, arguments);
         };
       }());
     }
@@ -652,6 +693,7 @@ var ComponentApp = /*#__PURE__*/function () {
           analytics: {
             enabled: false
           },
+          productScene: componentSign,
           productSceneVersion: productSceneVersion,
           environment: this.AMSSDK.options.env.environment,
           // TODO 确定一下这个参数是干啥的
@@ -659,7 +701,8 @@ var ComponentApp = /*#__PURE__*/function () {
           extendInfo: '',
           locale: '',
           instanceId: '',
-          isPreload: 'true'
+          isPreload: 'true',
+          mid: ''
         }),
         path = _getIframeUrl.path,
         locationSearch = _getIframeUrl.locationSearch;
@@ -689,16 +732,20 @@ var ComponentApp = /*#__PURE__*/function () {
         value: Date.now()
       });
       try {
-        var _renderParams$payment, _renderParams$payment2;
+        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3, _renderParams$payment4;
         var productSceneVersion = (renderParams === null || renderParams === void 0 || (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 || (_renderParams$payment = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment === void 0 ? void 0 : _renderParams$payment.productSceneVersion) || '';
-        var extendInfo = (renderParams === null || renderParams === void 0 || (_renderParams$payment2 = renderParams.paymentSessionMetaData) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.extendInfo) || '';
+        var productScene = (renderParams === null || renderParams === void 0 || (_renderParams$payment2 = renderParams.paymentSessionMetaData) === null || _renderParams$payment2 === void 0 || (_renderParams$payment2 = _renderParams$payment2.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productScene) || '';
+        var extendInfo = (renderParams === null || renderParams === void 0 || (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
+        var mid = renderParams === null || renderParams === void 0 || (_renderParams$payment4 = renderParams.paymentSessionMetaData) === null || _renderParams$payment4 === void 0 ? void 0 : _renderParams$payment4.clientId;
         var environment = this.AMSSDK.options.env.environment;
         this.appDomain = getAppDomain({
           environment: environment,
           appVersion: this._appVersion,
           componentSign: this._componentSign,
+          productScene: productScene,
           productSceneVersion: productSceneVersion,
-          extendInfo: extendInfo
+          extendInfo: extendInfo,
+          mid: mid
         });
         this.app = createIframe(this.AMSSDK.options.mode, this.platform);
         var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
@@ -706,13 +753,15 @@ var ComponentApp = /*#__PURE__*/function () {
             renderDisplayType: renderParams.renderDisplayType,
             componentSign: this._componentSign,
             analytics: this.AMSSDK.options.analytics,
+            productScene: productScene,
             productSceneVersion: productSceneVersion,
             environment: environment,
             appVersion: this._appVersion,
             extendInfo: extendInfo,
             locale: this.AMSSDK.options.locale,
             instanceId: this.AMSSDK._instanceId,
-            hostSign: hostSign
+            hostSign: hostSign,
+            mid: mid
           }),
           path = _getIframeUrl2.path,
           locationSearch = _getIframeUrl2.locationSearch;
@@ -1196,9 +1245,9 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "handleDeclareInfo",
-    value: function handleDeclareInfo(_ref7) {
-      var _ref7$closeDialogData = _ref7.closeDialogData,
-        closeDialogData = _ref7$closeDialogData === void 0 ? {} : _ref7$closeDialogData;
+    value: function handleDeclareInfo(_ref8) {
+      var _ref8$closeDialogData = _ref8.closeDialogData,
+        closeDialogData = _ref8$closeDialogData === void 0 ? {} : _ref8$closeDialogData;
       _handleDeclareInfo({
         closeDialogData: closeDialogData
       });
@@ -1235,12 +1284,12 @@ var ComponentApp = /*#__PURE__*/function () {
             }
           };
         }
-        if (this._webAppHeartBeatTimeoutId) {
-          clearTimeout(this._webAppHeartBeatTimeoutId);
-          this._webAppHeartBeatTimeoutId = null;
+        if (window._webAppHeartBeatTimeoutId) {
+          clearTimeout(window._webAppHeartBeatTimeoutId);
+          window._webAppHeartBeatTimeoutId = null;
         }
         if (this._webAppHeartBeatTimeoutFn) {
-          this._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
+          window._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
         }
         setTimeout(function () {
           if (_this8.isAppAttached()) {
@@ -1299,17 +1348,20 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "dispatchToApp",
     value: function dispatchToApp(payload) {
       var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var sendLog = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var data = Object.assign({}, payload, {
         name: messageName.SDK_TO_APP,
         mode: this.AMSSDK.options.mode,
         appId: COMPONENTPLUGINID,
         instanceId: this.AMSSDK._instanceId
       });
-      this.AMSSDK.logger.logInfo({
-        title: 'sdk_event_send_message_to_web'
-      }, {
-        event: data === null || data === void 0 ? void 0 : data.context.event
-      }).send();
+      if (sendLog) {
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_send_message_to_web'
+        }, {
+          event: data === null || data === void 0 ? void 0 : data.context.event
+        }).send();
+      }
       if (targetElement && targetElement.contentWindow) {
         return targetElement.contentWindow.postMessage(JSON.stringify(data), '*');
       }
@@ -1344,7 +1396,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: (function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-        var _this$_renderParams6, _this$_renderParams7, _this$_renderParams8, _this$_renderParams9, _this$_renderParams10, res, submitRes;
+        var _this$_renderParams7, _this$_renderParams8, _this$_renderParams9, _this$_renderParams10, _this$_renderParams11, _this$_renderParams12, _this$AMSSDK$logger, _this$_renderParams13, _this$_renderParams14, _this$_renderParams15, _this$AMSSDK, _this$_renderParams16, res, submitRes;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1373,20 +1425,32 @@ var ComponentApp = /*#__PURE__*/function () {
                   data: {
                     queryResult: res,
                     submitResult: submitRes,
-                    sessionResult: (_this$_renderParams6 = this._renderParams) === null || _this$_renderParams6 === void 0 ? void 0 : _this$_renderParams6.paymentSessionMetaData,
-                    paymentSessionData: (_this$_renderParams7 = this._renderParams) === null || _this$_renderParams7 === void 0 ? void 0 : _this$_renderParams7.sessionData,
+                    sessionResult: (_this$_renderParams7 = this._renderParams) === null || _this$_renderParams7 === void 0 ? void 0 : _this$_renderParams7.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams8 = this._renderParams) === null || _this$_renderParams8 === void 0 ? void 0 : _this$_renderParams8.sessionData,
                     heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-                    renderDisplayType: (_this$_renderParams8 = this._renderParams) === null || _this$_renderParams8 === void 0 ? void 0 : _this$_renderParams8.renderDisplayType,
-                    appearance: (_this$_renderParams9 = this._renderParams) === null || _this$_renderParams9 === void 0 ? void 0 : _this$_renderParams9.appearance,
-                    notRedirectAfterComplete: ((_this$_renderParams10 = this._renderParams) === null || _this$_renderParams10 === void 0 ? void 0 : _this$_renderParams10.notRedirectAfterComplete) === true,
+                    renderDisplayType: (_this$_renderParams9 = this._renderParams) === null || _this$_renderParams9 === void 0 ? void 0 : _this$_renderParams9.renderDisplayType,
+                    appearance: (_this$_renderParams10 = this._renderParams) === null || _this$_renderParams10 === void 0 ? void 0 : _this$_renderParams10.appearance,
+                    notRedirectAfterComplete: ((_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.notRedirectAfterComplete) === true,
                     merchantAppointParam: this._merchantAppointParam,
                     envInfo: {
                       screenHeight: screen.height,
                       screenWidth: screen.width
-                    }
+                    },
+                    logMetaData: _objectSpread(_objectSpread({
+                      trackId: (_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.sessionData,
+                      platform: this.platform,
+                      firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
+                    }, ((_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 || (_this$_renderParams13 = _this$_renderParams13.paymentSessionMetaData) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.paymentSessionConfig) || {}), {}, {
+                      renderDisplayType: (_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.renderDisplayType,
+                      sdkVersion: this._appVersion,
+                      merchantId: (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 || (_this$_renderParams15 = _this$_renderParams15.paymentSessionMetaData) === null || _this$_renderParams15 === void 0 ? void 0 : _this$_renderParams15.clientId,
+                      instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
+                      performanceData: this._performanceData,
+                      paymentMethodType: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 || (_this$_renderParams16 = _this$_renderParams16.paymentSessionMetaData) === null || _this$_renderParams16 === void 0 || (_this$_renderParams16 = _this$_renderParams16.paymentMethodInfoView) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.paymentMethodType
+                    })
                   }
                 }
-              });
+              }, null, true);
               this.AMSSDK.logger.logInfo({
                 title: 'sdk_event_renderComponent'
               });

package/esm/plugin/const.js

@@ -1,11 +1,11 @@
-import { ApplePayActionEnum, PaymentActionEnum } from "../core/bus/interface";
-import { paymentMethodCategoryTypeEnum, productSceneEnum, ProductSceneVersion } from "../types/index";
+import { ApplePayActionEnum, PaymentActionEnum, PaypalActionEnum } from "../core/bus/interface";
+import { paymentMethodCategoryTypeEnum, PaypalMethodEnum, productSceneEnum, ProductSceneVersion } from "../types/index";
 export var ExtendPlugin = [{
   sessionMatcher: {
     productScene: productSceneEnum.CASHIER_PAYMENT,
     productSceneVersion: ProductSceneVersion.V1,
     paymentMethodCategoryType: paymentMethodCategoryTypeEnum.CARD,
-    paymentMethodTypes: ["CARD_APPLE_PAY"]
+    paymentMethodTypes: ['CARD_APPLE_PAY']
   },
   paymentChannelMatcher: {
     paymentMethod: 'ApplePay'
@@ -14,6 +14,20 @@ export var ExtendPlugin = [{
     canMakePayments: ApplePayActionEnum.canMakePayments,
     optional_init: PaymentActionEnum.optional_init,
     createComponent: ApplePayActionEnum.createComponent,
-    destoryComponent: ApplePayActionEnum.destoryComponent
+    destroyComponent: ApplePayActionEnum.destroyComponent
+  }
+}, {
+  sessionMatcher: {
+    productScene: productSceneEnum.CASHIER_PAYMENT,
+    productSceneVersion: ProductSceneVersion.V1,
+    paymentMethodCategoryType: paymentMethodCategoryTypeEnum.APM,
+    paymentMethodTypes: [PaypalMethodEnum.PAYPAL_CHECKOUT, PaypalMethodEnum.PAYPAL_PAYLATER, PaypalMethodEnum.PAYPAL_VAULT]
+  },
+  paymentChannelMatcher: {
+    paymentMethod: 'Paypal'
+  },
+  busActionNames: {
+    mountComponent: PaypalActionEnum.mountComponent,
+    destroyComponent: PaypalActionEnum.destroyComponent
   }
 }];

package/esm/plugin/paypal/index.d.ts

@@ -0,0 +1,20 @@
+import { BusContext, BusMessage, BusSubscriber } from '../../core/bus';
+import { Logger } from '../../util/logger';
+export declare class PaypalBusSubscriber extends BusSubscriber {
+    logger: Logger;
+    constructor(logger: Logger);
+    actionNames(): string[];
+    private onEventCallback;
+    protected renderPaypalButton(context: BusContext, message: BusMessage): Promise<never>;
+    private appendPaypalLoading;
+    private removePaypalLoading;
+    private preCheck;
+    private loadPaypalResource;
+    private createPaypalScript;
+    private onShippingChange;
+    private createOrder;
+    private onApprove;
+    private onCancel;
+    private destroyComponent;
+    onMessage(context: BusContext, message: BusMessage): void;
+}