@alipay/ams-checkout - npm Package Compare versions

Comparing version 0.0.1691743027-dev.4 to 0.0.1691743027-dev.5

esm/constant/index.d.ts

@@ -144,3 +144,15 @@ /**
 };
+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_RETENTION_ID = "ams-component-retention";
+export declare const MOCKUP_ID = "ams-component-mockup";
+export declare const LOADING_ID = "ams-component-loading";
+export declare const LISTENER_PREFIX = "_ams_sdk_component_listener";
+export declare const INLINE_BASE_STYLE_ID = "ams-inline-component-style";
+export declare const INLINE_IMG_CLASSNAME = "inline-loading";
+export declare const LOADTIME_LIMIT = 15000;
+export declare const ANIMATION_TIME = 300;
 export declare const closeImg = "https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg";
 export declare const LOADINGIMG = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACEBAMAAACjap6UAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAqUExURUdwTKe3zKGxyK27z7K/05ytxLbD1bvH2Jaowb/K28DL3JCjvYueucDL2xLcxpgAAAAOdFJOUwCKoHRft0w5zCgY4fYKKSYvdQAABvtJREFUaN6lmt+LG1UUx6fddbcZHOgkpWutBTPbVBEfNp1xS6uF2oQURUGnBBbqw7YdsooV2ipZ06c+uBBZCistDRMUqgV1gnnwJ4HMg2jBh+Qh1bW1A/lfPOfcO9lkNz/m3j3dh2XT+eznfM+dmTvTKsroUovpeGotbyetlXuKTH17vFxeKq9R5fOJG8KAR6+Uy2vlJag8ALDmxSDa2TLWEhos5UPKnEA7sy8yALNYyod1/mpUwiYpQB9MYy1sJZWybwgRgLGGDLRAhg1ftn0qIqHBkijzefBO7HwKRN6cTJguNxoho38gjGHb7y5PTHJpvdyLgsaap3UBSdjISKWMCZlqzzTBosGj4CMJC+LEmh8/20+b62jRM+EGjIAQsLDnxhH+IQduUS7P50p1RQk85zgRwCIPhJTx9pjz6gIev84k1o59tfVJ7HIKw0iRRio5upX3GaGBjPMbg5/FjnOAYRvGC6MIU83mOkGAcHLnx7cxC8O2ETNqsofhcIgT2xja7WOmYRsp4+hwwt9NKErz1xG/ZJYRsE4PXRIX0GAdwxi5AGfjNrYCiGRnyMf/kgRgGmNm9ihl8DoyVAKOxzxfGrdy7vOZGPM7NfaiBDI+G38KXDK4yMKOj16lNiDKCVc3Nc47OTpkTRCjeWTi9SRMY3voHzZZ/TL5inKJAPHtS1TlhMZyhIszk4hvm+t/HPF5lEvjNyRhxAd7PuwziY0oCJV3cqz/hzPNph9ZQlG+hi6SRjze/wu/9/3oEnywycEVerhFFr9FvVldT5LFgb4Lvw8EEFmIipihiSSNLet9PjKaP0a/656Nx0FD37+1uFvNVstv3oqOeGgksZeDvXTWW8BoNgXu/VocS++trj1tHzppPRDZgVzHOON6uJh/gDag3hFBTCWpwrE+1/aB4AttyTRsIxnnYag+9uH/LLYZu5hM6nFdZ2HMYBdt/5YY4iEMBDxYGPvaGGd7WQwxCwpJna+MK+DQ9hui20pQgK9n6fuX29jJA1HENYxCpyuo2m7Bn/ZNUcQeGAnPcxpGCoxlUcSMToXbpqfaUH5beKOuoURcP4Nrkxr5SXyff5EscH2+hRbtv8QRXxBijgYilSbkSQhc4j5ZPC+O4HnCHooI7aviCJUhOjBTrJbMc1M41b2E+EMG8TohlvEkg/pTBnGNEAvK07IzhZsaIfYrXxLidxnEQ11P6OkjyhVC3JRBTOlpsDikvCa7LNjCSCfm4NqLtV8GMQsAPX1QeY8QZ2QQMR07sTjiqhQiARLpA/wU2ZBBqBiFbnKE1JsBDS0SCYWdZR0pBMWZ5gip1xNKGiuxK4RODGU3ZSagdocgC1NRMEmpNBWNLHQ4utORIygqKCS4hSRDJYKpaFCKJocAQjptYRCdrhwiZoJDelHROh30kDrZgZBIAAIY3a4UYgYApnlIUbpaFzAyiGkTLU5CI8CQs5iCRkzzFDTSBYaUxX2QMBMLChCgpBAfo4QJ18wOMWQQlwkBO6yuNIII5sYuECpD3OOIoCOzLKgUhghk8pwmwiKe9d16HRhSM4XC90ZavYsQ2YGcDi3qdYlrVjhTRQu6AVRH/FTPWGymkGe9XpdAQJoZQNBxQYAQ4U5uZzLgsagwi1oQ1ITzzJAFexes1RBSE+wkZlkQRYZtTDS0qIsiNqELgPBdBRxfr9UEw7idNSEMi//igDHEVoVFFovhKQfHQwltU2aylgUTCV84ajViCHVyxwSGZfWe6ALGEOkjQwSrs4UQ7WSTEU5sXX8YQkDjE7DIZDJ921UCeNGXRgwBINK312SdeJEDvWNlrWwme6L/SgqAarVWjaihZYEAUfS/4dVIwouqsZkFBjQysGcOPA/DiKahZqky5wZ/ShIRNUACB5IdfFOtQRSIiKIRy/La9ncDzLPqetUI4+B9vLG9P48sXG/iEp1lgGx2xzMMt3DdSQN1eBvndsbMCJ47oZW7WSdHiCGvXTBMtHDHtvI4yy1yQ4IHDbfquuMZMcfJMYmPhn3sIQE13JGTVaEJsHCGS6CGy6o0ykN1CrkcWjjDJVDDIwm34g69McUKSIDjnSHj4PNiEpWKWyoNWelewXEoCuhj5EPpEzeEVFa3L3X1bgHaKOQcjOOD0YFXqYtSCRkDEPW7ApbjMJExZ5LasyCIW8M9mBZ4FQLkHB7G2MfzJ3Q8eKyGtVIsFlcKvBwayfh/ldW8Ck4Va7USEorFAkEoi1zu3KQrEu+Ca6wwi54GpFmYeC6ruLRAgffCLVgv2EchwkuGgGVZWe15bElAL5FeUwSUBR1f5AQUESCQR2mVh1FkjfAkohJgLj1GEVtZIRFACP0fCm/AgmdREnzYqIRhFHkvq+J77MBFQpEPpCQOYPcntwIWeK6Mu0P9D9pzJq4u5hj+AAAAAElFTkSuQmCC";

esm/constant/index.js

@@ -144,3 +144,15 @@ /**
 };
+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_RETENTION_ID = 'ams-component-retention';
+export var MOCKUP_ID = 'ams-component-mockup';
+export var LOADING_ID = 'ams-component-loading';
+export var LISTENER_PREFIX = '_ams_sdk_component_listener';
+export var INLINE_BASE_STYLE_ID = 'ams-inline-component-style';
+export var INLINE_IMG_CLASSNAME = 'inline-loading';
+export var LOADTIME_LIMIT = 15000;
+export var ANIMATION_TIME = 300;
 export var closeImg = 'https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg';
 export var LOADINGIMG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACEBAMAAACjap6UAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAqUExURUdwTKe3zKGxyK27z7K/05ytxLbD1bvH2Jaowb/K28DL3JCjvYueucDL2xLcxpgAAAAOdFJOUwCKoHRft0w5zCgY4fYKKSYvdQAABvtJREFUaN6lmt+LG1UUx6fddbcZHOgkpWutBTPbVBEfNp1xS6uF2oQURUGnBBbqw7YdsooV2ipZ06c+uBBZCistDRMUqgV1gnnwJ4HMg2jBh+Qh1bW1A/lfPOfcO9lkNz/m3j3dh2XT+eznfM+dmTvTKsroUovpeGotbyetlXuKTH17vFxeKq9R5fOJG8KAR6+Uy2vlJag8ALDmxSDa2TLWEhos5UPKnEA7sy8yALNYyod1/mpUwiYpQB9MYy1sJZWybwgRgLGGDLRAhg1ftn0qIqHBkijzefBO7HwKRN6cTJguNxoho38gjGHb7y5PTHJpvdyLgsaap3UBSdjISKWMCZlqzzTBosGj4CMJC+LEmh8/20+b62jRM+EGjIAQsLDnxhH+IQduUS7P50p1RQk85zgRwCIPhJTx9pjz6gIev84k1o59tfVJ7HIKw0iRRio5upX3GaGBjPMbg5/FjnOAYRvGC6MIU83mOkGAcHLnx7cxC8O2ETNqsofhcIgT2xja7WOmYRsp4+hwwt9NKErz1xG/ZJYRsE4PXRIX0GAdwxi5AGfjNrYCiGRnyMf/kgRgGmNm9ihl8DoyVAKOxzxfGrdy7vOZGPM7NfaiBDI+G38KXDK4yMKOj16lNiDKCVc3Nc47OTpkTRCjeWTi9SRMY3voHzZZ/TL5inKJAPHtS1TlhMZyhIszk4hvm+t/HPF5lEvjNyRhxAd7PuwziY0oCJV3cqz/hzPNph9ZQlG+hi6SRjze/wu/9/3oEnywycEVerhFFr9FvVldT5LFgb4Lvw8EEFmIipihiSSNLet9PjKaP0a/656Nx0FD37+1uFvNVstv3oqOeGgksZeDvXTWW8BoNgXu/VocS++trj1tHzppPRDZgVzHOON6uJh/gDag3hFBTCWpwrE+1/aB4AttyTRsIxnnYag+9uH/LLYZu5hM6nFdZ2HMYBdt/5YY4iEMBDxYGPvaGGd7WQwxCwpJna+MK+DQ9hui20pQgK9n6fuX29jJA1HENYxCpyuo2m7Bn/ZNUcQeGAnPcxpGCoxlUcSMToXbpqfaUH5beKOuoURcP4Nrkxr5SXyff5EscH2+hRbtv8QRXxBijgYilSbkSQhc4j5ZPC+O4HnCHooI7aviCJUhOjBTrJbMc1M41b2E+EMG8TohlvEkg/pTBnGNEAvK07IzhZsaIfYrXxLidxnEQ11P6OkjyhVC3JRBTOlpsDikvCa7LNjCSCfm4NqLtV8GMQsAPX1QeY8QZ2QQMR07sTjiqhQiARLpA/wU2ZBBqBiFbnKE1JsBDS0SCYWdZR0pBMWZ5gip1xNKGiuxK4RODGU3ZSagdocgC1NRMEmpNBWNLHQ4utORIygqKCS4hSRDJYKpaFCKJocAQjptYRCdrhwiZoJDelHROh30kDrZgZBIAAIY3a4UYgYApnlIUbpaFzAyiGkTLU5CI8CQs5iCRkzzFDTSBYaUxX2QMBMLChCgpBAfo4QJ18wOMWQQlwkBO6yuNIII5sYuECpD3OOIoCOzLKgUhghk8pwmwiKe9d16HRhSM4XC90ZavYsQ2YGcDi3qdYlrVjhTRQu6AVRH/FTPWGymkGe9XpdAQJoZQNBxQYAQ4U5uZzLgsagwi1oQ1ITzzJAFexes1RBSE+wkZlkQRYZtTDS0qIsiNqELgPBdBRxfr9UEw7idNSEMi//igDHEVoVFFovhKQfHQwltU2aylgUTCV84ajViCHVyxwSGZfWe6ALGEOkjQwSrs4UQ7WSTEU5sXX8YQkDjE7DIZDJ921UCeNGXRgwBINK312SdeJEDvWNlrWwme6L/SgqAarVWjaihZYEAUfS/4dVIwouqsZkFBjQysGcOPA/DiKahZqky5wZ/ShIRNUACB5IdfFOtQRSIiKIRy/La9ncDzLPqetUI4+B9vLG9P48sXG/iEp1lgGx2xzMMt3DdSQN1eBvndsbMCJ47oZW7WSdHiCGvXTBMtHDHtvI4yy1yQ4IHDbfquuMZMcfJMYmPhn3sIQE13JGTVaEJsHCGS6CGy6o0ykN1CrkcWjjDJVDDIwm34g69McUKSIDjnSHj4PNiEpWKWyoNWelewXEoCuhj5EPpEzeEVFa3L3X1bgHaKOQcjOOD0YFXqYtSCRkDEPW7ApbjMJExZ5LasyCIW8M9mBZ4FQLkHB7G2MfzJ3Q8eKyGtVIsFlcKvBwayfh/ldW8Ck4Va7USEorFAkEoi1zu3KQrEu+Ca6wwi54GpFmYeC6ruLRAgffCLVgv2EchwkuGgGVZWe15bElAL5FeUwSUBR1f5AQUESCQR2mVh1FkjfAkohJgLj1GEVtZIRFACP0fCm/AgmdREnzYqIRhFHkvq+J77MBFQpEPpCQOYPcntwIWeK6Mu0P9D9pzJq4u5hj+AAAAAElFTkSuQmCC';

esm/plugin/component/index.d.ts

@@ -7,5 +7,5 @@ import type AMSCheckout from '../../core/instance';
     app: any;
-    appDomain: string;
     AMSSDK: AMSCheckout;
     platform: platformEnum;
+    private appDomain;
     private createIframeNode;
@@ -40,2 +40,3 @@ private _selector;
     appendIframeNodes(componentSign: componentSignEnum, renderParams: IappendIframeNodesParams): Promise<void>;
+    private renderInlineLoading;
     private renderPopupLoading;
@@ -47,3 +48,3 @@ private createLoadAppPromise;
     private createActionQueryPromise;
-    private cleanApp;
+    private cleanElement;
     /**
@@ -89,30 +90,14 @@ * @description Create app
     private sendRenderEvent;
-    private showPopupLoading;
     /**
-     * @description show cashier
-     */
-    private setContainerClass;
-    /**
      * @description close cashier
      */
     private cleanContainer;
