@alipay/ams-checkout 0.0.1767075519-dev.0 → 0.0.1767873844-dev.0

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

@@ -23,8 +23,6 @@ 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 { ServiceProvider } from "../../../../foundation/service";
-import { ELEMENT_SPM_MAP } from "../../../../util/spm-map";
 import { cleanMockup, removeRetentionPopup } from "../../../../component/component.popup.style";
 import { destroyModal } from "../../../../component/popupWindow.style";
 import { ERRORMESSAGE, EVENT, PROMISE_CALLBACK_CODE } from "../../../../constant";
@@ -34,14 +32,16 @@ import PaymentProcessor from "../../../../core/component/element/elementProcesso
 import { IElementStatus } from "../../../../foundation";
 import { AntomSDKCore } from "../../../../foundation/core";
 import { ElementProcessor } from "../../../../foundation/product-processor/element";
+import { ServiceProvider } from "../../../../foundation/service";
+import { convertPaymentSession } from "../../../../foundation/utils/payment_context_utils";
 import { ProductSceneEnum } from "../../../../types";
+import { ELEMENT_SPM_MAP } from "../../../../util/spm-map";
 import { ElementContainerService } from "../elementContainerService"; // 引入 ElementContainerService
 import { IContainerStatus } from "../elementContainerService/containerService";
 import { EventCenter as ElementEventCenter } from "../EventCenter/index";
 import { oneAccountUpdate, sdkActionUpdate } from "../mock";
 import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode, EXPOSURE_API_EVENT, MountElementType, PaymentStatus } from "../type";
 import { checkCanMount, checkCanUpdate, handleRedirect, isLoadErrorPage, safeStringify, showToast } from "../util";
