@alipay/ams-checkout 0.0.1730107332-dev.33 → 0.0.1730107332-dev.34

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

@@ -1,11 +1,11 @@
 import type AMSCheckout from '../../core/instance';
-import type { eventPayload, eventPayloadContext, IappendIframeNodesParams, IMerchantAppointParam, Iselector } from '../../types';
-import { componentSignEnum, DeviceIdParameter, platformEnum, renderDisplayTypeEnum } from '../../types';
-type IrenderFuncParams = (context: ComponentApp, selector: Iselector, renderDisplayType: renderDisplayTypeEnum) => Promise<void>;
+import type { EventPayload, EventPayloadContext, IappendIframeNodesParams, IMerchantAppointParam, Iselector } from '../../types';
+import { ComponentSignEnum, DeviceIdParameter, PlatformEnum, DisplayTypeEnum } from '../../types';
+type IrenderFuncParams = (context: ComponentApp, selector: Iselector, renderDisplayType: DisplayTypeEnum) => Promise<void>;
 export default class ComponentApp {
     app: null | HTMLIFrameElement;
     AMSSDK: AMSCheckout;
-    platform: platformEnum;
+    platform: PlatformEnum;
     _performanceData: any[];
     _loadAppPromiseResolve: ((value: boolean) => void) | null;
     _isInitComponent: boolean;
@@ -51,7 +51,7 @@ export default class ComponentApp {
     /**
      * @description render iframe content
      */
-    appendIframeNodes(componentSign: componentSignEnum, renderParams: IappendIframeNodesParams): Promise<void>;
+    appendIframeNodes(componentSign: ComponentSignEnum, renderParams: IappendIframeNodesParams): Promise<void>;
     appendPreloadIframeNodes(componentSign: any, productSceneVersion: any): void;
     private setParameterDefaultValues;
     private renderInlineLoading;
@@ -82,7 +82,8 @@ export default class ComponentApp {
     /**
      * @description Processing messages from iframe
      */
-    _handleAppMessage(data: eventPayload): void;
+    _handleAppMessage(data: EventPayload): void;
+    private logEventCallback;
     private dismissLoadingFunc;
     private handleSizeChanged;
     private handleAuthUrlInfo;
@@ -101,7 +102,7 @@ export default class ComponentApp {
      * @description Send message to iframe
      */
     dispatchToApp(payload: {
-        context: eventPayloadContext;
+        context: EventPayloadContext;
     }, targetElement?: any): any;
     /**
      * @description Subscribe to messages from SDK

package/esm/plugin/component/index.js

@@ -21,7 +21,7 @@ import { v4 as uuid } from 'uuid';
 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 { ComponentSignEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, DisplayTypeEnum, TargetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
 import { matchVersion } from "../../util/versionCompare";
@@ -54,9 +54,9 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_actionQueryPromise", null);
     _defineProperty(this, "_actionSubmitPromise", null);
     _defineProperty(this, "_renderParams", null);
-    _defineProperty(this, "_componentSign", componentSignEnum.NONE);
+    _defineProperty(this, "_componentSign", ComponentSignEnum.NONE);
     _defineProperty(this, "_appLocationSearch", void 0);
-    _defineProperty(this, "_renderDisplayType", renderDisplayTypeEnum.popup);
+    _defineProperty(this, "_renderDisplayType", DisplayTypeEnum.popup);
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_isAppWebview", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
@@ -70,7 +70,7 @@ var ComponentApp = /*#__PURE__*/function () {
     this.createPreloadIframeNode = function () {
       return Promise.resolve();
     };
-    this.platform = isPC() ? platformEnum.desktop : platformEnum.mobile;
+    this.platform = isPC() ? PlatformEnum.desktop : PlatformEnum.mobile;
     this._isRetention = true;
     this._appLocationSearch = '';
     this._performanceData.push({
@@ -105,7 +105,7 @@ var ComponentApp = /*#__PURE__*/function () {
       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',
+        platform: this.platform === PlatformEnum.desktop ? 'PC' : 'WAP',
         // PC/WAP,
         sdkVersion: sdkVersion,
         webAppVersion: this._appVersion,
@@ -142,8 +142,8 @@ var ComponentApp = /*#__PURE__*/function () {
       var _this$_renderParams4,
         _this = this;
       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) {
+      if (ComponentSignEnum.CASHIER_PAYMENT_APM === this._componentSign) return;
+      if (ComponentSignEnum.CASHIER_PAYMENT_BANK === this._componentSign) {
         this.AMSSDK.logger.logInfo({
           title: 'sdk_event_security_unneeded_scenarios'
         }, {
@@ -268,8 +268,13 @@ var ComponentApp = /*#__PURE__*/function () {
       this._componentSign = componentSign;
       if ((_renderParams = renderParams) !== null && _renderParams !== void 0 && _renderParams.selector) this._selector = renderParams.selector;
       this._renderDisplayType = renderParams.renderDisplayType;
+      // connect element模式会存在加载多个sdk，appendAliasContainerId为true来判断，给容器inlineId添加标识，id中不能存在#需在这里提前过滤一下
+      var _selector = this._selector.indexOf('#') === -1 ? this._selector : this._selector.slice(1);
+      // 修改需当前文件搜索，这段注释appendAliasContainerId
+      var appendAliasContainerId = renderParams.appendAliasContainerId ? "-".concat(_selector) : '';
+      var inlineId = "".concat(COMPONENT_CONTAINER_ID).concat(appendAliasContainerId);
+      var insertedNode = this._renderDisplayType === DisplayTypeEnum.inline ? "#".concat(inlineId) : this._selector;
       this._isAppWebview = renderParams.isAppWebview;
-      var insertedNode = this._renderDisplayType === renderDisplayTypeEnum.inline ? "#".concat(COMPONENT_CONTAINER_ID) : this._selector;
       this.initLoggerMeta();
       this.initSecurity();
       this._performanceData.push({
@@ -301,14 +306,14 @@ var ComponentApp = /*#__PURE__*/function () {
         version: productSceneVersion,
         product: this.AMSSDK.options.product
       }).send();
-      if (componentSignEnum.EASY_PAY_WALLET === this._componentSign) {
-        if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '1.0' && !autoDebitWithToken && requireFastSdk) {
+      if (ComponentSignEnum.EASY_PAY_WALLET === this._componentSign) {
+        if (productScene === ProductSceneEnum.EASY_PAY && productSceneVersion === '1.0' && !autoDebitWithToken && requireFastSdk) {
           // EASY_PAY 1.0首次支付，requireFastSdk为true，不需要接口请求
           this.handleAuthUrlInfo(authUrlInfo);
           return;
         }
       }
-      if (componentSignEnum.AUTO_DEBIT_WALLET === this._componentSign) {
+      if (ComponentSignEnum.AUTO_DEBIT_WALLET === this._componentSign) {
         var _this$_renderParams9, _action$web, _action$wap;
         var action = ((_this$_renderParams9 = this._renderParams) === null || _this$_renderParams9 === void 0 || (_this$_renderParams9 = _this$_renderParams9.paymentSessionMetaData) === null || _this$_renderParams9 === void 0 ? void 0 : _this$_renderParams9.action) || {};
         var 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;
@@ -319,7 +324,7 @@ var ComponentApp = /*#__PURE__*/function () {
           return;
         }
       }
-      if (componentSignEnum.AUTO_DEBIT_PAY_WALLET === this._componentSign) {
+      if (ComponentSignEnum.AUTO_DEBIT_PAY_WALLET === this._componentSign) {
         if (requireFastSdk === true && productSceneVersion === '1.0') {
           // REDIRECT，requireFastSdk为true，不需要接口请求
           this.handleAuthUrlInfo(authUrlInfo);
@@ -334,12 +339,12 @@ var ComponentApp = /*#__PURE__*/function () {
       this.dispatchToSDK(EVENT.eventCallback.name, {
         code: eventCodeEnum.SDK_START_OF_LOADING
       });
-      if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
-        var container = createInlineBaseElement(this._selector);
+      if (this._renderDisplayType === DisplayTypeEnum.inline) {
+        var container = createInlineBaseElement(this._selector, COMPONENT_CONTAINER_ID, inlineId);
         if (container) this.renderInlineLoading(renderParams, container);
         insertStyleSheet();
       }
-      if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
+      if (this._renderDisplayType === DisplayTypeEnum.popup) {
         var _this$_renderParams10;
         createBaseElement(this.platform, this.closeBtnFunc.bind(this));
         createRetentionPopup(this.platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this));
@@ -382,7 +387,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "setParameterDefaultValues",
     value: function setParameterDefaultValues(componentSign, renderParams) {
       var newParams = Object.assign({}, renderParams);
-      if (componentSign === componentSignEnum.VAULTING_CARD) {
+      if (componentSign === ComponentSignEnum.VAULTING_CARD) {
         var _newParams$notRedirec;
         newParams.notRedirectAfterComplete = (_newParams$notRedirec = newParams === null || newParams === void 0 ? void 0 : newParams.notRedirectAfterComplete) !== null && _newParams$notRedirec !== void 0 ? _newParams$notRedirec : true;
       }
@@ -451,8 +456,8 @@ var ComponentApp = /*#__PURE__*/function () {
       // eslint-disable-next-line no-async-promise-executor
       this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
         var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
-          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5, _this5$_renderParams6;
-          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams7, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _this5$_renderParams8, _action$web2, _action$wap2, action, signType;
+          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5, _this5$_renderParams6, _this5$_renderParams7;
+          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams8, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _this5$_renderParams9, _action$web2, _action$wap2, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -488,11 +493,10 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 }));
               case 9:
-                if (componentSignEnum.ELEMENT_PAYMENT === _this5._componentSign) {
+                if (ComponentSignEnum.ELEMENT_PAYMENT === _this5._componentSign) {
                   params.paymentSessionConfig = handlePaymentSessionConfig(params.paymentSessionConfig);
                 }
-                /** 地址组件跳过接口查询 */
-                if (!(componentSignEnum.ELEMENT_ADDRESS === _this5._componentSign)) {
+                if (!(ComponentSignEnum.ELEMENT_PAYMENT === _this5._componentSign && _this5 !== null && _this5 !== void 0 && (_this5$_renderParams6 = _this5._renderParams) !== null && _this5$_renderParams6 !== void 0 && (_this5$_renderParams6 = _this5$_renderParams6.paymentSessionMetaData) !== null && _this5$_renderParams6 !== void 0 && (_this5$_renderParams6 = _this5$_renderParams6.connectFactor) !== null && _this5$_renderParams6 !== void 0 && _this5$_renderParams6.enableConnect)) {
                   _context2.next = 12;
                   break;
                 }
@@ -501,22 +505,31 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 }));
               case 12:
-                if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 24;
+                if (!(ComponentSignEnum.ELEMENT_ADDRESS === _this5._componentSign)) {
+                  _context2.next = 14;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 14:
+                if (!(ComponentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 26;
                   break;
                 }
                 if (!enableVaultingApiOptimize) {
-                  _context2.next = 24;
+                  _context2.next = 26;
                   break;
                 }
                 if (!skipSdkQueryForm) {
-                  _context2.next = 21;
+                  _context2.next = 23;
                   break;
                 }
                 // 优先判断 skipSdkQueryForm
                 ifSkip = matchVersion(skipSdkQueryForm, _this5._appVersion);
                 if (!ifSkip) {
-                  _context2.next = 19;
+                  _context2.next = 21;
                   break;
                 }
                 resolve({
@@ -524,12 +537,12 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 });
                 return _context2.abrupt("return");
-              case 19:
-                _context2.next = 24;
-                break;
               case 21:
+                _context2.next = 26;
+                break;
+              case 23:
                 if (!skipSdkQuery) {
-                  _context2.next = 24;
+                  _context2.next = 26;
                   break;
                 }
                 resolve({
@@ -537,10 +550,10 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 });
                 return _context2.abrupt("return");
-              case 24:
-                channelBehavior = getChannelBehavior((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.paymentSessionMetaData); // Easypay TOSS 渠道无需actionQuery
+              case 26:
+                channelBehavior = getChannelBehavior((_this5$_renderParams7 = _this5._renderParams) === null || _this5$_renderParams7 === void 0 ? void 0 : _this5$_renderParams7.paymentSessionMetaData); // Easypay TOSS 渠道无需actionQuery
                 if (!(channelBehavior !== null && channelBehavior !== void 0 && channelBehavior.usePaymentSessionAsQueryResult)) {
-                  _context2.next = 27;
+                  _context2.next = 29;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
@@ -548,78 +561,78 @@ var ComponentApp = /*#__PURE__*/function () {
                   amountConfirmRequired: actionData === null || actionData === void 0 ? void 0 : actionData.amountConfirmRequired,
                   success: true
                 }));
-              case 27:
-                if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 33;
+              case 29:
+                if (!(ComponentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || ComponentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 35;
                   break;
                 }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 31;
+                _context2.next = 33;
                 return _this5.getDeviceIdAndLog();
-              case 31:
+              case 33:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 33:
-                if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 42;
+              case 35:
+                if (!(ComponentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
+                  _context2.next = 44;
                   break;
                 }
                 _ref8 = params.paymentSessionConfig || {}, _ref8$productSceneVer = _ref8.productSceneVersion, productSceneVersion = _ref8$productSceneVer === void 0 ? '' : _ref8$productSceneVer, _ref8$productScene = _ref8.productScene, productScene = _ref8$productScene === void 0 ? '' : _ref8$productScene;
-                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 = 37;
+                if (!((_this5$_renderParams8 = _this5._renderParams) !== null && _this5$_renderParams8 !== void 0 && (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) !== null && _this5$_renderParams8 !== void 0 && (_this5$_renderParams8 = _this5$_renderParams8.action) !== null && _this5$_renderParams8 !== void 0 && _this5$_renderParams8.skipSdkQuery && enableEasypayApiOptimize)) {
+                  _context2.next = 39;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 37:
-                if (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0')) {
-                  _context2.next = 39;
+              case 39:
+                if (!(productScene === ProductSceneEnum.EASY_PAY && productSceneVersion === '2.0')) {
+                  _context2.next = 41;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 39:
-                _context2.next = 41;
-                return _this5.getDeviceIdAndLog();
               case 41:
+                _context2.next = 43;
+                return _this5.getDeviceIdAndLog();
+              case 43:
                 envInfo.deviceId = _context2.sent;
-              case 42:
-                if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 52;
+              case 44:
+                if (!(ComponentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
+                  _context2.next = 54;
                   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) || {};
+                action = ((_this5$_renderParams9 = _this5._renderParams) === null || _this5$_renderParams9 === void 0 || (_this5$_renderParams9 = _this5$_renderParams9.paymentSessionMetaData) === null || _this5$_renderParams9 === void 0 ? void 0 : _this5$_renderParams9.action) || {};
                 signType = isPC() ? action === null || action === void 0 || (_action$web2 = action.web) === null || _action$web2 === void 0 ? void 0 : _action$web2.signType : action === null || action === void 0 || (_action$wap2 = action.wap) === null || _action$wap2 === void 0 ? void 0 : _action$wap2.signType;
                 if (!(signType === 'SMS')) {
-                  _context2.next = 47;
+                  _context2.next = 49;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 47:
+              case 49:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 49;
+                  _context2.next = 51;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 49:
-                _context2.next = 51;
-                return _this5.getDeviceIdAndLog();
               case 51:
+                _context2.next = 53;
+                return _this5.getDeviceIdAndLog();
+              case 53:
                 envInfo.deviceId = _context2.sent;
-              case 52:
+              case 54:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
@@ -642,7 +655,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     responseBody: res
                   }).send();
                 }).catch(function (err) {
-                  if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD, componentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
+                  if ([ComponentSignEnum.CASHIER_PAYMENT_CARD, ComponentSignEnum.VAULTING_CARD, ComponentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
                     return resolve({
                       success: false
                     });
@@ -658,7 +671,7 @@ var ComponentApp = /*#__PURE__*/function () {
                   }).send();
                   reject(err);
                 });
-              case 54:
+              case 56:
               case "end":
                 return _context2.stop();
             }
@@ -696,7 +709,7 @@ var ComponentApp = /*#__PURE__*/function () {
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
-                if (!(_this6.AMSSDK.options.product === productSceneEnum.ELEMENT_ADDRESS)) {
+                if (!(_this6.AMSSDK.options.product === ProductSceneEnum.ELEMENT_ADDRESS)) {
                   _context3.next = 2;
                   break;
                 }
@@ -710,13 +723,13 @@ var ComponentApp = /*#__PURE__*/function () {
                   // 新逻辑走 channelBehavior判断
                   shouldSkipSubmitPayInSDK = !channelBehavior.submitPayInSdk;
                 } else {
-                  shouldSkipSubmitPayInSDK = !((_this6$_renderParams = _this6._renderParams) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.paymentSessionMetaData) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.action) !== null && _this6$_renderParams !== void 0 && _this6$_renderParams.skipSdkQuery) || componentSignEnum.EASY_PAY_WALLET !== _this6._componentSign;
+                  shouldSkipSubmitPayInSDK = !((_this6$_renderParams = _this6._renderParams) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.paymentSessionMetaData) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.action) !== null && _this6$_renderParams !== void 0 && _this6$_renderParams.skipSdkQuery) || ComponentSignEnum.EASY_PAY_WALLET !== _this6._componentSign;
                 }
-                if (componentSignEnum.EASY_PAY_WALLET === _this6._componentSign) {
+                if (ComponentSignEnum.EASY_PAY_WALLET === _this6._componentSign) {
                   _ref10 = params.paymentSessionConfig || {}, _ref10$productSceneVe = _ref10.productSceneVersion, productSceneVersion = _ref10$productSceneVe === void 0 ? '' : _ref10$productSceneVe, _ref10$productScene = _ref10.productScene, productScene = _ref10$productScene === void 0 ? '' : _ref10$productScene;
                   _ref11 = ((_this6$_renderParams2 = _this6._renderParams) === null || _this6$_renderParams2 === void 0 ? void 0 : _this6$_renderParams2.paymentSessionMetaData) || {}, _ref11$action = _ref11.action, _ref11$action2 = _ref11$action === void 0 ? {} : _ref11$action, _ref11$action2$enable = _ref11$action2.enableSignAgreement, enableSignAgreement = _ref11$action2$enable === void 0 ? false : _ref11$action2$enable, _ref11$action2$autoDe = _ref11$action2.autoDebitWithToken, autoDebitWithToken = _ref11$action2$autoDe === void 0 ? false : _ref11$action2$autoDe;
                   _ref12 = ((_this6$_renderParams3 = _this6._renderParams) === null || _this6$_renderParams3 === void 0 ? void 0 : _this6$_renderParams3.paymentSessionMetaData) || {}, _ref12$paymentMethodI = _ref12.paymentMethodInfoView, _ref12$paymentMethodI2 = _ref12$paymentMethodI === void 0 ? {} : _ref12$paymentMethodI, _ref12$paymentMethodI3 = _ref12$paymentMethodI2.paymentMethodType, paymentMethodType = _ref12$paymentMethodI3 === void 0 ? '' : _ref12$paymentMethodI3;
-                  if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken) {
+                  if (productScene === ProductSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken) {
                     isAppWebview = _this6._isAppWebview || false; ///EasyPay 2.0 首次传signAgreement字段
                     params['signAgreement'] = enableSignAgreement;
                     if (paymentMethodType == 'ALIPAY_CN' && !isAppWebview) {
@@ -842,7 +855,7 @@ var ComponentApp = /*#__PURE__*/function () {
       var preloadIframe = createPreloadIframe(componentSign, productSceneVersion);
       var productScene = componentSign.split(/_(?=[^_]*$)/)[0];
       var _getIframeUrl = getIframeUrl({
-          renderDisplayType: renderDisplayTypeEnum.popup,
+          renderDisplayType: DisplayTypeEnum.popup,
           componentSign: componentSign,
           analytics: {
             enabled: false
@@ -883,7 +896,7 @@ var ComponentApp = /*#__PURE__*/function () {
         value: Date.now()
       });
       try {
-        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3, _renderParams$payment4;
+        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3, _renderParams$payment4, _renderParams$debugPr, _renderParams$debugPr2;
         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 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) || '';
@@ -896,7 +909,8 @@ var ComponentApp = /*#__PURE__*/function () {
           productScene: productScene,
           productSceneVersion: productSceneVersion,
           extendInfo: extendInfo,
-          mid: mid
+          mid: mid,
+          localLink: renderParams === null || renderParams === void 0 || (_renderParams$debugPr = renderParams.debugProps) === null || _renderParams$debugPr === void 0 ? void 0 : _renderParams$debugPr.localLink // TODO Connect本地调试link
         });
         this.app = createIframe(this.AMSSDK.options.mode, this.platform);
         var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
@@ -912,7 +926,8 @@ var ComponentApp = /*#__PURE__*/function () {
             locale: this.AMSSDK.options.locale,
             instanceId: this.AMSSDK._instanceId,
             hostSign: hostSign,
-            mid: mid
+            mid: mid,
+            localLink: renderParams === null || renderParams === void 0 || (_renderParams$debugPr2 = renderParams.debugProps) === null || _renderParams$debugPr2 === void 0 ? void 0 : _renderParams$debugPr2.localLink // TODO Connect本地调试link
           }),
           path = _getIframeUrl2.path,
           locationSearch = _getIframeUrl2.locationSearch;
@@ -947,7 +962,7 @@ var ComponentApp = /*#__PURE__*/function () {
       var isJson = isJsonString(e.data);
       if (isJson) {
         var data = JSON.parse(e.data);
-        if (data.name !== messageName.APP_TO_SDK && data.name !== messageName.APP_TO_APP || data.instanceId !== this.AMSSDK._instanceId) return;
+        if (data.name !== MessageName.APP_TO_SDK && data.name !== MessageName.APP_TO_APP || data.instanceId !== this.AMSSDK._instanceId) return;
         this._handleAppMessage(data);
       } else {
         console.warn(ERRORMESSAGE.NOT_JSON_FORMAT);
@@ -1301,8 +1316,36 @@ var ComponentApp = /*#__PURE__*/function () {
         return;
       }
 
-      // The plug-in communicates with the sdk after processing
-      this.dispatchToSDK(data.context.event, data.context.data, data.context.eventCallbackId);
+      // log event before sending the callback
+      this.logEventCallback(data, "sdk_event_event_callback");
+      try {
+        // The plug-in communicates with the sdk after processing
+        this.dispatchToSDK(data.context.event, data.context.data, data.context.eventCallbackId);
+        // log event after sending the callback
+        this.logEventCallback(data, "sdk_event_afterEventCallback");
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }, {
+    key: "logEventCallback",
+    value: function logEventCallback(data, title) {
+      if (data.context.event === EVENT.eventCallback.name) {
+        var _data$context4;
+        var callbackData = "";
+        try {
+          var _data$context3;
+          callbackData = JSON.stringify((data === null || data === void 0 || (_data$context3 = data.context) === null || _data$context3 === void 0 ? void 0 : _data$context3.data) || "");
+        } catch (e) {
+          console.error(e);
+        }
+        this.AMSSDK.logger.logInfo({
+          title: title
+        }, {
+          callbackData: callbackData,
+          callbackId: (data === null || data === void 0 || (_data$context4 = data.context) === null || _data$context4 === void 0 ? void 0 : _data$context4.eventCallbackId) || ""
+        }).send();
+      }
     }
   }, {
     key: "dismissLoadingFunc",
@@ -1319,12 +1362,16 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "handleSizeChanged",
     value: function handleSizeChanged(data) {
-      var _data$context$data4;
-      var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
-      if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1 || data.context.data.height === parseInt(cashier.style.height)) return;
+      var _this$_renderParams$s, _this$_renderParams$s2, _data$context$data4, _cashier$style;
+      var _selector = ((_this$_renderParams$s = this._renderParams.selector) === null || _this$_renderParams$s === void 0 ? void 0 : _this$_renderParams$s.indexOf('#')) === -1 ? this._renderParams.selector : (_this$_renderParams$s2 = this._renderParams.selector) === null || _this$_renderParams$s2 === void 0 ? void 0 : _this$_renderParams$s2.slice(1);
+      // 修改需当前文件搜索，这段注释appendAliasContainerId
+      var appendAliasContainerId = this._renderParams.appendAliasContainerId;
+      var selectorId = appendAliasContainerId ? "".concat(COMPONENT_CONTAINER_ID, "-").concat(_selector) : COMPONENT_CONTAINER_ID;
+      var cashier = document.getElementById(selectorId);
+      if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1 || data.context.data.height === parseInt(cashier === null || cashier === void 0 || (_cashier$style = cashier.style) === null || _cashier$style === void 0 ? void 0 : _cashier$style.height)) return;
       cashier.style.height = "".concat(data.context.data.height, "px");
       this.app.style.opacity = '1';
-      if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
+      if (this._renderDisplayType === DisplayTypeEnum.popup) {
         if (this.platform === 'desktop') {
           if (data.context.data.width) cashier.style.width = "".concat(data.context.data.width, "px");
           cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
@@ -1357,7 +1404,7 @@ var ComponentApp = /*#__PURE__*/function () {
         // 关闭loading，保留蒙层
         this.dismissLoadingFunc();
       }
-      if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
+      if (this._renderDisplayType === DisplayTypeEnum.inline) {
         var _document$getElementB3;
         (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 || _document$getElementB3.remove();
         this.app.style.height = "".concat(data.context.data.height, "px");
@@ -1442,13 +1489,13 @@ var ComponentApp = /*#__PURE__*/function () {
       };
 
       // 支持 target: _blank，新开tab页打开
-      if (_data.target === targetEnum.BLANK) {
+      if (_data.target === TargetEnum.BLANK) {
         if (!_data.normalUrl) return failCallback(RedirectType.NormalUrl, '');
         successCallback(RedirectType.NormalUrl, _data.normalUrl);
         window.open(_data.normalUrl);
         return;
       }
-      if (_data.target === targetEnum.REPLACE && !(_data !== null && _data !== void 0 && _data.applinkUrl) && !(_data !== null && _data !== void 0 && _data.schemeUrl)) {
+      if (_data.target === TargetEnum.REPLACE && !(_data !== null && _data !== void 0 && _data.applinkUrl) && !(_data !== null && _data !== void 0 && _data.schemeUrl)) {
         if (!_data.normalUrl) return failCallback(RedirectType.NormalUrl, '');
         successCallback(RedirectType.NormalUrl, _data.normalUrl);
         window.location.replace(_data.normalUrl);
@@ -1604,7 +1651,7 @@ var ComponentApp = /*#__PURE__*/function () {
     value: function dispatchToApp(payload) {
       var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       var data = Object.assign({}, payload, {
-        name: messageName.SDK_TO_APP,
+        name: MessageName.SDK_TO_APP,
         mode: this.AMSSDK.options.mode,
         appId: COMPONENTPLUGINID,
         instanceId: this.AMSSDK._instanceId
@@ -1648,7 +1695,7 @@ var ComponentApp = /*#__PURE__*/function () {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
               _context8.prev = 0;
-              isAddressElement = this.AMSSDK.options.product === productSceneEnum.ELEMENT_ADDRESS;
+              isAddressElement = this.AMSSDK.options.product === ProductSceneEnum.ELEMENT_ADDRESS;
               if (!((!this._actionQueryPromise || !this._actionSubmitPromise) && !isAddressElement)) {
                 _context8.next = 4;
                 break;
@@ -1760,15 +1807,19 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "hideComponentAnimation",
     value: function hideComponentAnimation() {
-      var _container$style;
-      var container = document.getElementById(COMPONENT_CONTAINER_ID);
-      if (this.app) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
+      var _this$_renderParams$s3, _this$_renderParams$s4, _container$style;
+      // 修改需当前文件搜索，这段注释appendAliasContainerId
+      var _selector = ((_this$_renderParams$s3 = this._renderParams.selector) === null || _this$_renderParams$s3 === void 0 ? void 0 : _this$_renderParams$s3.indexOf('#')) === -1 ? this._renderParams.selector : (_this$_renderParams$s4 = this._renderParams.selector) === null || _this$_renderParams$s4 === void 0 ? void 0 : _this$_renderParams$s4.slice(1);
+      var appendAliasContainerId = this._renderParams.appendAliasContainerId ? "-".concat(_selector) : '';
+      var inlineId = "".concat(COMPONENT_CONTAINER_ID).concat(appendAliasContainerId);
+      var container = document.getElementById(inlineId);
+      if (this.app && container) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
       if (container) {
         // size变化动画取消
         container.style.transition = '';
-        container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform));
-        container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
-        container === null || container === void 0 || container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(this.platform));
+        container === null || container === void 0 || container.classList.remove("".concat(inlineId, "-").concat(this.platform));
+        container === null || container === void 0 || container.classList.remove("".concat(inlineId, "-").concat(this.platform, "-animation"));
+        container === null || container === void 0 || container.classList.add("".concat(inlineId, "-hidden-").concat(this.platform));
       }
     }
   }, {

package/esm/plugin/const.js

@@ -1,10 +1,10 @@
 import { ApplePayActionEnum, PaymentActionEnum, PaypalActionEnum } from "../core/bus/interface";
-import { paymentMethodCategoryTypeEnum, PaypalMethodEnum, productSceneEnum, ProductSceneVersion } from "../types/index";
+import { PaymentMethodCategoryTypeEnum, PaypalMethodEnum, ProductSceneEnum, ProductSceneVersion } from "../types/index";
 export var ExtendPlugin = [{
   sessionMatcher: {
-    productScene: productSceneEnum.CASHIER_PAYMENT,
+    productScene: ProductSceneEnum.CASHIER_PAYMENT,
     productSceneVersion: ProductSceneVersion.V1,
-    paymentMethodCategoryType: paymentMethodCategoryTypeEnum.CARD,
+    paymentMethodCategoryType: PaymentMethodCategoryTypeEnum.CARD,
     paymentMethodTypes: ['CARD_APPLE_PAY']
   },
   paymentChannelMatcher: {
@@ -18,9 +18,9 @@ export var ExtendPlugin = [{
   }
 }, {
   sessionMatcher: {
-    productScene: productSceneEnum.CASHIER_PAYMENT,
+    productScene: ProductSceneEnum.CASHIER_PAYMENT,
     productSceneVersion: ProductSceneVersion.V1,
-    paymentMethodCategoryType: paymentMethodCategoryTypeEnum.APM,
+    paymentMethodCategoryType: PaymentMethodCategoryTypeEnum.APM,
     paymentMethodTypes: [PaypalMethodEnum.PAYPAL_CHECKOUT, PaypalMethodEnum.PAYPAL_PAYLATER, PaypalMethodEnum.PAYPAL_VAULT]
   },
   paymentChannelMatcher: {

package/esm/plugin/drop-in/index.d.ts

@@ -1,5 +1,5 @@
 import type AMSCheckout from '../../core/instance';
-import type { IcreatePaymentParams, eventPayload } from '../../types';
+import type { IcreatePaymentParams, EventPayload } from '../../types';
 export default class CheckoutApp {
     app: any;
     paymentMethodsResult: any;
@@ -47,15 +47,15 @@ export default class CheckoutApp {
     /**
      * @description Processing messages from iframe
      */
-    _handleAppMessage(data: eventPayload): void;
+    _handleAppMessage(data: EventPayload): void;
     /**
      * @description Send message to SDK
      */
-    _dispatchToSDK(data: eventPayload): void;
+    _dispatchToSDK(data: EventPayload): void;
     /**
      * @description Send message to iframe
      */
-    _dispatchToApp(data: eventPayload): void;
+    _dispatchToApp(data: EventPayload): void;
     /**
      * @description Subscribe to messages from SDK
      */
@@ -67,5 +67,5 @@ export default class CheckoutApp {
     /**
      * @description Send the post submission processing event, and the cashier applies the consumption result
      */
-    _handleRequestPayment(data: eventPayload): void;
+    _handleRequestPayment(data: EventPayload): void;
 }