@alipay/ams-checkout 1.5.2 → 1.5.8

package/esm/config/request.js

@@ -12,8 +12,8 @@ var _queryParse = queryParse(),
   groupId = _queryParse.groupId,
   host = _queryParse.requestHost;
 export var requestHost = {
-  local: 'http://imgs-1164.gz00b.dev.alipay.net/mgw.htm',
-  dev: host || 'http://imgs-1164.gz00b.dev.alipay.net/mgw.htm',
+  local: 'http://imgs-6517.sggz00b.dev.alipay.net/mgw.htm',
+  dev: host || 'http://imgs-6517.sggz00b.dev.alipay.net/mgw.htm',
   sit: host || 'http://imgs-9.sggz00a.test.alipay.net/mgw.htm',
   pre: 'https://imgs-sea-pre.alipay.com/mgw.htm',
   prod: 'https://imgs-sea-global.alipay.com/mgw.htm',
@@ -22,7 +22,7 @@ export var requestHost = {
 export var clientId = '5J5Y8X4E2Y25GR00690';
 export var tntInstId = 'ALIPW3SG';
 export var appId = 'ANTOM_PAYMENT_WEB';
-export var sofaId = groupId || 'GROUP_20230523202227';
+export var sofaId = groupId || 'GROUP_20230913102142';
 export var hostSignMap = function hostSignMap(hostSign, env) {
   var map = {
     SG: 'https://imgs-sea-global.alipay.com/mgw.htm',

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

@@ -1,12 +1,5 @@
-/**
- * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
- * 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.
- */
 import ComponentApp from '../../plugin/component';
-import { IcreateComponent, IoptionsParams, Iselector } from '../../types';
+import { IcreateComponent, IoptionsParams, Iselector, Isubmit } from '../../types';
 import CoreInstance from '../instance/index';
 export declare class AMSComponent extends CoreInstance {
     _componentApp: ComponentApp;
@@ -15,17 +8,17 @@ export declare class AMSComponent extends CoreInstance {
     private pluginAppendIframe;
     /**
      * @description Create component application
-     * @param params - The data source created by the component, necessary paymentSessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
+     * @param params - The data source created by the component, necessary sessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
      */
     createComponent(params: IcreateComponent): Promise<void>;
     /**
      * @description Create and render components in the specified element area
-     * @param params - The data source created by the component, necessary paymentSessionData, necessary element selector IDs, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
+     * @param params - The data source created by the component, necessary sessionData, necessary element selector IDs, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
      */
     mountComponent(params: IcreateComponent, selector: Iselector): Promise<void>;
     /**
      * @description Execute payment submission process
      * @description - When using your own payment button, you can execute the submit payment process by actively calling this function.
      */
-    submit(): void;
+    submit(data?: Isubmit): Promise<unknown>;
 }

package/esm/core/component/index.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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; }
@@ -16,7 +16,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
@@ -25,7 +25,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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.
  */
-
+import { v4 as uuid } from 'uuid';
 import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import ComponentApp from "../../plugin/component";
 import { componentSignEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
@@ -41,12 +41,12 @@ var getComponentSign = function getComponentSign(params) {
     paymentMethodCategoryType = _params$paymentSessio4 === void 0 ? '' : _params$paymentSessio4;
   return productScene && paymentMethodCategoryType ? "".concat(productScene, "_").concat(paymentMethodCategoryType) : componentSignEnum.NONE;
 };
-var parsePaymentSessionData = function parsePaymentSessionData(paymentSessionData) {
+var parseSessionData = function parseSessionData(sessionData) {
   try {
-    return [JSON.parse(atob(paymentSessionData.split('&&')[3])), paymentSessionData.split('&&').slice(0, 3).join('&&')];
+    return [JSON.parse(atob(sessionData.split('&&')[3])), sessionData.split('&&').slice(0, 3).join('&&')];
   } catch (error) {
-    console.error('Parsing paymentSessionData is abnormal and may affect the payment link. Please ensure to use the new version of SDK.');
-    return [{}, paymentSessionData];
+    console.error('Parsing sessionData is abnormal and may affect the payment link. Please ensure to use the new version of SDK.');
+    return [{}, sessionData];
   }
 };
 
@@ -59,23 +59,23 @@ var resetEasyPaySceneVersion = function resetEasyPaySceneVersion(parseData) {
     }
   }
 };
-var handlePaymentSessionData = function handlePaymentSessionData(originPaymentSessionData) {
-  var _parsePaymentSessionD = parsePaymentSessionData(originPaymentSessionData),
-    _parsePaymentSessionD2 = _slicedToArray(_parsePaymentSessionD, 2),
-    parseData = _parsePaymentSessionD2[0],
-    paymentSessionData = _parsePaymentSessionD2[1];
+var handleSessionData = function handleSessionData(originSessionData) {
+  var _parseSessionData = parseSessionData(originSessionData),
+    _parseSessionData2 = _slicedToArray(_parseSessionData, 2),
+    parseData = _parseSessionData2[0],
+    sessionData = _parseSessionData2[1];
   resetEasyPaySceneVersion(parseData);
-  return [parseData, paymentSessionData];
+  return [parseData, sessionData];
 };
 var handleParams = function handleParams(params) {
   var _params = Object.assign({
     paymentSessionMetaData: {},
     renderDisplayType: renderDisplayTypeEnum.popup
   }, params);
-  var _handlePaymentSession = handlePaymentSessionData(_params.paymentSessionData),
-    _handlePaymentSession2 = _slicedToArray(_handlePaymentSession, 2),
-    parseData = _handlePaymentSession2[0],
-    paymentSessionData = _handlePaymentSession2[1];
+  var _handleSessionData = handleSessionData(_params.sessionData),
+    _handleSessionData2 = _slicedToArray(_handleSessionData, 2),
+    parseData = _handleSessionData2[0],
+    sessionData = _handleSessionData2[1];
   var componentSign = getComponentSign(parseData);
   if (componentSign === componentSignEnum.NONE) {
     // eslint-disable-next-line prefer-promise-reject-errors
@@ -84,7 +84,7 @@ var handleParams = function handleParams(params) {
       message: "Abnormal response data, interface failure, or unsupported payment method"
     });
   }
-  _params.paymentSessionData = paymentSessionData;
+  _params.sessionData = sessionData;
   _params.paymentSessionMetaData = parseData;
   return Promise.resolve({
     iframeNodesParams: _params,
@@ -119,7 +119,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         selector: selector,
         renderDisplayType: renderDisplayType
       }, params);
-      if (_params && !_params.paymentSessionData) {
+      if (_params && !_params.sessionData) {
         return Promise.reject(ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR);
       }
       if (this.options.networkMode === networkModeEnum.proxy) {
@@ -140,7 +140,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
 
     /**
      * @description Create component application
-     * @param params - The data source created by the component, necessary paymentSessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
+     * @param params - The data source created by the component, necessary sessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
      */
   }, {
     key: "createComponent",
@@ -160,7 +160,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     }
     /**
      * @description Create and render components in the specified element area
-     * @param params - The data source created by the component, necessary paymentSessionData, necessary element selector IDs, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
+     * @param params - The data source created by the component, necessary sessionData, necessary element selector IDs, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
      */
   }, {
     key: "mountComponent",
@@ -185,17 +185,26 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
      */
   }, {
     key: "submit",
-    value: function submit() {
-      try {
-        this._componentApp.dispatchToApp({
-          context: {
-            event: 'submitPay',
-            data: {}
-          }
-        });
-      } catch (error) {
-        console.error(error);
-      }
+    value: function submit(data) {
+      var _this4 = this;
+      return new Promise(function (resolve, reject) {
+        try {
+          var eventCallbackId = uuid();
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          _this4._eventCenter.once(eventCallbackId, function (_data) {
+            resolve(_data);
+          });
+          _this4._componentApp.dispatchToApp({
+            context: {
+              event: 'submitPay',
+              eventCallbackId: eventCallbackId,
+              data: data
+            }
+          });
+        } catch (error) {
+          reject(error);
+        }
+      });
     }
   }]);
   return AMSComponent;

package/esm/core/drop-in/index.d.ts

@@ -1,10 +1,3 @@
-/**
- * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
- * 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.
- */
 import { IcreatePaymentParams, IoptionsParams } from '../../types';
 export declare const mixinDropInConstructor: (options: IoptionsParams, context: any) => void;
 /**

package/esm/core/drop-in/index.js

@@ -8,7 +8,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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 { BASEPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import CheckoutApp from "../../plugin/drop-in";
 import { messageName, networkModeEnum } from "../../types";
@@ -49,8 +49,8 @@ export var createPayment = function createPayment(params) {
 export var confirmPayment = function confirmPayment(result) {
   var _this2 = this;
   return new Promise(function (resolve, reject) {
-    _this2.eventCenter.once('onRedirect', function (playload) {
-      _this2._redirect(playload).then(function () {
+    _this2.eventCenter.once('onRedirect', function (payload) {
+      _this2._redirect(payload).then(function () {
         resolve();
       }).catch(function (err) {
         reject(err);
@@ -73,21 +73,21 @@ export var confirmPayment = function confirmPayment(result) {
  */
 export var _subscribeFromCheckoutPlugin = function _subscribeFromCheckoutPlugin() {
   var _this3 = this;
-  var eventKeyMap = new Map([[EVENT.error.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.error.name, playload.context.data);
-  }], [EVENT.ready.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.ready.name, playload.context.data);
-  }], [EVENT.redirect.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.redirect.name, playload.context.data);
-  }], [EVENT.paymentMethodSelected.name, function (playload) {
-    _this3.checkoutState.paymentMethodType = playload.context.data.paymentMethodType;
+  var eventKeyMap = new Map([[EVENT.error.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.error.name, payload.context.data);
+  }], [EVENT.ready.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.ready.name, payload.context.data);
+  }], [EVENT.redirect.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.redirect.name, payload.context.data);
+  }], [EVENT.paymentMethodSelected.name, function (payload) {
+    _this3.checkoutState.paymentMethodType = payload.context.data.paymentMethodType;
     _this3.eventCenter.emit(EVENT.paymentMethodSelected.name, {
-      paymentMethodType: playload.context.data.paymentMethodType
+      paymentMethodType: payload.context.data.paymentMethodType
     });
-  }], [EVENT.sizeChanged.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.sizeChanged.name, playload.context.data);
-  }], [EVENT.log.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.log.name, playload.context.data);
+  }], [EVENT.sizeChanged.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.sizeChanged.name, payload.context.data);
+  }], [EVENT.log.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.log.name, payload.context.data);
   }]]);
   var _iterator = _createForOfIteratorHelper(eventKeyMap.keys()),
     _step;

