@alipay/ams-checkout 1.3.1-dev → 1.3.2

package/esm/config/index.d.ts

@@ -0,0 +1,16 @@
+export declare const requestHost: {
+    [key: string]: string;
+};
+export declare const clientId = "5J5Y8X4E2Y25GR00690";
+export declare const tntInstId = "ALIPW3SG";
+export declare const appId = "ANTOM_PAYMENT_WEB";
+export declare const sofaId: any;
+export declare const closeImg = "https://file.page.alipay.net/resource/2023/3/21/3235f64c-84a6-4e33-9567-4cedf0960229.svg";
+export declare const hostSignMap: (hostSign: string | undefined, env: string) => string;
+export declare const lightSandboxMap: (operationType: string | undefined, env: string) => {
+    appId: string;
+    sofaId: any;
+    baseURL: string;
+    'Operation-Type': string;
+};
+export declare const sdkVersion: string;

package/{dist/esm → esm}/config/index.js

@@ -5,7 +5,7 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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.
  */
-
+import packageJSON from "../../package.json";
 import { queryParse } from "../util";
 var _queryParse = queryParse(),
   _light_sandbox = _queryParse._light_sandbox,
@@ -66,4 +66,5 @@ export var lightSandboxMap = function lightSandboxMap() {
     baseURL: '',
     'Operation-Type': ''
   };
-};
+};
+export var sdkVersion = packageJSON.version;

package/{dist/esm → esm}/core/component/index.js

@@ -19,6 +19,7 @@ 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 || {},
@@ -43,6 +44,16 @@ 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();
@@ -98,6 +109,7 @@ 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 → esm}/plugin/component/cashierApp.d.ts

@@ -21,4 +21,4 @@ export declare const getIframeUrl: (iframeParams: {
 /**
  * @description Create iframe
  */
-export declare const createIframe: (UIMode: string) => HTMLIFrameElement;
+export declare const createIframe: (mode: string) => HTMLIFrameElement;

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

@@ -9,7 +9,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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.
  */
-import json from "../../../package.json";
+import { sdkVersion } from "../../config/index";
 import { componentNameEnum } from "../../types";
 import { getViewPort, queryParse, serialize } from "../../util/index";
 export var getAppPath = function getAppPath() {
@@ -20,16 +20,12 @@ export var getAppPath = function getAppPath() {
   var productSceneVersion = arguments.length > 3 ? arguments[3] : undefined;
   var extendInfo = arguments.length > 4 ? arguments[4] : undefined;
   var _ref = queryParse() || {},
-    urlTestHost = _ref.host,
-    _ref$_appVersion = _ref._appVersion,
-    _appVersion = _ref$_appVersion === void 0 ? '' : _ref$_appVersion;
+    urlTestHost = _ref.host;
   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;
+      return info.versionMap.web[sdkVersion].targetWebVerison || appVersion;
     } catch (error) {
       return appVersion;
     }
@@ -92,7 +88,8 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     locale = iframeParams.locale,
     instanceId = iframeParams.instanceId;
   var path = getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo || '');
-  var scale = getViewPort('initial-scale') || 1;
+  var initialScale = 1;
+  var scale = getViewPort('initial-scale') || initialScale;
   var _queryParse = queryParse(),
     _sandbox = _queryParse._sandbox,
     _light_sandbox = _queryParse._light_sandbox,
@@ -107,7 +104,7 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     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,
+    sdkVersion: sdkVersion,
     refUrl: window.location.href,
     shadow: environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
     requestHost: requestHost,
@@ -128,13 +125,15 @@ var getIframeId = function getIframeId(UIMode) {
 /**
  * @description Create iframe
  */
-export var createIframe = function createIframe(UIMode) {
+export var createIframe = function createIframe(mode) {
   var iframe = document.createElement('iframe');
-  var iframeId = getIframeId(UIMode);
+  var iframeId = getIframeId(mode);
+  var none = '0';
+  var width = '100%';
   iframe.id = iframeId;
-  iframe.style.height = '0px';
-  iframe.style.width = '100%';
-  iframe.style.border = '0';
+  iframe.style.height = none;
+  iframe.style.width = width;
+  iframe.style.border = none;
   iframe.style.overflow = 'hidden';
   return iframe;
 };

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

@@ -0,0 +1,15 @@
+/**
+ * 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:
+ * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
+ * 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";
+export function componentAddCSS() {
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  style.innerHTML = componentCss;
+  document.head.appendChild(style);
+}

package/{dist/esm → esm}/plugin/component/index.d.ts

@@ -43,6 +43,7 @@ export default class ComponentApp {
      */
     private createApp;
     private listener;
+    private resizeListener;
     /**
      * @description Initialize subscription iframe message
      */

package/{dist/esm → esm}/plugin/component/index.js

@@ -24,10 +24,13 @@ import { getDesignFontSize, getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
 import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 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) {}
 };
@@ -39,10 +42,9 @@ 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);
@@ -213,7 +215,7 @@ var ComponentApp = /*#__PURE__*/function () {
             key: 'sdk_action_query_end',
             value: Date.now()
           });
-          if (res && res.success) {
+          if (res !== null && res !== void 0 && res.success) {
             resolve(res);
           } else {
             resolve(res);
@@ -304,6 +306,21 @@ 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
@@ -311,14 +328,17 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "_addEventListener",
     value: function _addEventListener() {
-      window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
+      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
+      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")] = this.resizeListener.bind(this);
       this._removeEventListener();
-      window.addEventListener('message', window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)]);
+      window.addEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
+      window.addEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
     }
   }, {
     key: "_removeEventListener",
     value: function _removeEventListener() {
-      window.removeEventListener('message', window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)]);
+      window.removeEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
+      window.removeEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
     }
 
     /**
@@ -421,7 +441,7 @@ var ComponentApp = /*#__PURE__*/function () {
           // size变动时动画
           setTimeout(function () {
             cashier.style.transition = 'height 0.28s ease-in-out';
-          }, 400);
+          }, 500);
         }
         this.app.style.height = "".concat(data.context.data.height, "px");
         this.app.style.width = '100%';
