@alipay/ams-checkout 0.0.1762138227-dev.7 → 0.0.1762138227-dev.9

package/esm/core/component/element/elementProcessor/paymentProcessor.js

@@ -61,7 +61,7 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
   _createClass(PaymentProcessor, [{
     key: "onReady",
     value: function onReady(extraParam) {
-      var _this$elementContaine, _this$elementContaine2, _this$elementContaine3, _this$elementContaine4, _this$elementContaine5;
+      var _this$elementContaine, _this$elementContaine2, _this$elementContaine3, _this$elementContaine4, _this$elementContaine5, _window;
       var paymentContext = this.elementContainer.getPaymentContext();
       this.getLogger().logInfo({
         title: 'sdk_event_renderComponent'
@@ -82,7 +82,8 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
             productSceneVersion: (_this$elementContaine2 = this.elementContainer) === null || _this$elementContaine2 === void 0 ? void 0 : _this$elementContaine2.getPaymentContext().paymentSessionObj.paymentSessionConfig.productSceneVersion,
             trackId: (_this$elementContaine3 = this.elementContainer) === null || _this$elementContaine3 === void 0 ? void 0 : _this$elementContaine3.getPaymentContext().paymentSessionId,
             merchantId: (_this$elementContaine4 = this.elementContainer) === null || _this$elementContaine4 === void 0 || (_this$elementContaine4 = _this$elementContaine4.getPaymentContext()) === null || _this$elementContaine4 === void 0 || (_this$elementContaine4 = _this$elementContaine4.paymentSessionObj) === null || _this$elementContaine4 === void 0 ? void 0 : _this$elementContaine4.clientId,
-            paymentMethodType: (_this$elementContaine5 = this.elementContainer) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.getPaymentContext()) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.paymentSessionObj) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.paymentMethodInfoView) === null || _this$elementContaine5 === void 0 ? void 0 : _this$elementContaine5.paymentMethodType
+            paymentMethodType: (_this$elementContaine5 = this.elementContainer) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.getPaymentContext()) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.paymentSessionObj) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.paymentMethodInfoView) === null || _this$elementContaine5 === void 0 ? void 0 : _this$elementContaine5.paymentMethodType,
+            proxyStartTime: (_window = window) === null || _window === void 0 || (_window = _window._ANTOM_SDK_PROXY_START_TIME) === null || _window === void 0 ? void 0 : _window['AMSElement']
           },
           appearance: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.displayInfo.appearance,
           sessionResult: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.paymentSessionObj,

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

@@ -194,7 +194,7 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
 
       // 等请求和 Web启动都Ready之后，发送renderComponent
       Promise.all([this.initSecuritySDK(), this.processQuery(), this.processSubmitPay(), webLaunchPromise]).then(function (_ref) {
-        var _this$paymentContext, _this$paymentContext2, _this$paymentContext$, _this$paymentContext$2, _this$paymentContext$3, _this$paymentContext3, _this$paymentContext$4;
+        var _this$paymentContext, _this$paymentContext2, _this$paymentContext$, _this$paymentContext$2, _this$paymentContext$3, _this$paymentContext3, _this$paymentContext$4, _window;
         var _ref2 = _slicedToArray(_ref, 4),
           _initSecurityRes = _ref2[0],
           queryRes = _ref2[1],
@@ -227,7 +227,8 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
             sdkVersion: logMetaData.sdkVersion,
             merchantId: logMetaData.merchantId,
             instanceId: logMetaData.instanceId,
-            paymentMethodType: logMetaData.paymentMethodType
+            paymentMethodType: logMetaData.paymentMethodType,
+            proxyStartTime: (_window = window) === null || _window === void 0 || (_window = _window._ANTOM_SDK_PROXY_START_TIME) === null || _window === void 0 ? void 0 : _window['AMSEasyPay']
           })
         };
         if (queryRes) {

package/esm/loader/Proxy.js

@@ -20,6 +20,7 @@ import { supportsDefineProperty, supportsProxy } from "./utils/common";
 import { setDebugContext } from "./utils/debugger";
 import { loadSdk, newActualInstance } from "./utils/loadSDK";
 import { consoleLogger, logger } from "./utils/logger";
+import { setStartTime } from "./utils/setStartTime";
 
 // eslint-disable-next-line
 
@@ -177,9 +178,10 @@ export function createBaseProxy(constructorName) {
         }
       });
       this.startTime = Date.now();
