@alipay/ams-checkout 1.25.1 → 1.26.0

package/esm/component/channel.js

@@ -49,7 +49,7 @@ export function getChannelBehavior(paymentSessionMetaData) {
 
       // TOSS
       if (['BANKTRANSFER_QUICKPAY'].includes(paymentSessionMetaData === null || paymentSessionMetaData === void 0 || (_paymentSessionMetaDa9 = paymentSessionMetaData.paymentMethodInfoView) === null || _paymentSessionMetaDa9 === void 0 ? void 0 : _paymentSessionMetaDa9.paymentMethodType)) {
-        allowClickOutsideClose = true;
+        allowClickOutsideClose = false;
         buildSubmitPayExtParams = function buildSubmitPayExtParams(params) {
           var callBackUrl = getDoubleFaUrl(params);
           return {

package/esm/component/component.popup.style.d.ts

@@ -2,6 +2,7 @@ import { PlatformEnum } from '../types';
 export declare const componentAddCSS: () => void;
 export declare const createBaseElement: (platform: PlatformEnum, closeBtnFunc: () => void) => HTMLDivElement;
 export declare const createCloseBtn: (platform: PlatformEnum, closeBtnFunc: () => void) => void;
+export declare const createMaskCloseButton: (platform: PlatformEnum, closeBtnFunc: () => void) => void;
 /**
  * 弹出离开挽留弹窗
  * @param platform
@@ -15,6 +16,7 @@ export declare const removeRetentionPopup: () => void;
 export declare const createMockup: (options: {
     platform: PlatformEnum;
     onClickOutside: () => void;
+    closeBtnFunc: () => void;
 }) => void;
 export declare const hideMockup: () => void;
 export declare const cleanMockup: () => void;

package/esm/component/component.popup.style.js

@@ -5,10 +5,10 @@
  * 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 { ANIMATION_TIME, closeImg, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, LOADING_ID, MOCKUP_ID } from "../constant";
+import { ANIMATION_TIME, closeImg, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_CLOSE_MASK_BLOCK_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, LOADING_ID, MOCKUP_ID } from "../constant";
 import { PlatformEnum } from "../types";
 import { addSetFontSizeEvent, amsSetSize, getDesignFontSize } from "../util";
-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: 0px;\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  height: 100%;\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: 12px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n  transform: translate(-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: translate(-50%, -50%) scale(1);\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    opacity: 1\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.4);\n    -webkit-transform: translate(-50%, -50%) scale(0.4);\n  }\n}\n\n@keyframes ams-component-container-zoom-in {\n  0% {\n    transform: translate(-50%, -50%) scale(0.4);\n    opacity: 0\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -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: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards;\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.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-block-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-block-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  border-radius: 12px 12px 0 0;\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  -webkit-animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards;\n  -webkit-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: 500;\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: 500;\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: 500;\n  text-align: center;\n  box-sizing: border-box;\n  color: #FFFFFF;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ams-component-retention-remain-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  padding: 0 6px;\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  padding: 0 16px;\n  max-width: 225px;\n  min-width: 159px;\n}\n\n#ams-component-retention-leave {\n  border-radius: 100px;\n  border: 1px solid #0079FF;\n  font-style: normal;\n  font-weight: 500;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\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  padding: 0 6px;\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  padding: 0 16px;\n  max-width: 225px;\n  min-width: 144px;\n}\n.".concat(MOCKUP_ID, "-hidden{\nanimation: ").concat(MOCKUP_ID, "-opacity 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes ").concat(MOCKUP_ID, "-opacity {\n  0% {\n      opacity: 1;\n  }\n\n  100% {\n      opacity: 0;\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  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: 0px;\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  height: 100%;\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: 12px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n  transform: translate(-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: translate(-50%, -50%) scale(1);\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    opacity: 1\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.4);\n    -webkit-transform: translate(-50%, -50%) scale(0.4);\n  }\n}\n\n@keyframes ams-component-container-zoom-in {\n  0% {\n    transform: translate(-50%, -50%) scale(0.4);\n    opacity: 0\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -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: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards;\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.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-block-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-block-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.ams-component-mask-close-block-desktop {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  right: 18px;\n  top: 10px;\n  cursor: pointer;\n  z-index: 1013;\n}\n  \n.ams-component-mask-close-block-mobile {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  right: 18px;\n  cursor: pointer;\n  z-index: 1012;\n}\n\n.ams-component-mask-close-block-hidden {\n  width: 0px !important;\n  height: 0px !important;\n  visibility: hidden;\n}\n\n.ams-component-mask-close-block-btn {\n  width: 24px;\n  height: 24px;\n  object-fit: fill;\n  position: absolute;\n  right: 8px;\n  top: 8px;\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  border-radius: 12px 12px 0 0;\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  -webkit-animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards;\n  -webkit-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: 500;\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: 500;\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: 500;\n  text-align: center;\n  box-sizing: border-box;\n  color: #FFFFFF;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ams-component-retention-remain-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  padding: 0 6px;\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  padding: 0 16px;\n  max-width: 225px;\n  min-width: 159px;\n}\n\n#ams-component-retention-leave {\n  border-radius: 100px;\n  border: 1px solid #0079FF;\n  font-style: normal;\n  font-weight: 500;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\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  padding: 0 6px;\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  padding: 0 16px;\n  max-width: 225px;\n  min-width: 144px;\n}\n.".concat(MOCKUP_ID, "-hidden{\nanimation: ").concat(MOCKUP_ID, "-opacity 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes ").concat(MOCKUP_ID, "-opacity {\n  0% {\n      opacity: 1;\n  }\n\n  100% {\n      opacity: 0;\n  }\n}\n");
 export var componentAddCSS = function componentAddCSS() {
   var style = document.createElement('style');
   style.type = 'text/css';
@@ -47,6 +47,18 @@ export var createCloseBtn = function createCloseBtn(platform, closeBtnFunc) {
   });
   if (container) container.appendChild(closeBlock);
 };
+export var createMaskCloseButton = function createMaskCloseButton(platform, closeBtnFunc) {
+  var clickEventName = platform === PlatformEnum.mobile ? 'touchend' : 'click';
+  var closeBtnHTML = "<div class='".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-btn'>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.5673 4.49829L19.424 4.36736L19.3027 4.27821L19.1702 4.19928C18.5417 3.86236 17.7834 3.96479 17.2841 4.46433L11.9986 9.7512L6.73275 4.4853L6.67045 4.42539C6.01464 3.85742 5.07067 3.85791 4.49751 4.42864L4.38538 4.54934L4.27757 4.69333L4.19868 4.8259C3.862 5.45451 3.96432 6.21286 4.46349 6.71225L9.75274 12.0006L4.42833 17.3276C3.85705 17.9874 3.85754 18.9315 4.42789 19.5048L4.54854 19.6169L4.6925 19.7248L4.82504 19.8038C5.45353 20.1407 6.21179 20.0383 6.71105 19.5388L11.9986 14.2489L17.321 19.574C17.9915 20.1551 18.9356 20.1352 19.5317 19.5388L19.6383 19.4206L19.7338 19.2891C20.1447 18.6603 20.0683 17.8276 19.5316 17.2907L14.2454 12.0016L19.5077 6.73713L19.605 6.63362C20.1455 6.00703 20.1297 5.06361 19.5673 4.49829Z\" fill=\"#EEEEEE\"/>\n</svg>\n  </div>");
+  var closeBlock = document.createElement('div');
+  closeBlock.classList.add("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-").concat(platform), "".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-hidden"));
+  closeBlock.id = COMPONENT_CLOSE_MASK_BLOCK_ID;
+  closeBlock.innerHTML = closeBtnHTML;
+  closeBlock.addEventListener(clickEventName, function () {
+    closeBtnFunc();
+  });
+  document.body.appendChild(closeBlock);
+};
 
 /**
  * 弹出离开挽留弹窗
@@ -116,6 +128,7 @@ export var createMockup = function createMockup(options) {
     options === null || options === void 0 || (_options$onClickOutsi = options.onClickOutside) === null || _options$onClickOutsi === void 0 || _options$onClickOutsi.call(options);
   });
   body.appendChild(mockup);
+  createMaskCloseButton(options === null || options === void 0 ? void 0 : options.platform, options === null || options === void 0 ? void 0 : options.closeBtnFunc);
 };
 export var hideMockup = function hideMockup() {
   var mockup = document.getElementById(MOCKUP_ID);

package/esm/config/index.d.ts

@@ -5,10 +5,10 @@ export declare const sdkVersion: string;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export declare const AMSCheckoutAppVersion = "1.25.0";
-export declare const AMSAutoDebitAppVersion = "1.25.0";
-export declare const AMSEasyPayAppVersion = "1.25.0";
-export declare const AMSCashierPaymentAppVersion = "1.25.0";
-export declare const AMSVaultingAppVersion = "1.25.0";
-export declare const AMSPaymentElementAppVersion = "1.25.0";
-export declare const ADDRESSElementAppVersion = "1.25.0";
+export declare const AMSCheckoutAppVersion = "1.26.0";
+export declare const AMSAutoDebitAppVersion = "1.26.0";
+export declare const AMSEasyPayAppVersion = "1.26.0";
+export declare const AMSCashierPaymentAppVersion = "1.26.0";
+export declare const AMSVaultingAppVersion = "1.26.0";
+export declare const AMSPaymentElementAppVersion = "1.26.0";
+export declare const ADDRESSElementAppVersion = "1.26.0";

package/esm/config/index.js

@@ -35,10 +35,10 @@ export var sdkVersion = json.version;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export var AMSCheckoutAppVersion = '1.25.0'; // 兜底版本号
-export var AMSAutoDebitAppVersion = '1.25.0'; // 代扣
-export var AMSEasyPayAppVersion = '1.25.0'; // easypay
-export var AMSCashierPaymentAppVersion = '1.25.0'; // 收银台（卡、apm）
-export var AMSVaultingAppVersion = '1.25.0'; // 绑卡
-export var AMSPaymentElementAppVersion = '1.25.0'; // payment element
-export var ADDRESSElementAppVersion = '1.25.0'; // address element
+export var AMSCheckoutAppVersion = '1.26.0'; // 兜底版本号
+export var AMSAutoDebitAppVersion = '1.26.0'; // 代扣
+export var AMSEasyPayAppVersion = '1.26.0'; // easypay
+export var AMSCashierPaymentAppVersion = '1.26.0'; // 收银台（卡、apm）
+export var AMSVaultingAppVersion = '1.26.0'; // 绑卡
+export var AMSPaymentElementAppVersion = '1.26.0'; // payment element
+export var ADDRESSElementAppVersion = '1.26.0'; // address element

package/esm/constant/index.d.ts

@@ -129,6 +129,9 @@ export declare const EVENT: {
     showCloseButton: {
         name: string;
     };
+    setMaskCloseButton: {
+        name: string;
+    };
     setAllowRetention: {
         name: string;
     };
@@ -200,6 +203,7 @@ export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";
 export declare const COMPONENT_IFRAME_TAG_ID = "ams-checkout-component";
 export declare const COMPONENT_CLOSE_BLOCK_ID = "asm-component-close-block";
+export declare const COMPONENT_CLOSE_MASK_BLOCK_ID = "ams-component-mask-close-block";
 export declare const COMPONENT_RETENTION_ID = "ams-component-retention";
 export declare const MOCKUP_ID = "ams-component-mockup";
 export declare const LOADING_ID = "ams-component-loading";

package/esm/constant/index.js

@@ -130,6 +130,9 @@ export var EVENT = {
   showCloseButton: {
     name: 'showCloseButton'
   },
+  setMaskCloseButton: {
+    name: 'setMaskCloseButton'
+  },
   setAllowRetention: {
     name: 'setAllowRetention'
   },
@@ -203,6 +206,7 @@ export var COMPONENT_CONTAINER_ID = 'ams-component-container';
 export var COMPONENT_SECTION_ID = 'ams-component-section';
 export var COMPONENT_IFRAME_TAG_ID = 'ams-checkout-component';
 export var COMPONENT_CLOSE_BLOCK_ID = 'asm-component-close-block';
+export var COMPONENT_CLOSE_MASK_BLOCK_ID = 'ams-component-mask-close-block';
 export var COMPONENT_RETENTION_ID = 'ams-component-retention';
 export var MOCKUP_ID = 'ams-component-mockup';
 export var LOADING_ID = 'ams-component-loading';

package/esm/core/bus/index.d.ts

@@ -16,17 +16,17 @@ export declare enum BusLogEventEnum {
     /**
      * 查询是否订阅
      * action：string
-     * sub: bool
+     * sub (processResult): bool
      */
     sdk_event_busIsSubscribe = "sdk_event_busIsSubscribe",
     /**
      * 订阅协议
-     * actions: string[] , 用逗号拼接
+     * actions (actionNames): string[] , 用逗号拼接
      */
     sdk_event_busSubscribe = "sdk_event_busSubscribe",
     /**
      * 退订协议
-     * actions: string[] , 用逗号拼接
+     * actions (actionNames): string[] , 用逗号拼接
      */
     sdk_event_busUnsubscribe = "sdk_event_busUnsubscribe",
     /**

package/esm/core/bus/index.js

@@ -140,7 +140,7 @@ export var BusManager = /*#__PURE__*/function () {
         this.logger.logInfo({
           title: title
         }, _objectSpread({
-          biz: 'sdk'
+          eventSource: 'sdk'
         }, optionalParams)).send();
       }
     }
@@ -154,7 +154,7 @@ export var BusManager = /*#__PURE__*/function () {
         this.logger.logError({
           title: title
         }, _objectSpread({
-          biz: 'sdk'
+          eventSource: 'sdk'
         }, optionalParams)).send();
       }
     }
@@ -187,7 +187,7 @@ export var BusManager = /*#__PURE__*/function () {
         setTimeout(function () {
           if (failed) {
             BusManager.traceError(BusLogEventEnum.sdk_error_busPublishNoResult, {
-              action: message.getAction()
+              actionName: message.getAction()
             });
             if ((config === null || config === void 0 ? void 0 : config.fallback) !== null) {
               resolve(message.result(config === null || config === void 0 ? void 0 : config.fallback));
@@ -203,7 +203,7 @@ export var BusManager = /*#__PURE__*/function () {
     value: function publish(message, callback) {
       var _callBack = function _callBack(result) {
         BusManager.traceLog(BusLogEventEnum.sdk_event_busPublishCallback, {
-          action: message.getAction()
+          actionName: message.getAction()
         });
         if (callback) {
           callback(result);
@@ -213,7 +213,7 @@ export var BusManager = /*#__PURE__*/function () {
       var actionName = message.getAction();
       var subscribers = BusManager.subscribersMap.get(actionName);
       BusManager.traceLog(BusLogEventEnum.sdk_event_busPublishMessage, {
-        action: message.getAction()
+        actionName: message.getAction()
       });
       if (subscribers) {
         var _iterator = _createForOfIteratorHelper(subscribers),
@@ -225,8 +225,8 @@ export var BusManager = /*#__PURE__*/function () {
               subscriber.onMessage(context, message);
             } catch (e) {
               BusManager.traceError(BusLogEventEnum.sdk_error_busPublishError, {
-                action: message.getAction(),
-                error: e
+                actionName: message.getAction(),
+                errorMessage: e
               });
               var _iterator2 = _createForOfIteratorHelper(BusManager.interceptors),
                 _step2;
@@ -266,7 +266,7 @@ export var BusManager = /*#__PURE__*/function () {
           BusManager.publish(message, callback); // Re-publish the message
         } else {
           BusManager.traceError(BusLogEventEnum.sdk_error_busPublishUnsubscribeError, {
-            action: message.getAction()
+            actionName: message.getAction()
           });
         }
       }
@@ -275,7 +275,7 @@ export var BusManager = /*#__PURE__*/function () {
     key: "subscribe",
     value: function subscribe(subscriber) {
       BusManager.traceLog(BusLogEventEnum.sdk_event_busSubscribe, {
-        actions: subscriber === null || subscriber === void 0 ? void 0 : subscriber.actionNames()
+        actionNames: subscriber === null || subscriber === void 0 ? void 0 : subscriber.actionNames()
       });
       var _iterator4 = _createForOfIteratorHelper(subscriber.actionNames()),
         _step4;
@@ -300,7 +300,7 @@ export var BusManager = /*#__PURE__*/function () {
     key: "unsubscribe",
     value: function unsubscribe(subscriber) {
       BusManager.traceLog(BusLogEventEnum.sdk_event_busUnsubscribe, {
-        actions: subscriber === null || subscriber === void 0 ? void 0 : subscriber.actionNames()
+        actionNames: subscriber === null || subscriber === void 0 ? void 0 : subscriber.actionNames()
       });
       var _iterator5 = _createForOfIteratorHelper(subscriber.actionNames()),
         _step5;
@@ -327,8 +327,8 @@ export var BusManager = /*#__PURE__*/function () {
       var subscribers = BusManager.subscribersMap.get(actionName);
       if (subscribers && subscribers.length > 0) {
         BusManager.traceLog(BusLogEventEnum.sdk_event_busIsSubscribe, {
-          action: actionName,
-          sub: true
+          actionName: actionName,
+          processResult: true
         });
         return true;
       }
@@ -350,8 +350,8 @@ export var BusManager = /*#__PURE__*/function () {
         return BusManager.subscribersMap.has(actionName);
       }
       BusManager.traceLog(BusLogEventEnum.sdk_event_busIsSubscribe, {
-        action: actionName,
-        sub: false
+        actionName: actionName,
+        processResult: false
       });
       return false;
     }

package/esm/core/component/appPreloadProcessing.js

@@ -39,8 +39,8 @@ function _loadChannelPneumaticControl() {
                     logger.logInfo({
                       title: 'load_channel_sdk_start'
                     }, {
-                      frontModulesToBeLoaded: JSON.stringify(frontModulesToBeLoaded),
-                      paymentRequestId: paymentRequestId
+                      eventMessage: JSON.stringify(frontModulesToBeLoaded),
+                      requestId: paymentRequestId
                     });
                     frontModulesToBeLoaded.forEach(function (loadItem) {
                       var acquirerName = loadItem.acquirerName,

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

@@ -114,14 +114,16 @@ export var AMSCheckoutPage = /*#__PURE__*/function () {
     function mountComponent(params, selector) {
       if (params.sessionData === undefined || params.sessionData === '' || typeof params.sessionData !== 'string') {
         this.logger.logError({
-          title: 'PARAMS_ERROR_INVALID_SESSION_DATA'
+          title: 'event_important_error',
+          msg: 'PARAMS_ERROR_INVALID_SESSION_DATA'
         });
         console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: sessionData is required and must be a string');
         throw new Error('PARAMS_ERROR_INVALID_SESSION_DATA');
       }
       if (document.querySelector(this.APP_IFRAME_ID)) {
         this.logger.logError({
-          title: 'PARAMS_ERROR_ALREADY_MOUNTED'
+          title: 'event_important_error',
+          msg: 'PARAMS_ERROR_ALREADY_MOUNTED'
         });
         console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: already mounted, please unmount first');
         throw new Error('PARAMS_ERROR_ALREADY_MOUNTED');
@@ -140,7 +142,8 @@ export var AMSCheckoutPage = /*#__PURE__*/function () {
         wrapper.appendChild(iframe);
       } else {
         this.logger.logError({
-          title: 'PARAMS_ERROR_INVALID_SELECTOR'
+          title: 'event_important_error',
+          msg: 'PARAMS_ERROR_INVALID_SELECTOR'
         });
         console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: invalid selector');
         this.removeListener();

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

@@ -16,16 +16,16 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { AntomSDKCore } from "../../../foundation/core";
 import PackageJson from "../../../../package.json";
+import { AntomSDKCore } from "../../../foundation/core";
+import { EVENT as ConstantEvent } from "../../../constant";
 import { ConnectErrorCode, ElementPaymentEvent, ElementPaymentMethod, EventCallbackCode, ProductSceneEnum } from "../../../types";
 import { parseSessionData } from "../index";
 import { ElementAddressComponent } from "./components/address";
 import { ElementAuthComponent } from "./components/auth";
 import { ElementPaymentComponent } from "./components/payment";
-import { EVENT as ConstantEvent } from "../../../constant";
 // import { oneAccount, sdkAction, submitResult } from './mock';
-
+import { v4 as uuid } from 'uuid';
 import { addressTheme, ELEMENT_ENVIRONMENT, ThemeType } from "./type";
 var ElementProcessor = /*#__PURE__*/function () {
   function ElementProcessor(options) {
@@ -515,7 +515,7 @@ export var ElementComponent = /*#__PURE__*/function () {
     value: function createIframeSrc() {
       var env = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ELEMENT_ENVIRONMENT.DEV;
       var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : PackageJson.version;
-      var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'http://dev.page.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.TEST, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.SIT, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PRE, 'https://pre.ac.alipay.com/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PROD, 'https://checkout.antom.com');
+      var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'http://dev.page.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.TEST, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.SIT, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PRE, 'https://pre.ac.alipay.com/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.SANDBOX, 'https://checkout.antom.com'), ELEMENT_ENVIRONMENT.PROD, 'https://checkout.antom.com');
       var _env = (env === null || env === void 0 ? void 0 : env.toLocaleUpperCase()) || ELEMENT_ENVIRONMENT.DEV;
       var payment = "".concat(baseUrl[_env], "/elements/").concat(version, "/pages/element_payment/index.html");
       try {
@@ -682,6 +682,7 @@ export var ElementComponent = /*#__PURE__*/function () {
       this.mountOptions[ElementPaymentMethod.AUTH_ELEMENT] = _mountParams;
       var link = renderOptions === null || renderOptions === void 0 || (_renderOptions$elemen = renderOptions.elementProps) === null || _renderOptions$elemen === void 0 ? void 0 : _renderOptions$elemen.elementLink;
       var params = window.location.href.split('?')[1];
+      params = "instanceId=".concat(uuid(), "&") + params;
       var url = link.indexOf('?') === -1 ? "".concat(link, "?").concat(params) : link;
       this.authBase.mount({
         selector: sdkSelector,

package/esm/core/component/element/type.d.ts

@@ -1,4 +1,4 @@
-import { ConnectErrorCode, ElementPaymentMethod, ActionForm } from '../../../types';
+import { ActionForm, ConnectErrorCode, ElementPaymentMethod } from '../../../types';
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
     Default = "default",
@@ -20,7 +20,8 @@ export declare enum ELEMENT_ENVIRONMENT {
     TEST = "TEST",
     SIT = "SIT",
     PRE = "PRE",
-    PROD = "PROD"
+    PROD = "PROD",
+    SANDBOX = "SANDBOX"
 }
 export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
 export interface IElementOptions {

package/esm/core/component/element/type.js

@@ -23,6 +23,7 @@ export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
   ELEMENT_ENVIRONMENT["SIT"] = "SIT";
   ELEMENT_ENVIRONMENT["PRE"] = "PRE";
   ELEMENT_ENVIRONMENT["PROD"] = "PROD";
+  ELEMENT_ENVIRONMENT["SANDBOX"] = "SANDBOX";
   return ELEMENT_ENVIRONMENT;
 }({});
 // export type IMountOptions = AddressMountOptions | LinkAuthMountOptions | PaymentMountOptions;

package/esm/core/component/index.js

@@ -219,19 +219,15 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
           this.logger.logInfo({
             title: 'preload_match'
           }, {
-            preloadChannel: this.channelType,
-            preloadVersion: this.productSceneVersion,
-            sessionDataChannel: channelType,
-            sessionDataVersion: productSceneVersion
+            eventMessage: channelType,
+            productSceneVersion: productSceneVersion
           });
         } else {
           this.logger.logInfo({
             title: 'preload_no_match'
           }, {
-            preloadChannel: this.channelType,
-            preloadVersion: this.productSceneVersion,
-            sessionDataChannel: channelType,
-            sessionDataVersion: productSceneVersion
+            eventMessage: channelType,
+            productSceneVersion: productSceneVersion
           });
         }
         var previousChannel = {
@@ -332,7 +328,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
             _this4.logger.logInfo({
               title: 'canMakePayments_error'
             }, {
-              params: JSON.stringify(e)
+              errorMessage: JSON.stringify(e)
             });
             resolve(false);
           });
@@ -403,7 +399,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         this.logger.logError({
           title: 'performance_optimization_channelType_error'
         }, {
-          channelType: channelType
+          eventMessage: channelType
         });
       }
       this.timer = setTimeout(function () {

package/esm/core/instance/index.js

@@ -163,7 +163,7 @@ var AMSSDK = /*#__PURE__*/function () {
       this.logger.logInfo({
         title: 'sdk_event_securitySdkPreInit'
       }, {
-        product: product
+        productScene: product
       }).send();
       var sdk = this._getSecuritySDKByProductScene({
         product: product || scene
@@ -176,14 +176,14 @@ var AMSSDK = /*#__PURE__*/function () {
         _this.logger.logInfo({
           title: 'sdk_event_securitySdkPreInitSuccess'
         }, {
-          product: product
+          productScene: product
         }).send();
       }, function (msg) {
         _this.logger.logError({
           title: 'sdk_error_securitySdkInitFailed',
           msg: msg
         }, {
-          product: product,
+          productScene: product,
           sign: 'Active initialization'
         }).send();
       });

package/esm/foundation/core/index.d.ts

@@ -12,6 +12,7 @@ export declare class AntomSDKCore {
     private instanceId;
     private sdkMetaData;
     private productProcessors;
+    private enablePopWindowEventCallback;
     constructor();
     registerProcessor(productScene: string, paymentMethod: string, processor: ProductProcessor): void;
     init(options: IoptionsParams, productScene: ProductSceneEnum): void;

package/esm/foundation/core/index.js

@@ -21,7 +21,7 @@ import { parseWebAppMatchConfig } from "../utils/web_app_url_utils";
 import { redirect } from "../utils/redirect_utils";
 import { insertStyleSheet } from "../../component/popupWindow.style";
 import { hideMockup, createMockup, createRetentionPopup, hideRetentionPopup, showRetentionPopup, cleanMockup, removeRetentionPopup, handleDeclareInfo } from "../../component/component.popup.style";
-import { EVENT, LOADING_ID } from "../../constant";
+import { COMPONENT_CLOSE_MASK_BLOCK_ID, EVENT, LOADING_ID } from "../../constant";
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>
  * @date 2024/9/17
@@ -35,6 +35,7 @@ export var AntomSDKCore = /*#__PURE__*/function () {
     _defineProperty(this, "instanceId", void 0);
     _defineProperty(this, "sdkMetaData", void 0);
     _defineProperty(this, "productProcessors", {});
+    _defineProperty(this, "enablePopWindowEventCallback", false);
   }
   _createClass(AntomSDKCore, [{
     key: "registerProcessor",
@@ -162,6 +163,11 @@ export var AntomSDKCore = /*#__PURE__*/function () {
         var _options$onError;
         (_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, data);
       });
+      eventCenter.listen(EVENT.declareEventCallbackInfo.name, function (data) {
+        if (data !== null && data !== void 0 && data.popWindowEventInfo) {
+          _this.enablePopWindowEventCallback = data.popWindowEventInfo.enableCallback;
+        }
+      });
 
       // execute additional logic from specified product
       if (this.productProcessors[sdkMetaData.productScene]) {
@@ -296,6 +302,7 @@ export var AntomSDKCore = /*#__PURE__*/function () {
       var platform = this.paymentContext.displayInfo.platform;
       var payload = this.bizFlowStartBehavior.payload;
       var closeBtnCallbackForPopup = function closeBtnCallbackForPopup() {
+        var isOnCloseEvent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
         if (displayType === DisplayTypeEnum.inline) {
           return;
         }
@@ -303,13 +310,13 @@ export var AntomSDKCore = /*#__PURE__*/function () {
           showRetentionPopup();
           return;
         } else {
-          _this2.handleClose();
+          _this2.handleClose(isOnCloseEvent);
         }
       };
 
       // TODO 感觉有死循环
       eventCenter.listen(EVENT.close.name, function () {
-        closeBtnCallbackForPopup();
+        closeBtnCallbackForPopup(true);
       });
       eventCenter.listen(EVENT.setAllowRetention.name, function (data) {
         if (data === undefined || typeof data !== 'boolean') {
@@ -335,7 +342,8 @@ export var AntomSDKCore = /*#__PURE__*/function () {
         });
         createMockup({
           platform: platform,
-          onClickOutside: payload.allowClickPopupOutsideClose ? closeBtnCallbackForPopup : undefined
+          onClickOutside: payload.allowClickPopupOutsideClose ? closeBtnCallbackForPopup : undefined,
+          closeBtnFunc: closeBtnCallbackForPopup
         });
         containerService.showLoading(container, this.paymentContext.displayInfo);
         return;
@@ -344,21 +352,25 @@ export var AntomSDKCore = /*#__PURE__*/function () {
   }, {
     key: "handleClose",
     value: function handleClose() {
+      var isOnCloseEvent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var eventCenter = ServiceProvider.getInstance(this.instanceId).getService('EventCenter');
       eventCenter.emit(EVENT.closeCallback.name, {});
-      eventCenter.emit(EVENT.eventCallback.name, {
-        code: eventCodeEnum.SDK_PAYMENT_CANCEL,
-        result: {
-          result: {}
-        }
-      });
+      if (this.enablePopWindowEventCallback && !isOnCloseEvent) {
+        eventCenter.emit(EVENT.eventCallback.name, {
+          code: eventCodeEnum.SDK_PAYMENT_CANCEL,
+          result: {
+            result: {}
+          }
+        });
+      }
       this.cleanRender();
     }
   }, {
     key: "cleanRender",
     value: function cleanRender() {
       var _this3 = this,
-        _document$getElementB;
+        _document$getElementB,
+        _document$getElementB2;
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var containerService = ServiceProvider.getInstance(this.instanceId).getService('Container');
       var cleanElement = function cleanElement() {
@@ -367,7 +379,8 @@ export var AntomSDKCore = /*#__PURE__*/function () {
         removeRetentionPopup();
         // TODO @/component this.removeEventListener();
       };
-      (_document$getElementB = document.getElementById(LOADING_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+      (_document$getElementB = document.getElementById(COMPONENT_CLOSE_MASK_BLOCK_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+      (_document$getElementB2 = document.getElementById(LOADING_ID)) === null || _document$getElementB2 === void 0 || _document$getElementB2.remove();
       containerService.startHideAnim();
       hideMockup();
       if (immediately) {