-    private hideComponentAndCleanDom;
+    private hideComponentAnimation;
     private closeBtnFunc;
-    /**
-     * @description create mount node
-     */
-    private createBaseElement;
-    private createInlineBaseElement;
-    private createCloseBtn;
-    private createRetentionPopup;
     private retentionPopupLeaveFunc;
     private removeRetentionPopup;
     private showRetentionPopup;
-    private hideRetentionPopup;
-    /**
-     * @description create mockup
-     */
-    private createMockup;
+    private hideRetentionPopupFunc;
     private submitForm;
 }
 export {};

esm/plugin/component/index.js

@@ -18,20 +18,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 /* eslint-disable no-console */
-import { closeImg, COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
+import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID } from "../../constant";
 import { queryPaymentInfo } from "../../service";
-import { componentSignEnum, messageName, platformEnum, productSceneEnum, renderDisplayTypeEnum, targetEnum, eventCodeEnum } from "../../types";
-import { addSetFontSizeEvent, amsSetSize, getDesignFontSize, getType, isJsonString, isPC } from "../../util";
+import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, renderDisplayTypeEnum, targetEnum } from "../../types";
+import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
 import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
-import { componentAddCSS, inlineComponentAddCss, showInlineLoading } from "./component.style";
+import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
+import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style";
 var _window = window,
   innerHeight = _window.innerHeight;
