@alipay/ams-checkout 0.0.1726734012-dev.1 → 0.0.1726734012-dev.10

package/esm/foundation/service/api-bus/index.js

@@ -0,0 +1,88 @@
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { EnvironmentEnum } from "../../../types";
+import { TrackerBusSubscriber } from "./ability/tracker";
+import { ServiceProvider } from '..';
+import { SecurityBusSubscriber } from "./ability/security";
+import { DataBusSubscriber } from "./ability/globalData";
+import { RequestBusSubscriber } from "./ability/request";
+import { BusManager } from "./busManager";
+
+/**
+ * @author 谦彧 <zhangmian.zm@alipay.com>
+ * @date 2024/9/17
+ */
+export var ApiBusManagerService = /*#__PURE__*/function () {
+  function ApiBusManagerService() {
+    _classCallCheck(this, ApiBusManagerService);
+    _defineProperty(this, "logger", void 0);
+    _defineProperty(this, "instanceId", void 0);
+    _defineProperty(this, "busManager", void 0);
+  }
+  _createClass(ApiBusManagerService, [{
+    key: "init",
+    value: function init(initOptions, instanceId) {
+      var _this = this;
+      this.instanceId = instanceId;
+      this.logger = ServiceProvider.getInstance(this.instanceId).getService('Log');
+      this.busManager = new BusManager(this.instanceId);
+      this.busManager.debugTrace((initOptions === null || initOptions === void 0 ? void 0 : initOptions.environment) !== EnvironmentEnum.prod);
+      this.busManager.clear();
+      // addInterceptor
+      this.busManager.addInterceptor({
+        onPublishException: function onPublishException(message, e) {
+          _this.logger.logError({
+            title: 'onBusPublishException'
+          }, _objectSpread(_objectSpread({}, message), {}, {
+            errorMessage: JSON.stringify(e)
+          }));
+        }
+      });
+      // subscribe basic ability TODO
+      // this.busManager.subscribe(
+      //   new SDKCallbackBusSubscriber((state: { code: string; message?: string; result?: EventCallbackResult }) => {
+      //     const eventCenter = ServiceProvider.getInstance(this.instanceId).getService<EventCenter>('EventCenter');
+      //     eventCenter.emit(EVENT.eventCallback.name, state);
+      //   }),
+      // );
+      this.busManager.subscribe(new SecurityBusSubscriber(this.instanceId));
+      this.busManager.subscribe(new TrackerBusSubscriber(this.instanceId));
+      this.busManager.subscribe(new DataBusSubscriber(this.instanceId));
+      this.busManager.subscribe(new RequestBusSubscriber(this.instanceId));
+    }
+  }, {
+    key: "subscribe",
+    value: function subscribe(subscriber) {
+      this.busManager.subscribe(subscriber);
+    }
+  }, {
+    key: "unsubscribe",
+    value: function unsubscribe(subscriber) {
+      this.busManager.unsubscribe(subscriber);
+    }
+  }, {
+    key: "isSubscribed",
+    value: function isSubscribed(actionName) {
+      return this.busManager.isSubscribed(actionName);
+    }
+  }, {
+    key: "publish",
+    value: function publish(message, callback) {
+      this.busManager.publish(message, callback);
+    }
+  }, {
+    key: "update",
+    value: function update() {}
+  }, {
+    key: "destroy",
+    value: function destroy() {}
+  }]);
+  return ApiBusManagerService;
+}();

package/esm/foundation/service/api-bus/interface.d.ts

