@alipay/ams-checkout 0.0.1703483942-dev.10 → 0.0.1703483942-dev.12

package/esm/constant/index.d.ts

@@ -164,6 +164,9 @@ export declare const EVENT: {
     getUserAgentFromSdk: {
         name: string;
     };
+    appHeartBeat: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";
@@ -179,5 +182,7 @@ export declare const AMSPOPUP_PREFIX = "ams-popup";
 export declare const LOADTIME_LIMIT = 15000;
 export declare const POPUP_LOADTIME_LOG_LIMIT = 3000;
 export declare const ANIMATION_TIME = 300;
+export declare const TIMEOUT_WEB_APP_HEART_BEAT = 6000;
+export declare const TIME_DELAY_SEND_HEART_BEAT = 1000;
 export declare const closeImg = "https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg";
 export declare const LOADINGIMG = "data:image/png;base64,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";

package/esm/constant/index.js

@@ -163,6 +163,9 @@ export var EVENT = {
   },
   getUserAgentFromSdk: {
     name: 'getUserAgentFromSdk'
+  },
+  appHeartBeat: {
+    name: 'appHeartBeat'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';
@@ -179,5 +182,7 @@ export var AMSPOPUP_PREFIX = 'ams-popup';
 export var LOADTIME_LIMIT = 15000;
 export var POPUP_LOADTIME_LOG_LIMIT = 3000;
 export var ANIMATION_TIME = 300;
+export var TIMEOUT_WEB_APP_HEART_BEAT = 6000;
+export var TIME_DELAY_SEND_HEART_BEAT = 1000;
 export var closeImg = 'https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg';
 export var LOADINGIMG = 'data:image/png;base64,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';

package/esm/core/component/index.js

@@ -221,6 +221,9 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
               data: data
             }
           });
+          _this4.logger.logError({
+            title: 'sdk_event_apiSubmit'
+          });
         } catch (error) {
           reject(error);
         }

package/esm/plugin/component/index.d.ts