-var componentContainerId = 'ams-component-container';
-var componentSectionId = 'ams-component-section';
-var componentCloseBlockId = 'asm-component-close-block';
-var componentRetentionId = 'ams-component-retention';
-var mockupId = 'ams-component-mockup';
-var loadingId = 'ams-component-loading';
-var listenerPrefix = '_ams_sdk_component_listener';
-var inlineBaseStyleId = 'ams-inline-component-style';
-var loadTimeLimit = 15000;
 var ComponentApp = /*#__PURE__*/function () {
@@ -41,5 +33,5 @@ function ComponentApp() {
     _defineProperty(this, "app", void 0);
-    _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "AMSSDK", void 0);
     _defineProperty(this, "platform", void 0);
+    _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "createIframeNode", void 0);
@@ -59,3 +51,3 @@ _defineProperty(this, "_selector", void 0);
     this._isInitComponent = false;
-    this._selector = "#".concat(componentSectionId);
+    this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -117,3 +109,3 @@ return Promise.resolve();
       this._renderDisplayType = renderParams.renderDisplayType;
-      var insertedNode = this._renderDisplayType === renderDisplayTypeEnum.inline ? "#".concat(componentContainerId) : this._selector;
+      var insertedNode = this._renderDisplayType === renderDisplayTypeEnum.inline ? "#".concat(COMPONENT_CONTAINER_ID) : this._selector;
       this._performanceData.push({
@@ -127,9 +119,9 @@ key: 'sdk_create_component',
       if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
-        this.createInlineBaseElement(renderParams);
+        var container = createInlineBaseElement(this._selector);
+        if (container) this.renderInlineLoading(renderParams, container);
       }
       if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
-        this.createBaseElement();
-        this.setContainerClass();
-        this.createRetentionPopup();
-        this.createMockup();
+        createBaseElement(this.platform, this.closeBtnFunc);
+        createRetentionPopup(this.platform, this.hideRetentionPopupFunc, this.retentionPopupLeaveFunc);
+        createMockup();
         this.renderPopupLoading(renderParams);
@@ -147,13 +139,19 @@ }
   }, {
-    key: "renderPopupLoading",
-    value: function renderPopupLoading(renderParams) {
+    key: "renderInlineLoading",
+    value: function renderInlineLoading(renderParams, selector) {
       var _renderParams$appeara;
       var showLoading = renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$appeara = renderParams.appearance) === null || _renderParams$appeara === void 0 ? void 0 : _renderParams$appeara.showLoading;
       showLoading = typeof showLoading === 'boolean' ? showLoading : true;
+      if (showLoading) addInlineLoading(selector, this.platform);
+    }
+  }, {
+    key: "renderPopupLoading",
+    value: function renderPopupLoading(renderParams) {
+      var _renderParams$appeara2;
+      var showLoading = renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$appeara2 = renderParams.appearance) === null || _renderParams$appeara2 === void 0 ? void 0 : _renderParams$appeara2.showLoading;
+      showLoading = typeof showLoading === 'boolean' ? showLoading : true;
       if (!showLoading) return;
-      if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
-        var mockup = document.getElementById(mockupId);
-        if (mockup) mockup.style.display = 'block';
-        return this.showPopupLoading();
-      }
+      var mockup = document.getElementById(MOCKUP_ID);
+      if (mockup) mockup.style.display = 'block';
+      addPopupLoading();
     }
