@alipay/ams-checkout 0.0.1751356895-dev.1 → 0.0.1751510477-dev.0

package/esm/component/popupWindow.style.d.ts

@@ -2,10 +2,13 @@ export declare const createCustomSheet: (curTheme?: 'dark' | 'light') => void;
 export declare const renderPopupLoading: (container: HTMLDivElement, curTheme: 'dark' | 'light') => void;
 export declare const removePopupLoading: (isShowMockup?: boolean) => void;
 export declare const insertStyleSheet: () => void;
-export declare const createModal: ({ device, url, widthPadding, loadingConfig }: {
+export declare function createCloseIcon(onClose: () => void): HTMLDivElement;
+export declare const createModal: ({ device, url, widthPadding, loadingConfig, showCloseOnLoading, onCloseOnLoading }: {
     device: any;
     url: any;
     widthPadding: any;
     loadingConfig: any;
+    showCloseOnLoading: any;
+    onCloseOnLoading: any;
 }) => Promise<HTMLIFrameElement>;
 export declare const destroyModal: () => void;

package/esm/component/popupWindow.style.js

@@ -47,6 +47,27 @@ export var insertStyleSheet = function insertStyleSheet() {
   style.innerHTML = modalStyles;
   document.head.appendChild(style);
 };
+export function createCloseIcon(onClose) {
+  var closeIcon = document.createElement('div');
+  closeIcon.style.position = 'absolute';
+  closeIcon.style.right = '16px';
+  closeIcon.style.top = '23px';
+  closeIcon.style.cursor = 'pointer';
+  var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  svg.setAttribute('width', '16');
+  svg.setAttribute('height', '16');
+  svg.setAttribute('viewBox', '0 0 16 16');
+  svg.setAttribute('fill', 'none');
+  var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+  path.setAttribute('fill-rule', 'evenodd');
+  path.setAttribute('clip-rule', 'evenodd');
+  path.setAttribute('d', 'M13.0449 2.99894L12.9494 2.91165L12.8685 2.85222L12.7802 2.7996C12.3611 2.57499 11.8556 2.64328 11.5228 2.9763L7.99909 6.50088L4.48854 2.99028L4.44701 2.95034C4.0098 2.57169 3.38048 2.57202 2.99838 2.9525L2.92363 3.03297L2.85175 3.12897L2.79916 3.21735C2.57471 3.63642 2.64292 4.14198 2.9757 4.47491L6.50186 8.00046L2.95226 11.5518C2.57141 11.9917 2.57173 12.6211 2.95197 13.0033L3.0324 13.078L3.12837 13.15L3.21674 13.2026C3.63573 13.4272 4.14123 13.3589 4.47407 13.0259L7.99909 9.49935L11.5474 13.0494C11.9944 13.4368 12.6238 13.4235 13.0212 13.0259L13.0922 12.9471L13.1559 12.8595C13.4298 12.4403 13.3789 11.8852 13.0211 11.5272L9.497 8.00115L13.0052 4.4915L13.07 4.4225C13.4304 4.00477 13.4199 3.37582 13.0449 2.99894Z');
+  path.setAttribute('fill', '#ABB9CC');
+  svg.appendChild(path);
+  closeIcon.appendChild(svg);
+  closeIcon.onclick = onClose;
+  return closeIcon;
+}
 var modalDevice = 'desktop';
 // 插入弹窗
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -54,7 +75,9 @@ export var createModal = function createModal(_ref) {
   var device = _ref.device,
     url = _ref.url,
     widthPadding = _ref.widthPadding,
-    loadingConfig = _ref.loadingConfig;
+    loadingConfig = _ref.loadingConfig,
+    showCloseOnLoading = _ref.showCloseOnLoading,
+    onCloseOnLoading = _ref.onCloseOnLoading;
   return new Promise(function (resolve, reject) {
     try {
       modalDevice = device;
@@ -87,6 +110,15 @@ export var createModal = function createModal(_ref) {
         modal.style.backgroundColor = backgroundPrimary;
         iframe.style.backgroundColor = backgroundPrimary;
       }
+
+      // 弹窗渲染loading时关闭按钮逻辑
+      if (showCloseOnLoading) {
+        var closeIcon = createCloseIcon(onCloseOnLoading);
+        modal.appendChild(closeIcon);
+        iframe.addEventListener('load', function () {
+          modal.removeChild(closeIcon);
+        });
+      }
       modal.appendChild(iframe);
       var body = document.getElementsByTagName('body')[0];
       body.appendChild(overlay);

package/esm/constant/index.d.ts

@@ -238,6 +238,13 @@ export declare const EVENT: {
     inputFocus: {
         name: string;
     };
+    /**
+     * 通过SDK转发web应用消息给其他web应用(用于iframe之间消息互通)
+     * TODO 推荐使用BusManager
+     */
+    messageForward: {
+        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

@@ -239,6 +239,13 @@ export var EVENT = {
   },
   inputFocus: {
     name: 'onInputFocus'
+  },
+  /**
+   * 通过SDK转发web应用消息给其他web应用(用于iframe之间消息互通)
+   * TODO 推荐使用BusManager
+   */
+  messageForward: {
+    name: 'onMessageForward'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

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

@@ -20,19 +20,19 @@ 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 { destroyModal } from "../../../../component/popupWindow.style";
 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";
 import { IElementStatus } from "../../../../foundation";
 import { AntomSDKCore } from "../../../../foundation/core";
-import { destroyModal } from "../../../../component/popupWindow.style";
 import { ElementProcessor } from "../../../../foundation/product-processor/element";
 import { ProductSceneEnum } from "../../../../types";
 import { ElementContainerService } from "../elementContainerService"; // 引入 ElementContainerService
 import { IContainerStatus } from "../elementContainerService/containerService";
 import { oneAccountUpdate, sdkActionUpdate } from "../mock";
-import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode } from "../type";
+import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode, MountElementType } from "../type";
 import { checkCanMount, checkCanUpdate, handleRedirect, showToast } from "../util";
 var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
@@ -100,10 +100,14 @@ var ElementController = /*#__PURE__*/function () {
     value: function onEventCallback(_ref) {
       var _this$options, _this$options$onEvent;
       var code = _ref.code,
-        message = _ref.message;
+        _ref$message = _ref.message,
+        message = _ref$message === void 0 ? '' : _ref$message,
+        _ref$result = _ref.result,
+        result = _ref$result === void 0 ? undefined : _ref$result;
       this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 || (_this$options$onEvent = _this$options.onEventCallback) === null || _this$options$onEvent === void 0 || _this$options$onEvent.call(_this$options, {
         code: code,
-        message: message
+        message: message,
+        result: result
       });
     }
   }, {
@@ -278,11 +282,9 @@ var ElementController = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(renderCallback) {
       var _this4 = this;
-      this.serviceMap.EventCenter.listen(ElementPaymentEvent.CALLBACK, function (data) {
-        if (_this4.elementProcessors[data.source] && _this4.elementProcessors[data.source].eventListener[data.event]) {
-          var _this4$elementProcess, _this4$elementProcess2;
-          (_this4$elementProcess = (_this4$elementProcess2 = _this4.elementProcessors[data.source].eventListener)[data.event]) === null || _this4$elementProcess === void 0 || _this4$elementProcess.call(_this4$elementProcess2, data.data);
-        }
+      this.serviceMap.EventCenter.listen(ElementPaymentEvent.ON_EVENT_CALLBACK, function (data) {
+        var _this4$onEventCallbac;
+        (_this4$onEventCallbac = _this4.onEventCallback) === null || _this4$onEventCallbac === void 0 || _this4$onEventCallbac.call(_this4, data);
       });
       this.serviceMap.EventCenter.listen(EVENT.sizeChanged.name, function (data) {
         clearTimeout(_this4.initTimeout);
@@ -323,9 +325,15 @@ var ElementController = /*#__PURE__*/function () {
       this.serviceMap.EventCenter.listen(EVENT.showToast.name, function (data) {
         showToast(data);
       });
-      this.serviceMap.EventCenter.listen(ElementPaymentEvent.SEND_MUITI_APP_EVENT_TO_SDK, function (result) {
-        var _this4$options$onEven, _this4$options;
-        (_this4$options$onEven = (_this4$options = _this4.options).onEventCallback) === null || _this4$options$onEven === void 0 || _this4$options$onEven.call(_this4$options, result.data);
+      this.serviceMap.EventCenter.listen(EVENT.messageForward.name, function (data) {
+        var source = MountElementType[data.source];
+        var target = MountElementType[data.target];
+        if (_this4.elementProcessors[source] && _this4.elementProcessors[target]) {
+          _this4.elementProcessors[target].eventCenter.dispatchToApp({
+            event: data.event,
+            data: data
+          });
+        }
       });
     }
   }, {
@@ -362,11 +370,11 @@ var ElementController = /*#__PURE__*/function () {
       var paymentSessionObj = paymentContext.paymentSessionObj;
       var isConnect = paymentSessionObj.connectFactor.enableConnect && ((_paymentSessionObj$pa = paymentSessionObj.paymentSessionConfig) === null || _paymentSessionObj$pa === void 0 ? void 0 : _paymentSessionObj$pa.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
       if (!(paymentResult !== null && paymentResult !== void 0 && (_paymentResult$origin = paymentResult.originActionQueryResult) !== null && _paymentResult$origin !== void 0 && _paymentResult$origin.success) && isConnect) {
-        var _this$options$onEvent2, _this$options2;
+        var _this$onEventCallback;
         clearTimeout(this.initTimeout);
         this.changeLoading(false);
         this.initTimeout = null;
-        (_this$options$onEvent2 = (_this$options2 = this.options).onEventCallback) === null || _this$options$onEvent2 === void 0 || _this$options$onEvent2.call(_this$options2, {
+        (_this$onEventCallback = this.onEventCallback) === null || _this$onEventCallback === void 0 || _this$onEventCallback.call(this, {
           code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
           message: 'Component initialization exception.'
         });

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

@@ -2,6 +2,9 @@ import { ActionForm, ConnectErrorCode, IAmount, IAmountView, IMerchantAppointPar
 import AddressProcessor from './elementProcessor/addressProcessor';
 import AuthProcessor from './elementProcessor/authProcessor';
 import PaymentProcessor from './elementProcessor/paymentProcessor';
+/**
+ * element 消息事件名
+ */
 export declare enum ElementPaymentEvent {
     RENDER_COMPONENT = "renderComponent",
     CAPTURE_ASSET = "onCaptureAsset",
@@ -18,7 +21,8 @@ export declare enum ElementPaymentEvent {
      */
     SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log",
-    HANDLE_PAYMENT = "handlePayment"
+    HANDLE_PAYMENT = "handlePayment",
+    ON_EVENT_CALLBACK = "onEventCallback"
 }
 export declare enum ElementPaymentMethod {
     CONTAINER_ELEMENT = "CONTAINER_ELEMENT",
@@ -26,6 +30,19 @@ export declare enum ElementPaymentMethod {
     ADDRESS_ELEMENT = "ADDRESS_ELEMENT",
     PAYMENT_ELEMENT = "PAYMENT_ELEMENT"
 }
+export declare enum ElementType {
+    auth = "auth",
+    address = "address",
+    payment = "payment"
+}
+export declare const MountElementType: {
+    auth: ElementPaymentMethod;
+    address: ElementPaymentMethod;
+    payment: ElementPaymentMethod;
+    AUTH_ELEMENT: ElementType;
+    ADDRESS_ELEMENT: ElementType;
+    PAYMENT_ELEMENT: ElementType;
+};
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
     Default = "default",
@@ -34,27 +51,22 @@ export declare enum ThemeType {
     GamingPurple = "gamingPurple",
     AgateGreen = "agateGreen"
 }
-export declare enum ElementType {
-    auth = "auth",
-    address = "address",
-    payment = "payment"
-}
 export declare enum PaymentElementLayout {
     Tabs = "tabs",
     Accordion = "Accordion"
 }
-export declare enum MountElementType {
-    auth = "AUTH_ELEMENT",
-    address = "ADDRESS_ELEMENT",
-    payment = "PAYMENT_ELEMENT"
-}
 export declare const addressTheme: {
     default: string;
     night: string;
 };
 export declare enum EventCallbackCode {
     SDK_CREATE_COMPONENT_ERROR = "SDK_CREATE_COMPONENT_ERROR",
-    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR"
+    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR",
+    SDK_PAYMENT_ERROR = "SDK_PAYMENT_ERROR",
+    SDK_PAYMENT_FAIL = "SDK_PAYMENT_FAIL",
+    SDK_PAYMENT_CANCEL = "SDK_PAYMENT_CANCEL",
+    SDK_PAYMENT_SUCCESSFUL = "SDK_PAYMENT_SUCCESSFUL",
+    SDK_PAYMENT_PROCESSING = "SDK_PAYMENT_PROCESSING"
 }
 export declare enum ELEMENT_ENVIRONMENT {
     DEV = "DEV",
@@ -163,12 +175,14 @@ export interface LinkAuthMountResult extends BaseMountResult {
 }
 export interface PaymentMountResult extends BaseMountResult {
 }
-export interface EventCallbackData<T = {}> {
+/**
+ * connect element之间通信的类型格式
+ */
+export interface ConnectElementMessageDataType<T = {}> {
     source?: ElementPaymentMethod;
     target?: ElementPaymentMethod;
-    success?: boolean;
     data?: T;
-    event?: AddressEventCallbackName;
+    event?: ElementPaymentEvent;
 }
 export interface ValidateResult<T = {}> {
     success: boolean;

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

@@ -2,6 +2,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }
+/**
+ * element 消息事件名
+ */
 export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["RENDER_COMPONENT"] = "renderComponent";
   ElementPaymentEvent["CAPTURE_ASSET"] = "onCaptureAsset";
@@ -16,6 +19,7 @@ export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["SEND_MUITI_APP_EVENT_TO_SDK"] = "sendMuitiAppEventToSdk";
   ElementPaymentEvent["LOG"] = "log";
   ElementPaymentEvent["HANDLE_PAYMENT"] = "handlePayment";
+  ElementPaymentEvent["ON_EVENT_CALLBACK"] = "onEventCallback";
   return ElementPaymentEvent;
 }({});
 export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
@@ -25,6 +29,13 @@ export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
   ElementPaymentMethod["PAYMENT_ELEMENT"] = "PAYMENT_ELEMENT";
   return ElementPaymentMethod;
 }({});
+export var ElementType = /*#__PURE__*/function (ElementType) {
+  ElementType["auth"] = "auth";
+  ElementType["address"] = "address";
+  ElementType["payment"] = "payment";
+  return ElementType;
+}({});
+export var MountElementType = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ElementType.auth, ElementPaymentMethod.AUTH_ELEMENT), ElementType.address, ElementPaymentMethod.ADDRESS_ELEMENT), ElementType.payment, ElementPaymentMethod.PAYMENT_ELEMENT), ElementPaymentMethod.AUTH_ELEMENT, ElementType.auth), ElementPaymentMethod.ADDRESS_ELEMENT, ElementType.address), ElementPaymentMethod.PAYMENT_ELEMENT, ElementType.payment);
 export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["NostalgicGray"] = "nostalgicGray";
   ThemeType["Default"] = "default";
@@ -34,27 +45,20 @@ export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["AgateGreen"] = "agateGreen";
   return ThemeType;
 }({});
-export var ElementType = /*#__PURE__*/function (ElementType) {
-  ElementType["auth"] = "auth";
-  ElementType["address"] = "address";
-  ElementType["payment"] = "payment";
-  return ElementType;
-}({});
 export var PaymentElementLayout = /*#__PURE__*/function (PaymentElementLayout) {
   PaymentElementLayout["Tabs"] = "tabs";
   PaymentElementLayout["Accordion"] = "Accordion";
   return PaymentElementLayout;
 }({});
-export var MountElementType = /*#__PURE__*/function (MountElementType) {
-  MountElementType["auth"] = "AUTH_ELEMENT";
-  MountElementType["address"] = "ADDRESS_ELEMENT";
-  MountElementType["payment"] = "PAYMENT_ELEMENT";
-  return MountElementType;
-}({});
 export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
 export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
   EventCallbackCode["SDK_CREATE_COMPONENT_ERROR"] = "SDK_CREATE_COMPONENT_ERROR";
   EventCallbackCode["SDK_CREATEPAYMENT_PARAMETER_ERROR"] = "SDK_CREATEPAYMENT_PARAMETER_ERROR";
+  EventCallbackCode["SDK_PAYMENT_ERROR"] = "SDK_PAYMENT_ERROR";
+  EventCallbackCode["SDK_PAYMENT_FAIL"] = "SDK_PAYMENT_FAIL";
+  EventCallbackCode["SDK_PAYMENT_CANCEL"] = "SDK_PAYMENT_CANCEL";
+  EventCallbackCode["SDK_PAYMENT_SUCCESSFUL"] = "SDK_PAYMENT_SUCCESSFUL";
+  EventCallbackCode["SDK_PAYMENT_PROCESSING"] = "SDK_PAYMENT_PROCESSING";
   return EventCallbackCode;
 }({});
 export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
@@ -73,6 +77,10 @@ export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbac
   return AddressEventCallbackName;
 }({});
 
+/**
+ * connect element之间通信的类型格式
+ */
+
 // export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;
 var AccountStatusEnum = /*#__PURE__*/function (AccountStatusEnum) {
   AccountStatusEnum["EFFECTIVE"] = "EFFECTIVE";

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

@@ -35,5 +35,7 @@ export declare class ContainerService implements Service {
     private changeCloseBtnVisibility;
     private handleMaskCloseBtnShow;
     private handleCloseButtonTheme;
+    private handlePopupWindow;
+    private handlePopWindow;
     getWebApp(): HTMLIFrameElement;
 }

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

@@ -195,19 +195,7 @@ export var ContainerService = /*#__PURE__*/function () {
         });
       });
       this.eventCenter.listen(EVENT.popupWindow.name, function (data) {
-        var _this$displayInfo2;
-        if (data.paymentElementOldModel) return;
-        insertStyleSheet();
-        _this.popupManager.popup(_objectSpread({
-          platform: (_this$displayInfo2 = _this.displayInfo) === null || _this$displayInfo2 === void 0 ? void 0 : _this$displayInfo2.platform
-        }, data)).then(function () {
-          _this.eventCenter.addIFrame(_this.popupManager.popupApp);
-        }).catch(function (error) {
-          _this.logService.logError({
-            title: (error === null || error === void 0 ? void 0 : error.title) || 'sdk_error_create_pop_up'
-          }, error);
-          _this.eventCenter.emit(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
-        });
+        _this.handlePopupWindow(data);
       });
       this.eventCenter.listen(EVENT.popWindow.name, function () {
         _this.popupManager.pop();
@@ -266,9 +254,9 @@ export var ContainerService = /*#__PURE__*/function () {
   }, {
     key: "handleSizeChanged",
     value: function handleSizeChanged(data) {
-      var _this$displayInfo3 = this.displayInfo,
-        appendAliasContainerId = _this$displayInfo3.appendAliasContainerId,
-        selector = _this$displayInfo3.selector;
+      var _this$displayInfo2 = this.displayInfo,
+        appendAliasContainerId = _this$displayInfo2.appendAliasContainerId,
+        selector = _this$displayInfo2.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;
@@ -329,9 +317,9 @@ export var ContainerService = /*#__PURE__*/function () {
     key: "focusScrollFixed",
     value: function focusScrollFixed(focus) {
       // 获取iframe dom元素
-      var _this$displayInfo4 = this.displayInfo,
-        appendAliasContainerId = _this$displayInfo4.appendAliasContainerId,
-        selector = _this$displayInfo4.selector;
+      var _this$displayInfo3 = this.displayInfo,
+        appendAliasContainerId = _this$displayInfo3.appendAliasContainerId,
+        selector = _this$displayInfo3.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;
@@ -422,6 +410,41 @@ export var ContainerService = /*#__PURE__*/function () {
         maskCloseBlock === null || maskCloseBlock === void 0 || maskCloseBlock.classList.remove("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-light"));
       }
     }
+
+    // SDK主动打开弹框
+  }, {
+    key: "handlePopupWindow",
+    value: function handlePopupWindow(data) {
+      var _this$displayInfo4,
+        _this3 = this;
+      if (data.paymentElementOldModel) return;
+      insertStyleSheet();
+      this.popupManager.popup(_objectSpread({
+        platform: (_this$displayInfo4 = this.displayInfo) === null || _this$displayInfo4 === void 0 ? void 0 : _this$displayInfo4.platform,
+        showCloseOnLoading: data.showCloseOnLoading,
+        onCloseOnLoading: function onCloseOnLoading() {
+          return _this3.handlePopWindow(data);
+        }
+      }, data)).then(function () {
+        _this3.eventCenter.addIFrame(_this3.popupManager.popupApp);
+      }).catch(function (error) {
+        _this3.logService.logError({
+          title: (error === null || error === void 0 ? void 0 : error.title) || 'sdk_error_create_pop_up'
+        }, error);
+        _this3.eventCenter.emit(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+      });
+    }
+
+    // SDK主动关闭弹框
+  }, {
+    key: "handlePopWindow",
+    value: function handlePopWindow(data) {
+      this.popupManager.pop();
+      this.eventCenter.dispatchToApp({
+        event: EVENT.popWindow.name,
+        data: data
+      });
+    }
   }, {
     key: "getWebApp",
     value: function getWebApp() {

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

@@ -1,4 +1,12 @@
 import { PlatformEnum } from '../../../types';
+export type IPopUpParams = {
+    url: string;
+    widthPadding: number;
+    heightPadding: number;
+    platform: PlatformEnum;
+    showCloseOnLoading: boolean;
+    onCloseOnLoading: () => void;
+};
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>
  * @date 2024/9/22
@@ -7,11 +15,6 @@ export declare class PopupManager {
     private popupUrlQuery;
     popupApp: HTMLIFrameElement;
     setPopupUrlQuery(queryParams: string): void;
-    popup(data: {
-        url: string;
-        widthPadding: number;
-        heightPadding: number;
-        platform: PlatformEnum;
-    }): Promise<void>;
+    popup(data: IPopUpParams): Promise<void>;
     pop(): void;
 }

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

@@ -53,7 +53,9 @@ export var PopupManager = /*#__PURE__*/function () {
                 widthPadding: data === null || data === void 0 ? void 0 : data.widthPadding,
                 device: data === null || data === void 0 ? void 0 : data.platform,
                 url: pageUrl,
-                loadingConfig: undefined
+                loadingConfig: undefined,
+                showCloseOnLoading: data.showCloseOnLoading,
+                onCloseOnLoading: data.onCloseOnLoading
               });
             case 11:
               this.popupApp = _context.sent;

package/esm/plugin/component/channel.js

@@ -103,23 +103,8 @@ export var handleGooglePay = function handleGooglePay(data) {
           }
         }
       });
-      // 使用GooglePay官方API判断设备是否支持，目前WebView场景有bug，不支持的WebView仍然显示支持
-      // UA判断方案和isReadyToPay方案PD决策使用【isReadyToPay方案】
-      // PD已反馈给Google，Google已确认bug待修复
-      paymentsClient.isReadyToPay(paymentRequest).then(function (response) {
-        if (response.result) {
-          // 设备支持 GooglePay，继续拉起
-          reject({
-            errorCode: 'GOOGLE_PAY_NOT_SUPPORTED'
-          });
-        } else {
-          // 抛错给收银台，目前errorCode未消费
-          reject({
-            errorCode: 'GOOGLE_PAY_NOT_SUPPORTED'
-          });
-        }
-      }).then(function (paymentData) {
-        // 获取到googlePay token后返回消息给app
+      // 获取到googlePay token后返回消息给app
+      paymentsClient.loadPaymentData(paymentRequest).then(function (paymentData) {
         if (paymentData) {
           resolve(paymentData);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1751356895-dev.1",
+  "version": "0.0.1751510477-dev.0",
   "description": "",
   "author": "",
   "main": "esm/index.js",