@@ -24,6 +24,8 @@ export default class ComponentApp {
     private _renderDisplayType;
     private _multipleCallbackEvents;
     _merchantAppointParam: IMerchantAppointParam;
+    private _webAppHeartBeatTimeoutId;
+    private _webAppHeartBeatTimeoutFn;
     constructor();
     /**
      * @description Cancel listening and destroy the dom
@@ -79,6 +81,9 @@ export default class ComponentApp {
     private handleRedirect;
     private handleDeclareInfo;
     private handleDeclarePopWindowCallback;
+    private handleAppHeartBeat;
+    private isAppAttached;
+    private isWindowVisible;
     private handleCloseBtnShow;
     /**
      * @description Send message to SDK

package/esm/plugin/component/index.js

@@ -17,7 +17,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT } from "../../constant";
+import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
@@ -51,6 +51,8 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_renderDisplayType", renderDisplayTypeEnum.popup);
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
+    _defineProperty(this, "_webAppHeartBeatTimeoutId", void 0);
+    _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
     this._appVersion = '1.9.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
@@ -313,6 +315,9 @@ var ComponentApp = /*#__PURE__*/function () {
       var _this4 = this;
       return new Promise(function (resolve, reject) {
         _this4._loadAppPromiseResolve = resolve;
+        _this4.AMSSDK.logger.logError({
+          title: 'sdk_event_webAppPreLoadStart'
+        });
         setTimeout(function () {
           reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
         }, loadTimeLimit !== null && loadTimeLimit !== void 0 ? loadTimeLimit : LOADTIME_LIMIT);
@@ -955,6 +960,10 @@ var ComponentApp = /*#__PURE__*/function () {
         this._multipleCallbackEvents = data.context.data;
         return;
       }
+      if (data.context.event === EVENT.appHeartBeat.name) {
+        this.handleAppHeartBeat();
+        return;
+      }
       if (data.context.event === EVENT.eventCallback.name) {
         this.AMSSDK.logger.logInfo({
           title: 'sdk_event_event_callback'
@@ -1021,6 +1030,7 @@ var ComponentApp = /*#__PURE__*/function () {
       if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
         var _document$getElementB3;
         (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 || _document$getElementB3.remove();
+        this.app.style.height = "".concat(data.context.data.height, "px");
       }
     }
   }, {
@@ -1131,6 +1141,56 @@ var ComponentApp = /*#__PURE__*/function () {
         console.log("not valid ".concat(eventInfoName, " in "), this._multipleCallbackEvents);
       }
     }
+  }, {
+    key: "handleAppHeartBeat",
+    value: function handleAppHeartBeat() {
+      var _this8 = this;
+      try {
+        if (!this._webAppHeartBeatTimeoutFn) {
+          this._webAppHeartBeatTimeoutFn = function () {
+            if (_this8.isAppAttached()) {
+              _this8.AMSSDK.logger.logError({
+                title: 'sdk_error_appHeartBeatTimeout'
+              });
+            }
+          };
+        }
+        if (this._webAppHeartBeatTimeoutId) {
+          clearTimeout(this._webAppHeartBeatTimeoutId);
+          this._webAppHeartBeatTimeoutId = null;
+        }
+        if (this._webAppHeartBeatTimeoutFn) {
+          this._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
+        }
+        setTimeout(function () {
+          if (_this8.isAppAttached()) {
+            _this8.dispatchToApp({
+              context: {
+                event: 'sdkHeartBeat',
+                data: {}
+              }
+            });
+          }
+        }, TIME_DELAY_SEND_HEART_BEAT);
+      } catch (error) {
+        this.AMSSDK.logger.logError({
+          title: 'sdk_error_handleAppHeartBeat'
+        }, {
+          errorMessage: error.message
+        });
+      }
+    }
+  }, {
+    key: "isAppAttached",
+    value: function isAppAttached() {
+      return this.app || this.popupApp;
+    }
+  }, {
+    key: "isWindowVisible",
+    value: function isWindowVisible() {
+      var _document;
+      return ((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) === 'visible';
+    }
   }, {
     key: "handleCloseBtnShow",
     value: function handleCloseBtnShow(showClose) {
@@ -1247,6 +1307,9 @@ var ComponentApp = /*#__PURE__*/function () {
                   }
                 }
               });
+              this.AMSSDK.logger.logInfo({
+                title: 'sdk_event_renderComponent'
+              });
               this.dispatchToApp({
                 context: {
                   event: 'web-sdk-performance',
@@ -1256,16 +1319,16 @@ var ComponentApp = /*#__PURE__*/function () {
                 }
               });
               // eslint-disable-next-line no-empty
-              _context8.next = 16;
+              _context8.next = 17;
               break;
-            case 14:
-              _context8.prev = 14;
+            case 15:
+              _context8.prev = 15;
               _context8.t0 = _context8["catch"](0);
-            case 16:
+            case 17:
             case "end":
               return _context8.stop();
           }
-        }, _callee8, this, [[0, 14]]);
+        }, _callee8, this, [[0, 15]]);
       }));
       function sendRenderEvent() {
         return _sendRenderEvent.apply(this, arguments);
@@ -1280,7 +1343,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "cleanContainer",
     value: function cleanContainer() {
       var _document$getElementB4,
-        _this8 = this;
+        _this9 = this;
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       this.AMSSDK.logger.logInfo({
         title: 'sdk_event_clean_component'
@@ -1295,7 +1358,7 @@ var ComponentApp = /*#__PURE__*/function () {
       this.app = null;
       if (immediately) this.cleanElement();else {
         setTimeout(function () {
-          _this8.cleanElement();
+          _this9.cleanElement();
         }, 300);
       }
     }
@@ -1355,8 +1418,8 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "submitForm",
     value: function submitForm(data) {
       var attributes = data.attributes;
-      var _document = document,
-        body = _document.body;
+      var _document2 = document,
+        body = _document2.body;
       var form = document.createElement('form');
       form.setAttribute('height', '1');
       form.setAttribute('width', '1');

package/esm/util/logger.d.ts

@@ -8,7 +8,7 @@ interface LogPayload {
     code?: string;
     traceId?: string;
 }
-type Extra = Record<string, string>;
+type Extra = Record<string, any>;
 export interface LogMetaData {
     platform?: string;
     sdkVersion?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1703483942-dev.10",
+  "version": "0.0.1703483942-dev.12",
   "description": "",
   "author": "",
   "main": "esm/index.js",