@alipay/ams-checkout 0.0.1705989903-dev.1 → 0.0.1708315090-dev.2

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

@@ -5,14 +5,19 @@ export declare const getComponentSign: (params: IpaymentSessionMetaData) => comp
 export declare const parseSessionData: (sessionData: string) => [IpaymentSessionMetaData, string];
 export declare class AMSComponent extends CoreInstance {
     _componentApp: ComponentApp;
+    channelType: componentSignEnum[];
+    productSceneVersion: string;
     constructor(options: IoptionsParams);
     private parameterInitAndCheck;
     private pluginAppendIframe;
+    private savePreviousChannel;
     /**
      * @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.
      */
     createComponent(params: IcreateComponent): Promise<void>;
+    preloadComponent(channelType: any, productSceneVersion: any): void;
+    clearPreloadIframe(): void;
     /**
      * @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.

package/esm/core/component/index.js

@@ -30,7 +30,7 @@ import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import ComponentApp from "../../plugin/component";
 import { componentSignEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
 import { getOrSetStorageId, isPC } from "../../util";
-import { createIframeNode } from "../../util/createIframeNode";
+import { createIframeNode, createPreloadIframeNode } from "../../util/createIframeNode";
 import { getSecurityConfigStorageKey } from "../../util/security";
 import CoreInstance from "../instance/index";
 export var getComponentSign = function getComponentSign(params) {
@@ -106,8 +106,11 @@ 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);
@@ -146,6 +149,26 @@ 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 && productSceneVersion) {
+        var previousChannel = {
+          channelType: channelType === componentSignEnum.VAULTING_CARD ? componentSignEnum.CASHIER_PAYMENT_CARD : channelType,
+          productSceneVersion: productSceneVersion
+        };
+        localStorage.setItem('previousChannel', JSON.stringify(previousChannel));
+      }
+    }
     /**
      * @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.
@@ -154,6 +177,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     key: "createComponent",
     value: function createComponent(params) {
       var _this2 = this;
+      this.clearPreloadIframe();
       return this.parameterInitAndCheck({
         params: params,
         renderDisplayType: renderDisplayTypeEnum.popup
@@ -168,9 +192,37 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         _this2._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
+        var iframeNodesParams = appendParams.iframeNodesParams;
+        _this2.savePreviousChannel(iframeNodesParams);
         return _this2.pluginAppendIframe(appendParams);
       });
     }
+  }, {
+    key: "preloadComponent",
+    value: function preloadComponent(channelType, productSceneVersion) {
+      var _this3 = 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);
+        }
+      }
+      setTimeout(function () {
+        _this3.clearPreloadIframe();
+      }, MAX_CLEAR_TIME);
+    }
+  }, {
+    key: "clearPreloadIframe",
+    value: function clearPreloadIframe() {
+      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);
+        }
+      }
+    }
     /**
      * @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 +231,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "mountComponent",
     value: function mountComponent(params, selector) {
-      var _this3 = this;
+      var _this4 = this;
       return this.parameterInitAndCheck({
         params: params,
         renderDisplayType: renderDisplayTypeEnum.inline,
@@ -187,15 +239,17 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
       }).then(function (_params) {
         return handleParams(_params);
       }).catch(function (error) {
-        _this3.logger.logError({
+        _this4.logger.logError({
           title: 'sdk_error_parameter'
         }, {
           params: JSON.stringify(params)
         }).send();
-        _this3._eventCenter.emit(EVENT.error.name, error);
+        _this4._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
-        return _this3.pluginAppendIframe(appendParams);
+        var iframeNodesParams = appendParams.iframeNodesParams;
+        _this4.savePreviousChannel(iframeNodesParams);
+        return _this4.pluginAppendIframe(appendParams);
       });
     }
     /**
@@ -206,22 +260,22 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
   }, {
     key: "submit",
     value: function submit(data) {
-      var _this4 = this;
+      var _this5 = this;
       return new Promise(function (resolve, reject) {
         try {
           var eventCallbackId = uuid();
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          _this4._eventCenter.once(eventCallbackId, function (_data) {
+          _this5._eventCenter.once(eventCallbackId, function (_data) {
             resolve(_data);
           });
-          _this4._componentApp.dispatchToApp({
+          _this5._componentApp.dispatchToApp({
             context: {
               event: 'submitPay',
               eventCallbackId: eventCallbackId,
               data: data
             }
           });
-          _this4.logger.logInfo({
+          _this5.logger.logInfo({
             title: 'sdk_event_apiSubmit'
           });
         } catch (error) {

package/esm/index.d.ts

@@ -1,8 +1,16 @@
-import { AMSComponent } from './core/component/index';
-import { IoptionsParams } from './types';
+/**
+ * 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 ApplePayComponent from './core/applepay';
+import { AMSComponent } from './core/component/index';
+import { IoptionsParams, componentSignEnum } from './types';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
+    constructor(_options: any, channelType?: componentSignEnum[], productSceneVersion?: string);
 }
 export declare class AMSApplePay extends ApplePayComponent {
 }

package/esm/index.js

@@ -18,16 +18,21 @@ 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 { AMSComponent } from "./core/component/index";
+import { componentSignEnum } from "./types";
+import { productSceneEnum } from "./types/index";
 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);
@@ -48,7 +53,7 @@ export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
     var _options = Object.assign({}, options, {
       product: productSceneEnum.AUTO_DEBIT
     });
-    return _super3.call(this, _options);
+    return _super3.call(this, _options, [componentSignEnum.AUTO_DEBIT_WALLET]);
   }
   return _createClass(AMSAutoDebit);
 }(AMSCheckout);
@@ -60,7 +65,22 @@ export var AMSEasyPay = /*#__PURE__*/function (_AMSCheckout2) {
     var _options = Object.assign({}, options, {
       product: productSceneEnum.EASY_PAY
     });
-    return _super4.call(this, _options);
+    var currentProductSceneVersion = '1.0';
+    try {
+      var previousChannelStr = localStorage.getItem('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) {
+      console.log(error);
+    }
+    return _super4.call(this, _options, [componentSignEnum.EASY_PAY_WALLET], currentProductSceneVersion);
   }
   return _createClass(AMSEasyPay);
 }(AMSCheckout);
@@ -72,7 +92,22 @@ export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
     var _options = Object.assign({}, options, {
       product: productSceneEnum.CASHIER_PAYMENT
     });
-    return _super5.call(this, _options);
+    var currentChannelType;
+    try {
+      var previousChannelStr = localStorage.getItem('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) {
+      console.log(error);
+    }
+    return _super5.call(this, _options, currentChannelType);
   }
   return _createClass(AMSCashierPayment);
 }(AMSCheckout);
