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

package/esm/loader/constant.d.ts

@@ -0,0 +1,33 @@
+import type { AMSCashierPayment, AMSEasyPay, AMSElement } from '../main';
+declare global {
+    interface Window {
+        AMSCashierPayment?: typeof AMSCashierPayment;
+        AMSElement?: typeof AMSElement;
+        AMSEasyPay?: typeof AMSEasyPay;
+    }
+}
+/**
+ * 产品类型
+ */
+export type ProductType = AMSCashierPayment | AMSEasyPay | AMSElement;
+/**
+ * 产品构造函数
+ */
+export type ProductConstructor = typeof AMSCashierPayment | typeof AMSEasyPay | typeof AMSElement;
+/**
+ * 产品构造函数名称枚举
+ */
+export declare enum EConstructorName {
+    AMSCashierPayment = "AMSCashierPayment",
+    AMSEasyPay = "AMSEasyPay",
+    AMSElement = "AMSElement"
+}
+export declare const instanceApiMap: Record<EConstructorName, string[]>;
+/**
+ * SDK 集成类型枚举
+ */
+export type AntomWebSDKIntegrationType = 'CDN' | 'NPM';
+export declare const SDK_URL: {
+    DEV: string;
+    PROD: string;
+};

package/esm/loader/constant.js

@@ -0,0 +1,35 @@
+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 _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); }
+/**
+ * 产品类型
+ */
+
+/**
+ * 产品构造函数
+ */
+
+/**
+ * 产品构造函数名称枚举
+ */
+export var EConstructorName = /*#__PURE__*/function (EConstructorName) {
+  EConstructorName["AMSCashierPayment"] = "AMSCashierPayment";
+  EConstructorName["AMSEasyPay"] = "AMSEasyPay";
+  EConstructorName["AMSElement"] = "AMSElement";
+  return EConstructorName;
+}({});
+
+// 这里维护各产品实例需要拦截的api列表,部分场景需要使用 (1.Polyfill需要预定义需要拦截的属性)
+export var instanceApiMap = _defineProperty(_defineProperty(_defineProperty({}, EConstructorName.AMSCashierPayment, ['canMakePayments', 'createComponent', 'preloadComponent', 'mountComponent', 'submit']), EConstructorName.AMSEasyPay, ['createComponent', 'unmount']), EConstructorName.AMSElement, ['updatePayment', 'mount', 'submitPayment', 'destroy']);
+
+/**
+ * SDK 集成类型枚举
+ */
+
+// TODO SDK 地址
+export var SDK_URL = {
+  DEV: 'https://sdk-dev.marmot-cloud.com/package/ams-checkout/dev-1753362745/dist/umd/ams-checkout.min.js',
+  // marmot测试用sdk地址 待正式上线前替换
+  PROD: 'https://er-test.marmot-cloud.com/1.0.0/dist/umd/ams-checkout.min.js'
+};

package/esm/loader/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 业务中间层
+ * 1.用于加载SDK & 实例化真实实例对象
+ * 2.解耦Proxy层与Wrapper层
+ * 3.预留给业务定制逻辑
+ * 4.类型适配
+ */
+import { AMSCashierPayment, AMSEasyPay, AMSElement } from '../main';
+interface AMSCashierPaymentWrapper extends AMSCashierPayment {
+}
+interface AMSEasyPayWrapper extends AMSEasyPay {
+}
+interface AMSElementWrapper extends AMSElement {
+}
+declare const AMSCashierPaymentWrapper: typeof AMSCashierPayment;
+declare const AMSEasyPayWrapper: typeof AMSEasyPay;
+declare const AMSElementWrapper: typeof AMSElement;
+export { AMSCashierPaymentWrapper, AMSEasyPayWrapper, AMSElementWrapper };

package/esm/loader/index.js

@@ -0,0 +1,23 @@
+/**
+ * 业务中间层
+ * 1.用于加载SDK & 实例化真实实例对象
+ * 2.解耦Proxy层与Wrapper层
+ * 3.预留给业务定制逻辑
+ * 4.类型适配
+ */
+
+import { AMSCashierPayment, AMSEasyPay } from "../main";
+import { EConstructorName } from "./constant";
+import { createBaseProxy } from "./Proxy";
+
+// 合并接口声明,让各Wrapper既是类型又是值,模拟class
+
+// 真实创建proxy类
+var AMSCashierPaymentWrapper = createBaseProxy(EConstructorName.AMSCashierPayment);
+var AMSEasyPayWrapper = createBaseProxy(EConstructorName.AMSEasyPay);
+var AMSElementWrapper = createBaseProxy(EConstructorName.AMSElement);
+
+// 由于preload是静态方法, 需要直接挂载到构造函数上，这里不进行代理直接进行调用
+AMSCashierPaymentWrapper.preload = AMSCashierPayment.preload;
+AMSEasyPayWrapper.preload = AMSEasyPay.preload;
+export { AMSCashierPaymentWrapper, AMSEasyPayWrapper, AMSElementWrapper };

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

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

