@alipay/ams-checkout 1.36.0 → 1.38.0

package/esm/config/index.d.ts

@@ -5,10 +5,10 @@ export declare const sdkVersion: string;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export declare const AMSCheckoutAppVersion = "1.36.0";
-export declare const AMSAutoDebitAppVersion = "1.36.0";
-export declare const AMSEasyPayAppVersion = "1.36.0";
-export declare const AMSCashierPaymentAppVersion = "1.36.0";
-export declare const AMSVaultingAppVersion = "1.36.0";
-export declare const AMSPaymentElementAppVersion = "1.36.0";
-export declare const ADDRESSElementAppVersion = "1.36.0";
+export declare const AMSCheckoutAppVersion = "1.38.0";
+export declare const AMSAutoDebitAppVersion = "1.38.0";
+export declare const AMSEasyPayAppVersion = "1.38.0";
+export declare const AMSCashierPaymentAppVersion = "1.38.0";
+export declare const AMSVaultingAppVersion = "1.38.0";
+export declare const AMSPaymentElementAppVersion = "1.38.0";
+export declare const ADDRESSElementAppVersion = "1.38.0";

package/esm/config/index.js

@@ -35,10 +35,10 @@ export var sdkVersion = json.version;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export var AMSCheckoutAppVersion = '1.36.0'; // 兜底版本号
-export var AMSAutoDebitAppVersion = '1.36.0'; // 代扣
-export var AMSEasyPayAppVersion = '1.36.0'; // easypay
-export var AMSCashierPaymentAppVersion = '1.36.0'; // 收银台（卡、apm）
-export var AMSVaultingAppVersion = '1.36.0'; // 绑卡
-export var AMSPaymentElementAppVersion = '1.36.0'; // payment element
-export var ADDRESSElementAppVersion = '1.36.0'; // address element
+export var AMSCheckoutAppVersion = '1.38.0'; // 兜底版本号
+export var AMSAutoDebitAppVersion = '1.38.0'; // 代扣
+export var AMSEasyPayAppVersion = '1.38.0'; // easypay
+export var AMSCashierPaymentAppVersion = '1.38.0'; // 收银台（卡、apm）
+export var AMSVaultingAppVersion = '1.38.0'; // 绑卡
+export var AMSPaymentElementAppVersion = '1.38.0'; // payment element
+export var ADDRESSElementAppVersion = '1.38.0'; // address element

package/esm/constant/index.d.ts

@@ -67,9 +67,9 @@ export declare const ERRORMESSAGE: {
             message: string;
         };
     };
