@alipay/ams-checkout 1.6.2 → 1.7.1

package/esm/plugin/component/index.js

@@ -6,8 +6,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
  * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
  * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
@@ -15,8 +15,7 @@ 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 { 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 } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
@@ -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.2';
+    this._appVersion = '1.7.1';
     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();
@@ -326,7 +339,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;
-          var envInfo, params, _this5$_renderParams5, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams6, _action$web, _action$wap, action, signType;
+          var envInfo, params, search, _this5$_renderParams5, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams6, _action$web, _action$wap, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -351,7 +364,7 @@ var ComponentApp = /*#__PURE__*/function () {
                 }));
               case 4:
                 if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 9;
+                  _context2.next = 11;
                   break;
                 }
                 params.paymentMethodType = 'CARD';
@@ -359,55 +372,62 @@ var ComponentApp = /*#__PURE__*/function () {
                 return _this5.getDeviceIdAndLog();
               case 8:
                 envInfo.deviceId = _context2.sent;
-              case 9:
+                // TODO 加一个后门 判断是否为小程序环境
+                search = window.location.search;
+                if (window.navigator.userAgent.indexOf('miniProgram') > -1 || search.indexOf('miniProgram') > -1) {
+                  envInfo.extendInfo = {
+                    WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
+                  };
+                }
+              case 11:
                 if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 17;
+                  _context2.next = 19;
                   break;
                 }
                 _ref3 = params.paymentSessionConfig || {}, _ref3$productSceneVer = _ref3.productSceneVersion, productSceneVersion = _ref3$productSceneVer === void 0 ? '' : _ref3$productSceneVer, _ref3$productScene = _ref3.productScene, productScene = _ref3$productScene === void 0 ? '' : _ref3$productScene;
                 _ref4 = ((_this5$_renderParams5 = _this5._renderParams) === null || _this5$_renderParams5 === void 0 ? void 0 : _this5$_renderParams5.paymentSessionMetaData) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
                 if (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken)) {
-                  _context2.next = 14;
+                  _context2.next = 16;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 14:
-                _context2.next = 16;
-                return _this5.getDeviceIdAndLog();
               case 16:
+                _context2.next = 18;
+                return _this5.getDeviceIdAndLog();
+              case 18:
                 envInfo.deviceId = _context2.sent;
-              case 17:
+              case 19:
                 if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 27;
+                  _context2.next = 29;
                   break;
                 }
                 action = ((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 || (_this5$_renderParams6 = _this5$_renderParams6.paymentSessionMetaData) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.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 = 22;
+                  _context2.next = 24;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 22:
+              case 24:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 24;
+                  _context2.next = 26;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 24:
-                _context2.next = 26;
-                return _this5.getDeviceIdAndLog();
               case 26:
+                _context2.next = 28;
+                return _this5.getDeviceIdAndLog();
+              case 28:
                 envInfo.deviceId = _context2.sent;
-              case 27:
+              case 29:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
@@ -427,7 +447,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
                     });
@@ -443,7 +463,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
                   }).send();
                 });
-              case 29:
+              case 31:
               case "end":
                 return _context2.stop();
             }