@@ -84,7 +119,7 @@ export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout4) {
     var _options = Object.assign({}, options, {
       product: productSceneEnum.VAULTING
     });
-    return _super6.call(this, _options);
+    return _super6.call(this, _options, [componentSignEnum.CASHIER_PAYMENT_CARD]);
   }
   return _createClass(AMSVaulting);
 }(AMSCheckout);

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

@@ -17,6 +17,8 @@ export declare const getIframeUrl: (iframeParams: {
     locale: string;
     instanceId: string;
     renderDisplayType: renderDisplayTypeEnum;
+    isPreload?: string;
+    hostSign?: string;
 }) => {
     path: string;
     locationSearch: string;
@@ -25,3 +27,4 @@ export declare const getIframeUrl: (iframeParams: {
  * @description Create iframe
  */
 export declare const createIframe: (mode: string, platform: 'mobile' | 'desktop') => HTMLIFrameElement;
+export declare const createPreloadIframe: (channelType: any, version: any) => HTMLIFrameElement;

package/esm/plugin/component/cashierApp.js

@@ -69,7 +69,11 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     extendInfo = iframeParams.extendInfo,
     locale = iframeParams.locale,
     instanceId = iframeParams.instanceId,
-    renderDisplayType = iframeParams.renderDisplayType;
+    renderDisplayType = iframeParams.renderDisplayType,
+    _iframeParams$isPrelo = iframeParams.isPreload,
+    isPreload = _iframeParams$isPrelo === void 0 ? '' : _iframeParams$isPrelo,
+    _iframeParams$hostSig = iframeParams.hostSign,
+    hostSign = _iframeParams$hostSig === void 0 ? '' : _iframeParams$hostSig;
   var path = getAppPath(environment, appVersion, componentSign, productSceneVersion, extendInfo || '');
   var initialScale = 1;
   var scale = getViewPort('initial-scale') || initialScale;
@@ -90,7 +94,9 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     analyticsEnabled: (analytics === null || analytics === void 0 ? void 0 : analytics.enabled) === false ? 'false' : 'true',
     sdkVersion: sdkVersion,
     refUrl: window.location.href,
-    _componentStartTime: "".concat(Date.now())
+    _componentStartTime: "".concat(Date.now()),
+    isPreload: isPreload || '',
+    hostSign: hostSign || ''
   });
   if (LOCAL_MOCK) urlParams.LOCAL_MOCK = LOCAL_MOCK;
   if (requestHost) urlParams.requestHost = requestHost;
@@ -98,6 +104,7 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
   if (environment === 'light_sandbox' || _light_sandbox === 'true') urlParams.sandbox = 'true';
   if (environment === 'sandbox' || _sandbox === 'true') urlParams.shadow = 'true';
   if (_displayType) urlParams.displayType = _displayType;
+  if (isPreload) urlParams.isPreload = isPreload;
   var locationSearch = serialize(urlParams);
   return {
     path: path,
@@ -127,4 +134,18 @@ export var createIframe = function createIframe(mode, platform) {
   iframe.style.opacity = none;
   iframe.style.overflow = 'hidden';
   return iframe;
+};
+export var createPreloadIframe = function createPreloadIframe(channelType, version) {
+  var id = "ams-checkout-component-".concat(channelType, "-").concat(version);
+  var iframe = document.createElement('iframe');
+  var iframeId = id;
+  var none = '1px';
+  var width = '1px';
+  iframe.id = iframeId;
+  iframe.style.height = none;
+  iframe.style.width = width;
+  iframe.style.border = none;
+  iframe.style.opacity = '0';
+  iframe.style.overflow = 'hidden';
+  return iframe;
 };

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

@@ -13,6 +13,7 @@ export default class ComponentApp {
     private popupApp?;
     private appDomain;
     private createIframeNode;
+    private createPreloadIframeNode;
     private _selector;
     private _appVersion;
     private _isRetention;
@@ -40,6 +41,7 @@ export default class ComponentApp {
      * @description Set the rendering capability of the cashier plug-in. Different technology stacks have some differences in the packaging and use of rendering functions
      */
     setRender(renderFunc: IrenderFuncParams): void;
+    setPreloadRender(renderFunc: any): void;
     private initSecurity;
     private logDeviceId;
     private getDeviceIdAndLog;
@@ -47,6 +49,7 @@ export default class ComponentApp {
      * @description render iframe content
      */
     appendIframeNodes(componentSign: componentSignEnum, renderParams: IappendIframeNodesParams): Promise<void>;
+    appendPreloadIframeNodes(componentSign: any, productSceneVersion: any): void;
     private setParameterDefaultValues;
     private renderInlineLoading;
     private renderPopupLoading;
@@ -57,6 +60,7 @@ export default class ComponentApp {
     private createActionQueryPromise;
     private createSubmitPromise;
     private cleanElement;
+    private createPreloadApp;
     /**
      * @description Create app
      */

package/esm/plugin/component/index.js

@@ -22,7 +22,7 @@ import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
-import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
+import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
 import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style";
 import { createModal, destroyModal, insertStyleSheet } from "./popupWindow.style";
@@ -40,6 +40,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "popupApp", void 0);
     _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "createIframeNode", void 0);
+    _defineProperty(this, "createPreloadIframeNode", void 0);
     _defineProperty(this, "_selector", void 0);
     _defineProperty(this, "_appVersion", void 0);
     _defineProperty(this, "_isRetention", void 0);
@@ -53,12 +54,15 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutId", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.9.0';
+    this._appVersion = '1.10.1';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
       return Promise.resolve();
     };
+    this.createPreloadIframeNode = function () {
+      return Promise.resolve();
+    };
     this.platform = isPC() ? platformEnum.desktop : platformEnum.mobile;
     this._isRetention = true;
     this._appLocationSearch = '';
@@ -119,6 +123,11 @@ var ComponentApp = /*#__PURE__*/function () {
     value: function setRender(renderFunc) {
       this.createIframeNode = renderFunc;
     }
+  }, {
+    key: "setPreloadRender",
+    value: function setPreloadRender(renderFunc) {
+      this.createPreloadIframeNode = renderFunc;
+    }
   }, {
     key: "initSecurity",
     value: function initSecurity() {
@@ -280,6 +289,12 @@ var ComponentApp = /*#__PURE__*/function () {
         return Promise.reject(error);
       });
     }
+  }, {
+    key: "appendPreloadIframeNodes",
+    value: function appendPreloadIframeNodes(componentSign, productSceneVersion) {
+      var virtualPreloadIframe = this.createPreloadApp(componentSign, productSceneVersion);
+      this.createPreloadIframeNode(virtualPreloadIframe);
+    }
   }, {
     key: "setParameterDefaultValues",
     value: function setParameterDefaultValues(componentSign, renderParams) {
@@ -342,8 +357,8 @@ var ComponentApp = /*#__PURE__*/function () {
       // eslint-disable-next-line no-async-promise-executor
       this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
-          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4;
-          var envInfo, params, _this5$_renderParams5, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams6, _action$web, _action$wap, action, signType;
+          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5, _this5$_renderParams6;
+          var envInfo, params, _this5$_renderParams$, extendInfo, enableVaultingApiOptimize, extendInfoData, _this5$_renderParams$2, _this5$_renderParams$3, paymentSessionFactor, _this5$_renderParams7, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams8, _action$web, _action$wap, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -359,78 +374,98 @@ var ComponentApp = /*#__PURE__*/function () {
                 /**
                  * @description Simulated or unnecessary scenarios
                  */
-                if (!(isLocalMock() || (_this5$_renderParams4 = _this5._renderParams) !== null && _this5$_renderParams4 !== void 0 && (_this5$_renderParams4 = _this5$_renderParams4.paymentSessionMetaData) !== null && _this5$_renderParams4 !== void 0 && (_this5$_renderParams4 = _this5$_renderParams4.action) !== null && _this5$_renderParams4 !== void 0 && _this5$_renderParams4.skipSdkQuery)) {
-                  _context2.next = 4;
+                _this5$_renderParams$ = (_this5$_renderParams4 = _this5._renderParams) === null || _this5$_renderParams4 === void 0 ? void 0 : _this5$_renderParams4.paymentSessionMetaData, extendInfo = _this5$_renderParams$.extendInfo;
+                enableVaultingApiOptimize = false;
+                try {
+                  extendInfoData = JSON.parse(extendInfo);
+                  enableVaultingApiOptimize = extendInfoData.enableVaultingApiOptimize || false;
+                } catch (error) {
+                  console.log(error);
+                }
+                if (!isLocalMock()) {
+                  _context2.next = 7;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 4:
-                if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+              case 7:
+                // 绑卡跳过actionQuery接口
+                // paymentSessionFactor 该字段没值则走不跳过接口逻辑
+                _this5$_renderParams$2 = (_this5$_renderParams5 = _this5._renderParams) === null || _this5$_renderParams5 === void 0 ? void 0 : _this5$_renderParams5.paymentSessionMetaData, _this5$_renderParams$3 = _this5$_renderParams$2.paymentSessionFactor, paymentSessionFactor = _this5$_renderParams$3 === void 0 ? null : _this5$_renderParams$3;
+                if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign && (_this5$_renderParams6 = _this5._renderParams) !== null && _this5$_renderParams6 !== void 0 && (_this5$_renderParams6 = _this5$_renderParams6.paymentSessionMetaData) !== null && _this5$_renderParams6 !== void 0 && (_this5$_renderParams6 = _this5$_renderParams6.action) !== null && _this5$_renderParams6 !== void 0 && _this5$_renderParams6.skipSdkQuery && enableVaultingApiOptimize && paymentSessionFactor)) {
                   _context2.next = 10;
                   break;
                 }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 10:
+                if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 16;
+                  break;
+                }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 8;
+                _context2.next = 14;
                 return _this5.getDeviceIdAndLog();
-              case 8:
+              case 14:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 10:
+              case 16:
                 if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 18;
+                  _context2.next = 24;
                   break;
                 }
                 _ref3 = params.paymentSessionConfig || {}, _ref3$productSceneVer = _ref3.productSceneVersion, productSceneVersion = _ref3$productSceneVer === void 0 ? '' : _ref3$productSceneVer, _ref3$productScene = _ref3.productScene, productScene = _ref3$productScene === void 0 ? '' : _ref3$productScene;
-                _ref4 = ((_this5$_renderParams5 = _this5._renderParams) === null || _this5$_renderParams5 === void 0 ? void 0 : _this5$_renderParams5.paymentSessionMetaData) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
+                _ref4 = ((_this5$_renderParams7 = _this5._renderParams) === null || _this5$_renderParams7 === void 0 ? void 0 : _this5$_renderParams7.paymentSessionMetaData) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
                 if (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken)) {
-                  _context2.next = 15;
+                  _context2.next = 21;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 15:
-                _context2.next = 17;
+              case 21:
+                _context2.next = 23;
                 return _this5.getDeviceIdAndLog();
-              case 17:
+              case 23:
                 envInfo.deviceId = _context2.sent;
-              case 18:
+              case 24:
                 if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 28;
+                  _context2.next = 34;
                   break;
                 }
-                action = ((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 || (_this5$_renderParams6 = _this5$_renderParams6.paymentSessionMetaData) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.action) || {};
+                action = ((_this5$_renderParams8 = _this5._renderParams) === null || _this5$_renderParams8 === void 0 || (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) === null || _this5$_renderParams8 === void 0 ? void 0 : _this5$_renderParams8.action) || {};
                 signType = isPC() ? action === null || action === void 0 || (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 || (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType;
                 if (!(signType === 'SMS')) {
-                  _context2.next = 23;
+                  _context2.next = 29;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 23:
+              case 29:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 25;
+                  _context2.next = 31;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 25:
-                _context2.next = 27;
+              case 31:
+                _context2.next = 33;
                 return _this5.getDeviceIdAndLog();
-              case 27:
+              case 33:
                 envInfo.deviceId = _context2.sent;
-              case 28:
+              case 34:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
@@ -444,11 +479,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     key: 'sdk_action_query_end',
                     value: Date.now()
                   });
-                  if (res !== null && res !== void 0 && res.success) {
-                    resolve(res);
-                  } else {
-                    resolve(res);
-                  }
+                  resolve(res);
                 }).catch(function (err) {
                   if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD, componentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
                     return resolve({
@@ -466,7 +497,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
                   }).send();
                 });
-              case 30:
+              case 36:
               case "end":
                 return _context2.stop();
             }
@@ -478,6 +509,8 @@ var ComponentApp = /*#__PURE__*/function () {
       }());
       return this._actionQueryPromise;
     }
