@alipay/ams-checkout 1.5.7 → 1.5.9

package/esm/config/index.d.ts

@@ -1,2 +1,2 @@
-export declare const marmptMap: Record<string, string>;
+export declare const marmotMap: Record<string, string>;
 export declare const sdkVersion: string;

package/esm/config/index.js

@@ -6,12 +6,12 @@
  * 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";
-export var marmptMap = {
+export var marmotMap = {
   dev: 'http://page.alipay.net/page/antom-web-checkout/src/component-app',
   sit: 'http://page.test.alipay.net/page/antom-web-checkout/src/component-app',
   pre: 'https://pre.ac.alipay.com/page/antom-web-checkout/src/component-app',
-  sandbox: 'https://ac.alipay.com/page/antom-web-checkout/src/component-app',
-  light_sandbox: 'https://ac.alipay.com/page/antom-web-checkout/src/component-app',
-  prod: 'https://ac.alipay.com/page/antom-web-checkout/src/component-app'
+  sandbox: 'https://cdn.marmot-cloud.com/page/antom-web-checkout/src/component-app',
+  light_sandbox: 'https://cdn.marmot-cloud.com/page/antom-web-checkout/src/component-app',
+  prod: 'https://cdn.marmot-cloud.com/page/antom-web-checkout/src/component-app'
 };
 export var sdkVersion = json.version;

package/esm/constant/index.d.ts

@@ -140,6 +140,18 @@ export declare const EVENT: {
     dismissLoading: {
         name: string;
     };
+    popupWindow: {
+        name: string;
+    };
+    closePopup: {
+        name: string;
+    };
+    threedReady: {
+        name: string;
+    };
+    getDeviceId: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";
@@ -151,6 +163,7 @@ 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 AMSPOPUP_PREFIX = "ams-popup";
 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";

package/esm/constant/index.js

@@ -139,6 +139,18 @@ export var EVENT = {
   },
   dismissLoading: {
     name: 'dismissLoading'
+  },
+  popupWindow: {
+    name: 'popupWindow'
+  },
+  closePopup: {
+    name: 'closePopup'
+  },
+  threedReady: {
+    name: 'threedReady'
+  },
+  getDeviceId: {
+    name: 'getDeviceId'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';
@@ -151,6 +163,7 @@ 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 AMSPOPUP_PREFIX = 'ams-popup';
 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';

package/esm/core/component/index.js

@@ -1,4 +1,4 @@
-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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -16,7 +16,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
@@ -72,7 +72,7 @@ var handleParams = function handleParams(params) {
     paymentSessionMetaData: {},
     renderDisplayType: renderDisplayTypeEnum.popup
   }, params);
-  var _handleSessionData = handleSessionData(_params.sessionData),
+  var _handleSessionData = handleSessionData(_params.sessionData || (_params === null || _params === void 0 ? void 0 : _params.paymentSessionData)),
     _handleSessionData2 = _slicedToArray(_handleSessionData, 2),
     parseData = _handleSessionData2[0],
     sessionData = _handleSessionData2[1];
@@ -119,7 +119,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         selector: selector,
         renderDisplayType: renderDisplayType
       }, params);
