@alipay/ams-checkout 1.30.0 → 1.31.0

package/esm/foundation/service/container/index.js

@@ -8,7 +8,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { DisplayTypeEnum } from "../../../types";
-import { createIframe, createPreloadIframe, startSizeChangeAnim } from "./utils";
+import { createIframe, startSizeChangeAnim } from "./utils";
 import { addInlineLoading, createInlineBaseElement } from "../../../component/component.inline.style";
 import { addPopupLoading, createBaseElement } from "../../../component/component.popup.style";
 import { COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK_ID, COMPONENT_CONTAINER_ID, ERRORMESSAGE, LOADING_ID, MOCKUP_ID } from "../../../constant";
@@ -88,33 +88,6 @@ export var ContainerService = /*#__PURE__*/function () {
       // animation
       (_document$getElementB = document.getElementById("".concat(COMPONENT_CONTAINER_ID, "-").concat(displayInfo.platform, "-animation-style"))) === null || _document$getElementB === void 0 || _document$getElementB.remove();
     }
-  }, {
-    key: "preload",
-    value: function preload(taskId, url) {
-      var _this = this;
-      var preloadIframe = createPreloadIframe(taskId);
-      preloadIframe.src = url;
-      var body = document.body || null;
-      if (body) {
-        body.appendChild(preloadIframe);
-      }
-      var timerId = setTimeout(function () {
-        _this.clearPreloadContainer(taskId);
-      }, MAX_CLEAR_TIME);
-      this.clearTimerIdMapping[taskId] = timerId;
-    }
-  }, {
-    key: "clearPreloadContainer",
-    value: function clearPreloadContainer(taskId) {
-      var timerId = this.clearTimerIdMapping[taskId];
-      if (timerId) {
-        clearTimeout(timerId);
-      }
-      var container = document.getElementById(taskId);
-      if (container) {
-        document.body.removeChild(container);
-      }
-    }
   }, {
     key: "showLoading",
     value: function showLoading(container, displayInfo) {
@@ -168,13 +141,13 @@ export var ContainerService = /*#__PURE__*/function () {
   }, {
     key: "addCapabilityToEventCenter",
     value: function addCapabilityToEventCenter() {
-      var _this2 = this;
+      var _this = this;
       this.eventCenter.listen(EVENT.dismissLoading.name, function () {
-        _this2.dismissLoading();
+        _this.dismissLoading();
       });
       this.eventCenter.listen(EVENT.getUserAgentFromSdk.name, function (data, payload) {
         var _payload$context;
-        _this2.eventCenter.dispatchToApp({
+        _this.eventCenter.dispatchToApp({
           event: 'appEventCallback',
           eventCallbackId: (_payload$context = payload.context) === null || _payload$context === void 0 ? void 0 : _payload$context.eventCallbackId,
           data: {
@@ -183,34 +156,34 @@ export var ContainerService = /*#__PURE__*/function () {
         });
       });
       this.eventCenter.listen(EVENT.popupWindow.name, function (data) {
-        var _this2$displayInfo;
+        var _this$displayInfo2;
         if (data.paymentElementOldModel) return;
-        _this2.popupManager.popup(_objectSpread({
-          platform: (_this2$displayInfo = _this2.displayInfo) === null || _this2$displayInfo === void 0 ? void 0 : _this2$displayInfo.platform
+        _this.popupManager.popup(_objectSpread({
+          platform: (_this$displayInfo2 = _this.displayInfo) === null || _this$displayInfo2 === void 0 ? void 0 : _this$displayInfo2.platform
         }, data)).catch(function (error) {
-          _this2.logService.logError({
+          _this.logService.logError({
             title: (error === null || error === void 0 ? void 0 : error.title) || 'sdk_error_create_pop_up'
           }, error);
-          _this2.eventCenter.emit(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+          _this.eventCenter.emit(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
         });
       });
       this.eventCenter.listen(EVENT.popWindow.name, function () {
-        _this2.popupManager.pop();
+        _this.popupManager.pop();
       });
       this.eventCenter.listen(EVENT.sizeChanged.name, function (data) {
-        _this2.handleSizeChanged(_objectSpread({}, data));
+        _this.handleSizeChanged(_objectSpread({}, data));
       });
       this.eventCenter.listen(EVENT.showCloseButton.name, function () {
-        _this2.changeCloseBtnVisibility(true);
+        _this.changeCloseBtnVisibility(true);
       });
       this.eventCenter.listen(EVENT.hideCloseButton.name, function () {
-        _this2.changeCloseBtnVisibility(false);
+        _this.changeCloseBtnVisibility(false);
       });
       this.eventCenter.listen(EVENT.setMaskCloseButton.name, function (data) {
-        _this2.handleMaskCloseBtnShow(data);
+        _this.handleMaskCloseBtnShow(data);
       });
       this.eventCenter.listen(EVENT.appHeartBeat.name, function () {
-        _this2.handleAppHeartBeat();
+        _this.handleAppHeartBeat();
       });
     }
   }, {
@@ -271,12 +244,12 @@ export var ContainerService = /*#__PURE__*/function () {
   }, {
     key: "handleAppHeartBeat",
     value: function handleAppHeartBeat() {
-      var _this3 = this;
+      var _this2 = this;
       try {
         if (!this._webAppHeartBeatTimeoutFn) {
           this._webAppHeartBeatTimeoutFn = function () {
-            if (_this3.webApp && _this3.displayInfo) {
-              _this3.logService.logError({
+            if (_this2.webApp && _this2.displayInfo) {
+              _this2.logService.logError({
                 title: 'sdk_error_appHeartBeatTimeout'
               });
             }
@@ -290,8 +263,8 @@ export var ContainerService = /*#__PURE__*/function () {
           window._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
         }
         setTimeout(function () {
-          if (_this3.webApp && _this3.displayInfo) {
-            _this3.eventCenter.dispatchToApp({
+          if (_this2.webApp && _this2.displayInfo) {
+            _this2.eventCenter.dispatchToApp({
               event: 'sdkHeartBeat',
               data: {}
             });

package/esm/foundation/utils/payment_product_utils.d.ts

@@ -5,7 +5,7 @@ export declare class ProductInfoCacheUtil {
         paymentMethodCategoryType: string;
         hostSign: string;
     }): void;
-    static getPreviousProductInfo(productScene: ProductSceneEnum, onError: (msg: string) => void): {
+    static getPreviousProductInfo(productScene: ProductSceneEnum): {
         productSceneVersion: string;
         paymentMethodCategoryType: string;
         hostSign: string;

package/esm/foundation/utils/payment_product_utils.js

@@ -21,14 +21,14 @@ export var ProductInfoCacheUtil = /*#__PURE__*/function () {
     }
   }, {
     key: "getPreviousProductInfo",
-    value: function getPreviousProductInfo(productScene, onError) {
+    value: function getPreviousProductInfo(productScene) {
       var key = KEY_PREVIOUS_PRODUCT_INFO + '_' + productScene;
       var previousProductInfoString = localStorage.getItem(key);
       if (previousProductInfoString) {
         try {
           return JSON.parse(previousProductInfoString);
         } catch (error) {
-          onError(error === null || error === void 0 ? void 0 : error.message);
+          return null;
         }
       }
       return null;

package/esm/foundation/utils/preload_helper.d.ts

@@ -0,0 +1,21 @@
+import { PaymentMethodCategoryTypeEnum, ProductSceneEnum } from "../../types";
+import { Security } from '../../util/security';
+export default class PreloadHelper {
+    static isWebAppPreloaded: boolean;
+    static isSecuritySDKPreloaded: boolean;
+    private static securitySdkMap;
+    static preloadWebApp(productScene: ProductSceneEnum, paymentMethodCategoryType: PaymentMethodCategoryTypeEnum, environment?: string): void;
+    static preloadSecuritySDK(product: ProductSceneEnum, securityRegion?: string): void;
+    static getSecuritySdk(scene: any): Security;
+    static buildWebAppPreloadUrl(productScene: ProductSceneEnum, paymentMethodCategoryType: PaymentMethodCategoryTypeEnum, environment: string): {
+        preloadUrl: string;
+        containerId: string;
+    };
+    /**
+     * @description Obtain risk control configuration in local storage
+     */
+    static getSecurityConfigStorage(product: ProductSceneEnum): {
+        scene: string;
+        h5gateway: string;
+    };
+}

package/esm/foundation/utils/preload_helper.js

@@ -0,0 +1,143 @@
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { sdkVersion } from "../../config";
+import { createPreloadIframe } from "../service/container/utils";
+import { ProductSceneEnum } from "../../types";
+import { getWebAppUrl } from "../utils/web_app_url_utils";
+import { ProductInfoCacheUtil } from "../utils/payment_product_utils";
+import { getWebAppVersion } from "./payment_context_utils";
+import { getSecurityConfigStorageKey, getSecurityHost, getSecurityScene, Security } from "../../util/security";
+import { getOrSetStorageId, safeJson } from "../../util";
+var MAX_CLEAR_TIME = 10000;
+var PreloadHelper = /*#__PURE__*/function () {
+  function PreloadHelper() {
+    _classCallCheck(this, PreloadHelper);
+  }
+  _createClass(PreloadHelper, null, [{
+    key: "preloadWebApp",
+    value: function preloadWebApp(productScene, paymentMethodCategoryType) {
+      var environment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'prod';
+      try {
+        if (this.isWebAppPreloaded) {
+          console.log('[web-sdk] web app already preloaded');
+          return;
+        }
+        var _this$buildWebAppPrel = this.buildWebAppPreloadUrl(productScene, paymentMethodCategoryType, environment),
+          preloadUrl = _this$buildWebAppPrel.preloadUrl,
+          containerId = _this$buildWebAppPrel.containerId;
+        var preloadIframe = createPreloadIframe(containerId);
+        preloadIframe.src = preloadUrl;
+        var body = document.body || null;
+        if (body) {
+          console.log('[web-sdk] preload web app, url: ', preloadUrl);
+          body.appendChild(preloadIframe);
+          this.isWebAppPreloaded = true;
+        }
+        setTimeout(function () {
+          var container = document.getElementById(containerId);
+          if (container) {
+            console.log('[web-sdk] remove preload web app');
+            document.body.removeChild(container);
+          }
+        }, MAX_CLEAR_TIME);
+      } catch (error) {
+        console.error('[web-sdk] preload web app failed', error);
+      }
+    }
+  }, {
+    key: "preloadSecuritySDK",
+    value: function preloadSecuritySDK(product) {
+      var _this = this;
+      var securityRegion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'SG';
+      try {
+        if (this.isSecuritySDKPreloaded) {
+          console.log('[web-sdk] security sdk is already loaded');
+          return;
+        }
+        var storage = PreloadHelper.getSecurityConfigStorage(product);
+        var scene = storage.scene || getSecurityScene(product);
+        console.log('getSecurityScene', scene);
+        var h5gateway = storage.h5gateway || getSecurityHost(securityRegion);
+        console.log('preloadSecuritySDK', scene);
+        var securitySdk = new Security({
+          scene: scene,
+          h5gateway: h5gateway
+        });
+        securitySdk.initSecurity(function () {
+          console.log(_this.securitySdkMap, 'this.securitySdkMap');
+          _this.securitySdkMap.set(scene, securitySdk);
+          _this.isSecuritySDKPreloaded = true;
+          console.log('[web-sdk] preload security sdk succeed');
+        }, function () {
+          console.error('[web-sdk] preload security sdk failed');
+        });
+      } catch (error) {
+        console.error('[web-sdk] preload security sdk failed', error);
+      }
+    }
+  }, {
+    key: "getSecuritySdk",
+    value: function getSecuritySdk(scene) {
+      var result = this.securitySdkMap.get(scene);
+      return result;
+    }
+  }, {
+    key: "buildWebAppPreloadUrl",
+    value: function buildWebAppPreloadUrl(productScene, paymentMethodCategoryType, environment) {
+      var productSceneVersion = productScene === ProductSceneEnum.EASY_PAY ? '2.0' : '1.0';
+      var previousProductInfo = ProductInfoCacheUtil.getPreviousProductInfo(productScene);
+      if (previousProductInfo) {
+        productSceneVersion = previousProductInfo === null || previousProductInfo === void 0 ? void 0 : previousProductInfo.productSceneVersion;
+      }
+      var containerId = "ams-checkout-component-".concat(productScene, "_").concat(paymentMethodCategoryType);
+      var sdkMetaData = {
+        productScene: productScene,
+        sdkVersion: sdkVersion,
+        webAppVersion: ''
+      };
+      sdkMetaData.webAppVersion = getWebAppVersion(sdkMetaData);
+      var preloadUrl = getWebAppUrl({
+        environment: environment,
+        sdkMetaData: sdkMetaData,
+        paymentMethodCategoryType: paymentMethodCategoryType,
+        isPreload: true,
+        productSceneVersion: productSceneVersion,
+        query: undefined
+      });
+      return {
+        preloadUrl: preloadUrl,
+        containerId: containerId
+      };
+    }
+
+    /**
+     * @description Obtain risk control configuration in local storage
+     */
+  }, {
+    key: "getSecurityConfigStorage",
+    value: function getSecurityConfigStorage(product) {
+      var scene = '';
+      var h5gateway = '';
+      var securityConfigStorage = getOrSetStorageId(getSecurityConfigStorageKey(product));
+      if (securityConfigStorage) {
+        var config = safeJson(securityConfigStorage, {});
+        scene = config === null || config === void 0 ? void 0 : config.appName;
+        h5gateway = config === null || config === void 0 ? void 0 : config.h5gateway;
+      }
+      return {
+        scene: scene,
+        h5gateway: h5gateway
+      };
+    }
+  }]);
+  return PreloadHelper;
+}();
+_defineProperty(PreloadHelper, "isWebAppPreloaded", false);
+_defineProperty(PreloadHelper, "isSecuritySDKPreloaded", false);
+_defineProperty(PreloadHelper, "securitySdkMap", new Map());
+export { PreloadHelper as default };

package/esm/index.d.ts

@@ -1,7 +1,7 @@
 import { AddressComponent } from './core/component/address';
 import { ElementComponent } from './core/component/element';
 import { AMSComponent } from './core/component/index';
-import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IoptionsParams } from './types';
+import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IoptionsParams, IPreloadOptions } from './types';
 export { AMSCheckoutPage } from './core/component/ckp';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
@@ -9,15 +9,19 @@ export declare class AMSCheckout extends AMSComponent {
 }
 export declare class AMSAutoDebit extends AMSCheckout {
     constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
 }
 export declare class AMSAutoDebitPay extends AMSCheckout {
     constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
 }
 export declare class AMSCashierPayment extends AMSCheckout {
     constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
 }
 export declare class AMSVaulting extends AMSCheckout {
     constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
 }
 export declare class AntomElement extends AMSCheckout {
     constructor(options: IoptionsParams);
@@ -28,10 +32,11 @@ export declare class AddressElement extends AddressComponent {
 export declare class Element extends ElementComponent {
     constructor(options: IElementOptions);
 }
-export default AMSCheckout;
 export declare class AMSEasyPay {
     private core;
     constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
     createComponent(params: IcreateComponent): void;
     unmount(): void;
 }
+export default AMSCheckout;

package/esm/index.js

@@ -1,4 +1,7 @@
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -25,9 +28,10 @@ import { ADDRESSElementAppVersion, AMSAutoDebitAppVersion, AMSCashierPaymentAppV
 import { AddressComponent } from "./core/component/address";
 import { ElementComponent } from "./core/component/element";
 import { AMSComponent } from "./core/component/index";
-import { ComponentSignEnum, DisplayTypeEnum } from "./types";
+import { ComponentSignEnum, DisplayTypeEnum, PaymentMethodCategoryTypeEnum } from "./types";
 import { ProductSceneEnum } from "./types/index";
 import { LogConfig, Logger } from "./util/logger";
+import PreloadHelper from "./foundation/utils/preload_helper";
 var logger = new Logger(LogConfig, true);
 export { AMSCheckoutPage } from "./core/component/ckp";
 export * from "./types";
@@ -59,7 +63,18 @@ export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
     });
     return _super2.call(this, _options, [ComponentSignEnum.AUTO_DEBIT_WALLET]);
   }
-  return _createClass(AMSAutoDebit);
+  _createClass(AMSAutoDebit, null, [{
+    key: "preload",
+    value: function preload() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        securityRegion: 'SG',
+        environment: 'prod'
+      };
+      PreloadHelper.preloadWebApp(ProductSceneEnum.AUTO_DEBIT, PaymentMethodCategoryTypeEnum.WALLET, options.environment);
+      PreloadHelper.preloadSecuritySDK(ProductSceneEnum.AUTO_DEBIT, options.securityRegion);
+    }
+  }]);
+  return AMSAutoDebit;
 }(AMSCheckout);
 export var AMSAutoDebitPay = /*#__PURE__*/function (_AMSCheckout2) {
   _inherits(AMSAutoDebitPay, _AMSCheckout2);
@@ -71,7 +86,18 @@ export var AMSAutoDebitPay = /*#__PURE__*/function (_AMSCheckout2) {
     });
     return _super3.call(this, _options, [ComponentSignEnum.AUTO_DEBIT_PAY_WALLET]);
   }
-  return _createClass(AMSAutoDebitPay);
+  _createClass(AMSAutoDebitPay, null, [{
+    key: "preload",
+    value: function preload() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        securityRegion: 'SG',
+        environment: 'prod'
+      };
+      PreloadHelper.preloadWebApp(ProductSceneEnum.AUTO_DEBIT_PAY, PaymentMethodCategoryTypeEnum.WALLET, options.environment);
+      PreloadHelper.preloadSecuritySDK(ProductSceneEnum.AUTO_DEBIT_PAY, options.securityRegion);
+    }
+  }]);
+  return AMSAutoDebitPay;
 }(AMSCheckout);
 export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
   _inherits(AMSCashierPayment, _AMSCheckout3);
@@ -103,7 +129,48 @@ export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
     }
     return _super4.call(this, _options, currentChannelType);
   }
-  return _createClass(AMSCashierPayment);
+  _createClass(AMSCashierPayment, null, [{
+    key: "preload",
+    value: function preload() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        securityRegion: 'SG',
+        environment: 'prod'
+      };
+      try {
+        var channelTypes;
+        var previousChannelStr = localStorage.getItem('antom_checkout_previousChannel');
+        var previousChannel = JSON.parse(previousChannelStr) || {};
+        var _ref2 = previousChannel || {},
+          _ref2$channelType = _ref2.channelType,
+          channelType = _ref2$channelType === void 0 ? '' : _ref2$channelType;
+        if (ComponentSignEnum.CASHIER_PAYMENT_CARD === channelType) {
+          channelTypes = [PaymentMethodCategoryTypeEnum.CARD];
+        } else if (ComponentSignEnum.CASHIER_PAYMENT_APM === channelType) {
+          channelTypes = [PaymentMethodCategoryTypeEnum.APM];
+        } else if (ComponentSignEnum.CASHIER_PAYMENT_BANK === channelType) {
+          channelTypes = [PaymentMethodCategoryTypeEnum.BANK];
+        } else {
+          channelTypes = [PaymentMethodCategoryTypeEnum.CARD, PaymentMethodCategoryTypeEnum.APM];
+        }
+        var _iterator = _createForOfIteratorHelper(channelTypes),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var _channelType = _step.value;
+            PreloadHelper.preloadWebApp(ProductSceneEnum.CASHIER_PAYMENT, _channelType, options.environment);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      } catch (error) {
+        console.error('[web-sdk] preload web app error', error);
+      }
+      PreloadHelper.preloadSecuritySDK(ProductSceneEnum.CASHIER_PAYMENT, options.securityRegion);
+    }
+  }]);
+  return AMSCashierPayment;
 }(AMSCheckout);
 export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout4) {
   _inherits(AMSVaulting, _AMSCheckout4);
@@ -116,7 +183,18 @@ export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout4) {
     });
     return _super5.call(this, _options, [ComponentSignEnum.CASHIER_PAYMENT_CARD]);
   }
-  return _createClass(AMSVaulting);
+  _createClass(AMSVaulting, null, [{
+    key: "preload",
+    value: function preload() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        securityRegion: 'SG',
+        environment: 'prod'
+      };
+      PreloadHelper.preloadWebApp(ProductSceneEnum.CASHIER_PAYMENT, PaymentMethodCategoryTypeEnum.CARD, options.environment);
+      PreloadHelper.preloadSecuritySDK(ProductSceneEnum.VAULTING, options.securityRegion);
+    }
+  }]);
+  return AMSVaulting;
 }(AMSCheckout);
 export var AntomElement = /*#__PURE__*/function (_AMSCheckout5) {
   _inherits(AntomElement, _AMSCheckout5);
@@ -157,7 +235,6 @@ export var Element = /*#__PURE__*/function (_ElementComponent) {
   }
   return _createClass(Element);
 }(ElementComponent);
-export default AMSCheckout;
 export var AMSEasyPay = /*#__PURE__*/function () {
   function AMSEasyPay(options) {
     _classCallCheck(this, AMSEasyPay);
@@ -186,6 +263,16 @@ export var AMSEasyPay = /*#__PURE__*/function () {
     value: function unmount() {
       this.core.destroy();
     }
+  }], [{
+    key: "preload",
+    value: function preload() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        securityRegion: 'SG',
+        environment: 'prod'
+      };
+      PreloadHelper.preloadWebApp(ProductSceneEnum.EASY_PAY, PaymentMethodCategoryTypeEnum.WALLET, options.environment);
+    }
   }]);
   return AMSEasyPay;
-}();
+}();
+export default AMSCheckout;

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

@@ -79,6 +79,7 @@ export default class ComponentApp {
      */
     private addEventListener;
     private removeEventListener;
+    private elementEventCallback;
     /**
      * @description Processing messages from iframe
      */

package/esm/plugin/component/index.js

@@ -23,6 +23,7 @@ import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { ComponentSignEnum, DisplayTypeEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, TargetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
+import { ElementPaymentMethod } from "../../core/component/element/type";
 import { getBackScheme } from "../../util/getBackScheme";
 import { isLocalMock } from "../../util/mock";
 import { matchVersion } from "../../util/versionCompare";
@@ -1168,15 +1169,26 @@ var ComponentApp = /*#__PURE__*/function () {
       window.removeEventListener('resize', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")]);
     }
 
+    // element payment event callback回调码
+  }, {
+    key: "elementEventCallback",
+    value: function elementEventCallback(data) {
+      var _data$context, _data$context2;
+      if (data.context.event === EVENT.sendMuitiAppEventToSdk.name && ((_data$context = data.context) === null || _data$context === void 0 || (_data$context = _data$context.data) === null || _data$context === void 0 ? void 0 : _data$context.source) === ElementPaymentMethod.PAYMENT_ELEMENT && ((_data$context2 = data.context) === null || _data$context2 === void 0 || (_data$context2 = _data$context2.data) === null || _data$context2 === void 0 ? void 0 : _data$context2.target) === ElementPaymentMethod.CONTAINER_ELEMENT) {
+        var _data$context3;
+        this.dispatchToSDK(EVENT.eventCallback.name, (_data$context3 = data.context) === null || _data$context3 === void 0 || (_data$context3 = _data$context3.data) === null || _data$context3 === void 0 ? void 0 : _data$context3.data);
+      }
+    }
+
     /**
      * @description Processing messages from iframe
      */
   }, {
     key: "_handleAppMessage",
     value: function _handleAppMessage(data) {
-      var _data$context2,
+      var _data$context5,
         _this7 = this,
-        _data$context3;
+        _data$context6;
       var eventKeyMap = Object.keys(EVENT).map(function (key) {
         return EVENT[key].name;
       });
@@ -1205,11 +1217,12 @@ var ComponentApp = /*#__PURE__*/function () {
         return;
       }
       if (data.context.event === EVENT.popupWindow.name) {
-        var _data$context;
-        this.createDialog((_data$context = data.context) === null || _data$context === void 0 ? void 0 : _data$context.data);
+        var _data$context4;
+        this.createDialog((_data$context4 = data.context) === null || _data$context4 === void 0 ? void 0 : _data$context4.data);
         return;
       }
       if (data.context.event === EVENT.sendMuitiAppEventToSdk.name) {
+        this.elementEventCallback(data);
         this.dispatchToApp({
           context: {
             event: 'receiveMuitiAppFromSdk',
@@ -1305,7 +1318,7 @@ var ComponentApp = /*#__PURE__*/function () {
           title: 'sdk_event_event_callback'
         }).send();
       }
-      if ((data === null || data === void 0 || (_data$context2 = data.context) === null || _data$context2 === void 0 ? void 0 : _data$context2.event) === EVENT.getGooglePayToken.name) {
+      if ((data === null || data === void 0 || (_data$context5 = data.context) === null || _data$context5 === void 0 ? void 0 : _data$context5.event) === EVENT.getGooglePayToken.name) {
         handleGooglePay(data).then(function (res) {
           _this7.dispatchToApp({
             context: {
@@ -1337,11 +1350,11 @@ var ComponentApp = /*#__PURE__*/function () {
         this.dispatchToApp({
           context: {
             event: EVENT.closePaymentPolling.name,
-            data: {}
+            data: data.context.data
           }
         });
       }
-      if ((data === null || data === void 0 || (_data$context3 = data.context) === null || _data$context3 === void 0 ? void 0 : _data$context3.event) === EVENT.getApplePayToken.name) {
+      if ((data === null || data === void 0 || (_data$context6 = data.context) === null || _data$context6 === void 0 ? void 0 : _data$context6.event) === EVENT.getApplePayToken.name) {
         var _this$_renderParams16, _this$_renderParams17;
         var applePayService = new ApplePaySdk({
           paymentSessionData: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.sessionData,
@@ -1386,11 +1399,11 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "logEventCallback",
     value: function logEventCallback(data, title) {
       if (data.context.event === EVENT.eventCallback.name) {
-        var _data$context5;
+        var _data$context8;
         var callbackData = '';
         try {
-          var _data$context4;
-          callbackData = JSON.stringify((data === null || data === void 0 || (_data$context4 = data.context) === null || _data$context4 === void 0 ? void 0 : _data$context4.data) || '');
+          var _data$context7;
+          callbackData = JSON.stringify((data === null || data === void 0 || (_data$context7 = data.context) === null || _data$context7 === void 0 ? void 0 : _data$context7.data) || '');
         } catch (e) {
           console.error(e);
         }
@@ -1398,7 +1411,7 @@ var ComponentApp = /*#__PURE__*/function () {
           title: title
         }, {
           callbackData: callbackData,
-          callbackId: (data === null || data === void 0 || (_data$context5 = data.context) === null || _data$context5 === void 0 ? void 0 : _data$context5.eventCallbackId) || ''
+          callbackId: (data === null || data === void 0 || (_data$context8 = data.context) === null || _data$context8 === void 0 ? void 0 : _data$context8.eventCallbackId) || ''
         }).send();
       }
     }

package/esm/service/index.d.ts

@@ -1,6 +1,5 @@
 import { ApplePayPaymentSessionRequest, ApplePayPaymentSessionResult, CashierSdkActionQueryRequest, CashierSdkActionQueryResult, CashierSubmitPayRequest, CashierSubmitPayResult, RequestConfig } from '../types';
 import type { Logger } from '../util/logger';
-export * as elementService from './element';
 export declare function queryPaymentInfo(params: CashierSdkActionQueryRequest, options: RequestConfig, logger: Logger): Promise<CashierSdkActionQueryResult>;
 export declare function antomConfig(options: RequestConfig, logger: Logger): Promise<any>;
 export declare function submitPayInfo(params: CashierSubmitPayRequest, options: RequestConfig, logger: Logger): Promise<CashierSubmitPayResult>;

package/esm/service/index.js

@@ -16,8 +16,6 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  */
 import { marmotConfigMap } from "../config";
 import { request } from "../request";
-import * as _elementService from "./element";
-export { _elementService as elementService };
 export function queryPaymentInfo(_x, _x2, _x3) {
   return _queryPaymentInfo.apply(this, arguments);
 }