@alipay/ams-checkout 0.0.1761220900-dev.0 → 0.0.1761220900-dev.1

package/esm/constant/index.d.ts

@@ -288,6 +288,9 @@ export declare const EVENT: {
         forwardName: string;
         uniqueKey: string;
     };
+    canIUse: {
+        name: string;
+    };
 };
 export declare const SENDEVENT: {
     validateFields: {

package/esm/constant/index.js

@@ -293,6 +293,9 @@ export var EVENT = {
     name: 'validateFieldsResult',
     forwardName: 'validateFieldsResultForward',
     uniqueKey: 'uservalidateFieldsResult'
+  },
+  canIUse: {
+    name: 'canIUse'
   }
 };
 

package/esm/foundation/core/index.js

@@ -22,6 +22,7 @@ import { getGrayscaleId } from "../utils/gray_scale_utils";
 import { convertPaymentSession, getWebAppVersion, saveWebAppVersion } from "../utils/payment_context_utils";
 import { redirect } from "../utils/redirect_utils";
 import { parseWebAppMatchConfig } from "../utils/web_app_url_utils";
+
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>
  * @date 2024/9/17
@@ -231,6 +232,32 @@ export var AntomSDKCore = /*#__PURE__*/function () {
           _this.eventLogging = data.popWindowEventInfo.eventLogging;
         }
       });
+      eventCenter.listen(EVENT.canIUse.name, function (data, payload) {
+        var _payload$context5;
+        // 前置校验
+        var funcName = data === null || data === void 0 ? void 0 : data.funcName;
+        if (!funcName || typeof funcName !== 'string') {
+          var _payload$context4;
+          eventCenter.dispatchToApp({
+            event: 'appEventCallback',
+            eventCallbackId: (_payload$context4 = payload.context) === null || _payload$context4 === void 0 ? void 0 : _payload$context4.eventCallbackId,
+            data: {
+              exist: false,
+              success: false
+            }
+          });
+          return;
+        }
+        var exist = eventCenter.isExist(funcName);
+        eventCenter.dispatchToApp({
+          event: 'appEventCallback',
+          eventCallbackId: (_payload$context5 = payload.context) === null || _payload$context5 === void 0 ? void 0 : _payload$context5.eventCallbackId,
+          data: {
+            exist: exist,
+            success: true
+          }
+        });
+      });
 
       // execute additional logic from specified product
       if (this.productProcessors[sdkMetaData.productScene]) {

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

@@ -37,5 +37,6 @@ export declare class ContainerService implements Service {
     private handleCloseButtonTheme;
     private handlePopupWindow;
     private handlePopWindow;
+    private handleCanIUse;
     getWebApp(): HTMLIFrameElement;
 }

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

@@ -7,12 +7,12 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 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 { isEmpty } from "../../../util";
 import { addInlineLoading, createInlineBaseElement } from "../../../component/component.inline.style";
 import { addPopupLoading, createBaseElement } from "../../../component/component.popup.style";
 import { insertStyleSheet } from "../../../component/popupWindow.style";
-import { COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK_ID, COMPONENT_CONTAINER_ID, ERRORMESSAGE, EVENT, LOADING_ID, MOCKUP_ID, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT, closeImg, closeImgLight } from "../../../constant";
+import { closeImg, closeImgLight, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK_ID, COMPONENT_CONTAINER_ID, ERRORMESSAGE, EVENT, LOADING_ID, MOCKUP_ID, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../../constant";
 import { DisplayTypeEnum, ProductSceneEnum } from "../../../types";
+import { isEmpty } from "../../../util";
 import { ServiceProvider } from "../index";
 import { PopupManager } from "./popup";
 import { createIframe, startSizeChangeAnim } from "./utils";
@@ -217,6 +217,9 @@ export var ContainerService = /*#__PURE__*/function () {
       this.eventCenter.listen(EVENT.appHeartBeat.name, function () {
         _this.handleAppHeartBeat();
       });
+      this.eventCenter.listen(EVENT.canIUse.name, function (data, payload) {
+        _this.handleCanIUse(data, payload);
+      });
       /**
        * 目前仅用于ESP V2的 web sdk
        * 原因： 在账户输入页和OTP页面的h5场景下键盘弹起页面会有问题，iframe有固定高度，键盘弹起时应用层不会触发大小变化
@@ -446,6 +449,34 @@ export var ContainerService = /*#__PURE__*/function () {
         data: data
       });
     }
+  }, {
+    key: "handleCanIUse",
+    value: function handleCanIUse(data, payload) {
+      var _payload$context3;
+      // 前置校验
+      var funcName = data === null || data === void 0 ? void 0 : data.funcName;
+      if (!funcName || typeof funcName !== 'string') {
+        var _payload$context2;
+        this.eventCenter.dispatchToApp({
+          event: 'appEventCallback',
+          eventCallbackId: (_payload$context2 = payload.context) === null || _payload$context2 === void 0 ? void 0 : _payload$context2.eventCallbackId,
+          data: {
+            exist: false,
+            success: false
+          }
+        });
+        return;
+      }
+      var exist = this.eventCenter.isExist(funcName);
+      this.eventCenter.dispatchToApp({
+        event: 'appEventCallback',
+        eventCallbackId: (_payload$context3 = payload.context) === null || _payload$context3 === void 0 ? void 0 : _payload$context3.eventCallbackId,
+        data: {
+          exist: exist,
+          success: true
+        }
+      });
+    }
   }, {
     key: "getWebApp",
     value: function getWebApp() {

package/esm/loader/Proxy.js

@@ -16,10 +16,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
  * **/
 import ProxyPolyfillBuilder from 'proxy-polyfill/src/proxy';
 import { instanceApiMap } from "./constant";
-import { supportsProxy } from "./utils/common";
+import { supportsDefineProperty, supportsProxy } from "./utils/common";
 import { setDebugContext } from "./utils/debugger";
 import { loadSdk, newActualInstance } from "./utils/loadSDK";
-import { logger } from "./utils/logger";
+import { consoleLogger, logger } from "./utils/logger";
 
 // eslint-disable-next-line
 
@@ -111,6 +111,18 @@ export function createBaseProxy(constructorName) {
       }
     });
   };
