@alipay/ams-checkout 1.23.0 → 1.24.0

package/esm/foundation/service/event-center.js

@@ -0,0 +1,244 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 { v4 as uuid } from 'uuid';
+import { ERRORMESSAGE } from "../../constant";
+import { MessageName } from "../../types";
+import { isJsonString } from "../../util";
+import { getIframeOrigin, registerSystemEvents, unRegisterSystemEvents } from "../utils/system_events";
+
+/**
+ * @author 江跃 <jiangbin.gjb@antgroup.com>
+ * @date 2024/9/17
+ */
+export var EventCenter = /*#__PURE__*/function () {
+  function EventCenter() {
+    _classCallCheck(this, EventCenter);
+    _defineProperty(this, "events", void 0);
+    _defineProperty(this, "iframes", void 0);
+    this.events = new Map();
+    this.iframes = [];
+  }
+
+  /**
+   * Initializes the event center
+   */
+  _createClass(EventCenter, [{
+    key: "init",
+    value: function init() {
+      this.handleAppMessage = this.handleAppMessage.bind(this);
+      window.addEventListener('message', this.handleAppMessage);
+      registerSystemEvents(this);
+    }
+
+    /**
+     * Cleans up event listeners when the event center is destroyed.
+     */
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      window.removeEventListener('message', this.handleAppMessage);
+      this.iframes = [];
+      unRegisterSystemEvents(this);
+    }
+
+    /**
+     * Placeholder for future update logic.
+     */
+  }, {
+    key: "update",
+    value: function update() {
+      // TODO:
+    }
+
+    /**
+     * Sets the iframe container and its domain.
+     * @param iframe - The HTMLIFrameElement that serves as the container.
+     * @param domain - The domain of the app.
+     */
+  }, {
+    key: "addIFrame",
+    value: function addIFrame(iframe) {
+      this.iframes.push({
+        ref: iframe,
+        origin: getIframeOrigin(iframe)
+      });
+    }
+  }, {
+    key: "removeIFrame",
+    value: function removeIFrame(iframe) {
+      var index = this.iframes.findIndex(function (item) {
+        return item.origin === getIframeOrigin(iframe);
+      });
+      if (index !== -1) {
+        this.iframes.splice(index, 1);
+      }
+    }
+
+    /**
+     * Handles messages received from the app.
+     * @param e - The message event.
+     */
+  }, {
+    key: "handleAppMessage",
+    value: function handleAppMessage(e) {
+      var _e$data;
+      // console.log('sdk received message:', e);
+      if (!this.iframes.some(function (iframe) {
+        return iframe.origin === e.origin;
+      })) return;
+      if (((_e$data = e.data) === null || _e$data === void 0 ? void 0 : _e$data.source) === 'react-devtools-content-script') {
+        return; // Ignore messages from React DevTools
+      }
+      var isJson = isJsonString(e.data);
+      if (isJson) {
+        var _eventPayload = JSON.parse(e.data);
+        console.log('handleAppMessage', _eventPayload);
+        if (_eventPayload.name !== MessageName.APP_TO_SDK) {
+          return;
+        }
+        this._handleAppMessage(_eventPayload);
+      } else {
+        console.warn(ERRORMESSAGE.NOT_JSON_FORMAT);
+        // TODO: 异常上报
+      }
+    }
+
+    /**
+     * Processes the application message and emits the associated event.
+     * @param data - Parsed EventPayload from the app.
+     */
+  }, {
+    key: "_handleAppMessage",
+    value: function _handleAppMessage(eventPayload) {
+      var context = eventPayload.context;
+      var event = context.event,
+        data = context.data;
+      this.emit(event, data, eventPayload);
+    }
+
+    /**
+     * Listens to an event by adding a callback function.
+     * @param name - The name of the event to listen for.
+     * @param func - The callback function to execute when the event is emitted.
+     */
+  }, {
+    key: "listen",
+    value: function listen(name, func) {
+      var eventList = this.events.get(name) || [];
+      eventList.push({
+        func: func
+      });
+      this.events.set(name, eventList);
+    }
+
+    /**
+     * Unsubscribes from an event. If a function is provided, only that function is removed.
+     * @param name - The name of the event to unlisten to.
+     * @param func - The optional callback function to remove.
+     */
+  }, {
+    key: "unlisten",
+    value: function unlisten(name, func) {
+      if (func) {
+        if (this.events.has(name)) {
+          var eventList = this.events.get(name);
+          eventList = eventList.filter(function (item) {
+            return item.func !== func;
+          });
+          this.events.set(name, eventList);
+        }
+      } else {
+        this.events.delete(name);
+      }
+    }
+
+    /**
+     * Emits an event, executing all associated callback functions.
+     * @param name - The name of the event to emit.
+     * @param data - The event data to pass to the event listeners.
+     */
+  }, {
+    key: "emit",
+    value: function emit(name, data, eventPayload) {
+      if (this.events.has(name)) {
+        var eventList = this.events.get(name);
+        eventList.forEach(function (item) {
+          item.func(data, eventPayload);
+        });
+      }
+    }
+
+    /**
+     * Registers a callback for an event and immediately dispatches the event to the app.
+     * @param payloadContext - The context containing event information and callback ID.
+     * @param func - The callback function to execute when the event is emitted.
+     */
+  }, {
+    key: "emitAndListen",
+    value: function emitAndListen(payloadContext, func) {
+      if (!payloadContext.eventCallbackId) {
+        payloadContext.eventCallbackId = uuid();
+      }
+      this.listen(payloadContext.eventCallbackId, func);
+      this.dispatchToApp(payloadContext);
+    }
+  }, {
+    key: "queryParse",
+    value: function queryParse(url) {
+      var qs = {};
+      var urlString = url;
+      if (!urlString) {
+        urlString = window.location.href;
+      }
+      urlString.replace(/([^?=&#]+)(=([^&#]*))?/g, function (_$0, $1, _$2, $3) {
+        if ($3 === undefined) {
+          return '';
+        }
+        qs[$1] = decodeURIComponent($3);
+        return qs[$1];
+      });
+      return qs;
+    }
+
+    /**
+     * Dispatches the event payload to the app via postMessage.
+     * @param payloadContext - The context containing event to be dispatched.
+     */
+  }, {
+    key: "dispatchToApp",
+    value: function dispatchToApp(payloadContext) {
+      var _this$iframes,
+        _this = this;
+      var data = {
+        name: MessageName.SDK_TO_APP,
+        context: payloadContext
+      };
+      console.log('dispatchToApp');
+      (_this$iframes = this.iframes) === null || _this$iframes === void 0 || _this$iframes.forEach(function (iframe) {
+        var _iframe$origin;
+        if (!iframe.ref.contentWindow) {
+          console.warn('get app contentWindow error', iframe);
+          return;
+        }
+        var _ref = _this.queryParse(iframe.ref.src) || {},
+          instanceId = _ref.instanceId;
+        iframe.ref.contentWindow.postMessage(JSON.stringify(_objectSpread(_objectSpread({}, data), {}, {
+          instanceId: instanceId
+        })), (_iframe$origin = iframe.origin) !== null && _iframe$origin !== void 0 ? _iframe$origin : '*');
+      });
+    }
+  }, {
+    key: "isExist",
+    value: function isExist(name) {
+      return this.events.has(name);
+    }
+  }]);
+  return EventCenter;
+}();