@@ -455,10 +475,10 @@ var ComponentApp = /*#__PURE__*/function () {
         });
       };
 
-      // pc端支持 target: _blank，新开tab页打开
+      // 支持 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;
       }
@@ -557,7 +577,13 @@ var ComponentApp = /*#__PURE__*/function () {
      */
   }, {
     key: "dispatchToApp",
-    value: function dispatchToApp(data) {
+    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
+      });
       if (this.app && this.app.contentWindow) {
         this.app.contentWindow.postMessage(JSON.stringify(data), this.appDomain);
       }
@@ -605,10 +631,6 @@ 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: {
@@ -624,10 +646,6 @@ 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 → esm}/request/index.js

@@ -15,11 +15,10 @@ 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.
  */
 
-import { appId, hostSignMap, lightSandboxMap, requestHost, sofaId, tntInstId } from "../config";
+import { appId, hostSignMap, lightSandboxMap, requestHost, sdkVersion, sofaId, tntInstId } from "../config";
 import { ERROR } from "../types";
 import { get } from "../util/get";
 import axios from 'axios';
-import json from "../../package.json";
 import { device, fomatGetwayError, isPC, queryParse, safeJson } from "../util";
 var _queryParse = queryParse(),
   _sandbox = _queryParse._sandbox;
@@ -35,7 +34,7 @@ function requestInstance(options) {
   var _headers = _objectSpread((_objectSpread2 = {
     appId: lightSandboxConfig.appId || appId,
     workspaceId: options.env === 'pre' ? 'pre' : 'default'
-  }, _defineProperty(_objectSpread2, "x-cors-".concat(appId.toLowerCase(), "-default"), '1'), _defineProperty(_objectSpread2, "version", '2.0'), _defineProperty(_objectSpread2, 'sofa-group-name', lightSandboxConfig.sofaId || sofaId), _defineProperty(_objectSpread2, 'Operation-Type', lightSandboxConfig['Operation-Type'] || options['Operation-Type'] || ''), _defineProperty(_objectSpread2, 'Client-Time', utcTimestamp), _defineProperty(_objectSpread2, "tntInstId", tntInstId), _defineProperty(_objectSpread2, 'sdk-version', json.version || ''), _objectSpread2), options.headers);
+  }, _defineProperty(_objectSpread2, "x-cors-".concat(appId.toLowerCase(), "-default"), '1'), _defineProperty(_objectSpread2, "version", '2.0'), _defineProperty(_objectSpread2, 'sofa-group-name', lightSandboxConfig.sofaId || sofaId), _defineProperty(_objectSpread2, 'Operation-Type', lightSandboxConfig['Operation-Type'] || options['Operation-Type'] || ''), _defineProperty(_objectSpread2, 'Client-Time', utcTimestamp), _defineProperty(_objectSpread2, "tntInstId", tntInstId), _defineProperty(_objectSpread2, 'sdk-version', sdkVersion || ''), _objectSpread2), options.headers);
   // sandbox 影子链路
   if (_sandbox === 'true' || env === 'sandbox') {
     _headers['load-test'] = true;

package/{dist/esm → esm}/types/index.d.ts

@@ -108,19 +108,19 @@ export interface env {
     terminalType: terminalType;
     environment: string;
 }
-export declare type callOnError = (state: {
+export type callOnError = (state: {
     errorMessage: string;
     errorCode: string;
     stack?: any;
 }) => void;
-export declare type callonPaymentMethodSelected = (state: {
+export type callonPaymentMethodSelected = (state: {
     paymentMethodType: string;
 }) => void;
-export declare type callOnSizeChanged = (state: {
+export type callOnSizeChanged = (state: {
     width: string;
     height: string;
 }) => void;
-export declare type callOnLog = (msg: string) => void;
+export type callOnLog = (msg: string) => void;
 export declare enum messageName {
     SDK_TO_APP = "SDK_TO_APP",
     APP_TO_SDK = "APP_TO_SDK",

package/{dist/esm → esm}/util/index.js

@@ -227,9 +227,11 @@ var queryParse = function queryParse(url) {
   });
   return qs;
 };
+var designSize = 390;
+var maxFontSize = 130;
 var getDesignFontSize = function getDesignFontSize() {
   var screenWidth = document.documentElement.clientWidth;
-  var currentFontSize = isPC() ? 100 : screenWidth * 100 / 390;
-  return currentFontSize;
+  var currentFontSize = isPC() ? maxFontSize : screenWidth * 100 / designSize;
+  return Math.min(currentFontSize, maxFontSize);
 };
 export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, device, fomatGetwayError, safeJson, isPC, queryParse, getDesignFontSize };

package/package.json

@@ -1,54 +1 @@
-{
-  "name": "@alipay/ams-checkout",
-  "version": "1.3.1-dev",
-  "description": "",
-  "repository": "git@code.alipay.com:antom-sdk/antom-web-sdk.git",
-  "author": "",
-  "main": "dist/esm/index.js",
-  "module": "dist/esm/index.js",
-  "typings": "dist/esm/index.d.ts",
-  "files": [
-    "dist",
-    "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/parser": "^5.60.0",
-    "babel-jest": "^29.3.1",
-    "babel-loader": "^9.1.0",
-    "babel-plugin-import": "^1.13.0",
-    "eslint": "^8.36.0",
-    "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.3.2","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/parser":"^5.60.0","babel-jest":"^29.3.1","babel-loader":"^9.1.0","babel-plugin-import":"^1.13.0","eslint":"^8.36.0","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"}}

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

@@ -1,22 +0,0 @@
-/**
- * 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:
- * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
- * 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.
- */
-export declare const requestHost: {
-    [key: string]: string;
-};
-export declare const clientId = "5J5Y8X4E2Y25GR00690";
-export declare const tntInstId = "ALIPW3SG";
-export declare const appId = "ANTOM_PAYMENT_WEB";
-export declare const sofaId: any;
-export declare const closeImg = "https://file.page.alipay.net/resource/2023/3/21/3235f64c-84a6-4e33-9567-4cedf0960229.svg";
-export declare const hostSignMap: (hostSign: string | undefined, env: string) => string;
-export declare const lightSandboxMap: (operationType: string | undefined, env: string) => {
-    appId: string;
-    sofaId: any;
-    baseURL: string;
-    'Operation-Type': string;
-};

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

@@ -1,15 +0,0 @@
-/**
- * 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:
- * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
- * 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  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';
-  style.innerHTML = componentCss;
-  document.head.appendChild(style);
-}