-
       // 初始化debug参数
       setDebugContext(debugProps);
+      // 记录startTime
+      setStartTime(constructorName, this.startTime);
       // 创建代理实例
       this.proxyInstance = this.newProxyInstance();
       // 加载sdk并创建真实实例
@@ -195,28 +197,45 @@ export function createBaseProxy(constructorName) {
       key: "loadSDKAndCreateInstance",
       value: function loadSDKAndCreateInstance(constructorName, newProps) {
         var _this2 = this;
-        loadSdk().then(function () {
+        loadSdk().then(function (_ref) {
+          var loadType = _ref.loadType;
           try {
             var actualInstance = newActualInstance(constructorName, newProps);
-            // 从newProxy到初始化真实sdk实例花费时间
+            var newActualInstanceDuration = Date.now() - _this2.startTime;
+            // 上报newProxy到初始化真实sdk实例花费时间,忽略SDK缓存场景
             logger.logInfo({
-              title: 'report_customized_performance_m5'
+              title: 'loadSDK_and_create_actual_instance'
             }, {
-              m5: Date.now() - _this2.startTime
+              constructorName: constructorName,
+              loadDuration: loadType === 'network' ? newActualInstanceDuration : undefined
             });
+            // 热更新全流程成功率监控
             logger.logInfo({
-              title: 'create_actual_instance_success'
+              title: 'create_antom_instance'
             }, {
-              constructorName: constructorName
+              constructorName: constructorName,
+              result: 'Y'
             });
             consoleLogger.log('create_actual_instance_success');
             _this2.actualInstance = actualInstance;
             _this2.hasActualInstance = true;
             _this2.executePendingCalls();
           } catch (error) {
+            logger.logInfo({
+              title: 'create_antom_instance'
+            }, {
+              constructorName: constructorName,
+              result: 'N'
+            });
             _this2.onCreateInstanceError(newProps);
           }
         }).catch(function () {
+          logger.logInfo({
+            title: 'create_antom_instance'
+          }, {
+            constructorName: constructorName,
+            result: 'N'
+          });
           _this2.onLoadSDKError(newProps);
         });
       }

package/esm/loader/constant.js

@@ -31,6 +31,6 @@ export var instanceApiMap = _defineProperty(_defineProperty(_defineProperty({},
  * SDK 地址
  */
 export var SDK_URL = {
-  DEV: 'http://js-dev.antom.com/v2/ams-checkout.min.js',
-  PROD: 'https://js.antom.com/v2/ams-checkout.min.js'
+  DEV: 'http://js-dev.antom.com/v2/ams-checkout.js',
+  PROD: 'https://js.antom.com/v2/ams-checkout.js'
 };

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

@@ -1,3 +1,8 @@
 import { EConstructorName, ProductType } from '../constant';
-export declare function loadSdk(): Promise<boolean>;
+type SdkLoadResult = {
+    success: boolean;
+    loadType?: 'cached' | 'network';
+};
+export declare function loadSdk(): Promise<SdkLoadResult>;
 export declare function newActualInstance<T extends ProductType>(constructorName: EConstructorName, newProps: any): T | null;
+export {};

package/esm/loader/utils/loadSDK.js

@@ -17,14 +17,14 @@ export function loadSdk() {
       new URL(sdkSrc);
     } catch (e) {
       consoleLogger.error("Invalid SDK URL: ".concat(sdkSrc));
-      reject(false);
+      reject();
       return;
     }
 
     // 检查 SDK URL 是否存在
     if (!sdkSrc) {
       consoleLogger.error("SDK URL not found for: ".concat(sdkSrc));
-      reject(false);
+      reject();
       return;
     }
 
@@ -32,7 +32,10 @@ export function loadSdk() {
     var existingScript = document.querySelector("script[src=\"".concat(sdkSrc, "\"]"));
     if (existingScript) {
       consoleLogger.log("SDK already loaded: ".concat(sdkSrc));
-      resolve(true);
+      resolve({
+        success: true,
+        loadType: 'cached'
+      });
       return;
     }
 
@@ -44,7 +47,10 @@ export function loadSdk() {
     // 定义onload和onerror事件
     script.onload = function () {
       consoleLogger.log("Load SDK Success , SDK URL: ".concat(sdkSrc));
-      resolve(true);
+      resolve({
+        success: true,
+        loadType: 'network'
+      });
     };
     script.onerror = function () {
       consoleLogger.log("Failed to load SDK: ".concat(sdkSrc));
@@ -55,7 +61,7 @@ export function loadSdk() {
       });
       // 失败时移除缓存脚本
       script.remove();
-      reject(false);
+      reject();
     };
   });
 }

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

@@ -0,0 +1,12 @@
+/**
+ * 在window对象上记录商户初始化SDK的StartTime,
+ * 后续在renderComponent时传递给Web应用,用于进行端到端渲染总耗时计算
+ * ***/
+import { EConstructorName } from '../constant';
+/*** 扩展 Window 接口，添加 _ANTOM_SDK_PROXY_START_TIME 属性*/
+declare global {
+    interface Window {
+        _ANTOM_SDK_PROXY_START_TIME?: Partial<Record<EConstructorName, number>>;
+    }
+}
+export declare function setStartTime(constructorName: EConstructorName, startTime: number): number;

package/esm/loader/utils/setStartTime.js

@@ -0,0 +1,25 @@
+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); }
+/**
+ * 在window对象上记录商户初始化SDK的StartTime,
+ * 后续在renderComponent时传递给Web应用,用于进行端到端渲染总耗时计算
+ * ***/
+
+/*** 扩展 Window 接口，添加 _ANTOM_SDK_PROXY_START_TIME 属性*/
+
+/*** 往window对象上注入全局变量 _ANTOM_SDK_PROXY_START_TIME */
+function injectAntomSDKProxyStartTime() {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  if (_typeof(window._ANTOM_SDK_PROXY_START_TIME) !== 'object') {
+    window._ANTOM_SDK_PROXY_START_TIME = {};
+  }
+  return window._ANTOM_SDK_PROXY_START_TIME;
+}
+export function setStartTime(constructorName, startTime) {
+  injectAntomSDKProxyStartTime();
+  if (_typeof(window._ANTOM_SDK_PROXY_START_TIME) === 'object') {
+    window._ANTOM_SDK_PROXY_START_TIME[constructorName] = startTime;
+  }
+  return startTime;
+}

package/esm/util/integrationType.js

@@ -18,13 +18,11 @@ export function injectAntomSDKIntegrationType(integrationType) {
   // 参数验证
   var validTypes = ['CDN', 'NPM'];
   if (!validTypes.includes(integrationType)) {
-    console.warn("Integration type must be one of: ".concat(validTypes.join(', ')));
     return;
   }
 
   // 检查是否在浏览器环境中
   if (typeof window === 'undefined') {
-    console.warn('window object is not available');
     return;
   }
 
@@ -39,7 +37,6 @@ export function injectAntomSDKIntegrationType(integrationType) {
   logger.setMedta({
     integrationType: integrationType
   });
-  console.log("Successfully injected window._ANTOM_SDK_INTEGRATION_TYPE: ".concat(integrationType));
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1762138227-dev.7",
+  "version": "0.0.1762138227-dev.9",
   "description": "",
   "author": "",
   "main": "esm/index.js",
@@ -9,7 +9,7 @@
   "files": [
     "dist",
     "esm",
-    "ams-checkout.min.js",
+    "ams-checkout.js",
     "LEGAL.md",
     "LICENSE",
     "README.md"