@alipay/ams-checkout 0.0.1690858103-dev.1 → 0.0.1690894389-dev.0

package/dist/esm/core/component/index.js

@@ -19,7 +19,6 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import { COMPONENTPLUGINID, ERRORMESSAGE } from "../../constant";
 import ComponentApp from "../../plugin/component";
 import { componentNameEnum, mode, networkMode, paymentMethodCategoryTypeEnum, productSceneEnum } from "../../types";
-import { isPC } from "../../util";
 import { createIframeNode } from "../../util/createIframeNode";
 var getComponentSign = function getComponentSign(params) {
   var _ref = params || {},
@@ -44,16 +43,6 @@ var parsePaymentSessionData = function parsePaymentSessionData(paymentSessionDat
     return [{}, paymentSessionData];
   }
 };
-
-// pc easy-pay&2.0 走 1.0 的支付逻辑
-var resetEasyPaySceneVersion = function resetEasyPaySceneVersion(parseData) {
-  if (isPC() && parseData !== null && parseData !== void 0 && parseData.paymentSessionConfig) {
-    var productScene = parseData.paymentSessionConfig.productScene;
-    if (productScene === productSceneEnum.EASY_PAY) {
-      parseData.paymentSessionConfig.productSceneVersion = '1.0';
-    }
-  }
-};
 export var mixinComponentConstructor = function mixinComponentConstructor(options, context) {
   // Instantiate the plug-in and set render
   var ComponentPlugin = new ComponentApp();
@@ -109,7 +98,6 @@ export var createComponent = /*#__PURE__*/function () {
               _parsePaymentSessionD2 = _slicedToArray(_parsePaymentSessionD, 2),
               parseData = _parsePaymentSessionD2[0],
               paymentSessionData = _parsePaymentSessionD2[1];
-            resetEasyPaySceneVersion(parseData);
             var componentName = typeof componentNameOrParams === 'string' ? componentNameOrParams : getComponentSign(parseData);
             if (componentName === '') {
               // eslint-disable-next-line prefer-promise-reject-errors

package/dist/esm/plugin/component/appPath.d.ts

@@ -0,0 +1,2 @@
+export declare const getAppPath: (_environment: string | undefined, appVersion: string, componentName: string, productSceneVersion: string, extendInfo: string) => any;
+export declare const getAppDomain: (_environment: string, version: string, componentName: string, productSceneVersion: string, extendInfo: string) => string;

package/dist/esm/plugin/component/{cashierApp.js → appPath.js}

@@ -11,19 +11,23 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  */
 import json from "../../../package.json";
 import { componentNameEnum } from "../../types";
-import { getViewPort, queryParse, serialize } from "../../util/index";
+import { queryParse } from "../../util/index";
 export var getAppPath = function getAppPath() {
   var _componentMap;
-  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
+  var _environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
   var appVersion = arguments.length > 1 ? arguments[1] : undefined;
   var componentName = arguments.length > 2 ? arguments[2] : undefined;
   var productSceneVersion = arguments.length > 3 ? arguments[3] : undefined;
   var extendInfo = arguments.length > 4 ? arguments[4] : undefined;
   var _ref = queryParse() || {},
-    urlTestHost = _ref.host;
+    urlTestHost = _ref.host,
+    _ref$_appVersion = _ref._appVersion,
+    _appVersion = _ref$_appVersion === void 0 ? '' : _ref$_appVersion;
   var host = '';
   var getAppVersion = function getAppVersion(_extendInfo) {
     try {
+      // Configure the specified version number
+      if (_appVersion && !['sandbox', 'light_sandbox', 'prod'].includes(_environment)) return _appVersion;
       var info = JSON.parse(_extendInfo);
       return info.versionMap.web[json.version].targetWebVerison || appVersion;
     } catch (error) {
@@ -49,91 +53,23 @@ export var getAppPath = function getAppPath() {
     return finalProductSceneVersion;
   };
   var componentMap = (_componentMap = {}, _defineProperty(_componentMap, componentNameEnum.card, function () {
-    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.card, "/index.").concat(finalAppVersion, ".html");
+    host = "".concat(marmptMap[_environment], "/").concat(componentNameEnum.card, "/index.").concat(finalAppVersion, ".html");
   }), _defineProperty(_componentMap, componentNameEnum.easyPay, function () {
     var finalProductSceneVersion = getFinalProductSceneVersion(['1.0', '2.0']);
-    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.easyPay, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+    host = "".concat(marmptMap[_environment], "/").concat(componentNameEnum.easyPay, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
   }), _defineProperty(_componentMap, componentNameEnum.autoDebit, function () {
     var finalProductSceneVersion = getFinalProductSceneVersion(['1.0']);
-    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.autoDebit, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+    host = "".concat(marmptMap[_environment], "/").concat(componentNameEnum.autoDebit, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
   }), _componentMap);
   if (componentMap[componentName]) componentMap[componentName]();
   // only for test while testurl?host=https://xxxxx.test.html
-  if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) {
+  if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(_environment)) {
     return urlTestHost;
   }
   return host;
 };
-export var getAppDomain = function getAppDomain(domainParams) {
-  var environment = domainParams.environment,
-    appVersion = domainParams.appVersion,
-    componentName = domainParams.componentName,
-    productSceneVersion = domainParams.productSceneVersion,
-    extendInfo = domainParams.extendInfo;
+export var getAppDomain = function getAppDomain(_environment, version, componentName, productSceneVersion, extendInfo) {
   var reg = /^https?:\/\/([^/<>\s]+\.?)*/;
-  var macth = reg.exec(getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo));
+  var macth = reg.exec(getAppPath(_environment, version, componentName, productSceneVersion, extendInfo));
   return macth && macth[0] || '';
-};
-export var getIframeUrl = function getIframeUrl(iframeParams) {
-  var componentName = iframeParams.componentName,
-    appearance = iframeParams.appearance,
-    _iframeParams$analyti = iframeParams.analytics,
-    analytics = _iframeParams$analyti === void 0 ? {
-      enabled: true
-    } : _iframeParams$analyti,
-    productSceneVersion = iframeParams.productSceneVersion,
-    environment = iframeParams.environment,
-    appVersion = iframeParams.appVersion,
-    extendInfo = iframeParams.extendInfo,
-    locale = iframeParams.locale,
-    instanceId = iframeParams.instanceId;
-  var path = getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo || '');
-  var initialScale = 1;
-  var scale = getViewPort('initial-scale') || initialScale;
-  var _queryParse = queryParse(),
-    _sandbox = _queryParse._sandbox,
-    _light_sandbox = _queryParse._light_sandbox,
-    _queryParse$requestHo = _queryParse.requestHost,
-    requestHost = _queryParse$requestHo === void 0 ? '' : _queryParse$requestHo,
-    _queryParse$groupId = _queryParse.groupId,
-    groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
-    LOCAL_MOCK = _queryParse.LOCAL_MOCK;
-  var urlParams = Object.assign({
-    locale: locale,
-    scale: scale,
-    instanceId: instanceId,
-    sandbox: environment === 'light_sandbox' || _light_sandbox === 'true' ? 'true' : 'false',
-    analyticsEnabled: (analytics === null || analytics === void 0 ? void 0 : analytics.enabled) === false ? 'false' : 'true',
-    sdkVersion: json.version,
-    refUrl: window.location.href,
-    shadow: environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
-    requestHost: requestHost,
-    groupId: groupId,
-    LOCAL_MOCK: LOCAL_MOCK
-  }, appearance);
-  var locationSearch = serialize(urlParams);
-  return "".concat(path, "?").concat(locationSearch);
-};
-var getIframeId = function getIframeId(UIMode) {
-  var IdMap = {
-    dropin: 'checkout-dropin',
-    component: 'checkout-component'
-  };
-  return IdMap[UIMode] || 'checkout-component';
-};
-
-/**
- * @description Create iframe
- */
-export var createIframe = function createIframe(mode) {
-  var iframe = document.createElement('iframe');
-  var iframeId = getIframeId(mode);
-  var none = '0';
-  var width = '100%';
-  iframe.id = iframeId;
-  iframe.style.height = none;
-  iframe.style.width = width;
-  iframe.style.border = none;
-  iframe.style.overflow = 'hidden';
-  return iframe;
 };

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

@@ -6,7 +6,7 @@
  * 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.
  */
 
-var componentCss = ".ams-component-container-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n}\n.ams-component-container-mobile-animation{\n  animation: ams-component-container-slide-in 0.3s ease-in-out;\n}\n\n.ams-component-section-desktop {\n  font-size: 0;\n}\n\n.ams-component-container-hidden-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  background-color: transparent;\n  border-radius: 12px 12px 0 0;\n  animation: ams-component-container-slide-out 0.26s ease-in forwards;\n  overflow: hidden;\n}\n\n.ams-component-section-mobile {\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n  font-size: 0;\n}\n\n.ams-component-container-desktop {\n  display: block;\n  width: 672px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  border-radius: 8px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n}\n.ams-component-container-desktop-animation{\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n@keyframes ams-component-container-zoom-out {\n  0% {\n    transform: translateX(-50%) translateY(-50%) scale(1);\n    opacity: 1\n  }\n\n  80% {\n    opacity: 0\n  }\n  \n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.4);\n  }\n}\n\n@keyframes ams-component-container-zoom-in {\n  0% {\n    transform: translateX(-50%) translateY(-50%) scale(0.4);\n    opacity: 0\n  }\n\n  80% {\n    opacity: 1\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%) scale(1);\n  }\n}\n\n.ams-component-container-hidden-desktop {\n  display: block;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  border-radius: 8px;\n  overflow: hidden;\n  animation-fill-mode: forwards;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  transform-origin: 50% 50%;\n}\n\n.ams-component-loading {\n  width: 0.8em;\n  height:0.8em;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-loading .line div:before,\n.ams-component-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: #fcfcfc;\n  border-radius: 5.3px;\n}\n.ams-component-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n\n}\n\n.ams-component-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n\n.asm-component-close-block-desktop {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n}\n.asm-component-close-btn-desktop {\n  width: 11px;\n  height: 11px;\n  object-fit: fill;\n  position: absolute;\n  right: 18.7px;\n  top: 26.7px;\n}\n.asm-component-close-block-hidden {\n  width: 0px !important;\n  height: 0px !important;\n  visibility: hidden;\n}\n.asm-component-close-block-mobile {\n  position: absolute;\n  width: 0.4em;\n  height: 0.4em;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  z-index: 1009;\n}\n\n.asm-component-close-btn-mobile {\n  width: 0.11em;\n  height: 0.11em;\n  object-fit: fill;\n  position: absolute;\n  right: 0.147em;\n  top: 0.167em;\n}\n\n\n.ams-component-container-opacity{\n  opacity: 1;\n}\n\n.ams-component-container-opacity:after{\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  content: \"\";\n  z-index: 1010;\n  background-color: rgba(0, 0, 0, 0.35);\n}\n\n#ams-component-retention {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transform-origin: 50%;\n  height: auto;\n  display: none;\n  z-index: 1009;\n}\n\n.ams-component-retention-show {\n  display: flex !important;\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-hidden {\n  display: flex !important;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-mobile {\n  width: 294px;\n  border-radius: 12px;\n  padding: 24px 0;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-desktop {\n  width: 544px;\n  border-radius: 12px;\n  padding: 32px;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n@media screen and (max-width: 300px) {\n  .ams-component-retention-mobile {\n      transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n.ams-component-retention-title-mobile {\n  width: 100%;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-title-desktop {\n  text-align: left;\n  width: 100%;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n}\n\n.ams-component-retention-sub-title-mobile {\n  width: 100%;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 8px;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-sub-title-desktop {\n  text-align: left;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 10px;\n}\n\n.ams-component-retention-btn-block-mobile {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  margin-top: 24px;\n  padding: 0 24px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-btn-block-desktop {\n  width: 100%;\n  margin-top: 24px;\n}\n\n#ams-component-retention-remain {\n  background: #0079FF;\n  border-radius: 100px;\n  font-style: normal;\n  font-weight: 600;\n  text-align: center;\n  box-sizing: border-box;\n  color: #FFFFFF;\n}\n\n.ams-component-retention-remain-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n}\n\n.ams-component-retention-remain-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  cursor: pointer;\n}\n\n#ams-component-retention-leave {\n  border-radius: 100px;\n  border: 1px solid #0079FF;\n  font-style: normal;\n  font-weight: 600;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-leave-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  margin-top: 12px;\n}\n\n.ams-component-retention-leave-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  margin-right: 16px;\n  cursor: pointer;\n}\n\n";
+var componentCss = ".ams-component-container-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  background-color: #ffffff;\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n}\n.ams-component-container-mobile-animation{\n  animation: ams-component-container-slide-in 0.3s ease-in-out;\n}\n\n.ams-component-section-desktop {\n  font-size: 0;\n}\n\n.ams-component-container-hidden-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  background-color: transparent;\n  border-radius: 12px 12px 0 0;\n  animation: ams-component-container-slide-out 0.26s ease-in forwards;\n  overflow: hidden;\n}\n\n.ams-component-section-mobile {\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n  font-size: 0;\n}\n\n.ams-component-container-desktop {\n  display: block;\n  width: 672px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  background-color: #ffffff;\n  border-radius: 8px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n}\n.ams-component-container-desktop-animation{\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n@keyframes ams-component-container-zoom-out {\n  0% {\n    transform: translateX(-50%) translateY(-50%) scale(1);\n    opacity: 1\n  }\n\n  80% {\n    opacity: 0\n  }\n  \n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.4);\n  }\n}\n\n@keyframes ams-component-container-zoom-in {\n  0% {\n    transform: translateX(-50%) translateY(-50%) scale(0.4);\n    opacity: 0\n  }\n\n  80% {\n    opacity: 1\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%) scale(1);\n  }\n}\n\n.ams-component-container-hidden-desktop {\n  display: block;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  background-color: #ffffff;\n  border-radius: 8px;\n  overflow: hidden;\n  animation-fill-mode: forwards;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  transform-origin: 50% 50%;\n}\n\n.ams-component-loading {\n  width: 0.8em;\n  height:0.8em;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-loading .line div:before,\n.ams-component-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: #fcfcfc;\n  border-radius: 5.3px;\n}\n.ams-component-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n\n}\n\n.ams-component-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n\n.asm-component-close-block-desktop {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n}\n.asm-component-close-btn-desktop {\n  width: 11px;\n  height: 11px;\n  object-fit: fill;\n  position: absolute;\n  right: 18.7px;\n  top: 26.7px;\n}\n.asm-component-close-block-hidden {\n  width: 0px !important;\n  height: 0px !important;\n  visibility: hidden;\n}\n.asm-component-close-block-mobile {\n  position: absolute;\n  width: 0.4em;\n  height: 0.4em;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  z-index: 1009;\n}\n\n.asm-component-close-btn-mobile {\n  width: 0.11em;\n  height: 0.11em;\n  object-fit: fill;\n  position: absolute;\n  right: 0.147em;\n  top: 0.167em;\n}\n\n\n.ams-component-container-opacity{\n  opacity: 1;\n}\n\n.ams-component-container-opacity:after{\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  content: \"\";\n  z-index: 1010;\n  background-color: rgba(0, 0, 0, 0.35);\n}\n\n#ams-component-retention {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transform-origin: 50%;\n  height: auto;\n  display: none;\n  z-index: 1009;\n}\n\n.ams-component-retention-show {\n  display: flex !important;\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-hidden {\n  display: flex !important;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-mobile {\n  width: 294px;\n  border-radius: 12px;\n  padding: 24px 0;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-desktop {\n  width: 544px;\n  border-radius: 12px;\n  padding: 32px;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n@media screen and (max-width: 300px) {\n  .ams-component-retention-mobile {\n      transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n.ams-component-retention-title-mobile {\n  width: 100%;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-title-desktop {\n  text-align: left;\n  width: 100%;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n}\n\n.ams-component-retention-sub-title-mobile {\n  width: 100%;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 8px;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-sub-title-desktop {\n  text-align: left;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 10px;\n}\n\n.ams-component-retention-btn-block-mobile {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  margin-top: 24px;\n  padding: 0 24px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-btn-block-desktop {\n  width: 100%;\n  margin-top: 24px;\n}\n\n#ams-component-retention-remain {\n  background: #0079FF;\n  border-radius: 100px;\n  font-style: normal;\n  font-weight: 600;\n  text-align: center;\n  box-sizing: border-box;\n  color: #FFFFFF;\n}\n\n.ams-component-retention-remain-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n}\n\n.ams-component-retention-remain-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  cursor: pointer;\n}\n\n#ams-component-retention-leave {\n  border-radius: 100px;\n  border: 1px solid #0079FF;\n  font-style: normal;\n  font-weight: 600;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-leave-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  margin-top: 12px;\n}\n\n.ams-component-retention-leave-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  margin-right: 16px;\n  cursor: pointer;\n}\n\n";
 export function componentAddCSS() {
   var style = document.createElement('style');
   style.type = 'text/css';

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

@@ -3,6 +3,7 @@ import type { IappendIframeNodesParams, IcreateComponent } from '../../types';
 import { componentNameEnum } from '../../types';
 export default class ComponentApp {
     app: any;
+    paymentMethodsResult: any;
     appDomain: string;
     AMSSDK: AMSCheckout;
     platform: 'desktop' | 'mobile';
@@ -33,17 +34,22 @@ export default class ComponentApp {
      * @description render iframe content
      */
     appendIframeNodes(componentName: componentNameEnum, renderParams: IappendIframeNodesParams): Promise<void | [void, any]>;
-    /**
-     * @description Interface request
-     */
-    private createActionQueryPromise;
+    private newQueryPromise;
     private cleanApp;
     /**
      * @description Create app
      */
     private createApp;
-    private listener;
-    private resizeListener;
+    private getIframeUrl;
+    /**
+     * @description Create iframe
+     */
+    private createIframe;
+    /**
+     * @description Get iftame id
+     */
+    private _getIframeId;
+    private _listener;
     /**
      * @description Initialize subscription iframe message
      */

package/dist/esm/plugin/component/index.js

@@ -17,20 +17,18 @@ 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 no-console */
+import json from "../../../package.json";
 import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import { queryPaymentInfo } from "../../service";
 import { componentNameEnum, messageName, Target } from "../../types";
-import { getDesignFontSize, getType, isJsonString, isPC } from "../../util";
+import { getDesignFontSize, getOrigin, getType, getViewPort, isJsonString, isPC, queryParse, serialize } from "../../util";
 import { isLocalMock } from "../../util/mock";
-import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
+import { getAppDomain, getAppPath } from "./appPath";
 import { componentAddCSS } from "./component.style";
-var _window = window,
-  innerHeight = _window.innerHeight;
 var amsSetSize = function amsSetSize(event, dom) {
   try {
     var _dom = dom || document.getElementById('ams-component-container');
     _dom.style.fontSize = "".concat(getDesignFontSize(), "px");
-    innerHeight = window.innerHeight;
     // eslint-disable-next-line no-empty
   } catch (error) {}
 };
@@ -42,13 +40,15 @@ var addEvent = function addEvent() {
   window.addEventListener('pageShow', amsSetSize);
   window.addEventListener('DOMContentLoaded', amsSetSize);
 };
+var _window = window,
+  innerHeight = _window.innerHeight;
 var mockupId = 'ams-component-mockup';
 var loadingId = 'ams-component-loading';
-var listenerPrefix = '_ams_sdk_component_listener';
 var ComponentApp = /*#__PURE__*/function () {
   function ComponentApp() {
     _classCallCheck(this, ComponentApp);
     _defineProperty(this, "app", void 0);
+    _defineProperty(this, "paymentMethodsResult", void 0);
     _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "AMSSDK", void 0);
     _defineProperty(this, "platform", void 0);
@@ -62,7 +62,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_performanceData", []);
     _defineProperty(this, "_isInitComponent", void 0);
     _defineProperty(this, "_clickEventName", void 0);
-    this._appVersion = '1.3.1';
+    this._appVersion = '1.3.0';
     this._isInitComponent = false;
     this._selector = '#ams-component-section';
     this.createIframeNode = function () {
@@ -117,8 +117,6 @@ var ComponentApp = /*#__PURE__*/function () {
         _this = this;
       if (this._isInitComponent) return Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
       this._isInitComponent = true;
-      this._renderParams = renderParams;
-      this._componentName = componentName;
       this._performanceData.push({
         key: 'sdk_create_component',
         value: Date.now()
@@ -133,20 +131,19 @@ var ComponentApp = /*#__PURE__*/function () {
         this.showLoading();
       }
       this.showCashier();
+      this._renderParams = renderParams;
+      this._componentName = componentName;
       this.createApp(renderParams);
-      this.createActionQueryPromise();
+      this.newQueryPromise();
       return Promise.all([this.createIframeNode(this, _objectSpread(_objectSpread({}, renderParams), {}, {
         selector: this._selector
       })), this._actionQueryPromise]).catch(function () {
         _this._isInitComponent = false;
       });
     }
-    /**
-     * @description Interface request
-     */
   }, {
-    key: "createActionQueryPromise",
-    value: function createActionQueryPromise() {
+    key: "newQueryPromise",
+    value: function newQueryPromise() {
       var _this2 = this;
       this._performanceData.push({
         key: 'sdk_action_query_start',
@@ -155,25 +152,28 @@ var ComponentApp = /*#__PURE__*/function () {
       this._actionQueryPromise = new Promise(function (resolve, reject) {
         var _this2$_renderParams, _this2$_renderParams2, _this2$_renderParams3;
         var params = {
-          paymentSessionData: _this2._renderParams && ((_this2$_renderParams = _this2._renderParams) === null || _this2$_renderParams === void 0 ? void 0 : _this2$_renderParams.paymentSessionData) || '',
-          paymentSessionConfig: (_this2$_renderParams2 = _this2._renderParams) === null || _this2$_renderParams2 === void 0 ? void 0 : (_this2$_renderParams3 = _this2$_renderParams2.paymentSessionMetaData) === null || _this2$_renderParams3 === void 0 ? void 0 : _this2$_renderParams3.paymentSessionConfig
+          paymentSessionData: _this2._renderParams && ((_this2$_renderParams = _this2._renderParams) === null || _this2$_renderParams === void 0 ? void 0 : _this2$_renderParams.paymentSessionData),
+          paymentSessionConfig: ((_this2$_renderParams2 = _this2._renderParams) === null || _this2$_renderParams2 === void 0 ? void 0 : (_this2$_renderParams3 = _this2$_renderParams2.paymentSessionMetaData) === null || _this2$_renderParams3 === void 0 ? void 0 : _this2$_renderParams3.paymentSessionConfig) || {}
         };
         if (componentNameEnum.card === _this2._componentName) {
+          var _this2$_renderParams4, _this2$_renderParams5;
           params.paymentMethodType = 'CARD';
+          params.paymentSessionConfig = ((_this2$_renderParams4 = _this2._renderParams) === null || _this2$_renderParams4 === void 0 ? void 0 : (_this2$_renderParams5 = _this2$_renderParams4.paymentSessionMetaData) === null || _this2$_renderParams5 === void 0 ? void 0 : _this2$_renderParams5.paymentSessionConfig) || {};
         }
         if (componentNameEnum.easyPay === _this2._componentName) {
-          var _this2$_renderParams4;
+          var _this2$_renderParams6, _this2$_renderParams7, _this2$_renderParams8;
+          params.paymentSessionConfig = ((_this2$_renderParams6 = _this2._renderParams) === null || _this2$_renderParams6 === void 0 ? void 0 : (_this2$_renderParams7 = _this2$_renderParams6.paymentSessionMetaData) === null || _this2$_renderParams7 === void 0 ? void 0 : _this2$_renderParams7.paymentSessionConfig) || {};
           // if EASY_PAY 2.0 , no need to query payment request
-          var _ref = params.paymentSessionConfig || {},
-            _ref$productSceneVers = _ref.productSceneVersion,
-            productSceneVersion = _ref$productSceneVers === void 0 ? '' : _ref$productSceneVers,
-            _ref$productScene = _ref.productScene,
-            productScene = _ref$productScene === void 0 ? '' : _ref$productScene;
-          var _ref2 = ((_this2$_renderParams4 = _this2._renderParams) === null || _this2$_renderParams4 === void 0 ? void 0 : _this2$_renderParams4.paymentSessionMetaData) || {},
-            _ref2$action = _ref2.action,
-            _ref2$action2 = _ref2$action === void 0 ? {} : _ref2$action,
-            _ref2$action2$autoDeb = _ref2$action2.autoDebitWithToken,
-            autoDebitWithToken = _ref2$action2$autoDeb === void 0 ? false : _ref2$action2$autoDeb;
+          var _params$paymentSessio = params.paymentSessionConfig,
+            _params$paymentSessio2 = _params$paymentSessio.productSceneVersion,
+            productSceneVersion = _params$paymentSessio2 === void 0 ? '' : _params$paymentSessio2,
+            _params$paymentSessio3 = _params$paymentSessio.productScene,
+            productScene = _params$paymentSessio3 === void 0 ? '' : _params$paymentSessio3;
+          var _ref = ((_this2$_renderParams8 = _this2._renderParams) === null || _this2$_renderParams8 === void 0 ? void 0 : _this2$_renderParams8.paymentSessionMetaData) || {},
+            _ref$action = _ref.action,
+            _ref$action2 = _ref$action === void 0 ? {} : _ref$action,
+            _ref$action2$autoDebi = _ref$action2.autoDebitWithToken,
+            autoDebitWithToken = _ref$action2$autoDebi === void 0 ? false : _ref$action2$autoDebi;
           if (productScene === 'EASY_PAY' && productSceneVersion === '2.0' && !autoDebitWithToken) {
             // make queryResult no data  we setAppStateData in antom-web-checkout app,
             // eslint-disable-next-line no-promise-executor-return
@@ -187,8 +187,8 @@ var ComponentApp = /*#__PURE__*/function () {
          * @description 代扣逻辑处理
          */
         if (componentNameEnum.autoDebit === _this2._componentName) {
-          var _this2$_renderParams5, _this2$_renderParams6, _action$web, _action$wap;
-          var action = ((_this2$_renderParams5 = _this2._renderParams) === null || _this2$_renderParams5 === void 0 ? void 0 : (_this2$_renderParams6 = _this2$_renderParams5.paymentSessionMetaData) === null || _this2$_renderParams6 === void 0 ? void 0 : _this2$_renderParams6.action) || {};
+          var _this2$_renderParams9, _this2$_renderParams10, _action$web, _action$wap;
+          var action = ((_this2$_renderParams9 = _this2._renderParams) === null || _this2$_renderParams9 === void 0 ? void 0 : (_this2$_renderParams10 = _this2$_renderParams9.paymentSessionMetaData) === null || _this2$_renderParams10 === void 0 ? void 0 : _this2$_renderParams10.action) || {};
           var signType = (isPC() ? action === null || action === void 0 ? void 0 : (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 ? void 0 : (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType) || '';
           if (signType === 'SMS') {
             return resolve({
@@ -201,7 +201,7 @@ var ComponentApp = /*#__PURE__*/function () {
           }
         }
 
-        // mock
+        // 本地执行mock
         if (isLocalMock()) {
           return resolve({
             message: 'sdk no need to make query request'
@@ -215,7 +215,7 @@ var ComponentApp = /*#__PURE__*/function () {
             key: 'sdk_action_query_end',
             value: Date.now()
           });
-          if (res !== null && res !== void 0 && res.success) {
+          if (res && res.success) {
             resolve(res);
           } else {
             resolve(res);
@@ -259,26 +259,9 @@ var ComponentApp = /*#__PURE__*/function () {
         var _renderParams$payment, _renderParams$payment2, _renderParams$payment3;
         var productSceneVersion = (renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 ? void 0 : (_renderParams$payment2 = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productSceneVersion) || '';
         var extendInfo = (renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
-        var environment = this.AMSSDK.options.env.environment;
-        this.appDomain = getAppDomain({
-          environment: environment,
-          appVersion: this._appVersion,
-          componentName: this._componentName,
-          productSceneVersion: productSceneVersion,
-          extendInfo: extendInfo
-        });
-        this.app = createIframe(this.AMSSDK.options.mode);
-        this.app.src = getIframeUrl({
-          componentName: this._componentName,
-          appearance: (renderParams === null || renderParams === void 0 ? void 0 : renderParams.appearance) || {},
-          analytics: this.AMSSDK.options.analytics,
-          productSceneVersion: productSceneVersion,
-          environment: environment,
-          appVersion: this._appVersion,
-          extendInfo: extendInfo,
-          locale: this.AMSSDK.options.locale,
-          instanceId: this.AMSSDK._instanceId
-        });
+        this.appDomain = getAppDomain(this.AMSSDK.options.env.environment, this._appVersion, this._componentName, productSceneVersion, extendInfo);
+        this.app = this.createIframe();
+        this.app.src = this.getIframeUrl(this._componentName, (renderParams === null || renderParams === void 0 ? void 0 : renderParams.appearance) || {}, this.AMSSDK.options.analytics, productSceneVersion);
 
         // Subscribe to messages from iframe
         this._addEventListener();
@@ -289,8 +272,76 @@ var ComponentApp = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "listener",
-    value: function listener(e) {
+    key: "getIframeUrl",
+    value: function getIframeUrl(componentName, appearance) {
+      var _this$_renderParams, _this$_renderParams$p;
+      var analytics = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var productSceneVersion = arguments.length > 3 ? arguments[3] : undefined;
+      var path = getAppPath(this.AMSSDK.options.env.environment, this._appVersion, componentName, productSceneVersion, ((_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : (_this$_renderParams$p = _this$_renderParams.paymentSessionMetaData) === null || _this$_renderParams$p === void 0 ? void 0 : _this$_renderParams$p.extendInfo) || '');
+      var scale = getViewPort('initial-scale') || 1;
+      var _queryParse = queryParse(),
+        _sandbox = _queryParse._sandbox,
+        _light_sandbox = _queryParse._light_sandbox,
+        _queryParse$requestHo = _queryParse.requestHost,
+        requestHost = _queryParse$requestHo === void 0 ? '' : _queryParse$requestHo,
+        _queryParse$groupId = _queryParse.groupId,
+        groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
+        LOCAL_MOCK = _queryParse.LOCAL_MOCK;
+      var urlParams = Object.assign({
+        locale: this.AMSSDK.options.locale,
+        scale: scale,
+        merchantDomain: window.btoa(getOrigin()),
+        instanceId: this.AMSSDK._instanceId,
+        sandbox: this.AMSSDK.options.env.environment === 'light_sandbox' || _light_sandbox === 'true' ? 'true' : 'false',
+        analyticsEnabled: (analytics === null || analytics === void 0 ? void 0 : analytics.enabled) === false ? 'false' : 'true',
+        sdkVersion: json.version,
+        refUrl: window.location.href,
+        shadow: this.AMSSDK.options.env.environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
+        requestHost: requestHost,
+        groupId: groupId,
+        LOCAL_MOCK: LOCAL_MOCK
+      }, appearance);
+      var locationSearch = serialize(urlParams);
+      return "".concat(path, "?").concat(locationSearch);
+    }
+
+    /**
+     * @description Create iframe
+     */
+  }, {
+    key: "createIframe",
+    value: function createIframe() {
+      var iframe = document.createElement('iframe');
+      var iframeId = this._getIframeId(this.AMSSDK.options.mode);
+      iframe.id = iframeId;
+      iframe.style.height = '0px';
+      iframe.style.width = '100%';
+      iframe.style.border = '0';
+      iframe.style.overflow = 'hidden';
+      return iframe;
+    }
+
+    /**
+     * @description Get iftame id
+     */
+  }, {
+    key: "_getIframeId",
+    value: function _getIframeId(UIMode) {
+      var id = 'checkout-dropin';
+      // eslint-disable-next-line default-case
+      switch (UIMode) {
+        case 'dropin':
+          id = 'checkout-dropin';
+          break;
+        case 'component':
+          id = 'checkout-component';
+          break;
+      }
+      return id;
+    }
+  }, {
+    key: "_listener",
+    value: function _listener(e) {
       if (e.origin !== this.appDomain) {
         return;
       }
@@ -306,21 +357,6 @@ var ComponentApp = /*#__PURE__*/function () {
         this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.NOT_JSON_FORMAT);
       }
     }
-  }, {
-    key: "resizeListener",
-    value: function resizeListener() {
-      var cashier = document.getElementById('ams-component-container');
-      cashier.style.transition = 'none';
-      this.dispatchToApp({
-        context: {
-          event: 'renderResize',
-          data: {
-            heightOfVisible: window.innerHeight,
-            widthOfVisible: window.innerWidth
-          }
-        }
-      });
-    }
 
     /**
      * @description Initialize subscription iframe message
@@ -328,17 +364,14 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "_addEventListener",
     value: function _addEventListener() {
-      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
-      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")] = this.resizeListener.bind(this);
+      window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)] = this._listener.bind(this);
       this._removeEventListener();
-      window.addEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
-      window.addEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+      window.addEventListener('message', window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)]);
     }
   }, {
     key: "_removeEventListener",
     value: function _removeEventListener() {
-      window.removeEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
-      window.removeEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+      window.removeEventListener('message', window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)]);
     }
 
     /**
@@ -441,7 +474,7 @@ var ComponentApp = /*#__PURE__*/function () {
           // size变动时动画
           setTimeout(function () {
             cashier.style.transition = 'height 0.28s ease-in-out';
-          }, 500);
+          }, 400);
         }
         this.app.style.height = "".concat(data.context.data.height, "px");
         this.app.style.width = '100%';
@@ -475,10 +508,10 @@ var ComponentApp = /*#__PURE__*/function () {
         });
       };
 
-      // 支持 target: _blank，新开tab页打开
+      // pc端支持 target: _blank，新开tab页打开
       if (_data.target === Target.BLANK) {
-        if (!_data.normalUrl) return failCallback();
         successCallback('normalUrl', _data.normalUrl);
+        if (!_data.normalUrl) return;
         window.open(_data.normalUrl);
         return;
       }
@@ -504,9 +537,9 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "handleDeclareInfo",
-    value: function handleDeclareInfo(_ref3) {
-      var _ref3$closeDialogData = _ref3.closeDialogData,
-        closeDialogData = _ref3$closeDialogData === void 0 ? {} : _ref3$closeDialogData;
+    value: function handleDeclareInfo(_ref2) {
+      var _ref2$closeDialogData = _ref2.closeDialogData,
+        closeDialogData = _ref2$closeDialogData === void 0 ? {} : _ref2$closeDialogData;
       try {
         if (closeDialogData) {
           var retentionTitle = document.getElementById('ams-component-retention-title');
@@ -577,13 +610,7 @@ var ComponentApp = /*#__PURE__*/function () {
      */
   }, {
     key: "dispatchToApp",
-    value: function dispatchToApp(payload) {
-      var data = Object.assign({}, payload, {
-        name: messageName.SDK_TO_APP,
-        mode: this.AMSSDK.options.mode,
-        appId: COMPONENTPLUGINID,
-        instanceId: this.AMSSDK._instanceId
-      });
+    value: function dispatchToApp(data) {
       if (this.app && this.app.contentWindow) {
         this.app.contentWindow.postMessage(JSON.stringify(data), this.appDomain);
       }
@@ -611,7 +638,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this$_renderParams, _this$_renderParams2, res;
+        var _this$_renderParams2, _this$_renderParams3, res;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -631,12 +658,16 @@ var ComponentApp = /*#__PURE__*/function () {
                 value: Date.now()
               });
               this.dispatchToApp({
+                name: messageName.SDK_TO_APP,
+                mode: this.AMSSDK.options.mode,
+                appId: COMPONENTPLUGINID,
+                instanceId: this.AMSSDK._instanceId,
                 context: {
                   event: 'renderComponent',
                   data: {
                     queryResult: res,
-                    sessionResult: (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData,
-                    paymentSessionData: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData,
+                    sessionResult: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.paymentSessionData,
                     heightOfVisible: Math.max(innerHeight, window.innerHeight),
                     envInfo: {
                       screenHeight: screen.height,
@@ -646,6 +677,10 @@ var ComponentApp = /*#__PURE__*/function () {
                 }
               });
               this.dispatchToApp({
+                name: messageName.SDK_TO_APP,
+                mode: this.AMSSDK.options.mode,
+                appId: COMPONENTPLUGINID,
+                instanceId: this.AMSSDK._instanceId,
                 context: {
                   event: 'web-sdk-performance',
                   data: {

package/dist/esm/service/index.d.ts

@@ -1,2 +1,2 @@
-import { CashierSdkActionQueryRequest, RequestConfig } from '../types';
-export declare function queryPaymentInfo(params?: CashierSdkActionQueryRequest, options?: RequestConfig): Promise<any>;
+import { RequestConfig } from '../types';
+export declare function queryPaymentInfo(params?: Record<string, any>, options?: RequestConfig): Promise<any>;