@alipay/ams-checkout 1.10.0 → 1.11.0

package/esm/core/component/index.js

@@ -1,4 +1,6 @@
 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 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 _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; }
@@ -28,11 +30,17 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { v4 as uuid } from 'uuid';
 import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import ComponentApp from "../../plugin/component";
-import { componentSignEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
+import { componentSignEnum, environmentEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
 import { getOrSetStorageId, isPC, parseBase64ToString } from "../../util";
-import { createIframeNode } from "../../util/createIframeNode";
+import { createIframeNode, createPreloadIframeNode } from "../../util/createIframeNode";
 import { getSecurityConfigStorageKey } from "../../util/security";
 import CoreInstance from "../instance/index";
+import { BusManager, BusMessage } from "../bus";
+import { SDKCallbackBusSubscriber } from "../bus/ability/callback";
+import { ApplePayBusSubscriber } from "../../plugin/applepay";
+import { SecurityBusSubscriber } from "../bus/ability/security";
+import { TrackerBusSubscriber } from "../bus/ability/tracker";
+import { ExtendPlugin } from "../../plugin/const";
 export var getComponentSign = function getComponentSign(params) {
   var _params$paymentSessio = params.paymentSessionConfig,
     _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
@@ -106,11 +114,15 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     _this = _super.call(this, options);
     // Instantiate the plug-in and set render
     _defineProperty(_assertThisInitialized(_this), "_componentApp", void 0);
+    _defineProperty(_assertThisInitialized(_this), "channelType", void 0);
+    _defineProperty(_assertThisInitialized(_this), "productSceneVersion", void 0);
     var ComponentPlugin = new ComponentApp();
     ComponentPlugin.setRender(createIframeNode);
+    ComponentPlugin.setPreloadRender(createPreloadIframeNode);
     // Register Cashier Application Plug in
     _this._registerPlugin(COMPONENTPLUGINID, ComponentPlugin);
     _this._componentApp = _this._getPlugin(COMPONENTPLUGINID);
+    _this.registerBusAbility();
     return _this;
   }
   _createClass(AMSComponent, [{
@@ -146,6 +158,147 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         return Promise.reject(error);
       }
     }
+  }, {
+    key: "savePreviousChannel",
+    value: function savePreviousChannel(iframeNodesParams) {
+      var _ref2 = iframeNodesParams || {},
+        _ref2$paymentSessionM = _ref2.paymentSessionMetaData.paymentSessionConfig,
+        _ref2$paymentSessionM2 = _ref2$paymentSessionM.productScene,
+        productScene = _ref2$paymentSessionM2 === void 0 ? '' : _ref2$paymentSessionM2,
+        _ref2$paymentSessionM3 = _ref2$paymentSessionM.paymentMethodCategoryType,
+        paymentMethodCategoryType = _ref2$paymentSessionM3 === void 0 ? '' : _ref2$paymentSessionM3,
+        _ref2$paymentSessionM4 = _ref2$paymentSessionM.productSceneVersion,
+        productSceneVersion = _ref2$paymentSessionM4 === void 0 ? '' : _ref2$paymentSessionM4;
+      var channelType = "".concat(productScene, "_").concat(paymentMethodCategoryType);
+      if (productScene && paymentMethodCategoryType && productSceneVersion) {
+        if (Array.isArray(this.channelType) && this.channelType.includes(channelType) && this.productSceneVersion === productSceneVersion) {
+          this.logger.logInfo({
+            title: 'preload_match'
+          }, {
+            preloadChannel: this.channelType,
+            preloadVersion: this.productSceneVersion,
+            sessionDataChannel: channelType,
+            sessionDataVersion: productSceneVersion
+          });
+        } else {
+          this.logger.logInfo({
+            title: 'preload_no_match'
+          }, {
+            preloadChannel: this.channelType,
+            preloadVersion: this.productSceneVersion,
+            sessionDataChannel: channelType,
+            sessionDataVersion: productSceneVersion
+          });
+        }
+        var previousChannel = {
+          channelType: channelType === componentSignEnum.VAULTING_CARD ? componentSignEnum.CASHIER_PAYMENT_CARD : channelType,
+          productSceneVersion: productSceneVersion
+        };
+        localStorage.setItem('antom_checkout_previousChannel', JSON.stringify(previousChannel));
+      }
+    }
+
+    /**
+     * 初始化 Bus总线的能力
+     */
+  }, {
+    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);
+      BusManager.clear();
+      BusManager.addInterceptor({
+        onPublishException: function onPublishException(message, e) {
+          _this2.logger.logError({
+            title: 'onBusPublishException'
+          }, _objectSpread(_objectSpread({}, message), {}, {
+            errorMessage: JSON.stringify(e)
+          }));
+        }
+      });
+      // 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);
+      }));
+      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);
+      }));
+      BusManager.subscribe(new TrackerBusSubscriber(this.logger));
+      // subscribe plugin
+      BusManager.subscribe(new ApplePayBusSubscriber(this.logger));
+
+      // register bus plugin
+      ExtendPlugin.forEach(function (item) {
+        var _item$busActionNames;
+        if (item !== null && item !== void 0 && item.busSubscriber) {
+          BusManager.subscribe(item === null || item === void 0 ? void 0 : item.busSubscriber);
+        }
+        var paymentChannelMatcher = item.paymentChannelMatcher;
+        if (paymentChannelMatcher) {
+          _this2._registerPlugin(paymentChannelMatcher.paymentMethod, item.busActionNames);
+        }
+        var sessionMatcher = item.sessionMatcher;
+        if (sessionMatcher) {
+          var pluginKey = sessionMatcher.productScene + sessionMatcher.productSceneVersion + sessionMatcher.paymentMethodCategoryType;
+          if (sessionMatcher.paymentMethodTypes) {
+            sessionMatcher.paymentMethodTypes.forEach(function (paymentMethodType) {
+              var subPluginKey = pluginKey + paymentMethodType;
+              _this2._registerPlugin(subPluginKey, item.busActionNames);
+            });
+          } else {
+            _this2._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)));
+        }
+      });
+    }
+
+    /**
+     * 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
+     * @param paymentMethod  - described in the document
+     * @param subPaymentMethod - described in the document
+     * @returns 
+     */
+  }, {
+    key: "canMakePayments",
+    value: function canMakePayments(paymentMethod, subPaymentMethod) {
+      var _this3 = this;
+      // 判断支付方式是否可用
+      return new Promise(function (resolve) {
+        var _this3$_getPlugin;
+        if (!paymentMethod) {
+          return resolve(true);
+        }
+        var actionName = (_this3$_getPlugin = _this3._getPlugin(paymentMethod)) === null || _this3$_getPlugin === void 0 ? void 0 : _this3$_getPlugin.canMakePayments;
+        if (actionName && BusManager.isSubscribed(actionName)) {
+          BusManager.publishForResult(new BusMessage(actionName, JSON.stringify({
+            paymentMethod: paymentMethod,
+            subPaymentMethod: subPaymentMethod
+          })), {
+            fallback: false
+          }).then(function (message) {
+            resolve(message.getJSONObject());
+          }).catch(function (e) {
+            _this3.logger.logInfo({
+              title: 'canMakePayments_error'
+            }, {
+              params: JSON.stringify(e)
+            });
+            resolve(false);
+          });
+        } else {
+          resolve(true);
+        }
+      });
+    }
+
     /**
      * @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.
@@ -153,24 +306,85 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "createComponent",
     value: function createComponent(params) {
-      var _this2 = this;
+      var _this4 = this;
+      this.clearPreloadIframe();
       return this.parameterInitAndCheck({
         params: params,
         renderDisplayType: renderDisplayTypeEnum.popup
       }).then(function (_params) {
         return handleParams(_params);
       }).catch(function (error) {
-        _this2.logger.logError({
+        _this4.logger.logError({
           title: 'sdk_error_parameter'
         }, {
           params: JSON.stringify(params)
         }).send();
-        _this2._eventCenter.emit(EVENT.error.name, error);
+        _this4._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
-        return _this2.pluginAppendIframe(appendParams);
+        return _this4.createComponentProcess(appendParams);
       });
     }
+  }, {
+    key: "createComponentProcess",
+    value: function createComponentProcess(appendParams) {
+      var _this$getBusActionNam;
+      this._appendParams = appendParams;
+      var actionName = (_this$getBusActionNam = this.getBusActionNames()) === null || _this$getBusActionNam === void 0 ? void 0 : _this$getBusActionNam.createComponent;
+      if (actionName && BusManager.isSubscribed(actionName)) {
+        // 执行出错了，在通用拦截器返回
+        BusManager.publish(new BusMessage(actionName, JSON.stringify({
+          appendParams: appendParams,
+          options: this.originOptions
+        })));
+        return Promise.resolve();
+      }
+      var iframeNodesParams = appendParams.iframeNodesParams;
+      this.savePreviousChannel(iframeNodesParams);
+      return this.pluginAppendIframe(appendParams);
+    }
+  }, {
+    key: "preloadComponent",
+    value: function preloadComponent(channelType, productSceneVersion) {
+      var _this5 = this;
+      this.channelType = channelType;
+      this.productSceneVersion = productSceneVersion;
+      var MAX_CLEAR_TIME = 10000;
+      if (Array.isArray(channelType)) {
+        for (var i = 0; i < channelType.length; i++) {
+          this._componentApp.appendPreloadIframeNodes(channelType[i], productSceneVersion);
+        }
+      } else {
+        this.logger.logError({
+          title: 'performance_optimization_channelType_error'
+        }, {
+          channelType: channelType
+        });
+      }
+      setTimeout(function () {
+        _this5.clearPreloadIframe(true);
+      }, MAX_CLEAR_TIME);
+    }
+  }, {
+    key: "clearPreloadIframe",
+    value: function clearPreloadIframe() {
+      var isTimeOut = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      if (Array.isArray(this.channelType)) {
+        for (var i = 0; i < this.channelType.length; i++) {
+          var iframe = document.getElementById("ams-checkout-component-".concat(this.channelType[i], "-").concat(this.productSceneVersion));
+          iframe && document.body.removeChild(iframe);
+        }
+      }
+      if (!isTimeOut) {
+        this.logger.logInfo({
+          title: 'performance_optimization_clearPreloadIframe'
+        });
+      } else {
+        this.logger.logInfo({
+          title: 'performance_optimization_clearPreloadIframe_timeout'
+        });
+      }
+    }
     /**
      * @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.
@@ -179,7 +393,8 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "mountComponent",
     value: function mountComponent(params, selector) {
-      var _this3 = this;
+      var _this6 = this;
+      this.clearPreloadIframe();
       return this.parameterInitAndCheck({
         params: params,
         renderDisplayType: renderDisplayTypeEnum.inline,
@@ -187,17 +402,36 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
       }).then(function (_params) {
         return handleParams(_params);
       }).catch(function (error) {
-        _this3.logger.logError({
+        _this6.logger.logError({
           title: 'sdk_error_parameter'
         }, {
           params: JSON.stringify(params)
         }).send();
-        _this3._eventCenter.emit(EVENT.error.name, error);
+        _this6._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
-        return _this3.pluginAppendIframe(appendParams);
+        return _this6.mountComponentProcess(appendParams);
       });
     }
+  }, {
+    key: "mountComponentProcess",
+    value: function mountComponentProcess(appendParams) {
+      var _this$getBusActionNam2;
+      this._appendParams = appendParams;
+      var actionName = (_this$getBusActionNam2 = this.getBusActionNames()) === null || _this$getBusActionNam2 === void 0 ? void 0 : _this$getBusActionNam2.mountComponent;
+      if (actionName && BusManager.isSubscribed(actionName)) {
+        // 执行出错了，在通用拦截器返回
+        BusManager.publish(new BusMessage(actionName, JSON.stringify({
+          appendParams: appendParams,
+          options: this.originOptions
+        })));
+        return Promise.resolve();
+      }
+      var iframeNodesParams = appendParams.iframeNodesParams;
+      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.
@@ -206,24 +440,37 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "submit",
     value: function submit(data) {
-      var _this4 = this;
+      var _this7 = this;
       return new Promise(function (resolve, reject) {
         try {
+          var _this7$getBusActionNa;
           var eventCallbackId = uuid();
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          _this4._eventCenter.once(eventCallbackId, function (_data) {
-            resolve(_data);
-          });
-          _this4._componentApp.dispatchToApp({
-            context: {
-              event: 'submitPay',
-              eventCallbackId: eventCallbackId,
-              data: data
-            }
-          });
-          _this4.logger.logInfo({
+          _this7.logger.logInfo({
             title: 'sdk_event_apiSubmit'
           });
+          var actionName = (_this7$getBusActionNa = _this7.getBusActionNames()) === null || _this7$getBusActionNa === void 0 ? void 0 : _this7$getBusActionNa.submit;
+          if (actionName && BusManager.isSubscribed(actionName)) {
+            // 执行出错了，在通用拦截器返回
+            BusManager.publishForResult(new BusMessage(actionName, JSON.stringify({
+              appendParams: _this7._appendParams,
+              options: _this7.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) {
+              resolve(_data);
+            });
+            _this7._componentApp.dispatchToApp({
+              context: {
+                event: 'submitPay',
+                eventCallbackId: eventCallbackId,
+                data: data
+              }
+            });
+          }
         } catch (error) {
           reject(error);
         }

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

@@ -1,13 +1,16 @@
-import type { AMSCheckoutOptions, InitSecurityConfig, IoptionsParams } from '../../types/index';
+import type { AMSCheckoutOptions, IAppendParams, InitSecurityConfig, IoptionsParams } from '../../types/index';
 import { EventCenter } from '../../util/index';
 import { Logger } from '../../util/logger';
 import { Security } from '../../util/security';
+import { ComponentActionNamesType } from 'src/plugin/type';
 export default class AMSSDK {
     options: AMSCheckoutOptions;
+    originOptions: IoptionsParams;
     logger: Logger;
     _eventCenter: EventCenter;
     _instanceId: string;
     _storageId: string;
+    _appendParams: IAppendParams;
     protected securitySdkMap: Map<string, Security>;
     protected plugins: Map<string, any>;
     constructor(options: IoptionsParams);
@@ -72,4 +75,5 @@ export default class AMSSDK {
      * @description Overlay Subscription
      */
     protected _overrideSubscription(name: string, func: any, funcKey: string): void;
+    protected getBusActionNames(): ComponentActionNamesType;
 }