-      if (_params && !_params.sessionData) {
+      if (_params && !_params.sessionData && !(_params !== null && _params !== void 0 && _params.paymentSessionData)) {
         return Promise.reject(ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR);
       }
       if (this.options.networkMode === networkModeEnum.proxy) {
@@ -132,6 +132,9 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     key: "pluginAppendIframe",
     value: function pluginAppendIframe(appendParams) {
       try {
+        this.logger.logInfo({
+          title: 'sdk_event_createComponent'
+        }).send();
         return this._componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams);
       } catch (error) {
         return Promise.reject(error);

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

@@ -1,16 +1,28 @@
-import type { AMSCheckoutOptions, IcheckoutState, IoptionsParams } from '../../types/index';
+import { Logger } from '../../util/logger';
+import type { AMSCheckoutOptions, IcheckoutState, IoptionsParams, IsecurityConfig } from '../../types/index';
 import { EventCenter } from '../../util/index';
 export default class AMSSDK {
     options: AMSCheckoutOptions;
     checkoutState: IcheckoutState;
+    securityConfig: IsecurityConfig;
     _eventCenter: EventCenter;
     protected plugins: Map<string, any>;
     _instanceId: string;
+    _storageId: string;
+    logger: Logger;
     constructor(options: IoptionsParams);
     /**
      * @description Destroy and process some contents of the plug-in
      */
     unmount(): void;
+    /**
+     * @description set STORAGE_ID for a user session
+     */
+    getStorageId(instanceId: string): any;
+    /**
+     * @description init initSecurity SDK
+     */
+    initSecurity(securityConfig: IsecurityConfig): void;
     /**
      * @description Set the sdk basic configuration
      */

package/esm/core/instance/index.js

@@ -1,4 +1,4 @@
-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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -17,25 +17,47 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { v4 as uuid } from 'uuid';
+import { LogConfig, Logger } from "../../util/logger";
 import { ERRORMESSAGE, EVENT } from "../../constant";
 import { environmentEnum, modeEnum, networkModeEnum, osTypeEnum, terminalTypeEnum } from "../../types/index";
 import { device, EventCenter, getType, queryParse } from "../../util/index";
 import CallApp from "../../util/intl-callapp/es/main";
+import { initAPSecurity } from "../../util/security";
+
+// TODO Faster initialization of buried point tools
 var AMSSDK = /*#__PURE__*/function () {
   function AMSSDK(options) {
     _classCallCheck(this, AMSSDK);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "checkoutState", void 0);
+    _defineProperty(this, "securityConfig", void 0);
     _defineProperty(this, "_eventCenter", void 0);
     _defineProperty(this, "plugins", void 0);
     _defineProperty(this, "_instanceId", void 0);
+    _defineProperty(this, "_storageId", void 0);
+    _defineProperty(this, "logger", void 0);
     this._instanceId = uuid();
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    this._storageId = this.getStorageId(this._instanceId);
     this.options = {};
     this._eventCenter = new EventCenter();
     this._initEvent(options);
     this._setOptions(options);
     this.plugins = new Map();
+    this.securityConfig = null;
+
+    // TODO Consumption data analysis control parameters
+    this.logger = new Logger(LogConfig, (options === null || options === void 0 ? void 0 : options.environment) !== environmentEnum.prod);
+    this.logger.setMedta({
+      instanceId: this._instanceId
+    });
+    this.logger.initTracker();
+    this.logger.logInfo({
+      title: 'NEW_AMSSDK_BY_MECHANT',
+      msg: "".concat(options === null || options === void 0 ? void 0 : options.environment, "_").concat(options === null || options === void 0 ? void 0 : options.locale, "}")
+    }).send();
+    if (options !== null && options !== void 0 && options.securityConfig) {
+      this.initSecurity(options === null || options === void 0 ? void 0 : options.securityConfig);
+    }
   }
   /**
    * @description Destroy and process some contents of the plug-in
@@ -43,6 +65,9 @@ var AMSSDK = /*#__PURE__*/function () {
   _createClass(AMSSDK, [{
     key: "unmount",
     value: function unmount() {
+      this.logger.logInfo({
+        title: 'sdk_event_apiOnDestroy'
+      }).send();
       var _iterator = _createForOfIteratorHelper(this.plugins.values()),
         _step;
       try {
@@ -61,6 +86,54 @@ var AMSSDK = /*#__PURE__*/function () {
         _iterator.f();
       }
     }
+
+    /**
+     * @description set STORAGE_ID for a user session
+     */
+  }, {
+    key: "getStorageId",
+    value: function getStorageId(instanceId) {
+      var storageKey = 'AMSSDK_STORAGE_ID';
+      if (window.localStorage) {
+        var storageId = window.localStorage.getItem(storageKey);
+        if (storageId) {
+          return storageId;
+        } else {
+          window.localStorage.setItem(storageKey, instanceId);
+        }
+      }
+      return instanceId;
+    }
+
+    /**
+     * @description init initSecurity SDK
+     */
+  }, {
+    key: "initSecurity",
+    value: function initSecurity(securityConfig) {
+      var _this = this;
+      try {
+        this.securityConfig = securityConfig;
+        initAPSecurity(securityConfig, function () {
+          _this.logger.logInfo({
+            title: 'sdk_event_securitySdkPreInitSuccess'
+          }).send();
+        }, function (msg) {
+          _this.logger.logError({
+            title: 'sdk_error_securitySdkInitFailed',
+            msg: msg
+          }).send();
+        });
+        this.logger.logInfo({
+          title: 'sdk_event_securitySdkPreInit'
+        }).send();
+      } catch (e) {
+        this.logger.logError({
+          title: 'sdk_error_securitySdkInitFailed'
+        }).send();
+      }
+    }
+
     /**
      * @description Set the sdk basic configuration
      */
@@ -173,9 +246,9 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_redirect",
     value: function _redirect(data) {
-      var _this = this;
+      var _this2 = this;
       return new Promise(function (resolve, reject) {
-        var isWeb = _this.options.env.terminalType === terminalTypeEnum.WEB;
+        var isWeb = _this2.options.env.terminalType === terminalTypeEnum.WEB;
         var normalUrl = (data === null || data === void 0 ? void 0 : data.normalUrl) || '';
         var schemeUrl = (data === null || data === void 0 ? void 0 : data.schemeUrl) || '';
         var applinkUrl = (data === null || data === void 0 ? void 0 : data.applinkUrl) || '';

package/esm/index.js

@@ -1,4 +1,4 @@
-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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }

package/esm/plugin/component/cashierApp.js

@@ -1,4 +1,4 @@
-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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -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 { marmptMap, sdkVersion } from "../../config/index";
+import { marmotMap, sdkVersion } from "../../config/index";
 import { componentSignEnum } from "../../types";
 import { getViewPort, queryParse, serialize } from "../../util/index";
 var getAppVersion = function getAppVersion(_extendInfo) {
@@ -46,7 +46,7 @@ export var getAppPath = function getAppPath() {
   if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) {
     return urlTestHost;
   }
-  return "".concat(marmptMap[environment], "/").concat(componentSign, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+  return "".concat(marmotMap[environment], "/").concat(componentSign, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
 };
 export var getAppDomain = function getAppDomain(domainParams) {
   var environment = domainParams.environment,

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

@@ -72,7 +72,7 @@ export var hideRetentionPopup = function hideRetentionPopup() {
     retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-hidden"));
     setTimeout(function () {
       retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-hidden"));
-      container === null || container === void 0 ? void 0 : container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
+      container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
     }, ANIMATION_TIME);
   }
 };
@@ -87,7 +87,7 @@ export var removeRetentionPopup = function removeRetentionPopup(platform, remain
   if (leaveBtn) {
     leaveBtn.removeEventListener(clickEventName, leaveBtnFunc);
   }
-  (_document$getElementB = document.getElementById(COMPONENT_RETENTION_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+  (_document$getElementB = document.getElementById(COMPONENT_RETENTION_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
 };
 export var createMockup = function createMockup() {
   var body = document.getElementsByTagName('body')[0];
@@ -106,12 +106,12 @@ export var createMockup = function createMockup() {
 };
 export var addPopupLoading = function addPopupLoading() {
   var loading = document.createElement('div');
-  loading === null || loading === void 0 ? void 0 : loading.classList.add(LOADING_ID);
+  loading === null || loading === void 0 || loading.classList.add(LOADING_ID);
   loading.id = LOADING_ID;
   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);
+  body === null || body === void 0 || body.appendChild(loading);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -123,40 +123,40 @@ export var handleDeclareInfo = function handleDeclareInfo(_ref) {
       var retentionTitle = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-title"));
       if (retentionTitle) {
         var _closeDialogData$titl, _closeDialogData$titl2, _closeDialogData$titl3;
-        retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px");
-        retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor;
-        retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text;
+        retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px");
+        retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor;
+        retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text;
       }
       var retentionMessage = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-sub-title"));
       if (retentionMessage) {
         var _closeDialogData$mess, _closeDialogData$mess2, _closeDialogData$mess3;
-        retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px");
-        retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor;
-        retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text;
+        retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px");
+        retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor;
+        retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text;
       }
       var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain"));
       if (remainBtn) {
         var _closeDialogData$btnO, _closeDialogData$btnO2, _closeDialogData$btnO3, _closeDialogData$btnO4, _closeDialogData$btnO5, _closeDialogData$btnO7;
-        remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text;
-        remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px");
-        remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor;
-        remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px");
-        if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') {
+        remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text;
+        remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px");
+        remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor;
+        remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px");
+        if ((closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') {
           var _closeDialogData$btnO6;
-          remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg);
-        } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg;
+          remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg);
+        } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg;
       }
       var leaveBrn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave"));
       if (leaveBrn) {
         var _closeDialogData$btnC, _closeDialogData$btnC2, _closeDialogData$btnC3, _closeDialogData$btnC4, _closeDialogData$btnC5, _closeDialogData$btnC7;
-        leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text;
-        leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px");
-        leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor;
-        leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px");
-        if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') {
+        leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text;
+        leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px");
+        leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor;
+        leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px");
+        if ((closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') {
           var _closeDialogData$btnC6;
-          leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg);
-        } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg;
+          leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg);
+        } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg;
       }
     }
   } catch (error) {

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

@@ -9,6 +9,8 @@ export default class ComponentApp {
     _performanceData: any[];
     _loadAppPromiseResolve: ((value: boolean) => void) | null;
     _isInitComponent: boolean;
+    private _threedData?;
+    private popupWindow?;
     private appDomain;
     private createIframeNode;
     private _selector;
@@ -28,11 +30,14 @@ export default class ComponentApp {
      * @description When SDK registers plug-ins, it is a required function to receive SDK instances
      */
     applyPlugin(AMSSDK: AMSCheckout): void;
+    private initLoggerMeta;
     /**
      * @description Set the rendering capability of the cashier plug-in. Different technology stacks have some differences in the packaging and use of rendering functions
      */
     setRender(renderFunc: IrenderFuncParams): void;
-    initAPSecurity(): void;
+    private initAPSecurity;
+    private logDeviceId;
+    private getDeviceIdAndLog;
     /**
      * @description render iframe content
      */
@@ -51,6 +56,8 @@ export default class ComponentApp {
     private createApp;
     private listener;
     private resizeListener;
+    private createPopupWindow;
+    private getDeviceIdAndCallback;
     /**
      * @description Initialize subscription iframe message
      */
@@ -73,7 +80,7 @@ export default class ComponentApp {
      */
     dispatchToApp(payload: {
         context: eventPayloadContext;
-    }): any;
+    }, targetElement?: any): any;
     /**
      * @description Subscribe to messages from SDK
      */