-import { convertPaymentSession } from "../../../../foundation/utils/payment_context_utils";
 var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
   function ElementController(options) {
@@ -89,13 +89,16 @@ var ElementController = /*#__PURE__*/function () {
     this.options = options;
     var _options = options;
     this.onStatusChangeCallback = _options === null || _options === void 0 ? void 0 : _options.onStatusChangeCallback;
+    // 初始化 this.elementContainer 的 status 为 INITING
     this.elementContainer = new AntomSDKCore();
     this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor());
+    // 初始化实例 id，监听 onRedirect 事件
     this.elementContainer.init(this.options, ProductSceneEnum.ELEMENT_PAYMENT);
     this.initService();
     this.elementContainerService = new ElementContainerService({
       instanceId: this.elementContainer.getInstanceId()
     });
+    // status 设置为 READY
     this.setControllerStatusOrView(IElementStatus.READY);
     this.elementEventCenter = new ElementEventCenter({
       logger: this.elementContainer.getServiceProvider().getService('Log')
@@ -205,6 +208,7 @@ var ElementController = /*#__PURE__*/function () {
     key: "initializeAndMountProcessor",
     value: function initializeAndMountProcessor(type, selector, options) {
       this.initElementProcessors(type);
+      // 创建 iframe，拉起应用页面，同时监听全局的数据更新和获取事件
       this.elementContainerService.mount({
         type: type,
         selector: selector,
@@ -241,6 +245,7 @@ var ElementController = /*#__PURE__*/function () {
     key: "mount",
     value: function mount(renderOptions, sdkSelector) {
       var _this2 = this;
+      // 此处的 id 是 sessionData && 分割的前3位
       var _convertPaymentSessio = convertPaymentSession(this.options.sessionData),
         sessionData = _convertPaymentSessio.id;
       var startEventId = this.elementEventCenter.registerEvent(EXPOSURE_API_EVENT.MOUNT, sessionData);
@@ -264,6 +269,7 @@ var ElementController = /*#__PURE__*/function () {
           return;
         }
         _this2.clearAndSetInitTimeout(readyCallback);
+        // 回调 loading 的 onStartLoading
         _this2.changeLoading(true);
         try {
           var startBizFlowData = {
@@ -272,10 +278,14 @@ var ElementController = /*#__PURE__*/function () {
               appendAliasContainerId: true
             })
           };
+          // status 设置为 IN_BIZ_FLOW
           _this2.setControllerStatusOrView(IElementStatus.IN_BIZ_FLOW);
           _this2.elementContainer.startBizFlow(startBizFlowData);
+          // 创建 iframe 加载应用页面
           _this2.initializeAndMountProcessor(renderOptions.type, sdkSelector, renderOptions);
+          // 监听应用页面 onLaunch 事件，请求 sdkAction.query 接口的数据，请求完成后处理数据异常情况或发送 renderComponent 事件及数据给应用层渲染页面内容
           _this2.sendRequestAndWaitWebLaunch(renderOptions, readyCallback);
+          // 监听事件
           _this2.addEventListener(readyCallback);
           _this2.serviceMap.EventCenter.addIFrame(_this2.elementContainerService.getContainerService(renderOptions.type).getContainerService().getWebApp());
         } catch (error) {
@@ -617,7 +627,10 @@ var ElementController = /*#__PURE__*/function () {
               return _context5.abrupt("return");
             case 7:
               _context5.next = 9;
-              return Promise.all([containerService.createWebLaunchPromise(), this.elementProcessors[type].obtainData()]);
+              return Promise.all([containerService.createWebLaunchPromise(),
+              // 监听 onLaunch 事件
+              this.elementProcessors[type].obtainData() // 请求 sdkAction.query 的数据，connect 还会请求 account.query
+              ]);
             case 9:
               _yield$Promise$all = _context5.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
@@ -626,12 +639,15 @@ var ElementController = /*#__PURE__*/function () {
               this.serviceMap.Log.logInfo({
                 title: 'sdk_event_webAppOnLaunch'
               });
+              // 应用页面加载完成且接口请求完成，状态设置为 READY
               containerService === null || containerService === void 0 || containerService.switchContainerStatus(IContainerStatus.READY);
+              // 处理接口数据异常情况，直接回调，结束流程
               errorResult = this.getErrorFromResponse(obtainDataResult);
               if (errorResult) {
-                // 仅结束resove，传出回调码
+                // 仅结束resolve，传出回调码
                 readyCallback(errorResult);
               }
+              // 页面加载和数据状态 READY 后，SDK 向应用层发送 renderComponent 事件，传递应用层渲染必须的数据
               if (this.areAllContainersReady()) {
                 this.elementContainerService.getContainerServices().forEach(function (_, key) {
                   _this5.sendReady(key, options);

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

@@ -1,5 +1,5 @@
-import { PaymentContext, SDKMetaData, Service } from '../../index';
 import { IoptionsParams } from '../../../types';
+import { PaymentContext, SDKMetaData, Service } from '../../index';
 import { LogExtra, LogMetaData, LogPayload } from './types';
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>

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

@@ -8,10 +8,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { EnvironmentEnum } from "../../../types";
-import { LogComplianceProcessor } from "./processor";
 import { isPC } from "../../../util";
-import { getStorageString, setStorageString } from "../../../util/storage";
 import { SPM_MAP } from "../../../util/spm-map";
+import { getStorageString, setStorageString } from "../../../util/storage";
+import { LogComplianceProcessor } from "./processor";
 
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>
@@ -185,14 +185,14 @@ export var LogService = /*#__PURE__*/function () {
     value: function loadScript(url, callback) {
       var _this3 = this;
       /*
-      * 如果宿主环境存在AMD加载器，通过直接创建script标签的方式加载会造成宿主环境报错：
-      * Message: Mismatched anonymous define() module
-      * 原因是直接通过script标签加载的模块如果没有定义模块名，会被AMD加载器认为是匿名模块，
-      * 而宿主环境中已经存在匿名模块，导致报错。
-      *
-      * TODO: 所有通过window.iTracker调用的方法都需要判断
-      *  是否是AMD环境，如果是，需要通过require加载获取iTracker实例
-      * */
+       * 如果宿主环境存在AMD加载器，通过直接创建script标签的方式加载会造成宿主环境报错：
+       * Message: Mismatched anonymous define() module
+       * 原因是直接通过script标签加载的模块如果没有定义模块名，会被AMD加载器认为是匿名模块，
+       * 而宿主环境中已经存在匿名模块，导致报错。
+       *
+       * TODO: 所有通过window.iTracker调用的方法都需要判断
+       *  是否是AMD环境，如果是，需要通过require加载获取iTracker实例
+       * */
       if (typeof window.define === 'function' && window.define.amd && typeof window.require === 'function') {
         var moduleId = 'antom_iTracker';
         try {
@@ -227,7 +227,12 @@ export var LogService = /*#__PURE__*/function () {
       script.onerror = function () {
         console.error("unable to load Antom script: ".concat(url));
       };
-      document.body.appendChild(script);
+      // CDN 方式接入 sdk，执行时机可能在 body 创建之前
+      if (document.body) {
+        document.body.appendChild(script);
+      } else if (document.head) {
+        document.head.appendChild(script);
+      }
     }
   }, {
     key: "initTracker",

package/esm/util/logger.js

@@ -220,7 +220,12 @@ export var Logger = /*#__PURE__*/function () {
       script.onerror = function () {
         console.error("unable to load Antom script: ".concat(url));
       };
-      document.body.appendChild(script);
+      // CDN 方式接入 sdk，执行时机可能在 body 创建之前
+      if (document.body) {
+        document.body.appendChild(script);
+      } else if (document.head) {
+        document.head.appendChild(script);
+      }
     }
   }, {
     key: "initTracker",

package/package.json

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