@@ -0,0 +1,48 @@
+export declare enum PaymentActionEnum {
+    optional_init = "plugin_optional_init"
+}
+export declare enum ApplePayActionEnum {
+    canMakePayments = "plugin_CARD_APPLE_PAY_available",
+    createComponent = "plugin_CARD_APPLE_PAY_createComponent",
+    destroyComponent = "plugin_CARD_APPLE_PAY_destroyComponent"
+}
+export declare enum PaypalActionEnum {
+    mountComponent = "plugin_Paypal_mountComponent",
+    destroyComponent = "plugin_Paypal_destroyComponent"
+}
+export declare enum SDKCallbackActionEnum {
+    onEventCallback = "onEventCallback"
+}
+export declare enum RequestActiontEnum {
+    request = "request",
+    getEnvInfo = "getEnvInfo",
+    getUserAgent = "getUserAgent"
+}
+export declare enum DataActiontEnum {
+    getGlobalData = "getGlobalData",
+    setGlobalData = "setGlobalData",
+    clearGlobalData = "clearGlobalData"
+}
+export declare enum SecuritySDKActionEnum {
+    preInitSecurity = "preInitSecurity",
+    initSecurity = "initSecurity",
+    getSecurityDeviceId = "getSecurityDeviceId"
+}
+export declare enum TrackerActionEnum {
+    /**
+     * level: string info/error
+     * basic: json object
+     * extra: json object
+     */
+    reportAnalytics = "reportAnalytics"
+}
+export declare enum ComponentActiontEnum {
+    onDestory = "onDestory"
+}
+export declare enum RequestActiontEnum {
+    onDestory = "httpRequest"
+}
+export declare enum LoadingActiontEnum {
+    showLoading = "showLoading",
+    dismissLoading = "dismissLoading"
+}

package/esm/foundation/service/api-bus/interface.js

@@ -0,0 +1,54 @@
+export var PaymentActionEnum = /*#__PURE__*/function (PaymentActionEnum) {
+  PaymentActionEnum["optional_init"] = "plugin_optional_init";
+  return PaymentActionEnum;
+}({});
+export var ApplePayActionEnum = /*#__PURE__*/function (ApplePayActionEnum) {
+  ApplePayActionEnum["canMakePayments"] = "plugin_CARD_APPLE_PAY_available";
+  ApplePayActionEnum["createComponent"] = "plugin_CARD_APPLE_PAY_createComponent";
+  ApplePayActionEnum["destroyComponent"] = "plugin_CARD_APPLE_PAY_destroyComponent";
+  return ApplePayActionEnum;
+}({});
+export var PaypalActionEnum = /*#__PURE__*/function (PaypalActionEnum) {
+  PaypalActionEnum["mountComponent"] = "plugin_Paypal_mountComponent";
+  PaypalActionEnum["destroyComponent"] = "plugin_Paypal_destroyComponent";
+  return PaypalActionEnum;
+}({});
+export var SDKCallbackActionEnum = /*#__PURE__*/function (SDKCallbackActionEnum) {
+  SDKCallbackActionEnum["onEventCallback"] = "onEventCallback";
+  return SDKCallbackActionEnum;
+}({});
+export var RequestActiontEnum = /*#__PURE__*/function (RequestActiontEnum) {
+  RequestActiontEnum["request"] = "request";
+  RequestActiontEnum["getEnvInfo"] = "getEnvInfo";
+  RequestActiontEnum["getUserAgent"] = "getUserAgent";
+  return RequestActiontEnum;
+}({});
+export var DataActiontEnum = /*#__PURE__*/function (DataActiontEnum) {
+  DataActiontEnum["getGlobalData"] = "getGlobalData";
+  DataActiontEnum["setGlobalData"] = "setGlobalData";
+  DataActiontEnum["clearGlobalData"] = "clearGlobalData";
+  return DataActiontEnum;
+}({});
+export var SecuritySDKActionEnum = /*#__PURE__*/function (SecuritySDKActionEnum) {
+  SecuritySDKActionEnum["preInitSecurity"] = "preInitSecurity";
+  SecuritySDKActionEnum["initSecurity"] = "initSecurity";
+  SecuritySDKActionEnum["getSecurityDeviceId"] = "getSecurityDeviceId";
+  return SecuritySDKActionEnum;
+}({});
+export var TrackerActionEnum = /*#__PURE__*/function (TrackerActionEnum) {
+  TrackerActionEnum["reportAnalytics"] = "reportAnalytics";
+  return TrackerActionEnum;
+}({});
+export var ComponentActiontEnum = /*#__PURE__*/function (ComponentActiontEnum) {
+  ComponentActiontEnum["onDestory"] = "onDestory";
+  return ComponentActiontEnum;
+}({});
+RequestActiontEnum = /*#__PURE__*/function (RequestActiontEnum) {
+  RequestActiontEnum["onDestory"] = "httpRequest";
+  return RequestActiontEnum;
+}(RequestActiontEnum || {});
+export var LoadingActiontEnum = /*#__PURE__*/function (LoadingActiontEnum) {
+  LoadingActiontEnum["showLoading"] = "showLoading";
+  LoadingActiontEnum["dismissLoading"] = "dismissLoading";
+  return LoadingActiontEnum;
+}({});

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