+
+    // private create
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
@@ -593,7 +626,33 @@ var ComponentApp = /*#__PURE__*/function () {
         console.error(error);
       }
     }
-
+    // 预加载iframe创建
+  }, {
+    key: "createPreloadApp",
+    value: function createPreloadApp(componentSign) {
+      var productSceneVersion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
+      var preloadIframe = createPreloadIframe(componentSign, productSceneVersion);
+      var _getIframeUrl = getIframeUrl({
+          renderDisplayType: renderDisplayTypeEnum.popup,
+          componentSign: componentSign,
+          analytics: {
+            enabled: false
+          },
+          productSceneVersion: productSceneVersion,
+          environment: this.AMSSDK.options.env.environment,
+          // TODO 确定一下这个参数是干啥的
+          appVersion: this._appVersion,
+          extendInfo: '',
+          locale: '',
+          instanceId: '',
+          isPreload: 'true'
+        }),
+        path = _getIframeUrl.path,
+        locationSearch = _getIframeUrl.locationSearch;
+      preloadIframe.src = "".concat(path, "?").concat(locationSearch);
+      console.log(preloadIframe.src, '--preloadIframe.src');
+      return preloadIframe;
+    }
     /**
      * @description Create app
      */
@@ -621,7 +680,8 @@ var ComponentApp = /*#__PURE__*/function () {
           extendInfo: extendInfo
         });
         this.app = createIframe(this.AMSSDK.options.mode, this.platform);
-        var _getIframeUrl = getIframeUrl({
+        var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
+        var _getIframeUrl2 = getIframeUrl({
             renderDisplayType: renderParams.renderDisplayType,
             componentSign: this._componentSign,
             analytics: this.AMSSDK.options.analytics,
@@ -630,10 +690,11 @@ var ComponentApp = /*#__PURE__*/function () {
             appVersion: this._appVersion,
             extendInfo: extendInfo,
             locale: this.AMSSDK.options.locale,
-            instanceId: this.AMSSDK._instanceId
+            instanceId: this.AMSSDK._instanceId,
+            hostSign: hostSign
           }),
-          path = _getIframeUrl.path,
-          locationSearch = _getIframeUrl.locationSearch;
+          path = _getIframeUrl2.path,
+          locationSearch = _getIframeUrl2.locationSearch;
         this._appLocationSearch = locationSearch;
         this.app.src = "".concat(path, "?").concat(locationSearch);