-    SDK_CALL_URL_ERROR: {
+    SDK_LAUNCH_PAYMENT_APP_ERROR: {
         code: eventCodeEnum;
-        REDIRECT_ERROR: {
+        CALL_APP_URL_ERROR: {
             code: eventCodeEnum;
             message: string;
         };
@@ -78,6 +78,16 @@ export declare const ERRORMESSAGE: {
         code: eventCodeEnum;
         message: string;
     };
+    /**
+    @deprecated 已废弃 请使用SDK_LAUNCH_PAYMENT_APP_ERROR
+    */
+    SDK_CALL_URL_ERROR: {
+        code: eventCodeEnum;
+        REDIRECT_ERROR: {
+            code: eventCodeEnum;
+            message: string;
+        };
+    };
 };
 export declare const BASEPLUGINID = "CHECKOUT";
 export declare const COMPONENTPLUGINID = "COMPONENT";
@@ -165,6 +175,9 @@ export declare const EVENT: {
     getGlobalData: {
         name: string;
     };
+    /**
+     * @deprecated 已废弃 请使用eventCallback
+     */
     sendMuitiAppEventToSdk: {
         name: string;
     };
@@ -222,6 +235,9 @@ export declare const EVENT: {
     getSdkVersion: {
         name: string;
     };
+    inputFocus: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -67,16 +67,26 @@ export var ERRORMESSAGE = {
       message: 'Load resource timeout'
     }
   },
+  SDK_LAUNCH_PAYMENT_APP_ERROR: {
+    code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+    CALL_APP_URL_ERROR: {
+      code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+      message: 'Failed to launch app'
+    }
+  },
+  SDK_SUBMIT_ERROR: {
+    code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+    message: 'Component not created or current browser compatibility issue, not supported'
+  },
+  /**
+  @deprecated 已废弃 请使用SDK_LAUNCH_PAYMENT_APP_ERROR
+  */
   SDK_CALL_URL_ERROR: {
     code: eventCodeEnum.SDK_CALL_URL_ERROR,
     REDIRECT_ERROR: {
       code: eventCodeEnum.SDK_CALL_URL_ERROR,
       message: 'Redirect data exception'
     }
-  },
-  SDK_SUBMIT_ERROR: {
-    code: eventCodeEnum.SDK_CALL_URL_ERROR,
-    message: 'Component not created or current browser compatibility issue, not supported'
   }
 };
 export var BASEPLUGINID = 'CHECKOUT';
@@ -166,7 +176,9 @@ export var EVENT = {
   getGlobalData: {
     name: 'getGlobalData'
   },
-  // deprecated
+  /**
+   * @deprecated 已废弃 请使用eventCallback
+   */
   sendMuitiAppEventToSdk: {
     name: 'sendMuitiAppEventToSdk'
   },
@@ -224,6 +236,9 @@ export var EVENT = {
   },
   getSdkVersion: {
     name: 'getSdkVersion'
+  },
+  inputFocus: {
+    name: 'onInputFocus'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

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

@@ -12,7 +12,7 @@ declare class ElementController {
     private initService;
     private initElementProcessors;
     private onEventCallback;
-    mount(renderOptions: LinkAuthMountOptions | AddressMountOptions | PaymentMountOptions, sdkSelector: string, cashier?: boolean): any;
+    mount(renderOptions: LinkAuthMountOptions | AddressMountOptions | PaymentMountOptions, sdkSelector: string): any;
     private onValidateFunc;
     submitPayment(): void;
     private changeLoading;

package/esm/core/component/element/elementController/index.js

@@ -20,7 +20,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { cleanMockup, removeRetentionPopup } from "../../../../component/component.popup.style";
-import { EVENT } from "../../../../constant";
+import { ERRORMESSAGE, EVENT } from "../../../../constant";
 import AddressProcessor from "../../../../core/component/element/elementProcessor/addressProcessor";
 import AuthProcessor from "../../../../core/component/element/elementProcessor/authProcessor";
 import PaymentProcessor from "../../../../core/component/element/elementProcessor/paymentProcessor";
@@ -108,7 +108,7 @@ var ElementController = /*#__PURE__*/function () {
     }
   }, {
     key: "mount",
-    value: function mount(renderOptions, sdkSelector, cashier) {
+    value: function mount(renderOptions, sdkSelector) {
       var _this = this;
       return new Promise(function (resolve) {
         var _checkCanMount = checkCanMount({
@@ -135,6 +135,7 @@ var ElementController = /*#__PURE__*/function () {
           _this.initTimeout = null;
           _this.changeLoading(false);
           _this.setControllerStatusOrView(IElementStatus.READY);
+          _this.onEventCallback(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR);
           _this.elementContainerService.getContainerServices().forEach(function (value) {
             value.getContainerElement().remove();
           });
@@ -147,15 +148,14 @@ var ElementController = /*#__PURE__*/function () {
             appendAliasContainerId: true
           })
         };
-        if (cashier && renderOptions.sessionData) {
-          startBizFlowData.paymentSession = renderOptions.sessionData;
-        }
         _this.setControllerStatusOrView(IElementStatus.IN_BIZ_FLOW);
         _this.elementContainer.startBizFlow(startBizFlowData).catch(function (error) {
           _this.onEventCallback({
             code: EventCallbackCode.SDK_CREATEPAYMENT_PARAMETER_ERROR,
             message: (error === null || error === void 0 ? void 0 : error.message) || 'Initialization parameter exception.'
           });
+          clearTimeout(_this.initTimeout);
+          _this.initTimeout = null;
           _this.changeLoading(false);
           return;
         });
@@ -303,7 +303,8 @@ var ElementController = /*#__PURE__*/function () {
         // }
       });
       this.serviceMap.EventCenter.listen(EVENT.redirect.name, function (data) {
-        handleRedirect(data);
+        var onEventCallback = _this4.onEventCallback.bind(_this4);
+        handleRedirect(data, false, onEventCallback);
       });
       this.serviceMap.EventCenter.listen(EVENT.destroy.name, function () {
         _this4.setControllerStatusOrView(IElementStatus.READY);

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

@@ -7,7 +7,6 @@ export declare class ElementComponent {
     mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
     mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
     mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
-    mountCashier(renderOptions: any, sdkSelector: any): any;
     submitPayment(): void;
     destroy(): void;
 }

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

@@ -11,12 +11,14 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import ElementController from "./elementController";
-import { formatElementOption } from "./util";
+import { formatElementOption, validateElementOption } from "./util";
 export var ElementComponent = /*#__PURE__*/function () {
   function ElementComponent(options) {
     _classCallCheck(this, ElementComponent);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "controller", void 0);
+    var validate = validateElementOption(options);
+    if (!validate) return;
     this.options = formatElementOption(options);
     this.controller = new ElementController(options);
   }
@@ -47,11 +49,6 @@ export var ElementComponent = /*#__PURE__*/function () {
         appearance: this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.appearance
       }, renderOptions), sdkSelector);
     }
-  }, {
-    key: "mountCashier",
-    value: function mountCashier(renderOptions, sdkSelector) {
-      return this.controller.mount(renderOptions, sdkSelector, true);
-    }
   }, {
     key: "submitPayment",
     value: function submitPayment() {

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

@@ -13,6 +13,9 @@ export declare enum ElementPaymentEvent {
     SIZE_CHANGE = "onSizeChange",
     LAUNCH = "onLaunch",
     CALLBACK = "callback",
+    /**
+     * @deprecated 已废弃 请使用eventCallback
+     */
     SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log",
     HANDLE_PAYMENT = "handlePayment"
@@ -62,23 +65,6 @@ export declare enum ELEMENT_ENVIRONMENT {
     SANDBOX = "SANDBOX"
 }
 export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
-export interface IElementOptions {
-    environment?: ELEMENT_ENVIRONMENT_TYPE;
-    locale?: string;
-    version?: string;
-    appearance?: {
-        theme: ThemeType.Default | ThemeType.Night;
-    };
-    onEventCallback?: ({ code, message, result }: {
-        code: EventCallbackCode;
-        message: string;
-        result?: any;
-    }) => void;
-    loading?: {
-        onStartLoading: () => void;
-        onEndLoading: () => void;
-    };
-}
 export interface AddressMountComponentsParams {
     configParams?: AddressMountConfig;
     prefillValue: Array<AddressSubmitData>;
@@ -95,7 +81,6 @@ export interface AddressMountComponentsParams {
 }
 interface BaseMountOptions<T = void> {
     configParams?: T;
-    sessionData: string;
     debugProps?: {
         localLink: string;
     };

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

@@ -1,16 +1,17 @@
 import { IElementStatus } from '../../../foundation';
 import { Ianalytics, IPaymentSessionMetaData } from '../../../types';
 import { ContainerController } from './elementContainerService/containerService';
-import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions } from './type';
-declare const formatElementOption: (options: IElementOptions) => {
+import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions, EventCallbackCode } from './type';
+export declare const formatElementOption: (options: IElementOptions) => {
     environment: ELEMENT_ENVIRONMENT_TYPE;
+    sessionData: string;
     locale?: string;
     version?: string;
     appearance?: {
         theme: import("./type").ThemeType.Default | import("./type").ThemeType.Night;
     };
     onEventCallback?: ({ code, message, result }: {
-        code: import("./type").EventCallbackCode;
+        code: EventCallbackCode;
         message: string;
         result?: any;
     }) => void;
@@ -18,8 +19,8 @@ declare const formatElementOption: (options: IElementOptions) => {
         onStartLoading: () => void;
         onEndLoading: () => void;
     };
-    sessionData: string;
 };
+export declare const validateElementOption: (options: IElementOptions) => boolean;
 /**
  * 校验渲染条件
  * 校验当前sdkSelector结点是否存在
@@ -49,7 +50,10 @@ export declare function generateIframeSrc({ paymentSessionObj, paymentSession, i
     appVersion: string;
     link?: string;
 }): string;
-export declare function handleRedirect(data: any, fromFastSdk?: boolean): void;
+export declare function handleRedirect(data: any, fromFastSdk: boolean, eventCallback: ({ code, message }: {
+    code: any;
+    message: any;
+}) => void): void;
 export declare function redirect(data: {
     normalUrl?: string;
     schemeUrl?: string;
@@ -63,4 +67,3 @@ export declare const isElementMobile: () => boolean;
  */
 export declare const isElementPad: () => boolean;
 export declare const isElementPC: () => boolean;
-export { formatElementOption };

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

@@ -13,17 +13,28 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { ERRORMESSAGE } from "../../../constant";
 import { IElementStatus } from "../../../foundation";
 import { getIframeUrl } from "../../../plugin/component/cashierApp";
-import { DisplayTypeEnum, RedirectType, TargetEnum, terminalTypeEnum } from "../../../types";
+import { DisplayTypeEnum, eventCodeEnum, RedirectType, TargetEnum, terminalTypeEnum } from "../../../types";
 import { device } from "../../../util/index";
 import CallApp from "../../../util/intl-callapp/es/main";
 import { getComponentSign, parseSessionData } from "../index";
-import { ELEMENT_ENVIRONMENT } from "./type";
-var formatElementOption = function formatElementOption(options) {
+import { ELEMENT_ENVIRONMENT, EventCallbackCode } from "./type";
+export var formatElementOption = function formatElementOption(options) {
   var environment = options.environment;
   return _objectSpread(_objectSpread({}, options), {}, {
     environment: (environment || ELEMENT_ENVIRONMENT.PROD).toLocaleLowerCase()
   });
 };
+export var validateElementOption = function validateElementOption(options) {
+  if (!options.sessionData) {
+    var _options$onEventCallb;
+    options === null || options === void 0 || (_options$onEventCallb = options.onEventCallback) === null || _options$onEventCallb === void 0 || _options$onEventCallb.call(options, {
+      code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
+      message: 'sessionData is empty'
+    });
+    return false;
+  }
+  return true;
+};
 
 /**
  * 校验渲染条件
@@ -138,6 +149,7 @@ export function generateIframeSrc(_ref3) {
 export function handleRedirect(data) {
   var _data$isDestroy, _data$isCallApp, _data$callAppDetectSu;
   var fromFastSdk = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var eventCallback = arguments.length > 2 ? arguments[2] : undefined;
   console.log('local payment sdk new element redirect arg ----', this);
   var _data = typeof data === 'string' ? {
     normalUrl: data
@@ -171,10 +183,10 @@ export function handleRedirect(data) {
   //   .send();
   var successCallback = function successCallback(type, url, durationInSeconds) {
     // TODO
-    // event.dispatchToSDK(EVENT.eventCallback.name, {
-    //   code: eventCodeEnum.SDK_CALL_URL_SUCCESS,
-    //   message: `Successfully opened the app,${type}: ${url}`,
-    // });
+    eventCallback({
+      code: eventCodeEnum.SDK_CALL_URL_SUCCESS,
+      message: "Successfully opened the app,".concat(type, ": ").concat(url)
+    });
     var extra = {
       redirectInfo: JSON.stringify(_data),
       openType: type,
@@ -194,10 +206,10 @@ export function handleRedirect(data) {
     //     .send();
   };
   var failCallback = function failCallback(type, url, durationInSeconds) {
-    // event.dispatchToSDK(EVENT.eventCallback.name, {
-    //   code: eventCodeEnum.SDK_CALL_URL_ERROR,
-    //   message: `Failed to open app,applinkUrl: ${_data?.applinkUrl} schemeUrl: ${_data?.schemeUrl} normalUrl: ${_data?.normalUrl}`,
-    // });
+    eventCallback({
+      code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+      message: "Failed to open app,applinkUrl: ".concat(_data === null || _data === void 0 ? void 0 : _data.applinkUrl, " schemeUrl: ").concat(_data === null || _data === void 0 ? void 0 : _data.schemeUrl, " normalUrl: ").concat(_data === null || _data === void 0 ? void 0 : _data.normalUrl)
+    });
     var extra = {
       redirectInfo: JSON.stringify(_data),
       openType: type,
@@ -253,21 +265,9 @@ export function handleRedirect(data) {
     return;
   }
   redirect({
-    applinkUrl: _data === null || _data === void 0 ? void 0 : _data.applinkUrl
-  }).then(function () {
-    successCallback(RedirectType.ApplinkUrl, _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
-  }).catch(function () {
-    if (_data !== null && _data !== void 0 && _data.applinkUrl) failCallback(RedirectType.ApplinkUrl, _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
-    return redirect({
-      schemeUrl: _data === null || _data === void 0 ? void 0 : _data.schemeUrl
-    });
-  }).then(function () {
-    successCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
-  }).catch(function () {
-    if (_data !== null && _data !== void 0 && _data.schemeUrl) failCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
-    return redirect({
-      normalUrl: _data === null || _data === void 0 ? void 0 : _data.normalUrl
-    });
+    applinkUrl: _data === null || _data === void 0 ? void 0 : _data.applinkUrl,
+    schemeUrl: _data === null || _data === void 0 ? void 0 : _data.schemeUrl,
+    normalUrl: _data === null || _data === void 0 ? void 0 : _data.normalUrl
   }).then(function () {
     successCallback(RedirectType.NormalUrl, _data === null || _data === void 0 ? void 0 : _data.normalUrl);
   }).catch(function () {
@@ -288,7 +288,7 @@ export function redirect(data) {
         window.location.href = normalUrl;
         return;
       }
-      reject(ERRORMESSAGE.SDK_CALL_URL_ERROR.REDIRECT_ERROR);
+      reject(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR);
     };
     var callAppFunc = function callAppFunc() {
       if (!schemeUrl && !applinkUrl) {
@@ -474,5 +474,4 @@ export var isElementPad = function isElementPad() {
 };
 export var isElementPC = function isElementPC() {
   return !isElementMobile();
-};
-export { formatElementOption };
+};

package/esm/core/component/oldElement/type.d.ts

@@ -10,6 +10,9 @@ export declare enum ElementPaymentEvent {
     SIZE_CHANGE = "onSizeChange",
     LAUNCH = "onLaunch",
     CALLBACK = "callback",
+    /**
+     * @deprecated 已废弃 请使用eventCallback
+     */
     SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log",
     HANDLE_PAYMENT = "handlePayment"

package/esm/core/instance/index.js

@@ -435,7 +435,7 @@ var AMSSDK = /*#__PURE__*/function () {
             window.location.href = normalUrl;
             return;
           }
-          reject(ERRORMESSAGE.SDK_CALL_URL_ERROR.REDIRECT_ERROR);
+          reject(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR);
         };
         var callAppFunc = function callAppFunc() {
           if (!schemeUrl && !applinkUrl) {

package/esm/foundation/service/container/index.d.ts

@@ -12,6 +12,8 @@ export declare class ContainerService implements Service {
     private displayInfo;
     private webApp;
     private _webAppHeartBeatTimeoutFn;
+    private clientHeight;
+    private boundFocusResizeChange;
     private customizedLoadingListener;
     destroy(): void;
     init(initOptions: IoptionsParams, instanceId: string, sdkMetaData: SDKMetaData): void;
@@ -22,10 +24,13 @@ export declare class ContainerService implements Service {
     dismissLoading(isKeepMockup?: boolean): void;
     customizeLoading(listener: (event: 'SDK_START_OF_LOADING' | 'SDK_END_OF_LOADING') => void): void;
     startHideAnim(): void;
+    private handleAccountFocus;
     private addCapabilityToEventCenter;
     private addCapabilityToApiBusManager;
     private updateMaskCloseBtn;
     private handleSizeChanged;
+    private focusResizeChange;
+    private focusScrollFixed;
     private handleAppHeartBeat;
     private changeCloseBtnVisibility;
     private handleMaskCloseBtnShow;

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

@@ -35,6 +35,8 @@ export var ContainerService = /*#__PURE__*/function () {
     _defineProperty(this, "displayInfo", void 0);
     _defineProperty(this, "webApp", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
+    _defineProperty(this, "clientHeight", void 0);
+    _defineProperty(this, "boundFocusResizeChange", void 0);
     // if this variable is true, SDK will invoke listener instead of showing loading
     _defineProperty(this, "customizedLoadingListener", void 0);
   }
@@ -46,6 +48,7 @@ export var ContainerService = /*#__PURE__*/function () {
     value: function init(initOptions, instanceId, sdkMetaData) {
       this.instanceId = instanceId;
       this.sdkMetaData = sdkMetaData;
+      this.clientHeight = Math.max(window.innerHeight, window.visualViewport.height);
       this.eventCenter = ServiceProvider.getInstance(instanceId).getService('EventCenter');
       this.logService = ServiceProvider.getInstance(instanceId).getService('Log');
       this.popupManager = new PopupManager();
@@ -55,6 +58,8 @@ export var ContainerService = /*#__PURE__*/function () {
         this.addCapabilityToEventCenter();
       }
       this.addCapabilityToApiBusManager();
+      // bind会返回一个新的方法，init时记录上这个focus，不然window.addEventListener时this指向会变成window
+      this.boundFocusResizeChange = this.focusResizeChange.bind(this);
     }
   }, {
     key: "update",
@@ -156,6 +161,22 @@ export var ContainerService = /*#__PURE__*/function () {
         container === null || container === void 0 || container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(this.displayInfo.platform));
       }
     }
+  }, {
+    key: "handleAccountFocus",
+    value: function handleAccountFocus(focus) {
+      var _window$visualViewpor, _window;
+      // 失焦时v2会走默认的sizeChange还原高度，这里仅移除监听
+      (_window$visualViewpor = window.visualViewport) === null || _window$visualViewpor === void 0 || _window$visualViewpor.removeEventListener('resize', this.boundFocusResizeChange);
+      (_window = window) === null || _window === void 0 || _window.removeEventListener('resize', this.boundFocusResizeChange);
+      // 只有聚焦才监听，失焦后移除，避免影响别的场景
+      if (focus) {
+        var _window$visualViewpor2;
+        // 监听页面visualViewport的高度变化，适用于主流机型更精准获取当前页面高度
+        (_window$visualViewpor2 = window.visualViewport) === null || _window$visualViewpor2 === void 0 || _window$visualViewpor2.addEventListener('resize', this.boundFocusResizeChange);
+        // 兼容visualViewport处理不到的场景，一般存在于老版本浏览器
+        window.addEventListener('resize', this.boundFocusResizeChange);
+      }
+    }
   }, {
     key: "addCapabilityToEventCenter",
     value: function addCapabilityToEventCenter() {
@@ -195,7 +216,7 @@ export var ContainerService = /*#__PURE__*/function () {
         _this.handleSizeChanged(_objectSpread({}, data));
       });
       this.eventCenter.listen(EVENT.showCloseButton.name, function (data) {
-        _this.handleCloseButtonTheme(data.theme);
+        _this.handleCloseButtonTheme(data.style);
         _this.changeCloseBtnVisibility(true);
       });
       this.eventCenter.listen(EVENT.hideCloseButton.name, function () {
@@ -207,6 +228,22 @@ export var ContainerService = /*#__PURE__*/function () {
       this.eventCenter.listen(EVENT.appHeartBeat.name, function () {
         _this.handleAppHeartBeat();
       });
+      /**
+       * 目前仅用于ESP V2的 web sdk
+       * 原因： 在账户输入页和OTP页面的h5场景下键盘弹起页面会有问题，iframe有固定高度，键盘弹起时应用层不会触发大小变化
+       *   account账号输入页需要在sdk监听键盘弹起后高度变化并修改iframe及iframe外层容器，account需要按钮置底的放在键盘上面，必须修改高度而不是让容器定位
+       *   otp页面需要在聚焦时给iframe及外层容器设置fixed定位，让页面不被弹起
+       * 目的： esp页面输入框聚焦/失焦后给sdk发送消息
+       */
+      this.eventCenter.listen(EVENT.inputFocus.name, function (data) {
+        // 账号输入页需要修改iframe高度
+        if (data.source === 'ESP_V2' && data.type === 'account') {
+          _this.handleAccountFocus(data.focus);
+          // otp页面需要定位元素
+        } else if (data.source === 'ESP_V2' && data.type === 'otp') {
+          _this.focusScrollFixed(data.focus);
+        }
+      });
     }
   }, {
     key: "addCapabilityToApiBusManager",
@@ -267,6 +304,50 @@ export var ContainerService = /*#__PURE__*/function () {
         this.webApp.style.height = "".concat(data.height, "px");
       }
     }
+
+    // 目前仅用于esp账号输入页聚焦
+  }, {
+    key: "focusResizeChange",
+    value: function focusResizeChange() {
+      var _window2;
+      // 计算出当前iframe应有的高度，需要和顶部留有距离
+      var webPageHeightRatio = 0.9;
+      var browserPageHeightFocusRatio = 0.9;
+      // sdk层才能拿到当前键盘弹起后页面的高度
+      var height = ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.visualViewport) === null || _window2 === void 0 ? void 0 : _window2.height) || window.innerHeight;
+      height = height * webPageHeightRatio;
+      height = height * browserPageHeightFocusRatio;
+      // 调用handleSizeChanged修改iframe高度
+      this.handleSizeChanged({
+        width: 0,
+        height: height
+      });
+    }
+
+    // 目前仅用于esp otp页面账号聚焦
+  }, {
+    key: "focusScrollFixed",
+    value: function focusScrollFixed(focus) {
+      // 获取iframe dom元素
+      var _this$displayInfo4 = this.displayInfo,
+        appendAliasContainerId = _this$displayInfo4.appendAliasContainerId,
+        selector = _this$displayInfo4.selector;
+      var cashierId = appendAliasContainerId ? "".concat(COMPONENT_CONTAINER_ID, "-").concat((selector === null || selector === void 0 ? void 0 : selector.indexOf('#')) === -1 ? selector : selector.slice(1)) : COMPONENT_CONTAINER_ID;
+      if (!this.webApp || !this.displayInfo) {
+        return;
+      }
+      var cashier = document.getElementById(cashierId);
+      if (!cashier) return;
+      // 输入框聚焦时修改定位信息和top距离
+      if (focus) {
+        cashier.style.setProperty('position', 'fixed', 'important');
+        cashier.style.setProperty('top', "".concat(this.clientHeight - cashier.clientHeight, "px"), 'important');
+      } else {
+        // 失焦时移除定位信息
+        cashier.style.removeProperty('position');
+        cashier.style.removeProperty('top');
+      }
+    }
   }, {
     key: "handleAppHeartBeat",
     value: function handleAppHeartBeat() {
@@ -326,12 +407,12 @@ export var ContainerService = /*#__PURE__*/function () {
     }
   }, {
     key: "handleCloseButtonTheme",
-    value: function handleCloseButtonTheme(theme) {
-      if (!theme) return;
+    value: function handleCloseButtonTheme(style) {
+      if (!style) return;
       var closeBlock = document.getElementById(COMPONENT_CLOSE_BLOCK_ID);
       var closeButtonImg = closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.querySelector('img');
       var maskCloseBlock = document.getElementById(COMPONENT_CLOSE_MASK_BLOCK_ID);
-      if (theme === 'light') {
+      if (style === 'light') {
         closeButtonImg === null || closeButtonImg === void 0 || closeButtonImg.setAttribute('src', closeImgLight);
         closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-light"));
         maskCloseBlock === null || maskCloseBlock === void 0 || maskCloseBlock.classList.add("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-light"));