@@ -0,0 +1,32 @@
+import { DisplayInfo, SDKMetaData, Service } from '../../index';
+import { IoptionsParams } from '../../../types';
+export declare class ContainerService implements Service {
+    private instanceId;
+    private sdkMetaData;
+    private clearTimerIdMapping;
+    private popupManager;
+    private eventCenter;
+    private logService;
+    private displayInfo;
+    private webApp;
+    private _webAppHeartBeatTimeoutFn;
+    private customizedLoadingListener;
+    destroy(): void;
+    init(initOptions: IoptionsParams, instanceId: string, sdkMetaData: SDKMetaData): void;
+    update(): void;
+    load(displayInfo: DisplayInfo, url: string, closeBtnFunc: () => void): HTMLDivElement;
+    cleanContainer(displayInfo: DisplayInfo): void;
+    preload(taskId: string, url: string): void;
+    clearPreloadContainer(taskId: string): void;
+    showLoading(container: HTMLDivElement, displayInfo: DisplayInfo): void;
+    dismissLoading(isKeepMockup?: boolean): void;
+    customizeLoading(listener: (event: 'SDK_START_OF_LOADING' | 'SDK_END_OF_LOADING') => void): void;
+    startHideAnim(): void;
+    private addCapabilityToEventCenter;
+    private addCapabilityToApiBusManager;
+    private updateMaskCloseBtn;
+    private handleSizeChanged;
+    private handleAppHeartBeat;
+    private changeCloseBtnVisibility;
+    private handleMaskCloseBtnShow;
+}

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