+
+  /***构造一个虚拟错误对象来模拟产品实例,其中所有的API都会在.then中返回错误对象*/
+  var _newInstanceForError = function _newInstanceForError(errorObj) {
+    var instanceForError = {};
+    var needCapturedApis = instanceApiMap[constructorName];
+    needCapturedApis.forEach(function (api) {
+      instanceForError[api] = function () {
+        return Promise.resolve(errorObj);
+      };
+    });
+    return instanceForError;
+  };
   var BaseProxy = /*#__PURE__*/function () {
     // 返回代理实例对象
     function BaseProxy(newProps, debugProps) {
@@ -140,33 +152,62 @@ export function createBaseProxy(constructorName) {
       value: function loadSDKAndCreateInstance(constructorName, newProps) {
         var _this = this;
         loadSdk().then(function () {
-          var actualInstance = newActualInstance(constructorName, newProps);
-
-          // 从newProxy到初始化真实sdk实例花费时间
-          //TODO 最好尝试发送给web应用层进行上报
-          logger.logInfo({
-            title: 'report_customized_performance_m5'
-          }, {
-            m5: Date.now() - _this.startTime
-          });
-          logger.logInfo({
-            title: 'create_actual_instance_success'
-          }, {
-            constructorName: constructorName
-          });
           try {
+            var actualInstance = newActualInstance(constructorName, newProps);
+            // 从newProxy到初始化真实sdk实例花费时间
+            logger.logInfo({
+              title: 'report_customized_performance_m5'
+            }, {
+              m5: Date.now() - _this.startTime
+            });
+            logger.logInfo({
+              title: 'create_actual_instance_success'
+            }, {
+              constructorName: constructorName
+            });
+            consoleLogger.log('create_actual_instance_success');
             _this.actualInstance = actualInstance;
             _this.hasActualInstance = true;
             _this.executePendingCalls();
           } catch (error) {
+            //创建实例失败时,构造一个虚拟错误对象来模拟产品实例,其中所有的API都会在.then中返回错误对象
+            var instanceForError = _newInstanceForError({
+              error: {
+                code: 'INTERNAL_ERROR',
+                message: 'create_actual_instance_error'
+              },
+              status: 'FAIL'
+            });
+            _this.actualInstance = instanceForError;
+            _this.hasActualInstance = true;
+            _this.executePendingCalls();
             logger.logError({
               title: 'create_actual_instance_error'
             }, {
               errorMessage: error,
               constructorName: constructorName
             });
-            _this.rejectPendingCalls(error);
+            consoleLogger.error('create_actual_instance_error');
           }
+        }).catch(function (error) {
+          //SDK加载失败时,构造一个虚拟错误对象来模拟产品实例,其中所有的API都会在.then中返回错误对象
+          var instanceForError = _newInstanceForError({
+            error: {
+              code: 'INITIALIZE_WEB_TIMEOUT',
+              message: 'load_sdk_resource_error'
+            },
+            status: 'FAIL'
+          });
+          _this.actualInstance = instanceForError;
+          _this.hasActualInstance = true;
+          _this.executePendingCalls();
+          logger.logError({
+            title: 'load_sdk_resource_error'
+          }, {
+            errorMessage: error,
+            constructorName: constructorName
+          });
+          consoleLogger.error('load_sdk_resource_error');
         });
       }
 
@@ -174,13 +215,22 @@ export function createBaseProxy(constructorName) {
     }, {
       key: "newProxyInstance",
       value: function newProxyInstance() {
+        // 检测浏览器API兼容性
+        var isProxySupports = supportsProxy();
+        var isDefinePropertySupports = supportsDefineProperty();
+        if (!isProxySupports && !isDefinePropertySupports) {
+          logger.logError({
+            title: 'create_proxy_instance_error'
+          });
+          consoleLogger.error('The browser does not support either Proxy or Object.defineProperty.');
+        }
         try {
           // eslint-disable-next-line @typescript-eslint/no-this-alias
           var self = this;
 
           // 如果浏览器不支持Proxy,则使用Polyfill降级 https://github.com/GoogleChrome/proxy-polyfill,
           // 注意: Polyfill降级方案需要预先定义需要捕获的api。
-          if (supportsProxy()) {
+          if (isProxySupports) {
             return _newProxyInstance(self);
           } else {
             logger.logInfo({
@@ -195,6 +245,7 @@ export function createBaseProxy(constructorName) {
             errorMessage: e,
             constructorName: constructorName
           });
+          consoleLogger.error('The browser does not support either Proxy or Object.defineProperty.');
         }
       }
 
@@ -213,6 +264,7 @@ export function createBaseProxy(constructorName) {
           try {
             var _this$actualInstance;
             var result = (_this$actualInstance = this.actualInstance)[method].apply(_this$actualInstance, _toConsumableArray(args));
+            consoleLogger.log("call API [".concat(constructorName, ".").concat(method, "]"));
             resolve(result);
           } catch (error) {
             logger.logError({

package/esm/loader/index.d.ts

@@ -7,8 +7,10 @@
  */
 import { AMSCashierPayment, AMSEasyPay, AMSElement } from '../main';
 interface AMSCashierPaymentWrapper extends AMSCashierPayment {
+    preload: typeof AMSCashierPayment.preload;
 }
 interface AMSEasyPayWrapper extends AMSEasyPay {
+    preload: typeof AMSCashierPayment.preload;
 }
 interface AMSElementWrapper extends AMSElement {
 }

package/esm/loader/utils/common.d.ts

@@ -2,6 +2,10 @@
  * 检测浏览器是否兼容Proxy对象
  */
 export declare function supportsProxy(): boolean;
+/**
+ * 检测浏览器是否兼容defineProperty
+ */
+export declare function supportsDefineProperty(): boolean;
 /**
  * @description 尝试调用window.tracker上报m5性能数据
  * @param options 自定义性能埋点 m1-m20,  m1-资源加载耗时，m2-首屏数据请求耗时，m3-首屏数据请求完成耗时，m4-首屏渲染完成耗时

package/esm/loader/utils/common.js

@@ -24,6 +24,16 @@ export function supportsProxy() {
   }
 }
 
+/**
+ * 检测浏览器是否兼容defineProperty
+ */
+export function supportsDefineProperty() {
+  if (typeof Object.defineProperty !== 'function') {
+    return false;
+  }
+  return true;
+}
+
 /**
  * @description 尝试调用window.tracker上报m5性能数据
  * @param options 自定义性能埋点 m1-m20,  m1-资源加载耗时，m2-首屏数据请求耗时，m3-首屏数据请求完成耗时，m4-首屏渲染完成耗时

package/esm/loader/utils/loadSDK.js

@@ -35,7 +35,7 @@ export function loadSdk() {
     // 定义onload和onerror事件
     script.onload = function () {
       consoleLogger.log("Load SDK Success , SDK URL: ".concat(sdkSrc));
-      resolve(false);
+      resolve(true);
     };
     script.onerror = function () {
       consoleLogger.log("Failed to load SDK: ".concat(sdkSrc));

package/package.json

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