@@ -458,16 +478,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
@@ -617,6 +637,9 @@ var ComponentApp = /*#__PURE__*/function () {
         // Subscribe to messages from iframe
         this.addEventListener();
       } catch (error) {
+        this.AMSSDK.logger.logError({
+          title: 'sdk_error_created_app_failed'
+        }).send();
         this.dispatchToSDK(EVENT.error.name, Object.assign({}, ERRORMESSAGE.SDK_COMPATIBILITY_ISSUES.FAILED_TO_CREATE_IFRAME, {
           stack: error
         }));
@@ -653,33 +676,81 @@ 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({
-        device: this.platform,
-        url: threedPageUrl
-      });
-    }
+    key: "createDialog",
+    value: function () {
+      var _createDialog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
+        var pageUrl, isLoad, timeout, logTimeout;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              pageUrl = data.url.includes('?') ? "".concat(data.url, "&").concat(this._appLocationSearch) : "".concat(data.url, "?").concat(this._appLocationSearch);
+              _context4.prev = 1;
+              isLoad = false;
+              _context4.next = 5;
+              return 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: pageUrl
+              });
+            case 5:
+              this.popupApp = _context4.sent;
+              timeout = setTimeout(function () {
+                if (isLoad) return;
+                throw {
+                  title: 'sdk_error_create_pop_up'
+                };
+              }, LOADTIME_LIMIT);
+              logTimeout = setTimeout(function () {
+                if (isLoad) return;
+                throw {
+                  title: 'sdk_error_pop_up_time_out'
+                };
+              }, POPUP_LOADTIME_LOG_LIMIT);
+              this.popupApp.onload = function () {
+                isLoad = true;
+                clearTimeout(timeout);
+                clearTimeout(logTimeout);
+              };
+              _context4.next = 15;
+              break;
+            case 11:
+              _context4.prev = 11;
+              _context4.t0 = _context4["catch"](1);
+              this.AMSSDK.logger.logError({
+                title: (_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.title) || 'sdk_error_create_pop_up'
+              }, {
+                message: _context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message,
+                url: pageUrl
+              });
+              this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[1, 11]]);
+      }));
+      function createDialog(_x4) {
+        return _createDialog.apply(this, arguments);
+      }
+      return createDialog;
+    }()
   }, {
     key: "getDeviceIdAndCallback",
     value: function () {
-      var _getDeviceIdAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(eventContext) {
+      var _getDeviceIdAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(eventContext) {
         var deviceId;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!(eventContext !== null && eventContext !== void 0 && eventContext.eventCallbackId)) {
-                _context4.next = 5;
+                _context5.next = 5;
                 break;
               }
-              _context4.next = 3;
+              _context5.next = 3;
               return this.getDeviceIdAndLog(eventContext === null || eventContext === void 0 ? void 0 : eventContext.data, true);
             case 3:
-              deviceId = _context4.sent;
+              deviceId = _context5.sent;
               this.dispatchToApp({
                 context: {
                   event: 'appEventCallback',
@@ -691,15 +762,78 @@ var ComponentApp = /*#__PURE__*/function () {
               });
             case 5:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
-      function getDeviceIdAndCallback(_x4) {
+      function getDeviceIdAndCallback(_x5) {
         return _getDeviceIdAndCallback.apply(this, arguments);
       }
       return getDeviceIdAndCallback;
     }()
+  }, {
+    key: "getUserAgentAndCallback",
+    value: function () {
+      var _getUserAgentAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(eventContext) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.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: {
+                        // TODO 预发前删除window.location.search，这个是用于调试配置的后门
+                        userAgent: window.navigator.userAgent + window.location.search
+                      }
+                    }
+                  });
+                } catch (error) {
+                  /* empty */
+                }
+              }
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function getUserAgentAndCallback(_x6) {
+        return _getUserAgentAndCallback.apply(this, arguments);
+      }
+      return getUserAgentAndCallback;
+    }()
+  }, {
+    key: "returnDataAndCallback",
+    value: function () {
+      var _returnDataAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(eventContext) {
+        var _eventContext$data, targetData;
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.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 _context7.stop();
+          }
+        }, _callee7, this);
+      }));
+      function returnDataAndCallback(_x7) {
+        return _returnDataAndCallback.apply(this, arguments);
+      }
+      return returnDataAndCallback;
+    }()
     /**
      * @description Initialize subscription iframe message
      */
@@ -725,7 +859,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 +869,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.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.popupWindow.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 +913,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 +966,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 +1156,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);
     }
@@ -1030,27 +1185,27 @@ var ComponentApp = /*#__PURE__*/function () {
      */
   }, {
     key: "sendRenderEvent",
-    value: function () {
-      var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    value: (function () {
+      var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
         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 _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              _context5.prev = 0;
+              _context8.prev = 0;
               if (!(!this._actionQueryPromise || !this._actionSubmitPromise)) {
-                _context5.next = 3;
+                _context8.next = 3;
                 break;
               }
-              return _context5.abrupt("return");
+              return _context8.abrupt("return");
             case 3:
-              _context5.next = 5;
+              _context8.next = 5;
               return this._actionQueryPromise;
             case 5:
-              res = _context5.sent;
-              _context5.next = 8;
+              res = _context8.sent;
+              _context8.next = 8;
               return this._actionSubmitPromise;
             case 8:
-              submitRes = _context5.sent;
+              submitRes = _context8.sent;
               this._performanceData.push({
                 key: 'sdk_render_component',
                 value: Date.now()
@@ -1083,16 +1238,16 @@ var ComponentApp = /*#__PURE__*/function () {
                 }
               });
               // eslint-disable-next-line no-empty
-              _context5.next = 16;
+              _context8.next = 16;
               break;
             case 14:
-              _context5.prev = 14;
-              _context5.t0 = _context5["catch"](0);
+              _context8.prev = 14;
+              _context8.t0 = _context8["catch"](0);
             case 16:
             case "end":
-              return _context5.stop();
+              return _context8.stop();
           }
-        }, _callee5, this, [[0, 14]]);
+        }, _callee8, this, [[0, 14]]);
       }));
       function sendRenderEvent() {
         return _sendRenderEvent.apply(this, arguments);
@@ -1102,6 +1257,7 @@ var ComponentApp = /*#__PURE__*/function () {
     /**
      * @description close cashier
      */
+    )
   }, {
     key: "cleanContainer",
     value: function cleanContainer() {

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;
-}) => HTMLIFrameElement;
+    widthPadding: any;
+    heightPadding: any;
+}) => Promise<HTMLIFrameElement>;
 export declare const destroyModal: () => void;