@alipay/ams-checkout 0.0.1726734012-dev.17 → 0.0.1726734012-dev.19

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,141 @@
+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);
+        var h5gateway = storage.h5gateway || getSecurityHost(securityRegion);
+        var securitySdk = new Security({
+          scene: scene,
+          h5gateway: h5gateway
+        });
+        debugger;
+        securitySdk.initSecurity(function () {
+          _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,28 +1,27 @@
 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 {
     constructor(_options: IoptionsParams, channelType?: ComponentSignEnum[], productSceneVersion?: string);
-    static preload(_options: {
-        channelType: ComponentSignEnum[];
-        productSceneVersion: string;
-        securityRegion?: 'US' | 'SG' | 'DE';
-    }): void;
 }
 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);
@@ -33,11 +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: IoptionsParams): void;
+    static preload(options?: IPreloadOptions): void;
     createComponent(params: IcreateComponent): void;
     unmount(): void;
 }
+export default AMSCheckout;

package/esm/index.js

@@ -1,12 +1,15 @@
 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; }
-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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -25,15 +28,15 @@ 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";
 import { AntomSDKCore } from "./foundation/core";
 import { EasySafePayProcessor } from "./foundation/product-processor/easysafepay";
-import { uuid } from "./foundation/product-processor/easysafepay/deps";
 export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
   _inherits(AMSCheckout, _AMSComponent);
   var _super = _createSuper(AMSCheckout);
@@ -44,21 +47,10 @@ export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
     _this = _super.call(this, _objectSpread({
       appVersion: AMSCheckoutAppVersion
     }, _options));
-    if (!AMSComponent.isSuccessfullyPreloaded) {
-      _this.preloadComponent(channelType, productSceneVersion);
-    }
+    _this.preloadComponent(channelType, productSceneVersion);
     return _this;
   }
-  _createClass(AMSCheckout, null, [{
-    key: "preload",
-    value: function preload(_options) {
-      AMSComponent.isSuccessfullyPreloaded = true;
-      AMSComponent.preload(_objectSpread(_objectSpread({}, _options), {}, {
-        appVersion: AMSCheckoutAppVersion
-      }));
-    }
-  }]);
-  return AMSCheckout;
+  return _createClass(AMSCheckout);
 }(AMSComponent);
 export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
   _inherits(AMSAutoDebit, _AMSCheckout);
@@ -71,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);
@@ -83,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);
@@ -115,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);
@@ -128,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);
@@ -169,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);
@@ -200,12 +265,14 @@ export var AMSEasyPay = /*#__PURE__*/function () {
     }
   }], [{
     key: "preload",
-    value: function preload(options) {
-      var core = new AntomSDKCore();
-      var instanceId = uuid();
-      var SDkMetaData = core.transferEasyPaySDKVersion();
-      EasySafePayProcessor.preloadWebApp(options, instanceId, SDkMetaData);
+    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/applepay/interface.d.ts

@@ -37,8 +37,8 @@ export interface IApplePayPaymentContact {
     countryCode: string;
 }
 export type IApplePayLineItemType = 'final' | 'pending';
-export type ApplePayPaymentTiming = "immediate" | "recurring" | "deferred" | "automaticReload";
-export type ApplePayRecurringPaymentDateUnit = "year" | "month" | "day" | "hour" | "minute";
+export type ApplePayPaymentTiming = 'immediate' | 'recurring' | 'deferred' | 'automaticReload';
+export type ApplePayRecurringPaymentDateUnit = 'year' | 'month' | 'day' | 'hour' | 'minute';
 /**
  *
 {

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

@@ -1,4 +1,5 @@
-import type { EventPayload, IPaymentSessionMetaData } from '../../types';
+import { EventPayloadContext, type EventPayload, type IPaymentMethod, type IPaymentSessionMetaData } from '../../types';
+import { Logger } from '../../util/logger';
 export type IChannelBehavior = {
     usePaymentSessionAsQueryResult: boolean;
     submitPayInSdk: boolean;
@@ -18,4 +19,43 @@ type GetDoubleFaParams = {
 export declare function getChannelBehavior(paymentSessionMetaData?: IPaymentSessionMetaData): IChannelBehavior | undefined;
 export declare function getDoubleFaUrl(params: GetDoubleFaParams): string;
 export declare const handleGooglePay: (data: EventPayload) => Promise<unknown>;
+export declare class ApplePayService {
+    private APPLESDKURL;
+    private applePaySession;
+    private paymentSessionData;
+    private sessionResult;
+    /**
+     * @description 支付状态，pending：支付中，normal：正常
+     */
+    private paymentStatus;
+    /**
+     * @description paymentRequest
+     */
+    private paymentRequest;
+    private logger;
+    private dispatchToApp;
+    private paymentMethod;
+    constructor({ sessionData, paymentSessionMetaData, paymentMethod, logger, dispatchToApp, }: {
+        sessionData: string;
+        paymentSessionMetaData: IPaymentSessionMetaData;
+        paymentMethod: IPaymentMethod;
+        logger: Logger;
+        dispatchToApp: (payload: {
+            context: EventPayloadContext;
+        }) => void;
+    });
+    private startPay;
+    private setApplePayStatus;
+    private submitPay;
+    submit(): Promise<void>;
+    private getDeviceId;
+    private initApplePaySession;
+    private isCanMakePayments;
+    private loadApplePaySdk;
+    private abortPaySession;
+    private addEventListener;
+    private get initSessionParams();
+    private get isRequiredParameters();
+    private get checkScriptIsLoaded();
+}
 export {};