package/esm/foundation/service/global-data/index.d.ts

@@ -0,0 +1,11 @@
+import { IOptionsParams } from "../../../types";
+import { Service } from "../../index";
+export declare class GlobalDataService implements Service {
+    private globalData;
+    init(initOptions: IOptionsParams, instanceId: string): void;
+    destroy(): void;
+    update(): void;
+    getGlobalData(dataKey: string): any;
+    setGlobalData(dataKey: string, data: any): void;
+    clearGlobalData(): void;
+}

package/esm/foundation/service/global-data/index.js

@@ -0,0 +1,69 @@
+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 { ServiceProvider } from "../index";
+import { EVENT } from "../../../constant";
+export var GlobalDataService = /*#__PURE__*/function () {
+  function GlobalDataService() {
+    _classCallCheck(this, GlobalDataService);
+    _defineProperty(this, "globalData", new Map());
+  }
+  _createClass(GlobalDataService, [{
+    key: "init",
+    value: function init(initOptions, instanceId) {
+      var _this = this;
+      // add capability to EventCenter
+      var eventCenter = ServiceProvider.getInstance(instanceId).getService('EventCenter');
+      eventCenter.listen(EVENT.getGlobalData.name, function (payload) {
+        var _payload$context, _payload$context2, _payload$context3, _payload$context4;
+        if (!((_payload$context = payload.context) !== null && _payload$context !== void 0 && _payload$context.eventCallbackId) || !((_payload$context2 = payload.context) !== null && _payload$context2 !== void 0 && (_payload$context2 = _payload$context2.data) !== null && _payload$context2 !== void 0 && _payload$context2.dataKey)) {
+          return;
+        }
+        var targetData = _this.globalData.get((_payload$context3 = payload.context) === null || _payload$context3 === void 0 || (_payload$context3 = _payload$context3.data) === null || _payload$context3 === void 0 ? void 0 : _payload$context3.dataKey);
+        eventCenter.dispatchToApp({
+          event: 'appEventCallback',
+          eventCallbackId: (_payload$context4 = payload.context) === null || _payload$context4 === void 0 ? void 0 : _payload$context4.eventCallbackId,
+          data: targetData
+        });
+      });
+      eventCenter.listen(EVENT.setGlobalData.name, function (payload) {
+        var _payload$context5, _payload$context6, _payload$context$data, _payload$context$data2;
+        if (!((_payload$context5 = payload.context) !== null && _payload$context5 !== void 0 && (_payload$context5 = _payload$context5.data) !== null && _payload$context5 !== void 0 && _payload$context5.dataKey) || !((_payload$context6 = payload.context) !== null && _payload$context6 !== void 0 && (_payload$context6 = _payload$context6.data) !== null && _payload$context6 !== void 0 && _payload$context6.data)) {
+          return;
+        }
+        _this.globalData.set((_payload$context$data = payload.context.data) === null || _payload$context$data === void 0 ? void 0 : _payload$context$data.dataKey, (_payload$context$data2 = payload.context.data) === null || _payload$context$data2 === void 0 ? void 0 : _payload$context$data2.data);
+      });
+
+      // register
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.globalData.clear();
+    }
+  }, {
+    key: "update",
+    value: function update() {}
+  }, {
+    key: "getGlobalData",
+    value: function getGlobalData(dataKey) {
+      var targetData = this.globalData.get(dataKey);
+      return targetData;
+    }
+  }, {
+    key: "setGlobalData",
+    value: function setGlobalData(dataKey, data) {
+      this.globalData.set(dataKey, data);
+    }
+  }, {
+    key: "clearGlobalData",
+    value: function clearGlobalData() {
+      this.globalData = new Map();
+    }
+  }]);
+  return GlobalDataService;
+}();

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