@@ -168,3 +166,3 @@ }, {
           reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
-        }, loadTimeLimit);
+        }, LOADTIME_LIMIT);
       }).catch(function (error) {
@@ -276,7 +274,7 @@ _this2.dispatchToSDK(EVENT.error.name, {
   }, {
-    key: "cleanApp",
-    value: function cleanApp() {
+    key: "cleanElement",
+    value: function cleanElement() {
       try {
-        this.app = null;
-        this._removeEventListener();
+        var _document$getElementB;
+        // selector and container
         if (getType(this._selector) === 'string') {
@@ -286,3 +284,19 @@ var selectorDom = document.querySelector(this._selector);
         }
-        // eslint-disable-next-line no-empty
+        var container = document.getElementById(COMPONENT_CONTAINER_ID);
+        if (container) container === null || container === void 0 ? void 0 : container.remove();
+
+        // animation
+        (_document$getElementB = document.getElementById("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation-style"))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+
+        // mockup
+        var body = document.getElementsByTagName('body')[0];
+        body.style.overflow = 'auto';
+        var mockup = document.getElementById(MOCKUP_ID);
+        mockup === null || mockup === void 0 ? void 0 : mockup.remove();
+
+        // retentionPopup
+        this.removeRetentionPopup(this.platform);
+
+        // listener
+        this._removeEventListener();
       } catch (error) {
@@ -360,3 +374,3 @@ console.error(error);
     value: function resizeListener() {
-      var cashier = document.getElementById(componentContainerId);
+      var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
       cashier.style.transition = 'none';
@@ -381,6 +395,6 @@ this.dispatchToApp({
       this._removeEventListener();
-      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
-      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")] = this.resizeListener.bind(this);
-      window.addEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
-      window.addEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+      window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
+      window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")] = this.resizeListener.bind(this);
+      window.addEventListener('message', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId)]);
+      window.addEventListener('resize', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")]);
     }
@@ -390,4 +404,4 @@ }, {
     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["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId)]);
+      window.removeEventListener('resize', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")]);
     }
@@ -461,20 +475,19 @@
       if (((_data$context$data2 = data.context.data) === null || _data$context$data2 === void 0 ? void 0 : _data$context$data2.height) <= 1) return;
-      var cashier = document.getElementById(componentContainerId);
+      var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
       cashier.style.height = "".concat(data.context.data.height, "px");
       if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
-        var _document$getElementB;
-        var mockup = document.getElementById(mockupId);
+        var _document$getElementB2;
+        var mockup = document.getElementById(MOCKUP_ID);
         if (mockup) {
-          mockup.style.background = '#000000';
-          mockup.style.opacity = '0.6';
+          mockup.style.background = 'rgb(0, 0, 0, 0.6)';
           mockup.style.display = 'block';
         }
-        (_document$getElementB = document.getElementById(loadingId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+        (_document$getElementB2 = document.getElementById(LOADING_ID)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.remove();
         if (this.platform === 'desktop') {
-          cashier.classList.add("".concat(componentContainerId, "-").concat(this.platform, "-animation"));
+          cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
           if (data.context.data.width) cashier.style.width = "".concat(data.context.data.width, "px");
         }
         if (this.platform === 'mobile') {
-          cashier.classList.add("".concat(componentContainerId, "-").concat(this.platform, "-animation"));
-          var animationStyleId = "".concat(componentContainerId, "-").concat(this.platform, "-animation-style");
+          cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
+          var animationStyleId = "".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation-style");
           var animationStyle = document.getElementById(animationStyleId);
@@ -484,3 +497,3 @@ if (animationStyle) animationStyle === null || animationStyle === void 0 ? void 0 : animationStyle.remove();
           // 弹出和弹入动画
-          var runkeyframes = "@keyframes ".concat(componentContainerId, "-slide-in {\n          0% {\n            height: 1px;\n          }\n          100% {\n            height: ").concat(data.context.data.height, "px;\n          }\n        }\n        @keyframes ").concat(componentContainerId, "-slide-out {\n          0% {\n            height: ").concat(data.context.data.height, "px;\n            opacity: 1;\n          }\n          50% {\n            opacity: 1;\n          }\n          100% {\n            height: 1px;\n            opacity: 0;\n          }\n        }");
+          var runkeyframes = "@keyframes ".concat(COMPONENT_CONTAINER_ID, "-slide-in {\n          0% {\n            height: 1px;\n          }\n          100% {\n            height: ").concat(data.context.data.height, "px;\n          }\n        }\n        @keyframes ").concat(COMPONENT_CONTAINER_ID, "-slide-out {\n          0% {\n            height: ").concat(data.context.data.height, "px;\n            opacity: 1;\n          }\n          50% {\n            opacity: 1;\n          }\n          100% {\n            height: 1px;\n            opacity: 0;\n          }\n        }");
           // 创建style标签
@@ -503,4 +516,4 @@ var style = document.createElement('style');
       if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
-        var _document$getElementB2;
-        (_document$getElementB2 = document.getElementById(loadingId)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.remove();
+        var _document$getElementB3;
+        (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.remove();
       }
@@ -570,3 +583,3 @@ this.app.style.height = "".concat(data.context.data.height, "px");
         if (closeDialogData) {
-          var retentionTitle = document.getElementById("".concat(componentRetentionId, "-title"));
+          var retentionTitle = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-title"));
           if (retentionTitle) {
@@ -578,3 +591,3 @@ var _closeDialogData$titl, _closeDialogData$titl2, _closeDialogData$titl3;
           }
-          var retentionMessage = document.getElementById("".concat(componentRetentionId, "-sub-title"));
+          var retentionMessage = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-sub-title"));
           if (retentionMessage) {
@@ -586,3 +599,3 @@ var _closeDialogData$mess, _closeDialogData$mess2, _closeDialogData$mess3;
           }
-          var remainBtn = document.getElementById("".concat(componentRetentionId, "-remain"));
+          var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain"));
           if (remainBtn) {
@@ -599,3 +612,3 @@ var _closeDialogData$btnO, _closeDialogData$btnO2, _closeDialogData$btnO3, _closeDialogData$btnO4, _closeDialogData$btnO5, _closeDialogData$btnO7;
           }
-          var leaveBrn = document.getElementById("".concat(componentRetentionId, "-leave"));
+          var leaveBrn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave"));
           if (leaveBrn) {
@@ -620,7 +633,7 @@ var _closeDialogData$btnC, _closeDialogData$btnC2, _closeDialogData$btnC3, _closeDialogData$btnC4, _closeDialogData$btnC5, _closeDialogData$btnC7;
     value: function handleCloseBtnShow(showClose) {
-      var closeBlock = document.getElementById(componentCloseBlockId);
+      var closeBlock = document.getElementById(COMPONENT_CLOSE_BLOCK_ID);
       if (showClose) {
-        closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.classList.remove("".concat(componentCloseBlockId, "-hidden"));
+        closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.classList.remove("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
       } else if (showClose === false) {
-        closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.classList.add("".concat(componentCloseBlockId, "-hidden"));
+        closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
       }
@@ -739,26 +752,3 @@ }
     }()
-  }, {
-    key: "showPopupLoading",
-    value: function showPopupLoading() {
-      var loading = document.createElement('div');
-      loading === null || loading === void 0 ? void 0 : loading.classList.add(loadingId);
-      loading.id = loadingId;
-      loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
-      loading.style.fontSize = "".concat(getDesignFontSize(), "px");
-      var body = document.getElementsByTagName('body')[0];
-      body === null || body === void 0 ? void 0 : body.appendChild(loading);
-    }
-
     /**
-     * @description show cashier
-     */
-  }, {
-    key: "setContainerClass",
-    value: function setContainerClass() {
-      var cashier = document.getElementById(componentContainerId);
-      cashier === null || cashier === void 0 ? void 0 : cashier.classList.remove("".concat(componentContainerId, "-hidden-").concat(this.platform));
-      cashier === null || cashier === void 0 ? void 0 : cashier.classList.add("".concat(componentContainerId, "-").concat(this.platform));
-    }
-
-    /**
      * @description close cashier
@@ -769,3 +759,4 @@ */
     value: function cleanContainer() {
-      var _document$getElementB3;
+      var _document$getElementB4,
+        _this5 = this;
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -775,34 +766,24 @@ this._loadAppPromiseResolve && this._loadAppPromiseResolve(true);
       this._isInitComponent = false;
-      (_document$getElementB3 = document.getElementById(loadingId)) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.remove();
-      this.hideComponentAndCleanDom(immediately);
+      this.app = null;
+      (_document$getElementB4 = document.getElementById(LOADING_ID)) === null || _document$getElementB4 === void 0 ? void 0 : _document$getElementB4.remove();
+      this.hideComponentAnimation();
+      var mockup = document.getElementById(MOCKUP_ID);
+      mockup === null || mockup === void 0 ? void 0 : mockup.classList.add("".concat(MOCKUP_ID, "-hidden"));
+      if (immediately) this.cleanElement();else {
+        setTimeout(function () {
+          _this5.cleanElement();
+        }, 300);
+      }
     }
   }, {
-    key: "hideComponentAndCleanDom",
-    value: function hideComponentAndCleanDom() {
-      var _this5 = this;
-      var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      var container = document.getElementById(componentContainerId);
+    key: "hideComponentAnimation",
+    value: function hideComponentAnimation() {
+      var container = document.getElementById(COMPONENT_CONTAINER_ID);
       if (container) {
         // size变化动画取消
         container.style.transition = '';
-        container === null || container === void 0 ? void 0 : container.classList.remove("".concat(componentContainerId, "-").concat(this.platform));
-        container === null || container === void 0 ? void 0 : container.classList.remove("".concat(componentContainerId, "-").concat(this.platform, "-animation"));
-        container === null || container === void 0 ? void 0 : container.classList.add("".concat(componentContainerId, "-hidden-").concat(this.platform));
+        container === null || container === void 0 ? void 0 : container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform));
+        container === null || container === void 0 ? void 0 : container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
+        container === null || container === void 0 ? void 0 : container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(this.platform));
       }
-      var removeMockupAndApp = function removeMockupAndApp() {
-        var _document$getElementB4;
-        var body = document.getElementsByTagName('body')[0];
-        body.style.overflow = 'auto';
-        var mockup = document.getElementById(mockupId);
-        mockup === null || mockup === void 0 ? void 0 : mockup.remove();
-        if (container) container.style.height = '';
-        (_document$getElementB4 = document.getElementById("".concat(componentContainerId, "-").concat(_this5.platform, "-animation-style"))) === null || _document$getElementB4 === void 0 ? void 0 : _document$getElementB4.remove();
-        _this5.removeRetentionPopup();
-        _this5.cleanApp();
-      };
-      if (immediately) removeMockupAndApp();else {
-        setTimeout(function () {
-          removeMockupAndApp();
-        }, 300);
-      }
     }
@@ -818,78 +799,7 @@ }, {
     }
-
-    /**
-     * @description create mount node
-     */
   }, {
-    key: "createBaseElement",
-    value: function createBaseElement() {
-      if (document.getElementById(componentContainerId)) return;
-      componentAddCSS();
-      addSetFontSizeEvent();
-      var amsComponentContainer = document.createElement('div');
-      amsComponentContainer.className = "".concat(componentContainerId, "-hidden-").concat(this.platform);
-      amsComponentContainer.id = componentContainerId;
-      amsSetSize(null, amsComponentContainer);
-      document.body.appendChild(amsComponentContainer);
-      var amsComponentSection = document.createElement('div');
-      amsComponentSection.className = "ams-component-section-".concat(this.platform);
-      amsComponentSection.id = componentSectionId;
-      amsComponentContainer.appendChild(amsComponentSection);
-      this.createCloseBtn();
-    }
-  }, {
-    key: "createInlineBaseElement",
-    value: function createInlineBaseElement(renderParams) {
-      var _renderParams$appeara2;
-      var inlineBaseStyle = document.getElementById(inlineBaseStyleId);
-      if (!inlineBaseStyle) inlineComponentAddCss();
-      if (document.getElementById(componentContainerId)) return;
-      var amsComponentContainer = document.createElement('div');
-      amsComponentContainer.className = "".concat(componentContainerId, "-inline");
-      amsComponentContainer.id = componentContainerId;
-      var selectorDom = document.querySelector(this._selector);
-      if (selectorDom) selectorDom.appendChild(amsComponentContainer);
-      var showLoading = renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$appeara2 = renderParams.appearance) === null || _renderParams$appeara2 === void 0 ? void 0 : _renderParams$appeara2.showLoading;
-      showLoading = typeof showLoading === 'boolean' ? showLoading : true;
-      if (showLoading) showInlineLoading(amsComponentContainer, this.platform);
-    }
-  }, {
-    key: "createCloseBtn",
-    value: function createCloseBtn() {
-      var _this6 = this;
-      var container = document.getElementById(componentContainerId);
-      // close btn
-      var closeBtnHTML = "<img class='".concat(componentCloseBlockId, "-btn-").concat(this.platform, "' src=\"").concat(closeImg, "\"/>");
-      var closeBlock = document.createElement('div');
-      closeBlock.classList.add("".concat(componentCloseBlockId, "-").concat(this.platform), "".concat(componentCloseBlockId, "-hidden"));
-      closeBlock.id = componentCloseBlockId;
-      closeBlock.innerHTML = closeBtnHTML;
-      closeBlock.addEventListener(this._clickEventName, function () {
-        _this6.closeBtnFunc();
-      });
-      if (container) container.appendChild(closeBlock);
-    }
-  }, {
-    key: "createRetentionPopup",
-    value: function createRetentionPopup() {
-      // retention popup
-      var retentionPopup = document.createElement('div');
-      retentionPopup.id = componentRetentionId;
-      retentionPopup.classList.add("".concat(componentRetentionId, "-").concat(this.platform));
-      retentionPopup.innerHTML = "\n    <span id=\"".concat(componentRetentionId, "-title\" class=\"").concat(componentRetentionId, "-title-").concat(this.platform, "\">\n      Are you sure you want to leave?\n    </span>\n    <span\n      id=\"").concat(componentRetentionId, "-sub-title\"\n      class=\"").concat(componentRetentionId, "-sub-title-").concat(this.platform, "\"\n    >\n      If you leave this page, you'll have to start over again.\n    </span>\n    <div class=\"").concat(componentRetentionId, "-btn-block-").concat(this.platform, "\">\n      <div id=\"").concat(componentRetentionId, "-remain\" class=\"").concat(componentRetentionId, "-remain-").concat(this.platform, "\">\n        Continue Payment\n      </div>\n      <div id=\"").concat(componentRetentionId, "-leave\" class=\"").concat(componentRetentionId, "-leave-").concat(this.platform, "\">\n        Leave\n      </div>\n    </div>");
-      document.body.appendChild(retentionPopup);
-      var remainBtn = document.getElementById("".concat(componentRetentionId, "-remain"));
-      if (remainBtn) {
-        remainBtn.addEventListener(this._clickEventName, this.hideRetentionPopup.bind(this));
-      }
-      var leaveBtn = document.getElementById("".concat(componentRetentionId, "-leave"));
-      if (leaveBtn) {
-        leaveBtn.addEventListener(this._clickEventName, this.retentionPopupLeaveFunc.bind(this));
-      }
-    }
-  }, {
     key: "retentionPopupLeaveFunc",
     value: function retentionPopupLeaveFunc() {
       this.dispatchToSDK(EVENT.close.name, {});
-      this.hideRetentionPopup();
+      this.hideRetentionPopupFunc();
       this.cleanContainer();
@@ -899,13 +809,4 @@ }
     key: "removeRetentionPopup",
-    value: function removeRetentionPopup() {
-      var _document$getElementB5;
-      var remainBtn = document.getElementById("".concat(componentRetentionId, "-remain"));
-      if (remainBtn) {
-        remainBtn.removeEventListener(this._clickEventName, this.hideRetentionPopup);
-      }
-      var leaveBtn = document.getElementById("".concat(componentRetentionId, "-leave"));
-      if (leaveBtn) {
-        leaveBtn.removeEventListener(this._clickEventName, this.retentionPopupLeaveFunc);
-      }
-      (_document$getElementB5 = document.getElementById(componentRetentionId)) === null || _document$getElementB5 === void 0 ? void 0 : _document$getElementB5.remove();
+    value: function removeRetentionPopup(platform) {
+      _removeRetentionPopup(platform, this.hideRetentionPopupFunc, this.retentionPopupLeaveFunc);
     }
@@ -915,46 +816,16 @@ }, {
     value: function showRetentionPopup() {
-      var retentionPopup = document.getElementById(componentRetentionId);
-      var container = document.getElementById(componentContainerId);
+      var retentionPopup = document.getElementById(COMPONENT_RETENTION_ID);
+      var container = document.getElementById(COMPONENT_CONTAINER_ID);
       if (retentionPopup) {
-        container === null || container === void 0 ? void 0 : container.classList.add("".concat(componentContainerId, "-opacity"));
-        retentionPopup.classList.remove("".concat(componentRetentionId, "-hidden"));
-        retentionPopup.classList.add("".concat(componentRetentionId, "-show"));
+        container === null || container === void 0 ? void 0 : container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
+        retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-hidden"));
+        retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-show"));
       }
     }
   }, {
-    key: "hideRetentionPopup",
-    value: function hideRetentionPopup() {
-      var retentionPopup = document.getElementById(componentRetentionId);
-      var container = document.getElementById(componentContainerId);
-      if (retentionPopup) {
-        retentionPopup.classList.remove("".concat(componentRetentionId, "-show"));
-        retentionPopup.classList.add("".concat(componentRetentionId, "-hidden"));
-        setTimeout(function () {
-          retentionPopup.classList.remove("".concat(componentRetentionId, "-hidden"));
-          container === null || container === void 0 ? void 0 : container.classList.remove("".concat(componentContainerId, "-opacity"));
-        }, 300);
-      }
+    key: "hideRetentionPopupFunc",
+    value: function hideRetentionPopupFunc() {
+      hideRetentionPopup();
     }
-    /**
-     * @description create mockup
-     */
   }, {
-    key: "createMockup",
-    value: function createMockup() {
-      var body = document.getElementsByTagName('body')[0];
-      body.style.overflow = 'hidden';
-      var mockup = document.createElement('div');
-      mockup.style.width = '100vw';
-      mockup.style.height = '100vh';
-      mockup.style.position = 'fixed';
-      mockup.style.top = '0';
-      mockup.style.left = '0';
-      mockup.style.zIndex = '1000';
-      mockup.style.background = '#ffffff';
-      mockup.style.opacity = '0.5';
-      mockup.style.display = 'none';
-      mockup.id = mockupId;
-      body.appendChild(mockup);
-    }
-  }, {
     key: "submitForm",
@@ -961,0 +832,0 @@ value: function submitForm(data) {

package.json

@@ -1,1 +0,1 @@
-{"name":"@alipay/ams-checkout","version":"0.0.1691743027-dev.4","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"}}
+{"name":"@alipay/ams-checkout","version":"0.0.1691743027-dev.5","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"}}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

442645

increased by0.68%

Number of package files

65

increased by3.17%

No dependency changes