package/esm/loader/utils/common.js

@@ -0,0 +1,53 @@
+import { logger } from "./logger";
+
+/**
+ * 检测浏览器是否兼容Proxy对象
+ */
+export function supportsProxy() {
+  try {
+    // 检查 Proxy 构造函数是否存在
+    if (typeof Proxy === 'undefined') {
+      return false;
+    }
+
+    // 尝试创建一个简单的 Proxy
+    var testProxy = new Proxy({}, {
+      get: function get() {
+        return 'test';
+      }
+    });
+
+    // 测试 Proxy 是否正常工作
+    return (testProxy === null || testProxy === void 0 ? void 0 : testProxy.anyProperty) === 'test';
+  } catch (e) {
+    return false;
+  }
+}
+
+/**
+ * @description 尝试调用window.tracker上报m5性能数据
+ * @param options 自定义性能埋点 m1-m20,  m1-资源加载耗时，m2-首屏数据请求耗时，m3-首屏数据请求完成耗时，m4-首屏渲染完成耗时
+ */
+export var reportCustomizedPerformance = function reportCustomizedPerformance(options) {
+  var retryCount = 0;
+  var maxRetries = 5;
+  var intervalId = setInterval(function () {
+    var _window;
+    retryCount++;
+    if ((_window = window) !== null && _window !== void 0 && _window.tracker) {
+      var _window2;
+      (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.tracker) === null || _window2 === void 0 || _window2.reportCustomizedPerformanceData(options);
+      clearInterval(intervalId);
+      return;
+    }
+    if (retryCount >= maxRetries) {
+      clearInterval(intervalId);
+      logger.logError({
+        title: 'report_customized_performance_error'
+      }, {
+        options: options
+      });
+      return;
+    }
+  }, 3000);
+};

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

@@ -0,0 +1,7 @@
+export type DebugProps = {
+    debugMode?: boolean;
+    showLogger?: boolean;
+    sdkUrl?: string;
+};
+export declare const setDebugContext: (props?: DebugProps) => void;
+export declare const getDebugContext: () => DebugProps;

package/esm/loader/utils/debugger.js

@@ -0,0 +1,15 @@
+/**
+ * 全局debug上下文
+ * */
+import { SDK_URL } from "../constant";
+var debugContext = {
+  debugMode: false,
+  showLogger: true,
+  sdkUrl: SDK_URL.PROD // 默认为prod url
+};
+export var setDebugContext = function setDebugContext(props) {
+  Object.assign(debugContext, props || {});
+};
+export var getDebugContext = function getDebugContext() {
+  return debugContext;
+};

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

@@ -0,0 +1,3 @@
+import { EConstructorName, ProductType } from '../constant';
+export declare function loadSdk(): Promise<boolean>;
+export declare function newActualInstance<T extends ProductType>(constructorName: EConstructorName, newProps: any): T | null;

package/esm/loader/utils/loadSDK.js

@@ -0,0 +1,75 @@
+import { SDK_URL } from "../constant";
+import { getDebugContext } from "./debugger";
+import { consoleLogger, logger } from "./logger";
+export function loadSdk() {
+  return new Promise(function (resolve, reject) {
+    // 获取src
+    var sdkSrc = SDK_URL.PROD;
+
+    // debug模式动态传入sdkUrl
+    var debugContext = getDebugContext();
+    if ((debugContext === null || debugContext === void 0 ? void 0 : debugContext.debugMode) === true) {
+      sdkSrc = (debugContext === null || debugContext === void 0 ? void 0 : debugContext.sdkUrl) || SDK_URL.PROD;
+    }
+
+    // 检查 SDK URL 是否存在
+    if (!sdkSrc) {
+      consoleLogger.error("SDK URL not found for: ".concat(sdkSrc));
+      reject(false);
+      return;
+    }
+
+    // 检查是否已经加载过该脚本
+    var existingScript = document.querySelector("script[src=\"".concat(sdkSrc, "\"]"));
+    if (existingScript) {
+      consoleLogger.log("SDK already loaded: ".concat(sdkSrc));
+      resolve(true);
+      return;
+    }
+
+    // 注入脚本到html
+    var script = document.createElement('script');
+    script.src = sdkSrc;
+    document.head.appendChild(script);
+
+    // 定义onload和onerror事件
+    script.onload = function () {
+      consoleLogger.log("Load SDK Success , SDK URL: ".concat(sdkSrc));
+      resolve(false);
+    };
+    script.onerror = function () {
+      consoleLogger.log("Failed to load SDK: ".concat(sdkSrc));
+      logger.logError({
+        title: 'load_sdk_resource_error'
+      }, {
+        sdkSrc: sdkSrc
+      });
+      reject(false);
+    };
+  });
+}
+export function newActualInstance(constructorName, newProps) {
+  try {
+    var _window;
+    // 获取构造函数
+    if (!constructorName) {
+      consoleLogger.error("Load SDK failed: constructorName not found, please check constructorName: ".concat(constructorName));
+      logger.logError({
+        title: 'load_constructor_resource_error'
+      }, {
+        constructorName: constructorName
+      });
+      return null;
+    }
+    var Constructor = (_window = window) === null || _window === void 0 ? void 0 : _window[constructorName];
+    if (!Constructor) {
+      consoleLogger.error("".concat(constructorName, " not found after SDK load"));
+    }
+
+    // 实例化对象
+    return new Constructor(newProps);
+  } catch (error) {
+    consoleLogger.error('Load SDK failed:', error);
+    return null;
+  }
+}

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

