@alipay/ams-checkout 0.0.1726734012-dev.0 → 0.0.1726734012-dev.10

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

@@ -0,0 +1,36 @@
+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(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); }
+export var ThemeType = /*#__PURE__*/function (ThemeType) {
+  ThemeType["NostalgicGray"] = "nostalgicGray";
+  ThemeType["Default"] = "default";
+  ThemeType["Night"] = "night";
+  ThemeType["CherryBlossomPink"] = "cherryBlossomPink";
+  ThemeType["GamingPurple"] = "gamingPurple";
+  ThemeType["AgateGreen"] = "agateGreen";
+  return ThemeType;
+}({});
+export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
+export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
+  EventCallbackCode["Failed"] = "Failed";
+  EventCallbackCode["Completed"] = "Completed";
+  return EventCallbackCode;
+}({});
+export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
+  ELEMENT_ENVIRONMENT["DEV"] = "DEV";
+  ELEMENT_ENVIRONMENT["TEST"] = "TEST";
+  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;
+
+export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbackName) {
+  AddressEventCallbackName["SHIPPING_CHANGE"] = "SHIPPING_CHANGE";
+  return AddressEventCallbackName;
+}({});
+
+// export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;

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

@@ -0,0 +1,13 @@
+export interface ISessionDataExtendInfo {
+    displayLayout: 'LEFT_ORDER_AND_RIGHT_PAYMENT' | 'LEFT_PAYMENT_AND_RIGHT_ORDER';
+    displayAntomLogo: string;
+    themeType: 'LIGHT' | 'NIGHT' | 'CUSTOMIZE';
+    OPEN_MULTI_PAYMENT_ABILITY: boolean;
+    [key: string]: any;
+}
+export interface LinkData {
+    linkId: string;
+    region: string;
+    displaySetting?: ISessionDataExtendInfo;
+}
+export declare const displayIframe: (selector: string) => void;

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

@@ -0,0 +1,6 @@
+export var displayIframe = function displayIframe(selector) {
+  var dom = document.querySelector(selector);
+  dom.style.opacity = '1';
+  dom.style.overflow = 'visible';
+  dom.style.height = '110px';
+};

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

@@ -1,14 +1,18 @@
 import ComponentApp from '../../plugin/component';
-import { componentSignEnum, IcreateComponent, IoptionsParams, IpaymentSessionMetaData, Iselector, Isubmit, PaymentMethodTypeEnum, SubPaymentMethodTypeEnum } from '../../types';
+import { ComponentSignEnum, IcreateComponent, IoptionsParams, IPaymentSessionMetaData, Iselector, Isubmit, PaymentMethodTypeEnum, SubPaymentMethodTypeEnum } from '../../types';
 import CoreInstance from '../instance/index';
-export declare const getComponentSign: (params: IpaymentSessionMetaData) => componentSignEnum;
-export declare const parseSessionData: (sessionData: string) => [IpaymentSessionMetaData, string];
+export declare const getComponentSign: (params: IPaymentSessionMetaData) => ComponentSignEnum;
+export declare const parseSessionData: (sessionData: string) => [IPaymentSessionMetaData, string];
+export type IAMSComponentOptions = IoptionsParams & {
+    appVersion: string;
+};
 export declare class AMSComponent extends CoreInstance {
     _componentApp: ComponentApp;
-    channelType: componentSignEnum[];
+    channelType: ComponentSignEnum[];
     productSceneVersion: string;
     timer: any;
-    constructor(options: IoptionsParams);
+    isSuccessfullyPreloaded: boolean;
+    constructor(options: IAMSComponentOptions);
     private parameterInitAndCheck;
     private pluginAppendIframe;
     private savePreviousChannel;
@@ -30,8 +34,8 @@ export declare class AMSComponent extends CoreInstance {
      */
     createComponent(params: IcreateComponent): Promise<void>;
     private createComponentProcess;
-    preloadComponent(channelType: any, productSceneVersion: any): void;
-    clearPreloadIframe(isTimeOut?: boolean): void;
+    preloadComponent(): void;
+    private clearPreloadIframe;
     /**
      * @description Create and render components in the specified element area
      * @param params - The data source created by the component, necessary sessionData, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
@@ -45,4 +49,7 @@ export declare class AMSComponent extends CoreInstance {
      * @param data - Transfer information in the submission interface according to your requirements (optional)
      */
     submit(data?: Isubmit): Promise<unknown>;
+    preload(_options: {
+        securityRegion?: 'US' | 'SG' | 'DE';
+    }): void;
 }

package/esm/core/component/index.js

@@ -17,6 +17,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 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); }
@@ -36,7 +40,7 @@ import { ApplePayBusSubscriber } from "../../plugin/applepay";
 import ComponentApp from "../../plugin/component";
 import { ExtendPlugin } from "../../plugin/const";
 import { PaypalBusSubscriber } from "../../plugin/paypal";