@@ -0,0 +1,332 @@
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { DisplayTypeEnum } from "../../../types";
+import { createIframe, createPreloadIframe, startSizeChangeAnim } from "./utils";
+import { addInlineLoading, createInlineBaseElement } from "../../../component/component.inline.style";
+import { addPopupLoading, createBaseElement } from "../../../component/component.popup.style";
+import { COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK_ID, COMPONENT_CONTAINER_ID, ERRORMESSAGE, LOADING_ID, MOCKUP_ID } from "../../../constant";
+import { ServiceProvider } from "../index";
+import { EVENT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../../constant";
+import { PopupManager } from "./popup";
+/**
+ * @author 谦彧 <zhangmian.zm@alipay.com>
+ * @date 2024/9/17
+ */
+var MAX_CLEAR_TIME = 10000;
+export var ContainerService = /*#__PURE__*/function () {
+  function ContainerService() {
+    _classCallCheck(this, ContainerService);
+    _defineProperty(this, "instanceId", void 0);
+    _defineProperty(this, "sdkMetaData", void 0);
+    _defineProperty(this, "clearTimerIdMapping", {});
+    _defineProperty(this, "popupManager", void 0);
+    _defineProperty(this, "eventCenter", void 0);
+    _defineProperty(this, "logService", void 0);
+    _defineProperty(this, "displayInfo", void 0);
+    _defineProperty(this, "webApp", void 0);
+    _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
+    // if this variable is true, SDK will invoke listener instead of showing loading
+    _defineProperty(this, "customizedLoadingListener", void 0);
+  }
+  _createClass(ContainerService, [{
+    key: "destroy",
+    value: function destroy() {}
+  }, {
+    key: "init",
+    value: function init(initOptions, instanceId, sdkMetaData) {
+      this.instanceId = instanceId;
+      this.sdkMetaData = sdkMetaData;
+      this.eventCenter = ServiceProvider.getInstance(instanceId).getService('EventCenter');
+      this.logService = ServiceProvider.getInstance(instanceId).getService('Log');
+      this.popupManager = new PopupManager();
+      this.addCapabilityToEventCenter();
+      this.addCapabilityToApiBusManager();
+    }
+  }, {
+    key: "update",
+    value: function update() {}
+  }, {
+    key: "load",
+    value: function load(displayInfo, url, closeBtnFunc) {
+      var webApp = createIframe('antom-sdk-web-app' + (displayInfo.appendAliasContainerId ? "-".concat(displayInfo.selector) : ''));
+      this.webApp = webApp;
+      this.displayInfo = displayInfo;
+      webApp.src = url;
+      this.eventCenter.addIFrame(webApp);
+      if (webApp.src.includes('?')) {
+        this.popupManager.setPopupUrlQuery(webApp.src.split('?')[1]);
+      }
+      // TODO call ApiBusManager to add listener to iframe, componentApp line 979
+
+      // create container and append web app
+      var container = displayInfo.type === DisplayTypeEnum.inline ? createInlineBaseElement(displayInfo.selector) : createBaseElement(displayInfo.platform, closeBtnFunc);
+      container.appendChild(webApp);
+      return container;
+    }
+  }, {
+    key: "cleanContainer",
+    value: function cleanContainer(displayInfo) {
+      var _document$getElementB;
+      // selector and container
+      var selector = displayInfo.type === DisplayTypeEnum.inline ? displayInfo.selector : COMPONENT_CONTAINER_ID;
+      var selectorDom = document.querySelector(selector);
+      if (selectorDom) {
+        selectorDom.innerHTML = '';
+      }
+      var container = document.getElementById(COMPONENT_CONTAINER_ID);
+      if (container) container === null || container === void 0 || container.remove();
+      this.webApp = null;
+      this.eventCenter.cleanIFrames();
+
+      // animation
+      (_document$getElementB = document.getElementById("".concat(COMPONENT_CONTAINER_ID, "-").concat(displayInfo.platform, "-animation-style"))) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+    }
+  }, {
+    key: "preload",
+    value: function preload(taskId, url) {
+      var _this = this;
+      var preloadIframe = createPreloadIframe(taskId);
+      preloadIframe.src = url;
+      var body = document.body || null;
+      if (body) {
+        body.appendChild(preloadIframe);
+      }
+      console.log('web-preloadsdk web app', url);
+      var timerId = setTimeout(function () {
+        console.log('clear web-preloadsdk web app', url);
+        _this.clearPreloadContainer(taskId);
+      }, MAX_CLEAR_TIME);
+      this.clearTimerIdMapping[taskId] = timerId;
+    }
+  }, {
+    key: "clearPreloadContainer",
+    value: function clearPreloadContainer(taskId) {
+      var timerId = this.clearTimerIdMapping[taskId];
+      if (timerId) {
+        clearTimeout(timerId);
+      }
+      var container = document.getElementById(taskId);
+      if (container) {
+        document.body.removeChild(container);
+      }
+    }
+  }, {
+    key: "showLoading",
+    value: function showLoading(container, displayInfo) {
+      if (this.customizedLoadingListener) {
+        this.customizedLoadingListener('SDK_START_OF_LOADING');
+        return;
+      }
+      if (displayInfo.type === DisplayTypeEnum.inline) {
+        addInlineLoading(container, displayInfo.platform);
+      } else {
+        var mockup = document.getElementById(MOCKUP_ID);
+        if (mockup) mockup.style.display = 'block';
+        addPopupLoading();
+      }
+    }
+  }, {
+    key: "dismissLoading",
+    value: function dismissLoading() {
+      var _document$getElementB2;
+      var isKeepMockup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      if (this.customizedLoadingListener) {
+        this.customizedLoadingListener('SDK_END_OF_LOADING');
+        return;
+      }
+      var mockup = document.getElementById(MOCKUP_ID);
+      if (mockup) {
+        mockup.style.background = 'rgb(0, 0, 0, 0.6)';
+        mockup.style.display = isKeepMockup ? 'block' : 'none';
+      }
+      (_document$getElementB2 = document.getElementById(LOADING_ID)) === null || _document$getElementB2 === void 0 || _document$getElementB2.remove();
+    }
+  }, {
+    key: "customizeLoading",
+    value: function customizeLoading(listener) {
+      this.customizedLoadingListener = listener;
+    }
+  }, {
+    key: "startHideAnim",
+    value: function startHideAnim() {
+      var _this$displayInfo;
+      var container = document.getElementById(COMPONENT_CONTAINER_ID);
+      if (this.webApp) this.webApp.style.height = container.style.height;
+      if (container && (_this$displayInfo = this.displayInfo) !== null && _this$displayInfo !== void 0 && _this$displayInfo.platform) {
+        // size变化动画取消
+        container.style.transition = '';
+        container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.displayInfo.platform));
+        container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.displayInfo.platform, "-animation"));
+        container === null || container === void 0 || container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(this.displayInfo.platform));
+      }
+    }
+  }, {
+    key: "addCapabilityToEventCenter",
+    value: function addCapabilityToEventCenter() {
+      var _this2 = this;
+      this.eventCenter.listen(EVENT.dismissLoading.name, function () {
+        _this2.dismissLoading();
+      });
+      this.eventCenter.listen(EVENT.getUserAgentFromSdk.name, function (data, payload) {
+        var _payload$context;
+        _this2.eventCenter.dispatchToApp({
+          event: 'appEventCallback',
+          eventCallbackId: (_payload$context = payload.context) === null || _payload$context === void 0 ? void 0 : _payload$context.eventCallbackId,
+          data: {
+            userAgent: window.navigator.userAgent
+          }
+        });
+      });
+      this.eventCenter.listen(EVENT.popupWindow.name, function (data) {
+        var _this2$displayInfo;
+        if (data.paymentElementOldModel) return;
+        _this2.popupManager.popup(_objectSpread({
+          platform: (_this2$displayInfo = _this2.displayInfo) === null || _this2$displayInfo === void 0 ? void 0 : _this2$displayInfo.platform
+        }, data)).catch(function (error) {
+          _this2.logService.logError({
+            title: (error === null || error === void 0 ? void 0 : error.title) || 'sdk_error_create_pop_up'
+          }, error);
+          _this2.eventCenter.emit(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+        });
+      });
+      this.eventCenter.listen(EVENT.popWindow.name, function () {
+        _this2.popupManager.pop();
+      });
+      this.eventCenter.listen(EVENT.sizeChanged.name, function (data) {
+        _this2.handleSizeChanged(_objectSpread({}, data));
+      });
+      this.eventCenter.listen(EVENT.showCloseButton.name, function () {
+        _this2.changeCloseBtnVisibility(true);
+      });
+      this.eventCenter.listen(EVENT.hideCloseButton.name, function () {
+        _this2.changeCloseBtnVisibility(false);
+      });
+      this.eventCenter.listen(EVENT.setMaskCloseButton.name, function (data) {
+        _this2.handleMaskCloseBtnShow(data);
+      });
+      this.eventCenter.listen(EVENT.appHeartBeat.name, function () {
+        _this2.handleAppHeartBeat();
+      });
+    }
+  }, {
+    key: "addCapabilityToApiBusManager",
+    value: function addCapabilityToApiBusManager() {}
+  }, {
+    key: "updateMaskCloseBtn",
+    value: function updateMaskCloseBtn(data) {
+      var maskCloseBtn = document.getElementById("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID));
+      if (maskCloseBtn) {
+        if (this.displayInfo.platform === 'desktop') {
+          var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+          var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+          maskCloseBtn.style.top = "".concat((windowHeight - data.height) / 2 - 42, "px");
+          maskCloseBtn.style.right = "".concat((windowWidth - data.width) / 2 + 18, "px");
+        } else {
+          maskCloseBtn.style.bottom = "".concat(data.height + 2, "px");
+        }
+      }
+    }
+  }, {
+    key: "handleSizeChanged",
+    value: function handleSizeChanged(data) {
+      if (!this.webApp || !this.displayInfo) {
+        return;
+      }
+      var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
+      if ((data === null || data === void 0 ? void 0 : data.height) <= 1 || data.height === parseInt(cashier.style.height)) return;
+      cashier.style.height = "".concat(data.height, "px");
+      this.webApp.style.opacity = '1';
+      if (this.displayInfo.type === DisplayTypeEnum.popup) {
+        if (this.displayInfo.platform === 'desktop') {
+          if (data.width) cashier.style.width = "".concat(data.width, "px");
+          cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.displayInfo.platform, "-animation"));
+          this.webApp.style.height = "".concat(data.height, "px");
+        }
+        if (this.displayInfo.platform === 'mobile') {
+          cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.displayInfo.platform, "-animation"));
+          var animationStyleId = "".concat(COMPONENT_CONTAINER_ID, "-").concat(this.displayInfo.platform, "-animation-style");
+          var animationStyle = document.getElementById(animationStyleId);
+          if (animationStyle) animationStyle === null || animationStyle === void 0 || animationStyle.remove();
+
+          // 此style用于弹窗出现和高度变化时动画，动画不同，属性不同
+          this.webApp.style.height = parseInt(this.webApp.style.height) > 0 ? '100%' : "".concat(data.height, "px");
+          startSizeChangeAnim(cashier, data.height, animationStyleId);
+        }
+        // 关闭loading，保留蒙层
+        this.dismissLoading();
+        // 更新弹窗关闭按钮位置
+        this.updateMaskCloseBtn(data);
+      }
+      if (this.displayInfo.type === DisplayTypeEnum.inline) {
+        var _document$getElementB3;
+        (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 || _document$getElementB3.remove();
+        this.webApp.style.height = "".concat(data.height, "px");
+      }
+    }
+  }, {
+    key: "handleAppHeartBeat",
+    value: function handleAppHeartBeat() {
+      var _this3 = this;
+      try {
+        if (!this._webAppHeartBeatTimeoutFn) {
+          this._webAppHeartBeatTimeoutFn = function () {
+            if (_this3.webApp && _this3.displayInfo) {
+              _this3.logService.logError({
+                title: 'sdk_error_appHeartBeatTimeout'
+              });
+            }
+          };
+        }
+        if (window._webAppHeartBeatTimeoutId) {
+          clearTimeout(window._webAppHeartBeatTimeoutId);
+          window._webAppHeartBeatTimeoutId = null;
+        }
+        if (this._webAppHeartBeatTimeoutFn) {
+          window._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
+        }
+        setTimeout(function () {
+          if (_this3.webApp && _this3.displayInfo) {
+            _this3.eventCenter.dispatchToApp({
+              event: 'sdkHeartBeat',
+              data: {}
+            });
+          }
+        }, TIME_DELAY_SEND_HEART_BEAT);
+      } catch (error) {
+        this.logService.logError({
+          title: 'sdk_error_handleAppHeartBeat'
+        }, {
+          errorMessage: error.message
+        });
+      }
+    }
+  }, {
+    key: "changeCloseBtnVisibility",
+    value: function changeCloseBtnVisibility(isShow) {
+      var closeBlock = document.getElementById(COMPONENT_CLOSE_BLOCK_ID);
+      if (isShow) {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.remove("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
+      } else if (isShow === false) {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
+      }
+    }
+  }, {
+    key: "handleMaskCloseBtnShow",
+    value: function handleMaskCloseBtnShow(data) {
+      var closeBlock = document.getElementById(COMPONENT_CLOSE_MASK_BLOCK_ID);
+      if ((data === null || data === void 0 ? void 0 : data.status) === 'show') {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.remove("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-hidden"));
+      } else {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-hidden"));
+      }
+    }
+  }]);
+  return ContainerService;
+}();

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

@@ -0,0 +1,17 @@
+import { PlatformEnum } from '../../../types';
+/**
+ * @author 谦彧 <zhangmian.zm@alipay.com>
+ * @date 2024/9/22
+ */
+export declare class PopupManager {
+    private popupUrlQuery;
+    private popupApp;
+    setPopupUrlQuery(queryParams: string): void;
+    popup(data: {
+        url: string;
+        widthPadding: number;
+        heightPadding: number;
+        platform: PlatformEnum;
+    }): Promise<void>;
+    pop(): void;
+}