@@ -0,0 +1,10 @@
+import { Logger } from '../../util/logger';
+export declare class ConsoleLogger {
+    show: boolean;
+    constructor(options: any);
+    log(message: string, ...args: any[]): void;
+    warn(message: string, ...args: any[]): void;
+    error(message: string, ...args: any[]): void;
+}
+export declare const consoleLogger: ConsoleLogger;
+export declare const logger: Logger;

package/esm/loader/utils/logger.js

@@ -0,0 +1,59 @@
+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 _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 { LogConfig, Logger } from "../../util/logger";
+import { getDebugContext } from "./debugger";
+export var ConsoleLogger = /*#__PURE__*/function () {
+  function ConsoleLogger(options) {
+    _classCallCheck(this, ConsoleLogger);
+    _defineProperty(this, "show", false);
+    this.show = options.show;
+  }
+  _createClass(ConsoleLogger, [{
+    key: "log",
+    value: function log(message) {
+      var _console;
+      if (!this.show) return;
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      (_console = console).log.apply(_console, ["[sdk-loader] ".concat(message)].concat(args));
+    }
+  }, {
+    key: "warn",
+    value: function warn(message) {
+      var _console2;
+      if (!this.show) return;
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      (_console2 = console).warn.apply(_console2, ["[sdk-loader] ".concat(message)].concat(args));
+    }
+  }, {
+    key: "error",
+    value: function error(message) {
+      var _console3;
+      if (!this.show) return;
+      for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+        args[_key3 - 1] = arguments[_key3];
+      }
+      (_console3 = console).error.apply(_console3, ["[sdk-loader] ".concat(message)].concat(args));
+    }
+  }]);
+  return ConsoleLogger;
+}();
+
+// consoleLogger仅用于控制台打印
+var _getDebugContext = getDebugContext(),
+  debugMode = _getDebugContext.debugMode,
+  showLogger = _getDebugContext.showLogger;
+export var consoleLogger = new ConsoleLogger({
+  show: debugMode ? showLogger : true
+});
+
+// SPM日志上报用logger 先全部收口到这里,后续loader单独拆包后进行解耦
+export var logger = new Logger(LogConfig, true);

package/esm/main.d.ts

@@ -0,0 +1,45 @@
+import { AddressComponent } from './core/component/address';
+import { ElementComponent } from './core/component/element';
+import { AMSComponent } from './core/component/index';
+import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IoptionsParams, IPreloadOptions } from './types';
+export { AMSCheckoutPage } from './core/component/ckp';
+export * from './types';
+export declare class AMSCheckout extends AMSComponent {
+    constructor(_options: IoptionsParams, channelType?: ComponentSignEnum[], productSceneVersion?: string);
+}
+export declare class AMSAutoDebitPay extends AMSCheckout {
+    constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
+}
+export declare class AMSCashierPayment extends AMSCheckout {
+    constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
+}
+export declare class AMSVaulting extends AMSCheckout {
+    constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
+}
+export declare class AntomElement extends AMSCheckout {
+    constructor(options: IoptionsParams);
+}
+export declare class AddressElement extends AddressComponent {
+    constructor(options: IoptionsAddressParams);
+}
+export declare class AMSElement extends ElementComponent {
+    constructor(options: IElementOptions);
+}
+export declare class AMSEasyPay {
+    private core;
+    constructor(options: IoptionsParams);
+    static preload(options?: IPreloadOptions): void;
+    createComponent(params: IcreateComponent): void;
+    unmount(): void;
+}
+export declare class AMSAutoDebit {
+    private core;
+    constructor(options: IoptionsParams);
+    createComponent(params: IcreateComponent): Promise<void>;
+    unmount(): void;
+    static preload(options?: IPreloadOptions): void;
+}
+export default AMSCheckout;