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

package/esm/config/index.d.ts

@@ -6,11 +6,11 @@ export declare const sdkVersion: string;
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  * TODO 这里考虑直接换成packagejson.version
  */
-export declare const AMSCheckoutAppVersion = "1.45.0";
-export declare const AMSAutoDebitAppVersion = "1.45.0";
-export declare const AMSEasyPayAppVersion = "1.45.0";
-export declare const AMSCashierPaymentAppVersion = "1.45.0";
-export declare const AMSVaultingAppVersion = "1.45.0";
-export declare const AMSPaymentElementAppVersion = "1.45.0";
-export declare const ADDRESSElementAppVersion = "1.45.0";
-export declare const AUTHElementAppVersion = "1.45.0";
+export declare const AMSCheckoutAppVersion = "1.46.0";
+export declare const AMSAutoDebitAppVersion = "1.46.0";
+export declare const AMSEasyPayAppVersion = "1.46.0";
+export declare const AMSCashierPaymentAppVersion = "1.46.0";
+export declare const AMSVaultingAppVersion = "1.46.0";
+export declare const AMSPaymentElementAppVersion = "1.46.0";
+export declare const ADDRESSElementAppVersion = "1.46.0";
+export declare const AUTHElementAppVersion = "1.46.0";

package/esm/config/index.js

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

package/esm/constant/index.d.ts

@@ -98,7 +98,7 @@ export declare const ERRORMESSAGE: {
         code: string;
         message: string;
     };
-    INITALIZE_TIMEOUT: {
+    INITIALIZE_TIMEOUT: {
         code: string;
         API: {
             code: string;
@@ -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

@@ -98,14 +98,14 @@ export var ERRORMESSAGE = {
     code: 'UI_STATE_ERROR',
     message: 'An error occurred. The transaction cannot be initiated.'
   },
-  INITALIZE_TIMEOUT: {
-    code: 'INITALIZE_TIMEOUT',
+  INITIALIZE_TIMEOUT: {
+    code: 'INITIALIZE_TIMEOUT',
     API: {
-      code: 'INITALIZE_API_TIMEOUT',
+      code: 'INITIALIZE_API_TIMEOUT',
       message: 'An error occurred. The transaction cannot be initiated.'
     },
     WEB: {
-      code: 'INITALIZE_WEB_TIMEOUT',
+      code: 'INITIALIZE_WEB_TIMEOUT',
       message: 'An error occurred; the transaction cannot be initiated.'
     }
   },
@@ -287,12 +287,15 @@ export var EVENT = {
   },
   // Element支付完成后事件
   submitPromiseCallback: {
-    name: 'submitPromiseCallback'
+    name: 'onSubmitPayCallback'
   },
   validateFieldsResult: {
     name: 'validateFieldsResult',
     forwardName: 'validateFieldsResultForward',
     uniqueKey: 'uservalidateFieldsResult'
+  },
+  canIUse: {
+    name: 'canIUse'
   }
 };
 

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

@@ -195,7 +195,7 @@ var ElementController = /*#__PURE__*/function () {
           title: 'sdk_event_web_app_timeout'
         });
         resolve({
-          error: ERRORMESSAGE.INITALIZE_TIMEOUT.WEB
+          error: ERRORMESSAGE.INITIALIZE_TIMEOUT.WEB
         });
       }, TIMEOUT_DURATION);
     }
@@ -642,7 +642,7 @@ var ElementController = /*#__PURE__*/function () {
               _context5.t0 = _context5["catch"](1);
               this.handleInitializationError();
               readyCallback({
-                error: _objectSpread(_objectSpread({}, ERRORMESSAGE.INITALIZE_TIMEOUT.API), {}, {
+                error: _objectSpread(_objectSpread({}, ERRORMESSAGE.INITIALIZE_TIMEOUT.API), {}, {
                   traceId: _context5.t0 === null || _context5.t0 === void 0 ? void 0 : _context5.t0.traceId
                 })
               });

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]) {
@@ -242,7 +269,7 @@ export var AntomSDKCore = /*#__PURE__*/function () {
     value: function () {
       var _startBizFlow = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(options) {
         var _this$paymentContext$, _this$paymentContext$2, _this$paymentContext$3;
-        var paymentSession, displayInfo, _convertPaymentSessio2, paymentSessionId, paymentSessionMetaData, mid, webAppMatchConfig, webAppVersion, productScene, paymentMethod, _this$bizFlowStartBeh, payload, eventCenter, data;
+        var paymentSession, displayInfo, _convertPaymentSessio2, paymentSessionId, paymentSessionMetaData, mid, webAppMatchConfig, webAppVersion, productScene, paymentMethod, _this$bizFlowStartBeh, payload, eventCenter, data, normalUrl;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -323,14 +350,18 @@ export var AntomSDKCore = /*#__PURE__*/function () {
               return _context4.abrupt("return");
             case 36:
               if (!(this.bizFlowStartBehavior.behaviorType === 'REDIRECT')) {
-                _context4.next = 45;
+                _context4.next = 49;
                 break;
               }
               payload = (_this$bizFlowStartBeh = this.bizFlowStartBehavior) === null || _this$bizFlowStartBeh === void 0 ? void 0 : _this$bizFlowStartBeh.payload;
-              if (!options.isNativeAppWebview) {
-                _context4.next = 43;
+              console.log('sdk 打印', payload);
+              console.log('sdk 触发', options);
+              //Sessiondata中authUrlInfo的openInApp为true，说明端内打开，不需要处理isNativeAppWebview的外跳事件逻辑
+              if (!(options.isNativeAppWebview && !!!payload.openInApp)) {
+                _context4.next = 46;
                 break;
               }
+              console.log('sdk 打印跳转', options);
               eventCenter = ServiceProvider.getInstance(this.instanceId).getService('EventCenter');
               data = {
                 normalUrl: (payload === null || payload === void 0 ? void 0 : payload.url) || '',
@@ -344,10 +375,16 @@ export var AntomSDKCore = /*#__PURE__*/function () {
                 }
               });
               return _context4.abrupt("return");
-            case 43:
+            case 46:
+              if (payload.url && payload.openInApp && options.isNativeAppWebview) {
+                //Sessiondata中authUrlInfo的openInApp为true，normalUrl存在，isNativeAppWebview为true，拼接source=embedded
+                normalUrl = new URL(payload.url);
+                normalUrl.searchParams.set('source', 'embedded');
+                payload.url = normalUrl.toString();
+              }
               redirect(payload, this.instanceId);
               return _context4.abrupt("return");
-            case 45:
+            case 49:
             case "end":
               return _context4.stop();
           }

package/esm/foundation/index.d.ts

@@ -62,6 +62,7 @@ export interface RedirectBehaviorPayload {
     browserLinkTarget?: TargetEnum;
     isCallApp?: boolean;
     callAppDetectSuccessDelay?: number;
+    openInApp?: boolean;
 }
 /**
  * Provide some capability, such as MonitorService, EventBusService, SecurityService

package/esm/foundation/product-processor/easysafepay/index.js

@@ -153,13 +153,15 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
         data = {
           url: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl,
           schemeUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl,
-          applinkUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl
+          applinkUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl,
+          openInApp: (authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.openInApp) || false
         };
       } else {
         data = {
           url: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.normalUrl,
           schemeUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.schemeUrl,
-          applinkUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.applinkUrl
+          applinkUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.applinkUrl,
+          openInApp: (authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.openInApp) || false
         };
       }
       var result = {

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.1762138227-dev.0",
   "description": "",
   "author": "",
   "main": "esm/index.js",