@@ -0,0 +1,19 @@
+import { IOptionsParams } from '../../types';
+import { PaymentContext, SDKMetaData, Service } from '../index';
+/**
+ * @author 谦彧 <zhangmian.zm@alipay.com>
+ * @date 2024/9/17
+ */
+export type ServiceName = 'Container' | 'EventCenter' | 'Log' | 'ApiBusManager' | 'Requester' | 'Security' | 'GlobalData';
+export declare class ServiceProvider {
+    private static ProvidersMapping;
+    static getInstance(instanceId: string): ServiceProvider;
+    private readonly instanceId;
+    private services;
+    private extendServices;
+    private constructor();
+    init(initOptions: IOptionsParams, sdkMetaData: SDKMetaData): void;
+    update(paymentContext: PaymentContext): void;
+    getService<T>(serviceName: ServiceName): T;
+    registerService(serviceName: string, service: Service): void;
+}

package/esm/foundation/service/index.js

@@ -0,0 +1,82 @@
+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 { ContainerService } from "./container/index";
+import { LogService } from "./log";
+import { EventCenter } from "./event-center";
+import { RequesterService } from "./requester/requester";
+import { SecurityService } from "./security";
+import { ApiBusManagerService } from "./event-bus";
+import { GlobalDataService } from "./global-data";
+
+/**
+ * @author 谦彧 <zhangmian.zm@alipay.com>
+ * @date 2024/9/17
+ */
+
+export var ServiceProvider = /*#__PURE__*/function () {
+  function ServiceProvider(instanceId) {
+    _classCallCheck(this, ServiceProvider);
+    _defineProperty(this, "instanceId", void 0);
+    _defineProperty(this, "services", {
+      Log: new LogService(),
+      ApiBusManager: new ApiBusManagerService(),
+      Requester: new RequesterService(),
+      Container: new ContainerService(),
+      Security: new SecurityService(),
+      EventCenter: new EventCenter(),
+      GlobalData: new GlobalDataService()
+    });
+    _defineProperty(this, "extendServices", {});
+    this.instanceId = instanceId;
+  }
+  _createClass(ServiceProvider, [{
+    key: "init",
+    value: function init(initOptions, sdkMetaData) {
+      this.services['Log'].init(initOptions, this.instanceId, sdkMetaData);
+      this.services['ApiBusManager'].init(initOptions, this.instanceId, sdkMetaData);
+      this.services['Requester'].init(initOptions, this.instanceId, sdkMetaData);
+      this.services['Container'].init(initOptions, this.instanceId, sdkMetaData);
+      this.services['Security'].init(initOptions, this.instanceId, sdkMetaData);
+      this.services['EventCenter'].init(initOptions, this.instanceId, sdkMetaData);
+      this.services['GlobalData'].init(initOptions, this.instanceId, sdkMetaData);
+    }
+  }, {
+    key: "update",
+    value: function update(paymentContext) {
+      for (var serviceName in this.services) {
+        this.services[serviceName].update(paymentContext);
+      }
+      for (var _serviceName in this.extendServices) {
+        this.extendServices[_serviceName].update(paymentContext);
+      }
+    }
+  }, {
+    key: "getService",
+    value: function getService(serviceName) {
+      if (this.extendServices[serviceName]) {
+        return this.extendServices[serviceName];
+      }
+      return this.services[serviceName];
+    }
+  }, {
+    key: "registerService",
+    value: function registerService(serviceName, service) {
+      this.extendServices[serviceName] = service;
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance(instanceId) {
+      if (!ServiceProvider.ProvidersMapping[instanceId]) {
+        ServiceProvider.ProvidersMapping[instanceId] = new ServiceProvider(instanceId);
+      }
+      return ServiceProvider.ProvidersMapping[instanceId];
+    }
+  }]);
+  return ServiceProvider;
+}();
+_defineProperty(ServiceProvider, "ProvidersMapping", {});

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

@@ -0,0 +1,43 @@
+import { PaymentContext, SDKMetaData, Service } from '../../index';
+import { IOptionsParams } from '../../../types';
+import { LogExtra, LogMetaData, LogPayload } from './types';
+/**
+ * @author 谦彧 <zhangmian.zm@alipay.com>
+ * @date 2024/9/18
+ */
+interface Config {
+    scriptUrl: string;
+    spmConfig: object;
+    appId: string;
+    server?: string;
+    bizType: string;
+    batchCount: number;
+    productId: string;
+    mdata?: LogMetaData;
+    version?: string;
+}
+export declare class LogService implements Service {
+    private instanceId;
+    private logs;
+    private config;
+    private debug;
+    private componentStartTime;
+    private isLoaded;
+    private trackId;
+    constructor();
+    init(initOptions: IOptionsParams, instanceId: string, sdkMetaData: SDKMetaData): void;
+    update(paymentContext: PaymentContext): void;
+    destroy(): void;
+    setMetaData(metaData: LogMetaData): void;
+    getLogConfig(): Config;
+    logError(error: LogPayload, extra?: LogExtra): LogService;
+    logInfo(info: LogPayload, extra?: LogExtra): LogService;
+    log(type: string, payload: any, extra?: LogExtra): LogService;
+    private reportLogs;
+    private loadScript;
+    private initTracker;
+    send(): void;
+    setComponentStartTime(val: number): void;
+    getComponentStartTime(): number;
+}
+export {};