-import { componentSignEnum, environmentEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
+import { ComponentSignEnum, ComponentSignEnumV2, EnvironmentEnum, modeEnum, networkModeEnum, ProductSceneEnum, DisplayTypeEnum } from "../../types";
 import { getOrSetStorageId, isPC, parseBase64ToString } from "../../util";
 import { createIframeNode, createPreloadIframeNode } from "../../util/createIframeNode";
 import { getSecurityConfigStorageKey } from "../../util/security";
@@ -53,7 +57,9 @@ export var getComponentSign = function getComponentSign(params) {
     productScene = _params$paymentSessio3 === void 0 ? '' : _params$paymentSessio3,
     _params$paymentSessio4 = _params$paymentSessio2.paymentMethodCategoryType,
     paymentMethodCategoryType = _params$paymentSessio4 === void 0 ? '' : _params$paymentSessio4;
-  return productScene && paymentMethodCategoryType ? "".concat(productScene, "_").concat(paymentMethodCategoryType) : componentSignEnum.NONE;
+  if (productScene && paymentMethodCategoryType) return "".concat(productScene, "_").concat(paymentMethodCategoryType);
+  if (productScene) return "".concat(productScene);
+  return ComponentSignEnum.NONE;
 };
 export var parseSessionData = function parseSessionData(sessionData) {
   try {
@@ -68,7 +74,7 @@ export var parseSessionData = function parseSessionData(sessionData) {
 var resetEasyPaySceneVersion = function resetEasyPaySceneVersion(parseData) {
   if (isPC() && parseData !== null && parseData !== void 0 && parseData.paymentSessionConfig) {
     var productScene = parseData.paymentSessionConfig.productScene;
-    if (productScene === productSceneEnum.EASY_PAY) {
+    if (productScene === ProductSceneEnum.EASY_PAY) {
       var _parseData$paymentMet;
       // 非TOSS渠道，在PC场景需要改成1.0
       if ('BANKTRANSFER_QUICKPAY' !== (parseData === null || parseData === void 0 || (_parseData$paymentMet = parseData.paymentMethodInfoView) === null || _parseData$paymentMet === void 0 ? void 0 : _parseData$paymentMet.paymentMethodType)) {
@@ -85,17 +91,26 @@ var handleSessionData = function handleSessionData(originSessionData) {
   resetEasyPaySceneVersion(parseData);
   return [parseData !== null && parseData !== void 0 ? parseData : {}, sessionData];
 };
-var handleParams = function handleParams(params) {
+var handleParams = function handleParams(params, _this) {
   var _params = Object.assign({
     paymentSessionMetaData: {},
-    renderDisplayType: renderDisplayTypeEnum.popup
+    renderDisplayType: DisplayTypeEnum.popup
   }, params);
   var _handleSessionData = handleSessionData(_params.sessionData || (_params === null || _params === void 0 ? void 0 : _params.paymentSessionData)),
     _handleSessionData2 = _slicedToArray(_handleSessionData, 2),
     parseData = _handleSessionData2[0],
     sessionData = _handleSessionData2[1];
   var componentSign = getComponentSign(parseData);
-  if (componentSign === componentSignEnum.NONE) {
+  if (_toConsumableArray(Object.values(ComponentSignEnumV2)).includes(componentSign) && _params.renderDisplayType === DisplayTypeEnum.popup) {
+    return Promise.reject({
+      code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
+      message: "unsupported payment method"
+    });
+  }
+  if (_this.options.product === ProductSceneEnum.ELEMENT_ADDRESS) {
+    componentSign = ComponentSignEnum.ELEMENT_ADDRESS;
+  }
+  if (componentSign === ComponentSignEnum.NONE) {
     // eslint-disable-next-line prefer-promise-reject-errors
     return Promise.reject({
       code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
@@ -118,21 +133,24 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   _inherits(AMSComponent, _CoreInstance);
   var _super = _createSuper(AMSComponent);
   function AMSComponent(options) {
-    var _this;
+    var _this2;
     _classCallCheck(this, AMSComponent);
-    _this = _super.call(this, options);
+    _this2 = _super.call(this, options);
     // Instantiate the plug-in and set render
-    _defineProperty(_assertThisInitialized(_this), "channelType", void 0);
-    _defineProperty(_assertThisInitialized(_this), "productSceneVersion", void 0);
-    _defineProperty(_assertThisInitialized(_this), "timer", void 0);
-    var ComponentPlugin = new ComponentApp();
+    _defineProperty(_assertThisInitialized(_this2), "channelType", void 0);
+    _defineProperty(_assertThisInitialized(_this2), "productSceneVersion", void 0);
+    _defineProperty(_assertThisInitialized(_this2), "timer", void 0);
+    _defineProperty(_assertThisInitialized(_this2), "isSuccessfullyPreloaded", void 0);
+    var ComponentPlugin = new ComponentApp({
+      appVersion: options.appVersion
+    });
     ComponentPlugin.setRender(createIframeNode);
     ComponentPlugin.setPreloadRender(createPreloadIframeNode);
     // Register Cashier Application Plug in
-    _this._registerPlugin(COMPONENTPLUGINID, ComponentPlugin);
-    _this._componentApp = _this._getPlugin(COMPONENTPLUGINID);
-    _this.registerBusAbility();
-    return _this;
+    _this2._registerPlugin(COMPONENTPLUGINID, ComponentPlugin);
+    _this2._componentApp = _this2._getPlugin(COMPONENTPLUGINID);
+    _this2.registerBusAbility();
+    return _this2;
   }
   _createClass(AMSComponent, [{
     key: "parameterInitAndCheck",
@@ -146,7 +164,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         selector: selector,
         renderDisplayType: renderDisplayType
       }, params);
-      if (_params && !_params.sessionData && !(_params !== null && _params !== void 0 && _params.paymentSessionData)) {
+      if (this.options.product !== ProductSceneEnum.ELEMENT_ADDRESS && _params && !_params.sessionData && !(_params !== null && _params !== void 0 && _params.paymentSessionData)) {
         return Promise.reject(ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR);
       }
       if (this.options.networkMode === networkModeEnum.proxy) {
@@ -202,29 +220,24 @@ 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 = {
-          channelType: channelType === componentSignEnum.VAULTING_CARD ? componentSignEnum.CASHIER_PAYMENT_CARD : channelType,
+          channelType: channelType === ComponentSignEnum.VAULTING_CARD ? ComponentSignEnum.CASHIER_PAYMENT_CARD : channelType,
           productSceneVersion: productSceneVersion
         };
         localStorage.setItem('antom_checkout_previousChannel', JSON.stringify(previousChannel));
       }
     }
-
     /**
      * 初始化 Bus总线的能力
      */
@@ -232,12 +245,12 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     key: "registerBusAbility",
     value: function registerBusAbility() {
       var _this$originOptions,
-        _this2 = this;
-      BusManager.debugTrace(((_this$originOptions = this.originOptions) === null || _this$originOptions === void 0 ? void 0 : _this$originOptions.environment) !== environmentEnum.prod, this.logger);
+        _this3 = this;
+      BusManager.debugTrace(((_this$originOptions = this.originOptions) === null || _this$originOptions === void 0 ? void 0 : _this$originOptions.environment) !== EnvironmentEnum.prod, this.logger);
       BusManager.clear();
       BusManager.addInterceptor({
         onPublishException: function onPublishException(message, e) {
-          _this2.logger.logError({
+          _this3.logger.logError({
             title: 'onBusPublishException'
           }, _objectSpread(_objectSpread({}, message), {}, {
             errorMessage: JSON.stringify(e)
@@ -246,12 +259,12 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
       });
       // subscribe basic ablility
       BusManager.subscribe(new SDKCallbackBusSubscriber(function (state) {
-        var _this2$_componentApp;
-        (_this2$_componentApp = _this2._componentApp) === null || _this2$_componentApp === void 0 || (_this2$_componentApp = _this2$_componentApp.AMSSDK) === null || _this2$_componentApp === void 0 || _this2$_componentApp._eventCenter.emit(EVENT.eventCallback.name, state);
+        var _this3$_componentApp;
+        (_this3$_componentApp = _this3._componentApp) === null || _this3$_componentApp === void 0 || (_this3$_componentApp = _this3$_componentApp.AMSSDK) === null || _this3$_componentApp === void 0 || _this3$_componentApp._eventCenter.emit(EVENT.eventCallback.name, state);
       }));
       BusManager.subscribe(new SecurityBusSubscriber(function (deviceIdParameter, isPolling) {
-        var _this2$_componentApp2;
-        return (_this2$_componentApp2 = _this2._componentApp) === null || _this2$_componentApp2 === void 0 ? void 0 : _this2$_componentApp2.getDeviceIdAndLog(deviceIdParameter, isPolling);
+        var _this3$_componentApp2;
+        return (_this3$_componentApp2 = _this3._componentApp) === null || _this3$_componentApp2 === void 0 ? void 0 : _this3$_componentApp2.getDeviceIdAndLog(deviceIdParameter, isPolling);
       }));
       BusManager.subscribe(new TrackerBusSubscriber(this.logger));
       // subscribe plugin
@@ -266,7 +279,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         }
         var paymentChannelMatcher = item.paymentChannelMatcher;
         if (paymentChannelMatcher) {
-          _this2._registerPlugin(paymentChannelMatcher.paymentMethod, item.busActionNames);
+          _this3._registerPlugin(paymentChannelMatcher.paymentMethod, item.busActionNames);
         }
         var sessionMatcher = item.sessionMatcher;
         if (sessionMatcher) {
@@ -274,19 +287,18 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
           if (sessionMatcher.paymentMethodTypes) {
             sessionMatcher.paymentMethodTypes.forEach(function (paymentMethodType) {
               var subPluginKey = pluginKey + paymentMethodType;
-              _this2._registerPlugin(subPluginKey, item.busActionNames);
+              _this3._registerPlugin(subPluginKey, item.busActionNames);
             });
           } else {
-            _this2._registerPlugin(pluginKey, item.busActionNames);
+            _this3._registerPlugin(pluginKey, item.busActionNames);
           }
         }
         var optInit = item === null || item === void 0 || (_item$busActionNames = item.busActionNames) === null || _item$busActionNames === void 0 ? void 0 : _item$busActionNames.optional_init;
         if (optInit) {
-          BusManager.publish(new BusMessage(optInit, JSON.stringify(_this2.originOptions)));
+          BusManager.publish(new BusMessage(optInit, JSON.stringify(_this3.originOptions)));
         }
       });
     }
-
     /**
      * To determine whether the corresponding payment method is available,
      *  only the channel described in the document will be called, and it will be returned as available by default
@@ -297,14 +309,14 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "canMakePayments",
     value: function canMakePayments(paymentMethod, subPaymentMethod) {
-      var _this3 = this;
+      var _this4 = this;
       // 判断支付方式是否可用
       return new Promise(function (resolve) {
-        var _this3$_getPlugin;
+        var _this4$_getPlugin;
         if (!paymentMethod) {
           return resolve(true);
         }
-        var actionName = (_this3$_getPlugin = _this3._getPlugin(paymentMethod)) === null || _this3$_getPlugin === void 0 ? void 0 : _this3$_getPlugin.canMakePayments;
+        var actionName = (_this4$_getPlugin = _this4._getPlugin(paymentMethod)) === null || _this4$_getPlugin === void 0 ? void 0 : _this4$_getPlugin.canMakePayments;
         if (actionName && BusManager.isSubscribed(actionName)) {
           BusManager.publishForResult(new BusMessage(actionName, JSON.stringify({
             paymentMethod: paymentMethod,
@@ -314,10 +326,10 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
           }).then(function (message) {
             resolve(message.getJSONObject());
           }).catch(function (e) {
-            _this3.logger.logInfo({
+            _this4.logger.logInfo({
               title: 'canMakePayments_error'
             }, {
-              params: JSON.stringify(e)
+              errorMessage: JSON.stringify(e)
             });
             resolve(false);
           });
@@ -326,7 +338,6 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         }
       });
     }
-
     /**
      * @description Create component application
      * @param params - The data source created by the component, necessary sessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
@@ -334,26 +345,30 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "createComponent",
     value: function createComponent(params) {
-      var _this4 = this;
+      var _this5 = this;
+      if (!this.isSuccessfullyPreloaded) {
+        this.preloadComponent();
+      }
+      ;
       this.clearPreloadIframe();
       this.logger.setComponentStartTime(Date.now());
       return this.parameterInitAndCheck({
         params: params,
-        renderDisplayType: renderDisplayTypeEnum.popup
+        renderDisplayType: DisplayTypeEnum.popup
       }).then(function (_params) {
-        return handleParams(_params);
+        return handleParams(_params, _this5);
       }).catch(function (error) {
-        _this4.logger.logError({
+        _this5.logger.logError({
           title: 'sdk_error_parameter'
         }, {
           params: JSON.stringify(params)
         }).send();
-        _this4._eventCenter.emit(EVENT.error.name, error);
+        _this5._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
         var iframeNodesParams = appendParams.iframeNodesParams;
-        _this4.logger.setTrackId(iframeNodesParams === null || iframeNodesParams === void 0 ? void 0 : iframeNodesParams.sessionData);
-        return _this4.createComponentProcess(appendParams);
+        _this5.logger.setTrackId(iframeNodesParams === null || iframeNodesParams === void 0 ? void 0 : iframeNodesParams.sessionData);
+        return _this5.createComponentProcess(appendParams);
       });
     }
   }, {
@@ -374,26 +389,46 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
       this.savePreviousChannel(iframeNodesParams);
       return this.pluginAppendIframe(appendParams);
     }
+
+    // preloadComponent(channelType, productSceneVersion) {
+    //   this.channelType = channelType;
+    //   this.productSceneVersion = productSceneVersion;
+    //   const MAX_CLEAR_TIME = 10000;
+
+    //   if (Array.isArray(channelType)) {
+    //     for (let i = 0; i < channelType.length; i++) {
+    //       this._componentApp.appendPreloadIframeNodes(channelType[i], productSceneVersion);
+    //     }
+    //   } else {
+    //     this.logger.logError(
+    //       { title: 'performance_optimization_channelType_error' },
+    //       { eventMessage: channelType }
+    //     );
+    //   }
+    //   this.timer = setTimeout(() => {
+    //     this.clearPreloadIframe(true);
+    //   }, MAX_CLEAR_TIME);
+    // }
   }, {
     key: "preloadComponent",
-    value: function preloadComponent(channelType, productSceneVersion) {
-      var _this5 = this;
-      this.channelType = channelType;
-      this.productSceneVersion = productSceneVersion;
+    value: function preloadComponent() {
+      var _this6 = this;
+      console.log('web-preloadpreloadComponent', this.channelType, this.productSceneVersion);
       var MAX_CLEAR_TIME = 10000;
-      if (Array.isArray(channelType)) {
-        for (var i = 0; i < channelType.length; i++) {
-          this._componentApp.appendPreloadIframeNodes(channelType[i], productSceneVersion);
+      if (Array.isArray(this.channelType)) {
+        for (var i = 0; i < this.channelType.length; i++) {
+          this._componentApp.appendPreloadIframeNodes(this.channelType[i], this.productSceneVersion);
         }
+        this.isSuccessfullyPreloaded = true;
       } else {
         this.logger.logError({
           title: 'performance_optimization_channelType_error'
         }, {
-          channelType: channelType
+          eventMessage: this.channelType
         });
       }
       this.timer = setTimeout(function () {
-        _this5.clearPreloadIframe(true);
+        _this6.clearPreloadIframe(true);
       }, MAX_CLEAR_TIME);
     }
   }, {
@@ -425,27 +460,31 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "mountComponent",
     value: function mountComponent(params, selector) {
-      var _this6 = this;
+      var _this7 = this;
       this.clearPreloadIframe();
+      if (!this.isSuccessfullyPreloaded) {
+        this.preloadComponent();
+      }
+      ;
       this.logger.setComponentStartTime(Date.now());
       return this.parameterInitAndCheck({
         params: params,
-        renderDisplayType: renderDisplayTypeEnum.inline,
+        renderDisplayType: DisplayTypeEnum.inline,
         selector: selector
       }).then(function (_params) {
-        return handleParams(_params);
+        return handleParams(_params, _this7);
       }).catch(function (error) {
-        _this6.logger.logError({
+        _this7.logger.logError({
           title: 'sdk_error_parameter'
         }, {
           params: JSON.stringify(params)
         }).send();
-        _this6._eventCenter.emit(EVENT.error.name, error);
+        _this7._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
         var iframeNodesParams = appendParams.iframeNodesParams;
-        _this6.logger.setTrackId(iframeNodesParams === null || iframeNodesParams === void 0 ? void 0 : iframeNodesParams.sessionData);
-        return _this6.mountComponentProcess(appendParams);
+        _this7.logger.setTrackId(iframeNodesParams === null || iframeNodesParams === void 0 ? void 0 : iframeNodesParams.sessionData);
+        return _this7.mountComponentProcess(appendParams);
       });
     }
   }, {
@@ -463,10 +502,11 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         return Promise.resolve();
       }
       var iframeNodesParams = appendParams.iframeNodesParams;
-      this.savePreviousChannel(iframeNodesParams);
+      if (this.options.product !== ProductSceneEnum.ELEMENT_ADDRESS) {
+        this.savePreviousChannel(iframeNodesParams);
+      }
       return this.pluginAppendIframe(appendParams);
     }
-
     /**
      * @description Execute payment submission process
      * @description - When using your own payment button, you can execute the submit payment process by actively calling this function.
@@ -475,30 +515,30 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "submit",
     value: function submit(data) {
-      var _this7 = this;
+      var _this8 = this;
       return new Promise(function (resolve, reject) {
         try {
-          var _this7$getBusActionNa;
+          var _this8$getBusActionNa;
           var eventCallbackId = uuid();
-          _this7.logger.logInfo({
+          _this8.logger.logInfo({
             title: 'sdk_event_apiSubmit'
           });
-          var actionName = (_this7$getBusActionNa = _this7.getBusActionNames()) === null || _this7$getBusActionNa === void 0 ? void 0 : _this7$getBusActionNa.submit;
+          var actionName = (_this8$getBusActionNa = _this8.getBusActionNames()) === null || _this8$getBusActionNa === void 0 ? void 0 : _this8$getBusActionNa.submit;
           if (actionName && BusManager.isSubscribed(actionName)) {
             // 执行出错了，在通用拦截器返回
             BusManager.publishForResult(new BusMessage(actionName, JSON.stringify({
-              appendParams: _this7._appendParams,
-              options: _this7.originOptions,
+              appendParams: _this8._appendParams,
+              options: _this8.originOptions,
               data: data
             }))).then(function (busMessage) {
               resolve(busMessage === null || busMessage === void 0 ? void 0 : busMessage.getJSONObject());
             });
           } else {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            _this7._eventCenter.once(eventCallbackId, function (_data) {
+            _this8._eventCenter.once(eventCallbackId, function (_data) {
               resolve(_data);
             });
-            _this7._componentApp.dispatchToApp({
+            _this8._componentApp.dispatchToApp({
               context: {
                 event: 'submitPay',
                 eventCallbackId: eventCallbackId,
@@ -511,6 +551,25 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         }
       });
     }
+
+    // 预加载
+  }, {
+    key: "preload",
+    value: function preload(_options) {
+      try {
+        var _this$channelType;
+        this.preloadComponent();
+        if (this.channelType && (_this$channelType = this.channelType) !== null && _this$channelType !== void 0 && _this$channelType.some(function (val) {
+          return val === ComponentSignEnum.EASY_PAY_WALLET || val === ComponentSignEnum.EASY_PAY_APM;
+        })) return;
+        this._componentApp.AMSSDK.initSecurity({
+          product: this.options.product,
+          securityRegion: _options.securityRegion
+        });
+      } catch (err) {
+        console.log('web-sdk error', err);
+      }
+    }
   }]);
   return AMSComponent;
 }(CoreInstance);

package/esm/core/drop-in/index.js

@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { BASEPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import CheckoutApp from "../../plugin/drop-in";
-import { messageName, networkModeEnum } from "../../types";
+import { MessageName, networkModeEnum } from "../../types";
 import { createIframeNode } from "../../util/createIframeNode";
 export var mixinDropInConstructor = function mixinDropInConstructor(options, context) {
   // Instantiate the plug-in and set render
@@ -57,7 +57,7 @@ export var confirmPayment = function confirmPayment(result) {
       });
     });
     _this2.eventCenter.emit("".concat(BASEPLUGINID, "-handleRequestPayment"), {
-      name: messageName.SDK_TO_APP,
+      name: MessageName.SDK_TO_APP,
       mode: _this2.options.mode,
       appId: BASEPLUGINID,
       instanceId: _this2._instanceId,

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

@@ -33,7 +33,7 @@ export default class AMSSDK {
      * @param product Product Scenarios
      * @param scene Scenario of the product (compatible with old version parameters, about to be deleted)
      */
-    initSecurity({ product, scene, }: InitSecurityConfig & {
+    initSecurity({ product, scene, securityRegion, }: InitSecurityConfig & {
         scene?: string;
     }): void;
     /**
@@ -79,6 +79,7 @@ export default class AMSSDK {
         normalUrl?: string;
         schemeUrl?: string;
         applinkUrl?: string;
+        callAppJudgeTime?: number;
     }): Promise<void>;
     /**
      * @description Overlay Subscription