package/esm/core/instance/index.js

@@ -26,17 +26,21 @@ import CallApp from "../../util/intl-callapp/es/main";
 import { LogConfig, Logger } from "../../util/logger";
 import { compareVersion } from "../../util/versionCompare";
 import { getSecurityConfigStorageKey, getSecurityHost, getSecurityScene, Security, SecurityRegionEnum } from "../../util/security";
+import { BusManager, BusMessage } from "../bus";
 var AMSSDK = /*#__PURE__*/function () {
   function AMSSDK(options) {
     _classCallCheck(this, AMSSDK);
     _defineProperty(this, "options", void 0);
+    _defineProperty(this, "originOptions", void 0);
     _defineProperty(this, "logger", void 0);
     _defineProperty(this, "_eventCenter", void 0);
     _defineProperty(this, "_instanceId", void 0);
     _defineProperty(this, "_storageId", void 0);
+    _defineProperty(this, "_appendParams", void 0);
     _defineProperty(this, "securitySdkMap", void 0);
     _defineProperty(this, "plugins", void 0);
     this._instanceId = uuid();
+    this.originOptions = options;
     this.options = {};
     this._eventCenter = new EventCenter();
     this._initEvent(options);
@@ -101,17 +105,27 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "unmount",
     value: function unmount() {
+      var _this$getBusActionNam;
       this.logger.logInfo({
         title: 'sdk_event_apiOnDestroy'
       }).send();
+      var actionName = (_this$getBusActionNam = this.getBusActionNames()) === null || _this$getBusActionNam === void 0 ? void 0 : _this$getBusActionNam.destoryComponent;
+      if (actionName && BusManager.isSubscribed(actionName)) {
+        // 执行出错了，在通用拦截器返回
+        BusManager.publish(new BusMessage(actionName, JSON.stringify({
+          options: this.originOptions
+        })));
+      }
       var _iterator = _createForOfIteratorHelper(this.plugins.values()),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var plugin = _step.value;
           try {
-            plugin.logoutPlugin();
-            // eslint-disable-next-line no-empty
+            if (plugin.logoutPlugin) {
+              plugin.logoutPlugin();
+              // eslint-disable-next-line no-empty
+            }
           } catch (error) {
             console.error(error);
           }
@@ -302,7 +316,9 @@ var AMSSDK = /*#__PURE__*/function () {
     value: function _registerPlugin(pluginId, plugin) {
       this.plugins.set(pluginId, plugin);
       try {
-        plugin.applyPlugin(this);
+        if (plugin.applyPlugin) {
+          plugin.applyPlugin(this);
+        }
       } catch (error) {
         this.plugins.delete(pluginId);
         if (getType(error) === 'error') throw error;
@@ -316,7 +332,7 @@ var AMSSDK = /*#__PURE__*/function () {
     key: "_getPlugin",
     value: function _getPlugin(pluginId) {
       if (!this.plugins.has(pluginId)) {
-        console.warn("".concat(pluginId, "Plugin unregistered"));
+        console.warn("".concat(pluginId, " Plugin unregistered"));
         return null;
       }
       return this.plugins.get(pluginId);
@@ -381,6 +397,27 @@ var AMSSDK = /*#__PURE__*/function () {
       this._eventCenter.off(name, func, funcKey);
       this._eventCenter.on(name, func, funcKey);
     }
+  }, {
+    key: "getBusActionNames",
+    value: function getBusActionNames() {
+      var _appendParams$iframeN;
+      var appendParams = this._appendParams;
+      if (!appendParams) {
+        return null;
+      }
+      var actionNames = null;
+      var paymentSessionConfig = appendParams === null || appendParams === void 0 || (_appendParams$iframeN = appendParams.iframeNodesParams) === null || _appendParams$iframeN === void 0 || (_appendParams$iframeN = _appendParams$iframeN.paymentSessionMetaData) === null || _appendParams$iframeN === void 0 ? void 0 : _appendParams$iframeN.paymentSessionConfig;
+      if (paymentSessionConfig) {
+        var _appendParams$iframeN2;
+        var pluginKey = paymentSessionConfig.productScene + paymentSessionConfig.productSceneVersion + paymentSessionConfig.paymentMethodCategoryType;
+        var paymentMethodType = appendParams === null || appendParams === void 0 || (_appendParams$iframeN2 = appendParams.iframeNodesParams) === null || _appendParams$iframeN2 === void 0 || (_appendParams$iframeN2 = _appendParams$iframeN2.paymentSessionMetaData) === null || _appendParams$iframeN2 === void 0 || (_appendParams$iframeN2 = _appendParams$iframeN2.paymentSessionFactor) === null || _appendParams$iframeN2 === void 0 || (_appendParams$iframeN2 = _appendParams$iframeN2.paymentMethodInfo) === null || _appendParams$iframeN2 === void 0 ? void 0 : _appendParams$iframeN2.paymentMethodType;
+        if (paymentMethodType) {
+          pluginKey = pluginKey + paymentMethodType;
+        }
+        actionNames = this._getPlugin(pluginKey);
+      }
+      return actionNames;
+    }
   }]);
   return AMSSDK;
 }();

package/esm/index.d.ts

@@ -1,10 +1,15 @@
+/**
+ * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
+ * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
+ */
 import { AMSComponent } from './core/component/index';
-import { IoptionsParams } from './types';
-import ApplePayComponent from './core/applepay';
+import { IoptionsParams, componentSignEnum } from './types';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
-}
-export declare class AMSApplePay extends ApplePayComponent {
+    constructor(_options: any, channelType?: componentSignEnum[], productSceneVersion?: string);
 }
 export declare class AMSAutoDebit extends AMSCheckout {
     constructor(options: IoptionsParams);

package/esm/index.js

@@ -18,73 +18,108 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
-import { productSceneEnum } from "./types/index";
 import { AMSComponent } from "./core/component/index";
-import ApplePayComponent from "./core/applepay";
+import { componentSignEnum } from "./types";
+import { productSceneEnum } from "./types/index";
+import { Logger, LogConfig } from "./util/logger";
+var logger = new Logger(LogConfig, true);
 export * from "./types";
 export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
   _inherits(AMSCheckout, _AMSComponent);
   var _super = _createSuper(AMSCheckout);
-  function AMSCheckout() {
+  function AMSCheckout(_options, channelType) {
+    var _this;
+    var productSceneVersion = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '1.0';
     _classCallCheck(this, AMSCheckout);
-    return _super.apply(this, arguments);
+    _this = _super.call(this, _options);
+    _this.preloadComponent(channelType, productSceneVersion);
+    return _this;
   }
   return _createClass(AMSCheckout);
 }(AMSComponent);
-export var AMSApplePay = /*#__PURE__*/function (_ApplePayComponent) {
-  _inherits(AMSApplePay, _ApplePayComponent);
-  var _super2 = _createSuper(AMSApplePay);
-  function AMSApplePay() {
-    _classCallCheck(this, AMSApplePay);
-    return _super2.apply(this, arguments);
-  }
-  return _createClass(AMSApplePay);
-}(ApplePayComponent);
 export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
   _inherits(AMSAutoDebit, _AMSCheckout);
-  var _super3 = _createSuper(AMSAutoDebit);
+  var _super2 = _createSuper(AMSAutoDebit);
   function AMSAutoDebit(options) {
     _classCallCheck(this, AMSAutoDebit);
     var _options = Object.assign({}, options, {
       product: productSceneEnum.AUTO_DEBIT
     });
-    return _super3.call(this, _options);
+    return _super2.call(this, _options, [componentSignEnum.AUTO_DEBIT_WALLET]);
   }
   return _createClass(AMSAutoDebit);
 }(AMSCheckout);
 export var AMSEasyPay = /*#__PURE__*/function (_AMSCheckout2) {
   _inherits(AMSEasyPay, _AMSCheckout2);
-  var _super4 = _createSuper(AMSEasyPay);
+  var _super3 = _createSuper(AMSEasyPay);
   function AMSEasyPay(options) {
     _classCallCheck(this, AMSEasyPay);
     var _options = Object.assign({}, options, {
       product: productSceneEnum.EASY_PAY
     });
-    return _super4.call(this, _options);
+    var currentProductSceneVersion = '1.0';
+    try {
+      var previousChannelStr = localStorage.getItem('antom_checkout_previousChannel');
+      var previousChannel = JSON.parse(previousChannelStr) || {};
+      var _ref = previousChannel || {},
+        _ref$channelType = _ref.channelType,
+        channelType = _ref$channelType === void 0 ? '' : _ref$channelType,
+        _ref$productSceneVers = _ref.productSceneVersion,
+        productSceneVersion = _ref$productSceneVers === void 0 ? '1.0' : _ref$productSceneVers;
+      if (channelType === componentSignEnum.EASY_PAY_WALLET) {
+        currentProductSceneVersion = productSceneVersion;
+      }
+    } catch (error) {
+      logger.logError({
+        title: 'performance_optimization_get_previousChannel_error'
+      }, {
+        error: error
+      });
+    }
+    return _super3.call(this, _options, [componentSignEnum.EASY_PAY_WALLET], currentProductSceneVersion);
   }
   return _createClass(AMSEasyPay);
 }(AMSCheckout);
 export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
   _inherits(AMSCashierPayment, _AMSCheckout3);
-  var _super5 = _createSuper(AMSCashierPayment);
+  var _super4 = _createSuper(AMSCashierPayment);
   function AMSCashierPayment(options) {
     _classCallCheck(this, AMSCashierPayment);
     var _options = Object.assign({}, options, {
       product: productSceneEnum.CASHIER_PAYMENT
     });
-    return _super5.call(this, _options);
+    var currentChannelType;
+    try {
+      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, componentSignEnum.CASHIER_PAYMENT_APM, componentSignEnum.CASHIER_PAYMENT_BANK].includes(channelType)) {
+        currentChannelType = [channelType];
+      } else {
+        currentChannelType = [componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.CASHIER_PAYMENT_APM];
+      }
+    } catch (error) {
+      logger.logError({
+        title: 'performance_optimization_get_previousChannel_error'
+      }, {
+        error: error
+      });
+    }
+    return _super4.call(this, _options, currentChannelType);
   }
   return _createClass(AMSCashierPayment);
 }(AMSCheckout);
 export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout4) {
   _inherits(AMSVaulting, _AMSCheckout4);
-  var _super6 = _createSuper(AMSVaulting);
+  var _super5 = _createSuper(AMSVaulting);
   function AMSVaulting(options) {
     _classCallCheck(this, AMSVaulting);
     var _options = Object.assign({}, options, {
       product: productSceneEnum.VAULTING
     });
-    return _super6.call(this, _options);
+    return _super5.call(this, _options, [componentSignEnum.CASHIER_PAYMENT_CARD]);
   }
   return _createClass(AMSVaulting);
 }(AMSCheckout);