package/esm/core/instance/index.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -15,6 +15,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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 { v4 as uuid } from 'uuid';
 import { ERRORMESSAGE, EVENT } from "../../constant";
 import { environmentEnum, modeEnum, networkModeEnum, osTypeEnum, terminalTypeEnum } from "../../types/index";

package/esm/index.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 _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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }

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

@@ -1,5 +1,6 @@
 import { componentSignEnum, Ianalytics } from '../../types';
-export declare const getAppPath: (environment: string | undefined, appVersion: string, componentSign: componentSignEnum, productSceneVersion: string, extendInfo: string) => any;
+import { renderDisplayTypeEnum } from '../../types/index';
+export declare const getAppPath: (environment: string, appVersion: string, componentSign: componentSignEnum, productSceneVersion: string, extendInfo: string) => any;
 export declare const getAppDomain: (domainParams: {
     environment: string;
     appVersion: string;
@@ -16,6 +17,7 @@ export declare const getIframeUrl: (iframeParams: {
     extendInfo: string;
     locale: string;
     instanceId: string;
+    renderDisplayType: renderDisplayTypeEnum;
 }) => string;
 /**
  * @description Create iframe

package/esm/plugin/component/cashierApp.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -22,7 +22,7 @@ var getAppVersion = function getAppVersion(_extendInfo) {
 };
 var getFinalProductSceneVersion = function getFinalProductSceneVersion(componentSign, productSceneVersion) {
   var _signSupportMap;
-  var signSupportMap = (_signSupportMap = {}, _defineProperty(_signSupportMap, componentSignEnum.NONE, ['']), _defineProperty(_signSupportMap, componentSignEnum.AUTO_DEBIT_WALLET, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CASHIER_PAYMENT_BANK, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CASHIER_PAYMENT_CARD, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.EASY_PAY_WALLET, ['1.0', '2.0']), _signSupportMap);
+  var signSupportMap = (_signSupportMap = {}, _defineProperty(_signSupportMap, componentSignEnum.NONE, ['']), _defineProperty(_signSupportMap, componentSignEnum.AUTO_DEBIT_WALLET, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CASHIER_PAYMENT_BANK, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CASHIER_PAYMENT_CARD, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.EASY_PAY_WALLET, ['1.0', '2.0']), _defineProperty(_signSupportMap, componentSignEnum.VAULTING_CARD, ['1.0']), _signSupportMap);
   var supportProductSceneVersion = signSupportMap[componentSign];
   // 从左到右，从旧到新
   var isSupport = supportProductSceneVersion.find(function (it) {
@@ -69,7 +69,8 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     appVersion = iframeParams.appVersion,
     extendInfo = iframeParams.extendInfo,
     locale = iframeParams.locale,
-    instanceId = iframeParams.instanceId;
+    instanceId = iframeParams.instanceId,
+    renderDisplayType = iframeParams.renderDisplayType;
   var path = getAppPath(environment, appVersion, componentSign, productSceneVersion, extendInfo || '');
   var initialScale = 1;
   var scale = getViewPort('initial-scale') || initialScale;
@@ -80,8 +81,10 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     requestHost = _queryParse$requestHo === void 0 ? '' : _queryParse$requestHo,
     _queryParse$groupId = _queryParse.groupId,
     groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
-    LOCAL_MOCK = _queryParse.LOCAL_MOCK;
+    LOCAL_MOCK = _queryParse.LOCAL_MOCK,
+    _displayType = _queryParse._displayType;
   var urlParams = Object.assign({}, {
+    displayType: renderDisplayType,
     locale: locale,
     scale: scale,
     instanceId: instanceId,
@@ -94,6 +97,7 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
   if (groupId) urlParams.groupId = groupId;
   if (environment === 'light_sandbox' || _light_sandbox === 'true') urlParams.sandbox = 'true';
   if (environment === 'sandbox' || _sandbox === 'true') urlParams.shadow = 'true';
+  if (_displayType) urlParams.displayType = _displayType;
   var locationSearch = serialize(urlParams);
   return "".concat(path, "?").concat(locationSearch);
 };

package/esm/plugin/component/component.inline.style.d.ts

@@ -8,4 +8,4 @@
 import { platformEnum } from '../../types';
 export declare const inlineComponentAddCss: () => void;
 export declare const addInlineLoading: (_selector: HTMLDivElement, platform: platformEnum) => void;
-export declare const createInlineBaseElement: (selector: string) => HTMLDivElement | undefined;
+export declare const createInlineBaseElement: (selector: string) => HTMLDivElement;

package/esm/plugin/component/component.popup.style.d.ts

@@ -1,6 +1,6 @@
 import { platformEnum } from '../../types';
 export declare const componentAddCSS: () => void;
-export declare const createBaseElement: (platform: platformEnum, closeBtnFunc: () => void) => HTMLDivElement | undefined;
+export declare const createBaseElement: (platform: platformEnum, closeBtnFunc: () => void) => HTMLDivElement;
 export declare const createCloseBtn: (platform: platformEnum, closeBtnFunc: () => void) => void;
 export declare const createRetentionPopup: (platform: platformEnum, remainBtnFunc: () => void, leaveBtnFunc: () => void) => void;
 export declare const hideRetentionPopup: () => void;

package/esm/plugin/component/component.popup.style.js

@@ -72,7 +72,7 @@ export var hideRetentionPopup = function hideRetentionPopup() {
     retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-hidden"));
     setTimeout(function () {
       retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-hidden"));
-      container === null || container === void 0 ? void 0 : container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
+      container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
     }, ANIMATION_TIME);
   }
 };
@@ -87,7 +87,7 @@ export var removeRetentionPopup = function removeRetentionPopup(platform, remain
   if (leaveBtn) {
     leaveBtn.removeEventListener(clickEventName, leaveBtnFunc);
   }
-  (_document$getElementB = document.getElementById(COMPONENT_RETENTION_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+  (_document$getElementB = document.getElementById(COMPONENT_RETENTION_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
 };
 export var createMockup = function createMockup() {
   var body = document.getElementsByTagName('body')[0];
@@ -106,13 +106,15 @@ export var createMockup = function createMockup() {
 };
 export var addPopupLoading = function addPopupLoading() {
   var loading = document.createElement('div');
-  loading === null || loading === void 0 ? void 0 : loading.classList.add(LOADING_ID);
+  loading === null || loading === void 0 || loading.classList.add(LOADING_ID);
   loading.id = LOADING_ID;
   loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
   loading.style.fontSize = "".concat(getDesignFontSize(), "px");
   var body = document.getElementsByTagName('body')[0];
-  body === null || body === void 0 ? void 0 : body.appendChild(loading);
+  body === null || body === void 0 || body.appendChild(loading);
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var handleDeclareInfo = function handleDeclareInfo(_ref) {
   var _ref$closeDialogData = _ref.closeDialogData,
     closeDialogData = _ref$closeDialogData === void 0 ? {} : _ref$closeDialogData;
@@ -121,40 +123,40 @@ export var handleDeclareInfo = function handleDeclareInfo(_ref) {
       var retentionTitle = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-title"));
       if (retentionTitle) {
         var _closeDialogData$titl, _closeDialogData$titl2, _closeDialogData$titl3;
-        retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px");
-        retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor;
-        retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text;
+        retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px");
+        retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor;
+        retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text;
       }
       var retentionMessage = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-sub-title"));
       if (retentionMessage) {
         var _closeDialogData$mess, _closeDialogData$mess2, _closeDialogData$mess3;
-        retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px");
-        retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor;
-        retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text;
+        retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px");
+        retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor;
+        retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text;
       }
       var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain"));
       if (remainBtn) {
         var _closeDialogData$btnO, _closeDialogData$btnO2, _closeDialogData$btnO3, _closeDialogData$btnO4, _closeDialogData$btnO5, _closeDialogData$btnO7;
-        remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text;
-        remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px");
-        remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor;
-        remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px");
-        if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') {
+        remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text;
+        remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px");
+        remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor;
+        remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px");
+        if ((closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') {
           var _closeDialogData$btnO6;
-          remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg);
-        } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg;
+          remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg);
+        } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg;
       }
       var leaveBrn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave"));
       if (leaveBrn) {
         var _closeDialogData$btnC, _closeDialogData$btnC2, _closeDialogData$btnC3, _closeDialogData$btnC4, _closeDialogData$btnC5, _closeDialogData$btnC7;
-        leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text;
-        leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px");
-        leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor;
-        leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px");
-        if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') {
+        leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text;
+        leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px");
+        leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor;
+        leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px");
+        if ((closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') {
           var _closeDialogData$btnC6;
-          leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg);
-        } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg;
+          leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg);
+        } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg;
       }
     }
   } catch (error) {

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

@@ -1,5 +1,5 @@
 import type AMSCheckout from '../../core/instance';
-import type { eventPlayload, IappendIframeNodesParams, Iselector } from '../../types';
+import type { eventPayload, eventPayloadContext, IappendIframeNodesParams, Iselector } from '../../types';
 import { componentSignEnum, platformEnum, renderDisplayTypeEnum } from '../../types';
 type IrenderFuncParams = (context: ComponentApp, selector: Iselector, renderDisplayType: renderDisplayTypeEnum) => Promise<void>;
 export default class ComponentApp {
@@ -7,7 +7,7 @@ export default class ComponentApp {
     AMSSDK: AMSCheckout;
     platform: platformEnum;
     _performanceData: any[];
-    _loadAppPromiseResolve: ((value: Boolean) => void) | null;
+    _loadAppPromiseResolve: ((value: boolean) => void) | null;
     _isInitComponent: boolean;
     private appDomain;
     private createIframeNode;
@@ -32,6 +32,7 @@ export default class ComponentApp {
      * @description Set the rendering capability of the cashier plug-in. Different technology stacks have some differences in the packaging and use of rendering functions
      */
     setRender(renderFunc: IrenderFuncParams): void;
+    initAPSecurity(): void;
     /**
      * @description render iframe content
      */
@@ -58,7 +59,7 @@ export default class ComponentApp {
     /**
      * @description Processing messages from iframe
      */
-    _handleAppMessage(data: eventPlayload): void;
+    _handleAppMessage(data: eventPayload): void;
     private handleSizeChanged;
     private handleRedirect;
     private handleDeclareInfo;
@@ -66,15 +67,12 @@ export default class ComponentApp {
     /**
      * @description Send message to SDK
      */
-    dispatchToSDK(event: string, data: any): void;
+    dispatchToSDK(event: string, data: any, eventCallbackId?: string): void;
     /**
      * @description Send message to iframe
      */
     dispatchToApp(payload: {
-        context: {
-            event: string;
-            data: any;
-        };
+        context: eventPayloadContext;
     }): any;
     /**
      * @description Subscribe to messages from SDK