@alipay/ams-checkout 0.0.1730878287-dev.9 → 0.0.1732691889-dev.1

package/esm/plugin/component/index.js

@@ -19,9 +19,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { v4 as uuid } from 'uuid';
 import { sdkVersion } from "../../config";
-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 { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_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, DisplayTypeEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, TargetEnum } from "../../types";
+import { ComponentSignEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, DisplayTypeEnum, TargetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
 import { matchVersion } from "../../util/versionCompare";
@@ -252,6 +252,12 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "appendIframeNodes",
     value: function appendIframeNodes(componentSign, renderParams) {
       var _renderParams,
+        _renderParams2,
+        _this$_selector,
+        _this$_selector$index,
+        _this$_selector2,
+        _this$_selector2$slic,
+        _renderParams3,
         _this$_renderParams5,
         _this$_renderParams6,
         _this$_renderParams7,
@@ -267,13 +273,13 @@ var ComponentApp = /*#__PURE__*/function () {
       this._renderParams = renderParams;
       this._componentSign = componentSign;
       if ((_renderParams = renderParams) !== null && _renderParams !== void 0 && _renderParams.selector) this._selector = renderParams.selector;
-      this._renderDisplayType = renderParams.renderDisplayType;
+      this._renderDisplayType = (_renderParams2 = renderParams) === null || _renderParams2 === void 0 ? void 0 : _renderParams2.renderDisplayType;
       // connect element模式会存在加载多个sdk，appendAliasContainerId为true来判断，给容器inlineId添加标识，id中不能存在#需在这里提前过滤一下
-      var _selector = this._selector.indexOf('#') === -1 ? this._selector : this._selector.slice(1);
+      var _selector = (this === null || this === void 0 || (_this$_selector = this._selector) === null || _this$_selector === void 0 || (_this$_selector$index = _this$_selector.indexOf) === null || _this$_selector$index === void 0 ? void 0 : _this$_selector$index.call(_this$_selector, '#')) === -1 ? this === null || this === void 0 ? void 0 : this._selector : this === null || this === void 0 || (_this$_selector2 = this._selector) === null || _this$_selector2 === void 0 || (_this$_selector2$slic = _this$_selector2.slice) === null || _this$_selector2$slic === void 0 ? void 0 : _this$_selector2$slic.call(_this$_selector2, 1);
       // 修改需当前文件搜索，这段注释appendAliasContainerId
-      var appendAliasContainerId = renderParams.appendAliasContainerId ? "-".concat(_selector) : '';
+      var appendAliasContainerId = (_renderParams3 = renderParams) !== null && _renderParams3 !== void 0 && _renderParams3.appendAliasContainerId ? "-".concat(_selector) : '';
       var inlineId = "".concat(COMPONENT_CONTAINER_ID).concat(appendAliasContainerId);
-      var insertedNode = this._renderDisplayType === DisplayTypeEnum.inline ? "#".concat(inlineId) : this._selector;
+      var insertedNode = (this === null || this === void 0 ? void 0 : this._renderDisplayType) === DisplayTypeEnum.inline ? "#".concat(inlineId) : this === null || this === void 0 ? void 0 : this._selector;
       this._isAppWebview = renderParams.isAppWebview;
       this.initLoggerMeta();
       this.initSecurity();
@@ -353,9 +359,11 @@ var ComponentApp = /*#__PURE__*/function () {
         if (channelBehavior !== null && channelBehavior !== void 0 && channelBehavior.allowClickOutsideClose) {
           onClickOutside = this.closeBtnFunc.bind(this);
         }
+        var closeBtnFunc = this.closeBtnFunc.bind(this);
         createMockup({
           platform: this.platform,
-          onClickOutside: onClickOutside
+          onClickOutside: onClickOutside,
+          closeBtnFunc: closeBtnFunc
         });
         this.renderPopupLoading(renderParams);
       }
@@ -457,7 +465,7 @@ var ComponentApp = /*#__PURE__*/function () {
       this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
         var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
           var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5, _this5$_renderParams6, _this5$_renderParams7;
-          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams8, _this5$_renderParams9, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _ref9, _ref9$action, _ref9$action2, _ref9$action2$autoDeb, autoDebitWithToken, _this5$_renderParams10, _action$web2, _action$wap2, action, signType;
+          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams8, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _this5$_renderParams9, _action$web2, _action$wap2, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -578,62 +586,61 @@ var ComponentApp = /*#__PURE__*/function () {
                 }
               case 35:
                 if (!(ComponentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 45;
+                  _context2.next = 44;
                   break;
                 }
                 _ref8 = params.paymentSessionConfig || {}, _ref8$productSceneVer = _ref8.productSceneVersion, productSceneVersion = _ref8$productSceneVer === void 0 ? '' : _ref8$productSceneVer, _ref8$productScene = _ref8.productScene, productScene = _ref8$productScene === void 0 ? '' : _ref8$productScene;
-                _ref9 = ((_this5$_renderParams8 = _this5._renderParams) === null || _this5$_renderParams8 === void 0 ? void 0 : _this5$_renderParams8.paymentSessionMetaData) || {}, _ref9$action = _ref9.action, _ref9$action2 = _ref9$action === void 0 ? {} : _ref9$action, _ref9$action2$autoDeb = _ref9$action2.autoDebitWithToken, autoDebitWithToken = _ref9$action2$autoDeb === void 0 ? false : _ref9$action2$autoDeb;
-                if (!((_this5$_renderParams9 = _this5._renderParams) !== null && _this5$_renderParams9 !== void 0 && (_this5$_renderParams9 = _this5$_renderParams9.paymentSessionMetaData) !== null && _this5$_renderParams9 !== void 0 && (_this5$_renderParams9 = _this5$_renderParams9.action) !== null && _this5$_renderParams9 !== void 0 && _this5$_renderParams9.skipSdkQuery && enableEasypayApiOptimize)) {
-                  _context2.next = 40;
+                if (!((_this5$_renderParams8 = _this5._renderParams) !== null && _this5$_renderParams8 !== void 0 && (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) !== null && _this5$_renderParams8 !== void 0 && (_this5$_renderParams8 = _this5$_renderParams8.action) !== null && _this5$_renderParams8 !== void 0 && _this5$_renderParams8.skipSdkQuery && enableEasypayApiOptimize)) {
+                  _context2.next = 39;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 40:
+              case 39:
                 if (!(productScene === ProductSceneEnum.EASY_PAY && productSceneVersion === '2.0')) {
-                  _context2.next = 42;
+                  _context2.next = 41;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 42:
-                _context2.next = 44;
+              case 41:
+                _context2.next = 43;
                 return _this5.getDeviceIdAndLog();
-              case 44:
+              case 43:
                 envInfo.deviceId = _context2.sent;
-              case 45:
+              case 44:
                 if (!(ComponentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 55;
+                  _context2.next = 54;
                   break;
                 }
-                action = ((_this5$_renderParams10 = _this5._renderParams) === null || _this5$_renderParams10 === void 0 || (_this5$_renderParams10 = _this5$_renderParams10.paymentSessionMetaData) === null || _this5$_renderParams10 === void 0 ? void 0 : _this5$_renderParams10.action) || {};
+                action = ((_this5$_renderParams9 = _this5._renderParams) === null || _this5$_renderParams9 === void 0 || (_this5$_renderParams9 = _this5$_renderParams9.paymentSessionMetaData) === null || _this5$_renderParams9 === void 0 ? void 0 : _this5$_renderParams9.action) || {};
                 signType = isPC() ? action === null || action === void 0 || (_action$web2 = action.web) === null || _action$web2 === void 0 ? void 0 : _action$web2.signType : action === null || action === void 0 || (_action$wap2 = action.wap) === null || _action$wap2 === void 0 ? void 0 : _action$wap2.signType;
                 if (!(signType === 'SMS')) {
-                  _context2.next = 50;
+                  _context2.next = 49;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 50:
+              case 49:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 52;
+                  _context2.next = 51;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 52:
-                _context2.next = 54;
+              case 51:
+                _context2.next = 53;
                 return _this5.getDeviceIdAndLog();
-              case 54:
+              case 53:
                 envInfo.deviceId = _context2.sent;
-              case 55:
+              case 54:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
@@ -672,7 +679,7 @@ var ComponentApp = /*#__PURE__*/function () {
                   }).send();
                   reject(err);
                 });
-              case 57:
+              case 56:
               case "end":
                 return _context2.stop();
             }
@@ -704,9 +711,9 @@ var ComponentApp = /*#__PURE__*/function () {
       var channelBehavior = getChannelBehavior((_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.paymentSessionMetaData);
       // eslint-disable-next-line no-async-promise-executor
       this._actionSubmitPromise = new Promise( /*#__PURE__*/function () {
-        var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
+        var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
           var _channelBehavior$buil, _this6$_renderParams$;
-          var shouldSkipSubmitPayInSDK, _this6$_renderParams, _this6$_renderParams2, _this6$_renderParams3, _ref11, _ref11$productSceneVe, productSceneVersion, _ref11$productScene, productScene, _ref12, _ref12$action, _ref12$action2, _ref12$action2$enable, enableSignAgreement, _ref12$action2$autoDe, autoDebitWithToken, _ref13, _ref13$paymentMethodI, _ref13$paymentMethodI2, _ref13$paymentMethodI3, paymentMethodType, isAppWebview, backScheme, extParams;
+          var shouldSkipSubmitPayInSDK, _this6$_renderParams, _this6$_renderParams2, _this6$_renderParams3, _ref10, _ref10$productSceneVe, productSceneVersion, _ref10$productScene, productScene, _ref11, _ref11$action, _ref11$action2, _ref11$action2$enable, enableSignAgreement, _ref11$action2$autoDe, autoDebitWithToken, _ref12, _ref12$paymentMethodI, _ref12$paymentMethodI2, _ref12$paymentMethodI3, paymentMethodType, isAppWebview, backScheme, extParams;
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
@@ -727,9 +734,9 @@ var ComponentApp = /*#__PURE__*/function () {
                   shouldSkipSubmitPayInSDK = !((_this6$_renderParams = _this6._renderParams) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.paymentSessionMetaData) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.action) !== null && _this6$_renderParams !== void 0 && _this6$_renderParams.skipSdkQuery) || ComponentSignEnum.EASY_PAY_WALLET !== _this6._componentSign;
                 }
                 if (ComponentSignEnum.EASY_PAY_WALLET === _this6._componentSign) {
-                  _ref11 = params.paymentSessionConfig || {}, _ref11$productSceneVe = _ref11.productSceneVersion, productSceneVersion = _ref11$productSceneVe === void 0 ? '' : _ref11$productSceneVe, _ref11$productScene = _ref11.productScene, productScene = _ref11$productScene === void 0 ? '' : _ref11$productScene;
-                  _ref12 = ((_this6$_renderParams2 = _this6._renderParams) === null || _this6$_renderParams2 === void 0 ? void 0 : _this6$_renderParams2.paymentSessionMetaData) || {}, _ref12$action = _ref12.action, _ref12$action2 = _ref12$action === void 0 ? {} : _ref12$action, _ref12$action2$enable = _ref12$action2.enableSignAgreement, enableSignAgreement = _ref12$action2$enable === void 0 ? false : _ref12$action2$enable, _ref12$action2$autoDe = _ref12$action2.autoDebitWithToken, autoDebitWithToken = _ref12$action2$autoDe === void 0 ? false : _ref12$action2$autoDe;
-                  _ref13 = ((_this6$_renderParams3 = _this6._renderParams) === null || _this6$_renderParams3 === void 0 ? void 0 : _this6$_renderParams3.paymentSessionMetaData) || {}, _ref13$paymentMethodI = _ref13.paymentMethodInfoView, _ref13$paymentMethodI2 = _ref13$paymentMethodI === void 0 ? {} : _ref13$paymentMethodI, _ref13$paymentMethodI3 = _ref13$paymentMethodI2.paymentMethodType, paymentMethodType = _ref13$paymentMethodI3 === void 0 ? '' : _ref13$paymentMethodI3;
+                  _ref10 = params.paymentSessionConfig || {}, _ref10$productSceneVe = _ref10.productSceneVersion, productSceneVersion = _ref10$productSceneVe === void 0 ? '' : _ref10$productSceneVe, _ref10$productScene = _ref10.productScene, productScene = _ref10$productScene === void 0 ? '' : _ref10$productScene;
+                  _ref11 = ((_this6$_renderParams2 = _this6._renderParams) === null || _this6$_renderParams2 === void 0 ? void 0 : _this6$_renderParams2.paymentSessionMetaData) || {}, _ref11$action = _ref11.action, _ref11$action2 = _ref11$action === void 0 ? {} : _ref11$action, _ref11$action2$enable = _ref11$action2.enableSignAgreement, enableSignAgreement = _ref11$action2$enable === void 0 ? false : _ref11$action2$enable, _ref11$action2$autoDe = _ref11$action2.autoDebitWithToken, autoDebitWithToken = _ref11$action2$autoDe === void 0 ? false : _ref11$action2$autoDe;
+                  _ref12 = ((_this6$_renderParams3 = _this6._renderParams) === null || _this6$_renderParams3 === void 0 ? void 0 : _this6$_renderParams3.paymentSessionMetaData) || {}, _ref12$paymentMethodI = _ref12.paymentMethodInfoView, _ref12$paymentMethodI2 = _ref12$paymentMethodI === void 0 ? {} : _ref12$paymentMethodI, _ref12$paymentMethodI3 = _ref12$paymentMethodI2.paymentMethodType, paymentMethodType = _ref12$paymentMethodI3 === void 0 ? '' : _ref12$paymentMethodI3;
                   if (productScene === ProductSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken) {
                     isAppWebview = _this6._isAppWebview || false; ///EasyPay 2.0 首次传signAgreement字段
                     params['signAgreement'] = enableSignAgreement;
@@ -813,7 +820,7 @@ var ComponentApp = /*#__PURE__*/function () {
           }, _callee3);
         }));
         return function (_x3) {
-          return _ref10.apply(this, arguments);
+          return _ref9.apply(this, arguments);
         };
       }());
     }
@@ -897,7 +904,7 @@ var ComponentApp = /*#__PURE__*/function () {
         value: Date.now()
       });
       try {
-        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3, _renderParams$payment4, _renderParams$debugPr, _renderParams$debugPr2;
+        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3, _renderParams$payment4, _renderParams$element, _renderParams$element2;
         var productSceneVersion = (renderParams === null || renderParams === void 0 || (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 || (_renderParams$payment = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment === void 0 ? void 0 : _renderParams$payment.productSceneVersion) || '';
         var productScene = (renderParams === null || renderParams === void 0 || (_renderParams$payment2 = renderParams.paymentSessionMetaData) === null || _renderParams$payment2 === void 0 || (_renderParams$payment2 = _renderParams$payment2.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productScene) || '';
         var extendInfo = (renderParams === null || renderParams === void 0 || (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
@@ -911,7 +918,7 @@ var ComponentApp = /*#__PURE__*/function () {
           productSceneVersion: productSceneVersion,
           extendInfo: extendInfo,
           mid: mid,
-          localLink: renderParams === null || renderParams === void 0 || (_renderParams$debugPr = renderParams.debugProps) === null || _renderParams$debugPr === void 0 ? void 0 : _renderParams$debugPr.localLink // TODO Connect本地调试link
+          elementLink: renderParams === null || renderParams === void 0 || (_renderParams$element = renderParams.elementProps) === null || _renderParams$element === void 0 ? void 0 : _renderParams$element.elementLink // TODO Connect本地调试link
         });
         this.app = createIframe(this.AMSSDK.options.mode, this.platform);
         var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
@@ -928,7 +935,7 @@ var ComponentApp = /*#__PURE__*/function () {
             instanceId: this.AMSSDK._instanceId,
             hostSign: hostSign,
             mid: mid,
-            localLink: renderParams === null || renderParams === void 0 || (_renderParams$debugPr2 = renderParams.debugProps) === null || _renderParams$debugPr2 === void 0 ? void 0 : _renderParams$debugPr2.localLink // TODO Connect本地调试link
+            elementLink: renderParams === null || renderParams === void 0 || (_renderParams$element2 = renderParams.elementProps) === null || _renderParams$element2 === void 0 ? void 0 : _renderParams$element2.elementLink // TODO Connect本地调试link
           }),
           path = _getIframeUrl2.path,
           locationSearch = _getIframeUrl2.locationSearch;
@@ -1255,6 +1262,10 @@ var ComponentApp = /*#__PURE__*/function () {
         this.handleCloseBtnShow(true);
         return;
       }
+      if (data.context.event === EVENT.setMaskCloseButton.name) {
+        this.handleMaskCloseBtnShow(data.context.data);
+        return;
+      }
       if (data.context.event === EVENT.setAllowRetention.name) {
         if (data.context.data === true) this._isRetention = true;
         if (data.context.data === false) this._isRetention = false;
@@ -1360,13 +1371,23 @@ var ComponentApp = /*#__PURE__*/function () {
       }
       (_document$getElementB2 = document.getElementById(LOADING_ID)) === null || _document$getElementB2 === void 0 || _document$getElementB2.remove();
     }
+  }, {
+    key: "updateMaskCloseBtn",
+    value: function updateMaskCloseBtn(data) {
+      var _document$getElementB3;
+      var maskCloseBtn = document.getElementById(COMPONENT_CLOSE_MASK_ID);
+      if (maskCloseBtn) {
+        maskCloseBtn.style.bottom = "".concat(data.height + 2, "px");
+      }
+      (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 || _document$getElementB3.remove();
+    }
   }, {
     key: "handleSizeChanged",
     value: function handleSizeChanged(data) {
-      var _this$_renderParams$s, _this$_renderParams$s2, _data$context$data4, _cashier$style;
-      var _selector = ((_this$_renderParams$s = this._renderParams.selector) === null || _this$_renderParams$s === void 0 ? void 0 : _this$_renderParams$s.indexOf('#')) === -1 ? this._renderParams.selector : (_this$_renderParams$s2 = this._renderParams.selector) === null || _this$_renderParams$s2 === void 0 ? void 0 : _this$_renderParams$s2.slice(1);
+      var _this$_renderParams15, _this$_renderParams16, _this$_renderParams17, _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _data$context$data4, _cashier$style;
+      var _selector = (this === null || this === void 0 || (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 || (_this$_renderParams15 = _this$_renderParams15.selector) === null || _this$_renderParams15 === void 0 || (_this$_renderParams16 = _this$_renderParams15.indexOf) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.call(_this$_renderParams15, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.selector : this === null || this === void 0 || (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 || (_this$_renderParams18 = _this$_renderParams18.selector) === null || _this$_renderParams18 === void 0 || (_this$_renderParams19 = _this$_renderParams18.slice) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.call(_this$_renderParams18, 1);
       // 修改需当前文件搜索，这段注释appendAliasContainerId
-      var appendAliasContainerId = this._renderParams.appendAliasContainerId;
+      var appendAliasContainerId = this === null || this === void 0 || (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.appendAliasContainerId;
       var selectorId = appendAliasContainerId ? "".concat(COMPONENT_CONTAINER_ID, "-").concat(_selector) : COMPONENT_CONTAINER_ID;
       var cashier = document.getElementById(selectorId);
       if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1 || data.context.data.height === parseInt(cashier === null || cashier === void 0 || (_cashier$style = cashier.style) === null || _cashier$style === void 0 ? void 0 : _cashier$style.height)) return;
@@ -1397,7 +1418,6 @@ var ComponentApp = /*#__PURE__*/function () {
           style.innerHTML = runkeyframes;
           // 将style样式存放到head标签
           document.getElementsByTagName('head')[0].appendChild(style);
-
           // size变动时动画
           setTimeout(function () {
             cashier.style.transition = 'height 0.28s ease-in-out';
@@ -1406,9 +1426,10 @@ var ComponentApp = /*#__PURE__*/function () {
         // 关闭loading，保留蒙层
         this.dismissLoadingFunc();
       }
+      this.updateMaskCloseBtn(data.context.data);
       if (this._renderDisplayType === DisplayTypeEnum.inline) {
-        var _document$getElementB3;
-        (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 || _document$getElementB3.remove();
+        var _document$getElementB4;
+        (_document$getElementB4 = document.getElementById(LOADING_ID)) === null || _document$getElementB4 === void 0 || _document$getElementB4.remove();
         this.app.style.height = "".concat(data.context.data.height, "px");
       }
     }
@@ -1549,9 +1570,9 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "handleDeclareInfo",
-    value: function handleDeclareInfo(_ref14) {
-      var _ref14$closeDialogDat = _ref14.closeDialogData,
-        closeDialogData = _ref14$closeDialogDat === void 0 ? {} : _ref14$closeDialogDat;
+    value: function handleDeclareInfo(_ref13) {
+      var _ref13$closeDialogDat = _ref13.closeDialogData,
+        closeDialogData = _ref13$closeDialogDat === void 0 ? {} : _ref13$closeDialogDat;
       _handleDeclareInfo({
         closeDialogData: closeDialogData
       });
@@ -1634,6 +1655,16 @@ var ComponentApp = /*#__PURE__*/function () {
         closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
       }
     }
+  }, {
+    key: "handleMaskCloseBtnShow",
+    value: function handleMaskCloseBtnShow(data) {
+      var closeBlock = document.getElementById(COMPONENT_CLOSE_MASK_ID);
+      if ((data === null || data === void 0 ? void 0 : data.status) === "show") {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.remove("".concat(COMPONENT_CLOSE_MASK_ID, "-hidden"));
+      } else {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_MASK_ID, "-hidden"));
+      }
+    }
 
     /**
      * @description Send message to SDK
@@ -1692,7 +1723,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: (function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-        var _this$_renderParams15, _this$_renderParams16, _this$_renderParams17, _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _this$AMSSDK$logger, _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$AMSSDK, _this$_renderParams27, isAddressElement, res, submitRes;
+        var _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$_renderParams27, _this$_renderParams28, _this$_renderParams29, _this$AMSSDK$logger, _this$_renderParams30, _this$_renderParams31, _this$_renderParams32, _this$AMSSDK, _this$_renderParams33, isAddressElement, res, submitRes;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1722,34 +1753,34 @@ var ComponentApp = /*#__PURE__*/function () {
                   data: {
                     queryResult: res,
                     submitResult: submitRes,
-                    sessionResult: (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 ? void 0 : _this$_renderParams15.paymentSessionMetaData,
-                    paymentSessionData: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.sessionData,
+                    sessionResult: (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.sessionData,
                     heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-                    renderDisplayType: (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.renderDisplayType,
-                    appearance: (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 ? void 0 : _this$_renderParams18.appearance,
-                    notRedirectAfterComplete: ((_this$_renderParams19 = this._renderParams) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.notRedirectAfterComplete) === true,
+                    renderDisplayType: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.renderDisplayType,
+                    appearance: (_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.appearance,
+                    notRedirectAfterComplete: ((_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.notRedirectAfterComplete) === true,
                     isAppWebview: this._isAppWebview,
                     merchantAppointParam: this._merchantAppointParam,
                     allowSubmitPayCallAhead: this._allowSubmitPayCallAhead,
                     /** 地址组件集成的参数 */
-                    configParams: (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.configParams,
-                    prefillValue: (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.prefillValue,
-                    componentSession: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.componentSession,
+                    configParams: (_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.configParams,
+                    prefillValue: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.prefillValue,
+                    componentSession: (_this$_renderParams28 = this._renderParams) === null || _this$_renderParams28 === void 0 ? void 0 : _this$_renderParams28.componentSession,
                     envInfo: {
                       screenHeight: screen.height,
                       screenWidth: screen.width
                     },
                     logMetaData: _objectSpread(_objectSpread({
-                      trackId: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.sessionData,
+                      trackId: (_this$_renderParams29 = this._renderParams) === null || _this$_renderParams29 === void 0 ? void 0 : _this$_renderParams29.sessionData,
                       platform: this.platform,
                       firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
-                    }, ((_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 || (_this$_renderParams24 = _this$_renderParams24.paymentSessionMetaData) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.paymentSessionConfig) || {}), {}, {
-                      renderDisplayType: (_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.renderDisplayType,
+                    }, ((_this$_renderParams30 = this._renderParams) === null || _this$_renderParams30 === void 0 || (_this$_renderParams30 = _this$_renderParams30.paymentSessionMetaData) === null || _this$_renderParams30 === void 0 ? void 0 : _this$_renderParams30.paymentSessionConfig) || {}), {}, {
+                      renderDisplayType: (_this$_renderParams31 = this._renderParams) === null || _this$_renderParams31 === void 0 ? void 0 : _this$_renderParams31.renderDisplayType,
                       sdkVersion: this._appVersion,
-                      merchantId: (_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 || (_this$_renderParams26 = _this$_renderParams26.paymentSessionMetaData) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.clientId,
+                      merchantId: (_this$_renderParams32 = this._renderParams) === null || _this$_renderParams32 === void 0 || (_this$_renderParams32 = _this$_renderParams32.paymentSessionMetaData) === null || _this$_renderParams32 === void 0 ? void 0 : _this$_renderParams32.clientId,
                       instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
                       performanceData: this._performanceData,
-                      paymentMethodType: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 || (_this$_renderParams27 = _this$_renderParams27.paymentSessionMetaData) === null || _this$_renderParams27 === void 0 || (_this$_renderParams27 = _this$_renderParams27.paymentMethodInfoView) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.paymentMethodType
+                      paymentMethodType: (_this$_renderParams33 = this._renderParams) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentSessionMetaData) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentMethodInfoView) === null || _this$_renderParams33 === void 0 ? void 0 : _this$_renderParams33.paymentMethodType
                     })
                   }
                 }
@@ -1789,10 +1820,10 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "cleanContainer",
     value: function cleanContainer() {
-      var _document$getElementB4,
+      var _document$getElementB5,
         _this10 = this;
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      (_document$getElementB4 = document.getElementById(LOADING_ID)) === null || _document$getElementB4 === void 0 || _document$getElementB4.remove();
+      (_document$getElementB5 = document.getElementById(LOADING_ID)) === null || _document$getElementB5 === void 0 || _document$getElementB5.remove();
       this.hideComponentAnimation();
       var mockup = document.getElementById(MOCKUP_ID);
       mockup === null || mockup === void 0 || mockup.classList.add("".concat(MOCKUP_ID, "-hidden"));
@@ -1809,10 +1840,10 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "hideComponentAnimation",
     value: function hideComponentAnimation() {
-      var _this$_renderParams$s3, _this$_renderParams$s4, _container$style;
+      var _this$_renderParams34, _this$_renderParams35, _this$_renderParams36, _this$_renderParams37, _this$_renderParams38, _this$_renderParams39, _container$style;
       // 修改需当前文件搜索，这段注释appendAliasContainerId
-      var _selector = ((_this$_renderParams$s3 = this._renderParams.selector) === null || _this$_renderParams$s3 === void 0 ? void 0 : _this$_renderParams$s3.indexOf('#')) === -1 ? this._renderParams.selector : (_this$_renderParams$s4 = this._renderParams.selector) === null || _this$_renderParams$s4 === void 0 ? void 0 : _this$_renderParams$s4.slice(1);
-      var appendAliasContainerId = this._renderParams.appendAliasContainerId ? "-".concat(_selector) : '';
+      var _selector = (this === null || this === void 0 || (_this$_renderParams34 = this._renderParams) === null || _this$_renderParams34 === void 0 || (_this$_renderParams34 = _this$_renderParams34.selector) === null || _this$_renderParams34 === void 0 || (_this$_renderParams35 = _this$_renderParams34.indexOf) === null || _this$_renderParams35 === void 0 ? void 0 : _this$_renderParams35.call(_this$_renderParams34, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams36 = this._renderParams) === null || _this$_renderParams36 === void 0 ? void 0 : _this$_renderParams36.selector : this === null || this === void 0 || (_this$_renderParams37 = this._renderParams) === null || _this$_renderParams37 === void 0 || (_this$_renderParams37 = _this$_renderParams37.selector) === null || _this$_renderParams37 === void 0 || (_this$_renderParams38 = _this$_renderParams37.slice) === null || _this$_renderParams38 === void 0 ? void 0 : _this$_renderParams38.call(_this$_renderParams37, 1);
+      var appendAliasContainerId = this !== null && this !== void 0 && (_this$_renderParams39 = this._renderParams) !== null && _this$_renderParams39 !== void 0 && _this$_renderParams39.appendAliasContainerId ? "-".concat(_selector) : '';
       var inlineId = "".concat(COMPONENT_CONTAINER_ID).concat(appendAliasContainerId);
       var container = document.getElementById(inlineId);
       if (this.app && container) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
@@ -1845,9 +1876,7 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "removeRetentionPopup",
     value: function removeRetentionPopup(platform) {
-      _removeRetentionPopup();
-      // TODO check
-      // removeRetentionPopup(platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this));
+      _removeRetentionPopup(platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this));
     }
   }, {
     key: "showRetentionPopup",

package/esm/plugin/payment-element/utils.d.ts

@@ -1,2 +1,2 @@
 import type { IpaymentSessionConfig } from '../../types';
-export declare const handlePaymentSessionConfig: (config: IpaymentSessionConfig) => Pick<IpaymentSessionConfig, 'productScene' | 'productSceneVersion' | 'paymentMethodCategoryType'>;
+export declare const handlePaymentSessionConfig: (config: IpaymentSessionConfig) => Pick<IpaymentSessionConfig, 'productScene' | 'productSceneVersion'>;

package/esm/plugin/payment-element/utils.js

@@ -1,7 +1,6 @@
 export var handlePaymentSessionConfig = function handlePaymentSessionConfig(config) {
   return {
     productScene: config === null || config === void 0 ? void 0 : config.productScene,
-    productSceneVersion: config === null || config === void 0 ? void 0 : config.productSceneVersion,
-    paymentMethodCategoryType: config === null || config === void 0 ? void 0 : config.paymentMethodCategoryType
+    productSceneVersion: config === null || config === void 0 ? void 0 : config.productSceneVersion
   };
 };

package/esm/plugin/type.d.ts

@@ -1,4 +1,4 @@
-import { BusSubscriber } from "../core/bus";
+import { BusSubscriber } from 'src/core/bus';
 import { PaymentMethodCategoryTypeEnum, ProductSceneEnum, ProductSceneVersion } from '../types';
 export type IExtendPlugin = IExtendPluginItem[];
 export interface ComponentActionNamesType {

package/esm/types/index.d.ts

@@ -20,7 +20,7 @@ interface AddressValueResult {
 /**
  * SDK options
  */
-export interface IOptionsParams {
+export interface IoptionsParams {
     environment?: string;
     locale?: string;
     onError?: callOnError;
@@ -30,15 +30,15 @@ export interface IOptionsParams {
     onEventCallback?: callOnEventCallback;
     onClose?: callOnClose;
     onChange?: onChange;
-    networkMode?: string;
-    mode?: string;
     analytics?: {
         enabled: boolean;
     };
-    product?: string;
     onBeforeSubmit?: callOnBeforeSubmit;
+    product?: string;
+    networkMode?: string;
+    mode?: string;
 }
-export interface IApplePayOptionsParams extends Pick<IOptionsParams, 'locale' | 'environment' | 'onEventCallback' | 'analytics'> {
+export interface IApplePayOptionsParams extends Pick<IoptionsParams, 'locale' | 'environment' | 'onEventCallback' | 'analytics'> {
 }
 export type Iselector = string;
 export declare enum DisplayTypeEnum {
@@ -68,6 +68,7 @@ export declare enum ComponentSignEnum {
     'AUTO_DEBIT_PAY_WALLET' = "AUTO_DEBIT_PAY_WALLET",
     'NONE' = "NONE",
     'VAULTING_CARD' = "VAULTING_CARD",
+    'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT",
     'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL",
     'ELEMENT_ADDRESS' = "ELEMENT_ADDRESS_ALL"
 }
@@ -100,8 +101,8 @@ export interface DeviceIdParameter {
 export interface IcreateComponent {
     sessionData: string;
     paymentSessionData?: string;
-    debugProps?: {
-        localLink: string;
+    elementProps?: {
+        elementLink: string;
     };
     appendAliasContainerId?: boolean;
     notRedirectAfterComplete?: boolean;
@@ -118,9 +119,6 @@ export interface IappendIframeNodesParams extends IcreateComponent {
     renderDisplayType: DisplayTypeEnum;
     selector?: Iselector;
     paypalConfiguration?: IPaypalConfiguration;
-    connectFactor?: {
-        enableConnect: boolean;
-    };
     /** 将address-element参数定义合入原参数定义 */
     configParams?: {
         hideFields?: string[];
@@ -205,7 +203,7 @@ export interface Isubmit {
 }
 export interface IpaymentSessionConfig {
     productScene: ProductSceneEnum;
-    paymentMethodCategoryType: PaymentMethodCategoryTypeEnum;
+    paymentMethodCategoryType?: PaymentMethodCategoryTypeEnum;
     productSceneVersion: string;
 }
 export interface IpaymentSecurityConfig {
@@ -236,6 +234,8 @@ export interface PaymentSessionActionData {
     enableSignAgreement?: boolean;
     skipSdkQuery: boolean;
     requireFastSdk: boolean;
+    nonCompliant?: boolean;
+    nonInitSecuritySDK?: boolean;
     skipSdkQueryForm?: {
         value: boolean;
         version: string;
@@ -250,6 +250,7 @@ export interface IPaymentSessionMetaData {
     moneyView?: any;
     extendInfo?: string;
     paymentMethodInfoView?: any;
+    paymentView?: any;
     action?: PaymentSessionActionData;
     authUrlInfo?: {
         appIdentifier?: string;
@@ -604,6 +605,7 @@ export interface CashierSubmitPayResult {
     normalUrl?: string;
     errorStatus?: string;
     message?: string;
+    traceId?: string;
 }
 export declare enum eventCodeEnum {
     SDK_START_OF_LOADING = "SDK_START_OF_LOADING",
@@ -863,3 +865,7 @@ export interface IoptionsAddressParams {
     };
     product?: string;
 }
+export declare enum RiskSdkInfoEnum {
+    NEED = "need",
+    NO_NEED = "noneed"
+}

package/esm/types/index.js

@@ -32,10 +32,11 @@ export var ComponentSignEnum = /*#__PURE__*/function (ComponentSignEnum) {
   ComponentSignEnum["AUTO_DEBIT_PAY_WALLET"] = "AUTO_DEBIT_PAY_WALLET";
   ComponentSignEnum["NONE"] = "NONE";
   ComponentSignEnum["VAULTING_CARD"] = "VAULTING_CARD";
+  ComponentSignEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   ComponentSignEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
   ComponentSignEnum["ELEMENT_ADDRESS"] = "ELEMENT_ADDRESS_ALL";
   return ComponentSignEnum;
-}({}); // 'CHECKOUT_PAYMENT' = 'CHECKOUT_PAYMENT',
+}({});
 export var ProductSceneEnum = /*#__PURE__*/function (ProductSceneEnum) {
   ProductSceneEnum["EASY_PAY"] = "EASY_PAY";
   ProductSceneEnum["CASHIER_PAYMENT"] = "CASHIER_PAYMENT";
@@ -252,4 +253,9 @@ export var ConnectErrorCode = /*#__PURE__*/function (ConnectErrorCode) {
   ConnectErrorCode["USER_AUTH_VERIFICATION_FAILED"] = "USER_AUTH_VERIFICATION_FAILED";
   ConnectErrorCode["USER_NOT_EXISTS"] = "USER_NOT_EXISTS";
   return ConnectErrorCode;
+}({});
+export var RiskSdkInfoEnum = /*#__PURE__*/function (RiskSdkInfoEnum) {
+  RiskSdkInfoEnum["NEED"] = "need";
+  RiskSdkInfoEnum["NO_NEED"] = "noneed";
+  return RiskSdkInfoEnum;
 }({});