@alipay/ams-checkout 1.6.1 → 1.7.0

package/esm/constant/index.d.ts

@@ -140,13 +140,10 @@ export declare const EVENT: {
     dismissLoading: {
         name: string;
     };
-    popupWindow: {
+    startDialog: {
         name: string;
     };
-    closePopup: {
-        name: string;
-    };
-    threedReady: {
+    popWindow: {
         name: string;
     };
     getDeviceId: {
@@ -155,6 +152,21 @@ export declare const EVENT: {
     declareEventCallbackInfo: {
         name: string;
     };
+    setGlobalData: {
+        name: string;
+    };
+    getGlobalData: {
+        name: string;
+    };
+    sendMuitiAppEventToSdk: {
+        name: string;
+    };
+    receiveMuitiAppFromSdk: {
+        name: string;
+    };
+    getUserAgentFromSdk: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -140,20 +140,32 @@ export var EVENT = {
   dismissLoading: {
     name: 'dismissLoading'
   },
-  popupWindow: {
-    name: 'popupWindow'
+  startDialog: {
+    name: 'startDialog'
   },
-  closePopup: {
-    name: 'closePopup'
-  },
-  threedReady: {
-    name: 'threedReady'
+  popWindow: {
+    name: 'popWindow'
   },
   getDeviceId: {
     name: 'getDeviceId'
   },
   declareEventCallbackInfo: {
     name: 'declareEventCallbackInfo'
+  },
+  setGlobalData: {
+    name: 'setGlobalData'
+  },
+  getGlobalData: {
+    name: 'getGlobalData'
+  },
+  sendMuitiAppEventToSdk: {
+    name: 'sendMuitiAppEventToSdk'
+  },
+  receiveMuitiAppFromSdk: {
+    name: 'receiveMuitiAppFromSdk'
+  },
+  getUserAgentFromSdk: {
+    name: 'getUserAgentFromSdk'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

package/esm/core/component/index.js

@@ -138,9 +138,6 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     key: "pluginAppendIframe",
     value: function pluginAppendIframe(appendParams) {
       try {
-        this.logger.logInfo({
-          title: 'sdk_event_createComponent'
-        }).send();
         return this._componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams);
       } catch (error) {
         return Promise.reject(error);
@@ -163,16 +160,6 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         _this2._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
-        var _appendParams$iframeN, _appendParams$iframeN2;
-        // This version, easypay2.0 only supports alipayhk
-        var productSceneVersion = appendParams === null || appendParams === void 0 || (_appendParams$iframeN = appendParams.iframeNodesParams) === null || _appendParams$iframeN === void 0 || (_appendParams$iframeN = _appendParams$iframeN.paymentSessionMetaData) === null || _appendParams$iframeN === void 0 || (_appendParams$iframeN = _appendParams$iframeN.paymentSessionConfig) === null || _appendParams$iframeN === void 0 ? void 0 : _appendParams$iframeN.productSceneVersion;
-        var paymentMethodType = appendParams === null || appendParams === void 0 || (_appendParams$iframeN2 = appendParams.iframeNodesParams) === null || _appendParams$iframeN2 === void 0 || (_appendParams$iframeN2 = _appendParams$iframeN2.paymentSessionMetaData) === null || _appendParams$iframeN2 === void 0 || (_appendParams$iframeN2 = _appendParams$iframeN2.paymentMethodInfoView) === null || _appendParams$iframeN2 === void 0 ? void 0 : _appendParams$iframeN2.paymentMethodType;
-        if ((appendParams === null || appendParams === void 0 ? void 0 : appendParams.componentSign) === componentSignEnum.EASY_PAY_WALLET && productSceneVersion === '2.0' && paymentMethodType !== 'ALIPAY_HK') {
-          return Promise.reject({
-            code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
-            message: "Abnormal response data, interface failure, or unsupported payment method"
-          });
-        }
         return _this2.pluginAppendIframe(appendParams);
       });
     }

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

@@ -3,14 +3,14 @@ import type { eventPayload, eventPayloadContext, IappendIframeNodesParams, Isele
 import { componentSignEnum, platformEnum, renderDisplayTypeEnum } from '../../types';
 type IrenderFuncParams = (context: ComponentApp, selector: Iselector, renderDisplayType: renderDisplayTypeEnum) => Promise<void>;
 export default class ComponentApp {
-    app: any;
+    app: null | HTMLIFrameElement;
     AMSSDK: AMSCheckout;
     platform: platformEnum;
     _performanceData: any[];
     _loadAppPromiseResolve: ((value: boolean) => void) | null;
     _isInitComponent: boolean;
-    private _threedData?;
-    private popupWindow?;
+    private _globalData?;
+    private popupApp?;
     private appDomain;
     private createIframeNode;
     private _selector;
@@ -44,9 +44,10 @@ export default class ComponentApp {
      * @description render iframe content
      */
     appendIframeNodes(componentSign: componentSignEnum, renderParams: IappendIframeNodesParams): Promise<void>;
+    private setParameterDefaultValues;
     private renderInlineLoading;
     private renderPopupLoading;
-    _createLoadAppPromise(): Promise<unknown>;
+    _createLoadAppPromise(loadTimeLimit?: number): Promise<unknown>;
     /**
      * @description Interface request
      */
@@ -59,8 +60,10 @@ export default class ComponentApp {
     private createApp;
     private listener;
     private resizeListener;
-    private createPopupWindow;
+    private createDialog;
     private getDeviceIdAndCallback;
+    private getUserAgentAndCallback;
+    private returnDataAndCallback;
     /**
      * @description Initialize subscription iframe message
      */

package/esm/plugin/component/index.js

@@ -15,7 +15,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 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 { marmotMap } from "../../config/index";
 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 } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
@@ -35,8 +34,8 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_performanceData", []);
     _defineProperty(this, "_loadAppPromiseResolve", null);
     _defineProperty(this, "_isInitComponent", void 0);
-    _defineProperty(this, "_threedData", void 0);
-    _defineProperty(this, "popupWindow", void 0);
+    _defineProperty(this, "_globalData", void 0);
+    _defineProperty(this, "popupApp", void 0);
     _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "createIframeNode", void 0);
     _defineProperty(this, "_selector", void 0);
@@ -49,7 +48,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_appLocationSearch", void 0);
     _defineProperty(this, "_renderDisplayType", renderDisplayTypeEnum.popup);
     _defineProperty(this, "_multipleCallbackEvents", void 0);
-    this._appVersion = '1.6.1';
+    this._appVersion = '1.7.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -62,6 +61,7 @@ var ComponentApp = /*#__PURE__*/function () {
       key: 'sdk_init',
       value: Date.now()
     });
+    this._globalData = new Map();
   }
 
   /**
@@ -85,7 +85,7 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "initLoggerMeta",
     value: function initLoggerMeta() {
-      var _this$_renderParams, _paymentSessionMetaDa;
+      var _this$_renderParams, _paymentSessionMetaDa, _this$_renderParams2;
       var paymentSessionMetaData = (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData;
       var paymentSessionConfig = paymentSessionMetaData.paymentSessionConfig;
       this.AMSSDK.logger.setMedta({
@@ -100,7 +100,8 @@ var ComponentApp = /*#__PURE__*/function () {
         productScene: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.productScene,
         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
+        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
       });
       this.AMSSDK.logger.setComponentStartTime(Date.now());
     }
@@ -116,9 +117,9 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "initSecurity",
     value: function initSecurity() {
-      var _this$_renderParams2,
+      var _this$_renderParams3,
         _this = this;
-      var product = (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 || (_this$_renderParams2 = _this$_renderParams2.paymentSessionMetaData) === null || _this$_renderParams2 === void 0 || (_this$_renderParams2 = _this$_renderParams2.paymentSessionConfig) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.productScene;
+      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;
       if (componentSignEnum.CASHIER_PAYMENT_BANK === this._componentSign) {
         this.AMSSDK.logger.logInfo({
           title: 'sdk_event_security_unneeded_scenarios'
@@ -227,19 +228,24 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "appendIframeNodes",
     value: function appendIframeNodes(componentSign, renderParams) {
-      var _this3 = this;
+      var _renderParams,
+        _this3 = this;
       if (this._isInitComponent) {
         this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
         return Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
       }
+      renderParams = this.setParameterDefaultValues(componentSign, renderParams);
       this._isInitComponent = true;
       this._renderParams = renderParams;
       this._componentSign = componentSign;
-      if (renderParams !== null && renderParams !== void 0 && renderParams.selector) this._selector = renderParams.selector;
+      if ((_renderParams = renderParams) !== null && _renderParams !== void 0 && _renderParams.selector) this._selector = renderParams.selector;
       this._renderDisplayType = renderParams.renderDisplayType;
       var insertedNode = this._renderDisplayType === renderDisplayTypeEnum.inline ? "#".concat(COMPONENT_CONTAINER_ID) : this._selector;
-      this.initSecurity();
       this.initLoggerMeta();
+      this.AMSSDK.logger.logInfo({
+        title: 'sdk_event_createComponent'
+      }).send();
+      this.initSecurity();
       this._performanceData.push({
         key: 'sdk_create_component',
         value: Date.now()
@@ -270,6 +276,16 @@ var ComponentApp = /*#__PURE__*/function () {
         return Promise.reject(error);
       });
     }
+  }, {
+    key: "setParameterDefaultValues",
+    value: function setParameterDefaultValues(componentSign, renderParams) {
+      var newParams = Object.assign({}, renderParams);
+      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;
+      }
+      return newParams;
+    }
   }, {
     key: "renderInlineLoading",
     value: function renderInlineLoading(renderParams, selector) {
@@ -291,18 +307,15 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "_createLoadAppPromise",
-    value: function _createLoadAppPromise() {
+    value: function _createLoadAppPromise(loadTimeLimit) {
       var _this4 = this;
       return new Promise(function (resolve, reject) {
         _this4._loadAppPromiseResolve = resolve;
         setTimeout(function () {
           reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
-        }, LOADTIME_LIMIT);
+        }, loadTimeLimit !== null && loadTimeLimit !== void 0 ? loadTimeLimit : LOADTIME_LIMIT);
       }).catch(function (error) {
-        _this4.dispatchToSDK(EVENT.error.name, {
-          code: ERRORMESSAGE.CREATECOMPONENT_ERROR.code,
-          message: ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT.message
-        });
+        _this4.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
         _this4.AMSSDK.logger.logError({
           title: 'sdk_error_web_app_timeout'
         }).send();
@@ -427,7 +440,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     resolve(res);
                   }
                 }).catch(function (err) {
-                  if (componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign) {
+                  if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD].includes(_this5._componentSign)) {
                     return resolve({
                       success: false
                     });
@@ -458,16 +471,16 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
-      var _this$_renderParams3,
-        _this$_renderParams4,
+      var _this$_renderParams4,
+        _this$_renderParams5,
         _this6 = this;
       this._performanceData.push({
         key: 'sdk_submit_start',
         value: Date.now()
       });
       var params = {
-        paymentSessionData: this._renderParams && ((_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.sessionData) || '',
-        paymentSessionConfig: (_this$_renderParams4 = this._renderParams) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionMetaData) === null || _this$_renderParams4 === void 0 ? void 0 : _this$_renderParams4.paymentSessionConfig
+        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
       };
 
       // eslint-disable-next-line no-async-promise-executor
@@ -653,13 +666,12 @@ var ComponentApp = /*#__PURE__*/function () {
       });
     }
   }, {
-    key: "createPopupWindow",
-    value: function createPopupWindow(data) {
-      var _this$_renderParams5;
-      this._threedData = data;
-      var sessionData = encodeURIComponent((_this$_renderParams5 = this._renderParams) === null || _this$_renderParams5 === void 0 ? void 0 : _this$_renderParams5.sessionData);
-      var threedPageUrl = "".concat(marmotMap[this.AMSSDK.options.env.environment], "/threedPage/index.html?scene=threedWrapperPage&sessionData=").concat(sessionData, "&").concat(this._appLocationSearch);
-      this.popupWindow = createModal({
+    key: "createDialog",
+    value: function createDialog(data) {
+      var threedPageUrl = data.url.includes('?') ? "".concat(data.url, "&").concat(this._appLocationSearch) : "".concat(data.url, "?").concat(this._appLocationSearch);
+      this.popupApp = createModal({
+        widthPadding: data === null || data === void 0 ? void 0 : data.widthPadding,
+        heightPadding: data === null || data === void 0 ? void 0 : data.heightPadding,
         device: this.platform,
         url: threedPageUrl
       });
@@ -700,6 +712,66 @@ var ComponentApp = /*#__PURE__*/function () {
       }
       return getDeviceIdAndCallback;
     }()
+  }, {
+    key: "getUserAgentAndCallback",
+    value: function () {
+      var _getUserAgentAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(eventContext) {
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              if (eventContext !== null && eventContext !== void 0 && eventContext.eventCallbackId) {
+                try {
+                  this.dispatchToApp({
+                    context: {
+                      event: 'appEventCallback',
+                      eventCallbackId: eventContext === null || eventContext === void 0 ? void 0 : eventContext.eventCallbackId,
+                      data: {
+                        userAgent: window.navigator.userAgent
+                      }
+                    }
+                  });
+                } catch (error) {/* empty */}
+              }
+            case 1:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function getUserAgentAndCallback(_x5) {
+        return _getUserAgentAndCallback.apply(this, arguments);
+      }
+      return getUserAgentAndCallback;
+    }()
+  }, {
+    key: "returnDataAndCallback",
+    value: function () {
+      var _returnDataAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(eventContext) {
+        var _eventContext$data, targetData;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              if (eventContext !== null && eventContext !== void 0 && eventContext.eventCallbackId) {
+                targetData = this._globalData.get((_eventContext$data = eventContext.data) === null || _eventContext$data === void 0 ? void 0 : _eventContext$data.dataKey);
+                this.dispatchToApp({
+                  context: {
+                    event: 'appEventCallback',
+                    eventCallbackId: eventContext === null || eventContext === void 0 ? void 0 : eventContext.eventCallbackId,
+                    data: targetData
+                  }
+                });
+              }
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function returnDataAndCallback(_x6) {
+        return _returnDataAndCallback.apply(this, arguments);
+      }
+      return returnDataAndCallback;
+    }()
     /**
      * @description Initialize subscription iframe message
      */
@@ -725,7 +797,9 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "_handleAppMessage",
     value: function _handleAppMessage(data) {
-      var eventKeyMap = [EVENT.launch.name, EVENT.redirect.name, EVENT.sizeChanged.name, EVENT.log.name, EVENT.close.name, EVENT.error.name, EVENT.eventCallback.name, EVENT.submitForm.name, EVENT.showCloseButton.name, EVENT.hideCloseButton.name, EVENT.setAllowRetention.name, EVENT.declareCheckoutInfo.name, EVENT.showPopup.name, EVENT.dismissLoading.name, EVENT.popupWindow.name, EVENT.threedReady.name, EVENT.closePopup.name, EVENT.getDeviceId.name, EVENT.declareEventCallbackInfo.name];
+      var eventKeyMap = Object.keys(EVENT).map(function (key) {
+        return EVENT[key].name;
+      });
       if (!eventKeyMap.includes(data.context.event)) {
         return;
       }
@@ -733,29 +807,42 @@ var ComponentApp = /*#__PURE__*/function () {
         this.getDeviceIdAndCallback(data.context);
         return;
       }
-      if (data.context.event === EVENT.closePopup.name) {
+      if (data.context.event === EVENT.getUserAgentFromSdk.name) {
+        this.getUserAgentAndCallback(data.context);
+        return;
+      }
+      if (data.context.event === EVENT.popWindow.name) {
         destroyModal();
         return;
       }
-      if (data.context.event === EVENT.threedReady.name) {
-        this.dispatchToApp({
-          context: {
-            event: 'renderThreedPage',
-            data: this._threedData
-          }
-        }, this.popupWindow);
+      if (data.context.event === EVENT.getGlobalData.name) {
+        this.returnDataAndCallback(data.context);
         return;
       }
-      if (data.context.event === EVENT.popupWindow.name) {
+      if (data.context.event === EVENT.setGlobalData.name) {
+        var _data$context$data, _data$context$data2;
+        this._globalData.set((_data$context$data = data.context.data) === null || _data$context$data === void 0 ? void 0 : _data$context$data.dataKey, (_data$context$data2 = data.context.data) === null || _data$context$data2 === void 0 ? void 0 : _data$context$data2.data);
+        return;
+      }
+      if (data.context.event === EVENT.startDialog.name) {
         var _data$context;
-        this.createPopupWindow((_data$context = data.context) === null || _data$context === void 0 ? void 0 : _data$context.data);
+        this.createDialog((_data$context = data.context) === null || _data$context === void 0 ? void 0 : _data$context.data);
+        return;
+      }
+      if (data.context.event === EVENT.sendMuitiAppEventToSdk.name) {
+        this.dispatchToApp({
+          context: {
+            event: 'receiveMuitiAppFromSdk',
+            data: data.context.data
+          }
+        });
         return;
       }
       if (data.context.event === EVENT.dismissLoading.name) {
-        var _data$context$data;
+        var _data$context$data3;
         this.dispatchToSDK(EVENT.eventCallback.name, {
           code: 'SDK_END_OF_LOADING',
-          message: ((_data$context$data = data.context.data) === null || _data$context$data === void 0 ? void 0 : _data$context$data.message) || ''
+          message: ((_data$context$data3 = data.context.data) === null || _data$context$data3 === void 0 ? void 0 : _data$context$data3.message) || ''
         });
         return;
       }
@@ -764,6 +851,9 @@ var ComponentApp = /*#__PURE__*/function () {
           key: 'sdk_onLaunch',
           value: Date.now()
         });
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_webAppOnLaunch'
+        }).send();
         this._loadAppPromiseResolve && this._loadAppPromiseResolve(true);
         this.sendRenderEvent();
         return;
@@ -814,8 +904,8 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "handleSizeChanged",
     value: function handleSizeChanged(data) {
-      var _data$context$data2;
-      if (((_data$context$data2 = data.context.data) === null || _data$context$data2 === void 0 ? void 0 : _data$context$data2.height) <= 1) return;
+      var _data$context$data4;
+      if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1) return;
       var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
       cashier.style.height = "".concat(data.context.data.height, "px");
       if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
@@ -1004,8 +1094,11 @@ var ComponentApp = /*#__PURE__*/function () {
       if (targetElement && targetElement.contentWindow) {
         return targetElement.contentWindow.postMessage(JSON.stringify(data), '*');
       }
-      if (this.app && this.app.contentWindow) {
-        return this.app.contentWindow.postMessage(JSON.stringify(data), this.appDomain);
+      if (this.app || this.popupApp) {
+        var _this$app, _this$app2, _this$popupApp, _this$popupApp2;
+        (this === null || this === void 0 || (_this$app = this.app) === null || _this$app === void 0 ? void 0 : _this$app.contentWindow) && (this === null || this === void 0 || (_this$app2 = this.app) === null || _this$app2 === void 0 ? void 0 : _this$app2.contentWindow.postMessage(JSON.stringify(data), this.appDomain));
+        (this === null || this === void 0 || (_this$popupApp = this.popupApp) === null || _this$popupApp === void 0 ? void 0 : _this$popupApp.contentWindow) && (this === null || this === void 0 || (_this$popupApp2 = this.popupApp) === null || _this$popupApp2 === void 0 ? void 0 : _this$popupApp2.contentWindow.postMessage(JSON.stringify(data), '*'));
+        return;
       }
       throw new Error(ERRORMESSAGE.SDK_SUBMIT_ERROR.message);
     }
@@ -1031,26 +1124,26 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "sendRenderEvent",
     value: function () {
-      var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
         var _this$_renderParams6, _this$_renderParams7, _this$_renderParams8, _this$_renderParams9, _this$_renderParams10, res, submitRes;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _context5.prev = 0;
+              _context7.prev = 0;
               if (!(!this._actionQueryPromise || !this._actionSubmitPromise)) {
-                _context5.next = 3;
+                _context7.next = 3;
                 break;
               }
-              return _context5.abrupt("return");
+              return _context7.abrupt("return");
             case 3:
-              _context5.next = 5;
+              _context7.next = 5;
               return this._actionQueryPromise;
             case 5:
-              res = _context5.sent;
-              _context5.next = 8;
+              res = _context7.sent;
+              _context7.next = 8;
               return this._actionSubmitPromise;
             case 8:
-              submitRes = _context5.sent;
+              submitRes = _context7.sent;
               this._performanceData.push({
                 key: 'sdk_render_component',
                 value: Date.now()
@@ -1083,16 +1176,16 @@ var ComponentApp = /*#__PURE__*/function () {
                 }
               });
               // eslint-disable-next-line no-empty
-              _context5.next = 16;
+              _context7.next = 16;
               break;
             case 14:
-              _context5.prev = 14;
-              _context5.t0 = _context5["catch"](0);
+              _context7.prev = 14;
+              _context7.t0 = _context7["catch"](0);
             case 16:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
-        }, _callee5, this, [[0, 14]]);
+        }, _callee7, this, [[0, 14]]);
       }));
       function sendRenderEvent() {
         return _sendRenderEvent.apply(this, arguments);

package/esm/plugin/component/popupWindow.style.d.ts

@@ -1,6 +1,8 @@
 export declare const insertStyleSheet: () => void;
-export declare const createModal: ({ device, url }: {
+export declare const createModal: ({ device, url, widthPadding, heightPadding }: {
     device: any;
     url: any;
+    widthPadding: any;
+    heightPadding: any;
 }) => HTMLIFrameElement;
 export declare const destroyModal: () => void;

package/esm/plugin/component/popupWindow.style.js

@@ -13,7 +13,9 @@ export var insertStyleSheet = function insertStyleSheet() {
 // 插入弹窗
 export var createModal = function createModal(_ref) {
   var device = _ref.device,
-    url = _ref.url;
+    url = _ref.url,
+    widthPadding = _ref.widthPadding,
+    heightPadding = _ref.heightPadding;
   var overlay = document.createElement('div');
   overlay.classList.add("".concat(AMSPOPUP_PREFIX, "overlay"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
   var modal = document.createElement('div');
@@ -23,8 +25,8 @@ export var createModal = function createModal(_ref) {
     modal.style.height = '464px';
     modal.style.borderRadius = '12px';
   } else {
-    modal.style.width = 'calc(100% - 16px)';
-    modal.style.height = '80%';
+    modal.style.width = "calc(100% - ".concat(2 * widthPadding, "px)");
+    modal.style.height = "calc(100% - ".concat(2 * heightPadding, "px)");
     modal.style.borderRadius = '8px';
   }
   var iframe = document.createElement('iframe');

package/esm/types/index.d.ts

@@ -357,13 +357,6 @@ export declare enum eventCodeEnum {
     SDK_CALL_URL_ERROR = "SDK_CALL_URL_ERROR",
     SDK_CALL_URL_SUCCESS = "SDK_CALL_URL_SUCCESS"
 }
-export interface ThreedData {
-    data: any;
-    method: string;
-    targetUrl: string;
-    pti?: number;
-    pt?: number;
-}
 export declare enum RedirectType {
     ApplinkUrl = "ApplinkUrl",
     SchemeUrl = "SchemeUrl",

package/esm/util/logger.d.ts

@@ -22,6 +22,7 @@ export interface LogMetaData {
     productSceneVersion?: string;
     paymentMethodType?: string;
     paymentMethodCategoryType?: string;
+    requestSeq?: string;
 }
 interface Config {
     scriptUrl: string;

package/package.json

@@ -1 +1 @@
-{"name":"@alipay/ams-checkout","version":"1.6.1","description":"","author":"","main":"esm/index.js","module":"esm/index.js","typings":"esm/index.d.ts","files":["dist","esm","LEGAL.md","LICENSE","README.md"],"scripts":{"build":"father build","ci":"npm run lint","cov":"jest --coverage","format":"prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"","lint":"eslint ./src","test":"jest"},"dependencies":{"axios":"^1.3.4","uuid":"^9.0.0"},"devDependencies":{"@babel/core":"^7.20.7","@babel/preset-env":"^7.20.2","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^29.2.4","@types/uuid":"^9.0.0","@typescript-eslint/eslint-plugin":"latest","@typescript-eslint/parser":"^5.60.0","babel-jest":"^29.3.1","babel-loader":"^9.1.0","babel-plugin-import":"^1.13.0","eslint":"^8.36.0","eslint-plugin-prettier":"latest","father":"^4.2.3","jest":"^29.5.0","jest-environment-jsdom":"^29.3.1","prettier":"^2.8.4","prettier-plugin-organize-imports":"^3.2.3","prettier-plugin-packagejson":"^2.4.5","ts-jest":"^29.0.3","ts-node":"^10.9.1","typescript":"^4.9.5"},"engines":{},"publishConfig":{"access":"public"}}
+{"name":"@alipay/ams-checkout","version":"1.7.0","description":"","author":"","main":"esm/index.js","module":"esm/index.js","typings":"esm/index.d.ts","files":["dist","esm","LEGAL.md","LICENSE","README.md"],"scripts":{"build":"father build","ci":"npm run lint","cov":"jest --coverage","format":"prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"","lint":"eslint ./src","test":"jest"},"dependencies":{"axios":"^1.3.4","uuid":"^9.0.0"},"devDependencies":{"@babel/core":"^7.20.7","@babel/preset-env":"^7.20.2","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^29.2.4","@types/uuid":"^9.0.0","@typescript-eslint/eslint-plugin":"latest","@typescript-eslint/parser":"^5.60.0","babel-jest":"^29.3.1","babel-loader":"^9.1.0","babel-plugin-import":"^1.13.0","eslint":"^8.36.0","eslint-plugin-prettier":"latest","father":"^4.2.3","jest":"^29.5.0","jest-environment-jsdom":"^29.3.1","prettier":"^2.8.4","prettier-plugin-organize-imports":"^3.2.3","prettier-plugin-packagejson":"^2.4.5","ts-jest":"^29.0.3","ts-node":"^10.9.1","typescript":"^4.9.5"},"engines":{},"publishConfig":{"access":"public"}}