@alipay/ams-checkout 0.0.1720491429-dev.1 → 0.0.1720509876-dev.1

package/esm/plugin/component/index.js

@@ -27,7 +27,8 @@ import { matchVersion } from "../../util/versionCompare";
 import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 import { getChannelBehavior } from "./channel";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
-import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style";
+import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup, slideInAndOutKeyframes } from "./component.popup.style";
+import { handlePaymentSessionConfig } from "../payment-element/utils";
 import { createModal, destroyModal, insertStyleSheet } from "./popupWindow.style";
 window.changingPageHeight = window.innerHeight;
 var ComponentApp = /*#__PURE__*/function () {
@@ -57,7 +58,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.18.0';
+    this._appVersion = '1.20.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -298,7 +299,7 @@ var ComponentApp = /*#__PURE__*/function () {
       }).send();
       if (componentSignEnum.EASY_PAY_WALLET === this._componentSign) {
         if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '1.0' && !autoDebitWithToken && requireFastSdk) {
-          // EASY_PAY 1.0首次支付，requireFastSdk为true，不需要接口请求
+          // EASY_PAY 1.0首次支付，requireFastSdk为true，不需要接口请求      
           this.handleAuthUrlInfo(authUrlInfo);
           return;
         }
@@ -314,18 +315,6 @@ var ComponentApp = /*#__PURE__*/function () {
           return;
         }
       }
-      if (componentSignEnum.AUTO_DEBIT_PAY_WALLET === this._componentSign) {
-        if (requireFastSdk === true && productSceneVersion === '1.0') {
-          // REDIRECT，requireFastSdk为true，不需要接口请求
-          this.handleAuthUrlInfo(authUrlInfo);
-          return;
-        } else {
-          return Promise.reject({
-            code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
-            message: "Abnormal response data, interface failure, or unsupported payment method."
-          });
-        }
-      }
       this.dispatchToSDK(EVENT.eventCallback.name, {
         code: eventCodeEnum.SDK_START_OF_LOADING
       });
@@ -426,18 +415,17 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createActionQueryPromise",
     value: function createActionQueryPromise() {
-      var _this$_renderParams11,
-        _this5 = this;
-      var paymentMethodType = (_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.paymentSessionMetaData) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.paymentMethodInfoView) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.paymentMethodType;
+      var _this5 = this;
       this._performanceData.push({
         key: 'sdk_action_query_start',
         value: Date.now()
       });
+
       // eslint-disable-next-line no-async-promise-executor
       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;
-          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams7, _this5$_renderParams8, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _ref9, _ref9$action, _ref9$action2, _ref9$action2$autoDeb, autoDebitWithToken, _this5$_renderParams9, _action$web2, _action$wap2, action, signType;
+          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams7, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _this5$_renderParams8, _action$web2, _action$wap2, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -473,22 +461,28 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 }));
               case 9:
+                if (componentSignEnum.ELEMENT_PAYMENT === _this5._componentSign) {
+                  params.paymentSessionConfig = handlePaymentSessionConfig(params.paymentSessionConfig);
+                }
+
+                // 绑卡跳过actionQuery接口
+                // 目前只有绑卡加上 skipSdkQueryForm 判断
                 if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 21;
+                  _context2.next = 22;
                   break;
                 }
                 if (!enableVaultingApiOptimize) {
-                  _context2.next = 21;
+                  _context2.next = 22;
                   break;
                 }
                 if (!skipSdkQueryForm) {
-                  _context2.next = 18;
+                  _context2.next = 19;
                   break;
                 }
                 // 优先判断 skipSdkQueryForm
                 ifSkip = matchVersion(skipSdkQueryForm, _this5._appVersion);
                 if (!ifSkip) {
-                  _context2.next = 16;
+                  _context2.next = 17;
                   break;
                 }
                 resolve({
@@ -496,12 +490,12 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 });
                 return _context2.abrupt("return");
-              case 16:
-                _context2.next = 21;
+              case 17:
+                _context2.next = 22;
                 break;
-              case 18:
+              case 19:
                 if (!skipSdkQuery) {
-                  _context2.next = 21;
+                  _context2.next = 22;
                   break;
                 }
                 resolve({
@@ -509,10 +503,10 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 });
                 return _context2.abrupt("return");
-              case 21:
+              case 22:
                 channelBehavior = getChannelBehavior((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.paymentSessionMetaData); // Easypay TOSS 渠道无需actionQuery
                 if (!(channelBehavior !== null && channelBehavior !== void 0 && channelBehavior.usePaymentSessionAsQueryResult)) {
-                  _context2.next = 24;
+                  _context2.next = 25;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
@@ -520,29 +514,28 @@ var ComponentApp = /*#__PURE__*/function () {
                   amountConfirmRequired: actionData === null || actionData === void 0 ? void 0 : actionData.amountConfirmRequired,
                   success: true
                 }));
-              case 24:
+              case 25:
                 if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 30;
+                  _context2.next = 31;
                   break;
                 }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 28;
+                _context2.next = 29;
                 return _this5.getDeviceIdAndLog();
-              case 28:
+              case 29:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 30:
+              case 31:
                 if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
                   _context2.next = 40;
                   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$_renderParams7 = _this5._renderParams) === null || _this5$_renderParams7 === void 0 ? void 0 : _this5$_renderParams7.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$_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)) {
+                if (!((_this5$_renderParams7 = _this5._renderParams) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.paymentSessionMetaData) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.action) !== null && _this5$_renderParams7 !== void 0 && _this5$_renderParams7.skipSdkQuery && enableEasypayApiOptimize)) {
                   _context2.next = 35;
                   break;
                 }
@@ -569,7 +562,7 @@ var ComponentApp = /*#__PURE__*/function () {
                   _context2.next = 50;
                   break;
                 }
-                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) || {};
+                action = ((_this5$_renderParams8 = _this5._renderParams) === null || _this5$_renderParams8 === void 0 || (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) === null || _this5$_renderParams8 === void 0 ? void 0 : _this5$_renderParams8.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 = 45;
@@ -648,24 +641,24 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
-      var _this$_renderParams12,
+      var _this$_renderParams11,
+        _this$_renderParams12,
         _this$_renderParams13,
-        _this$_renderParams14,
         _this6 = this;
       this._performanceData.push({
         key: 'sdk_submit_start',
         value: Date.now()
       });
       var params = {
-        paymentSessionData: this._renderParams && ((_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.sessionData) || '',
-        paymentSessionConfig: (_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 || (_this$_renderParams13 = _this$_renderParams13.paymentSessionMetaData) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.paymentSessionConfig
+        paymentSessionData: this._renderParams && ((_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.sessionData) || '',
+        paymentSessionConfig: (_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 || (_this$_renderParams12 = _this$_renderParams12.paymentSessionMetaData) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.paymentSessionConfig
       };
-      var channelBehavior = getChannelBehavior((_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.paymentSessionMetaData);
+      var channelBehavior = getChannelBehavior((_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.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, _ref11, _ref11$productSceneVe, productSceneVersion, _ref11$productScene, productScene, _ref12, _ref12$action, _ref12$action2, _ref12$action2$enable, enableSignAgreement, _ref12$action2$autoDe, autoDebitWithToken, extParams;
+          var shouldSkipSubmitPayInSDK, _this6$_renderParams, _this6$_renderParams2, _ref10, _ref10$productSceneVe, productSceneVersion, _ref10$productScene, productScene, _ref11, _ref11$action, _ref11$action2, _ref11$action2$enable, enableSignAgreement, _ref11$action2$autoDe, autoDebitWithToken, extParams;
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
@@ -677,8 +670,8 @@ 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;
+                  _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;
                   if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken) {
                     ///EasyPay 2.0 首次传signAgreement字段
                     params['signAgreement'] = enableSignAgreement;
@@ -756,7 +749,7 @@ var ComponentApp = /*#__PURE__*/function () {
           }, _callee3);
         }));
         return function (_x3) {
-          return _ref10.apply(this, arguments);
+          return _ref9.apply(this, arguments);
         };
       }());
     }
@@ -806,13 +799,9 @@ var ComponentApp = /*#__PURE__*/function () {
           productScene: componentSign,
           productSceneVersion: productSceneVersion,
           environment: this.AMSSDK.options.env.environment,
-          // TODO 确定一下这个参数是干啥的
           appVersion: this._appVersion,
-          extendInfo: '',
-          locale: '',
           instanceId: '',
-          isPreload: 'true',
-          mid: ''
+          isPreload: 'true'
         }),
         path = _getIframeUrl.path,
         locationSearch = _getIframeUrl.locationSearch;
@@ -1255,9 +1244,8 @@ var ComponentApp = /*#__PURE__*/function () {
 
           // 此style用于弹窗出现和高度变化时动画，动画不同，属性不同
           this.app.style.height = parseInt(this.app.style.height) > 0 ? '100%' : "".concat(data.context.data.height, "px");
-
           // 弹出和弹入动画
-          var runkeyframes = "@keyframes ".concat(COMPONENT_CONTAINER_ID, "-slide-in {\n          0% {\n            height: 1px;\n          }\n          100% {\n            height: ").concat(data.context.data.height, "px;\n          }\n        }\n        @keyframes ").concat(COMPONENT_CONTAINER_ID, "-slide-out {\n          0% {\n            height: ").concat(data.context.data.height, "px;\n            opacity: 1;\n          }\n          50% {\n            opacity: 1;\n          }\n          100% {\n            height: 1px;\n            opacity: 0;\n          }\n        }");
+          var runkeyframes = slideInAndOutKeyframes(COMPONENT_CONTAINER_ID, data.context.data.height);
           // 创建style标签
           var style = document.createElement('style');
           style.id = animationStyleId;
@@ -1267,7 +1255,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';
@@ -1387,9 +1374,9 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "handleDeclareInfo",
-    value: function handleDeclareInfo(_ref13) {
-      var _ref13$closeDialogDat = _ref13.closeDialogData,
-        closeDialogData = _ref13$closeDialogDat === void 0 ? {} : _ref13$closeDialogDat;
+    value: function handleDeclareInfo(_ref12) {
+      var _ref12$closeDialogDat = _ref12.closeDialogData,
+        closeDialogData = _ref12$closeDialogDat === void 0 ? {} : _ref12$closeDialogDat;
       _handleDeclareInfo({
         closeDialogData: closeDialogData
       });
@@ -1530,7 +1517,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$AMSSDK$logger, _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _this$AMSSDK, _this$_renderParams24, res, submitRes;
+        var _this$_renderParams14, _this$_renderParams15, _this$_renderParams16, _this$_renderParams17, _this$_renderParams18, _this$_renderParams19, _this$AMSSDK$logger, _this$_renderParams20, _this$_renderParams21, _this$_renderParams22, _this$AMSSDK, _this$_renderParams23, res, submitRes;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1559,12 +1546,12 @@ 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$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 ? void 0 : _this$_renderParams15.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$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.renderDisplayType,
+                    appearance: (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.appearance,
+                    notRedirectAfterComplete: ((_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 ? void 0 : _this$_renderParams18.notRedirectAfterComplete) === true,
                     merchantAppointParam: this._merchantAppointParam,
                     allowSubmitPayCallAhead: this._allowSubmitPayCallAhead,
                     envInfo: {
@@ -1572,16 +1559,16 @@ var ComponentApp = /*#__PURE__*/function () {
                       screenWidth: screen.width
                     },
                     logMetaData: _objectSpread(_objectSpread({
-                      trackId: (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.sessionData,
+                      trackId: (_this$_renderParams19 = this._renderParams) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.sessionData,
                       platform: this.platform,
                       firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
-                    }, ((_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 || (_this$_renderParams21 = _this$_renderParams21.paymentSessionMetaData) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.paymentSessionConfig) || {}), {}, {
-                      renderDisplayType: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.renderDisplayType,
+                    }, ((_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 || (_this$_renderParams20 = _this$_renderParams20.paymentSessionMetaData) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.paymentSessionConfig) || {}), {}, {
+                      renderDisplayType: (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.renderDisplayType,
                       sdkVersion: this._appVersion,
-                      merchantId: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 || (_this$_renderParams23 = _this$_renderParams23.paymentSessionMetaData) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.clientId,
+                      merchantId: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 || (_this$_renderParams22 = _this$_renderParams22.paymentSessionMetaData) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.clientId,
                       instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
                       performanceData: this._performanceData,
-                      paymentMethodType: (_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 || (_this$_renderParams24 = _this$_renderParams24.paymentSessionMetaData) === null || _this$_renderParams24 === void 0 || (_this$_renderParams24 = _this$_renderParams24.paymentMethodInfoView) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.paymentMethodType
+                      paymentMethodType: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 || (_this$_renderParams23 = _this$_renderParams23.paymentSessionMetaData) === null || _this$_renderParams23 === void 0 || (_this$_renderParams23 = _this$_renderParams23.paymentMethodInfoView) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.paymentMethodType
                     })
                   }
                 }
@@ -1641,8 +1628,9 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "hideComponentAnimation",
     value: function hideComponentAnimation() {
+      var _container$style;
       var container = document.getElementById(COMPONENT_CONTAINER_ID);
-      if (this.app) this.app.style.height = container.style.height;
+      if (this.app) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
       if (container) {
         // size变化动画取消
         container.style.transition = '';

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

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

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

@@ -0,0 +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
+  };
+};

package/esm/plugin/paypal/index.js

@@ -380,6 +380,7 @@ export var PaypalBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
           break;
         case PaypalActionEnum.destroyComponent:
           this.destroyComponent(context, message);
+          break;
         default:
           console.log('Unknown action: ' + message.getAction());
       }

package/esm/types/index.d.ts

@@ -40,6 +40,9 @@ export interface IcreatePaymentParams {
         backgroundColor?: string;
     };
 }
+export declare enum ComponentSignEnumV2 {
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL"
+}
 export declare enum componentSignEnum {
     'EASY_PAY_WALLET' = "EASY_PAY_WALLET",
     'EASY_PAY_APM' = "EASY_PAY_APM",
@@ -47,24 +50,25 @@ export declare enum componentSignEnum {
     'CASHIER_PAYMENT_BANK' = "CASHIER_PAYMENT_BANK",
     'CASHIER_PAYMENT_APM' = "CASHIER_PAYMENT_APM",
     'AUTO_DEBIT_WALLET' = "AUTO_DEBIT_WALLET",
-    'AUTO_DEBIT_PAY_WALLET' = "AUTO_DEBIT_PAY_WALLET",
     'NONE' = "NONE",
-    'VAULTING_CARD' = "VAULTING_CARD"
+    'VAULTING_CARD' = "VAULTING_CARD",
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL"
 }
 export declare enum productSceneEnum {
     'EASY_PAY' = "EASY_PAY",
     'CASHIER_PAYMENT' = "CASHIER_PAYMENT",
     'AUTO_DEBIT' = "AUTO_DEBIT",
-    'AUTO_DEBIT_PAY' = "AUTO_DEBIT_PAY",
     'VAULTING' = "VAULTING",
     'FLASH_BUY' = "FLASH_BUY",
-    'CARD_APPLE_PAY' = "CARD_APPLE_PAY"
+    'CARD_APPLE_PAY' = "CARD_APPLE_PAY",
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT"
 }
 export declare enum paymentMethodCategoryTypeEnum {
     'CARD' = "CARD",
     'WALLET' = "WALLET",
     'BANK' = "BANK",
-    'APM' = "APM"
+    'APM' = "APM",
+    'ALL' = "ALL"
 }
 export interface DeviceIdParameter {
     scene?: string;
@@ -117,7 +121,7 @@ export interface Isubmit {
 }
 export interface IpaymentSessionConfig {
     productScene: productSceneEnum;
-    paymentMethodCategoryType: paymentMethodCategoryTypeEnum;
+    paymentMethodCategoryType?: paymentMethodCategoryTypeEnum;
     productSceneVersion: string;
 }
 export interface IpaymentSecurityConfig {
@@ -138,10 +142,6 @@ export interface InitSecurityConfig {
     product: productSceneEnum;
     region?: string;
 }
-export interface frontModulesToBeLoadedInterface {
-    acquirerName: string;
-    scriptUrl: string;
-}
 export interface IpaymentSessionMetaData {
     clientId?: string;
     renderDisplayType?: string;
@@ -229,7 +229,6 @@ export interface IpaymentSessionMetaData {
              */
             agreementDescription?: string;
         };
-        frontModulesToBeLoaded?: frontModulesToBeLoadedInterface[];
     };
 }
 export interface IPaymentSessionFactor {

package/esm/types/index.js

@@ -15,6 +15,10 @@ export var renderDisplayTypeEnum = /*#__PURE__*/function (renderDisplayTypeEnum)
   renderDisplayTypeEnum["inline"] = "inline";
   return renderDisplayTypeEnum;
 }({});
+export var ComponentSignEnumV2 = /*#__PURE__*/function (ComponentSignEnumV2) {
+  ComponentSignEnumV2["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
+  return ComponentSignEnumV2;
+}({});
 export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
   componentSignEnum["EASY_PAY_WALLET"] = "EASY_PAY_WALLET";
   componentSignEnum["EASY_PAY_APM"] = "EASY_PAY_APM";
@@ -22,19 +26,19 @@ export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
   componentSignEnum["CASHIER_PAYMENT_BANK"] = "CASHIER_PAYMENT_BANK";
   componentSignEnum["CASHIER_PAYMENT_APM"] = "CASHIER_PAYMENT_APM";
   componentSignEnum["AUTO_DEBIT_WALLET"] = "AUTO_DEBIT_WALLET";
-  componentSignEnum["AUTO_DEBIT_PAY_WALLET"] = "AUTO_DEBIT_PAY_WALLET";
   componentSignEnum["NONE"] = "NONE";
   componentSignEnum["VAULTING_CARD"] = "VAULTING_CARD";
+  componentSignEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
   return componentSignEnum;
 }({});
 export var productSceneEnum = /*#__PURE__*/function (productSceneEnum) {
   productSceneEnum["EASY_PAY"] = "EASY_PAY";
   productSceneEnum["CASHIER_PAYMENT"] = "CASHIER_PAYMENT";
   productSceneEnum["AUTO_DEBIT"] = "AUTO_DEBIT";
-  productSceneEnum["AUTO_DEBIT_PAY"] = "AUTO_DEBIT_PAY";
   productSceneEnum["VAULTING"] = "VAULTING";
   productSceneEnum["FLASH_BUY"] = "FLASH_BUY";
   productSceneEnum["CARD_APPLE_PAY"] = "CARD_APPLE_PAY";
+  productSceneEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT";
   return productSceneEnum;
 }({});
 export var paymentMethodCategoryTypeEnum = /*#__PURE__*/function (paymentMethodCategoryTypeEnum) {
@@ -42,6 +46,7 @@ export var paymentMethodCategoryTypeEnum = /*#__PURE__*/function (paymentMethodC
   paymentMethodCategoryTypeEnum["WALLET"] = "WALLET";
   paymentMethodCategoryTypeEnum["BANK"] = "BANK";
   paymentMethodCategoryTypeEnum["APM"] = "APM";
+  paymentMethodCategoryTypeEnum["ALL"] = "ALL";
   return paymentMethodCategoryTypeEnum;
 }({});
 export var payPalConfigurationIntentEnum = /*#__PURE__*/function (payPalConfigurationIntentEnum) {

package/esm/util/index.d.ts

@@ -39,10 +39,4 @@ declare const getOrSetStorageId: (key: string, value?: string) => string;
 declare const checkTimeElapsed: () => boolean;
 declare const isFunction: (func: any) => boolean;
 declare function parseBase64ToString(base64: string): string;
-declare function loadSDKScript({ src, attrOptions, timeOut, loadCallback }: {
-    src: any;
-    attrOptions?: {};
-    timeOut?: number;
-    loadCallback?: any;
-}, logger: any): Promise<unknown>;
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, loadSDKScript };
+export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, };

package/esm/util/index.js

@@ -261,70 +261,4 @@ function parseBase64ToString(base64) {
     return null;
   }
 }
-function loadSDKScript(_ref, logger) {
-  var _this2 = this;
-  var src = _ref.src,
-    _ref$attrOptions = _ref.attrOptions,
-    attrOptions = _ref$attrOptions === void 0 ? {} : _ref$attrOptions,
-    _ref$timeOut = _ref.timeOut,
-    timeOut = _ref$timeOut === void 0 ? 3 : _ref$timeOut,
-    _ref$loadCallback = _ref.loadCallback,
-    loadCallback = _ref$loadCallback === void 0 ? null : _ref$loadCallback;
-  return new Promise(function (resolve, reject) {
-    // 创建 script 标签
-    logger.logInfo({
-      title: 'load_item_sdk_start'
-    }, {
-      src: src,
-      attrOptions: JSON.stringify(attrOptions)
-    });
-    console.time();
-    var script = document.createElement('script');
-    var timer = null;
-    script.type = 'text/javascript';
-
-    // 监听加载完成事件
-    script.onload = function () {
-      // 当脚本加载完毕时，执行回调函数
-      logger.logInfo({
-        title: 'load_item_sdk_end'
-      }, {
-        src: src,
-        attrOptions: JSON.stringify(attrOptions)
-      });
-      console.timeEnd();
-      clearTimeout(timer);
-      if (loadCallback) loadCallback();
-      resolve(true);
-    };
-
-    // 监听加载失败事件
-    script.onerror = function () {
-      logger.logError({
-        title: 'load_item_sdk_error'
-      }, {
-        src: src,
-        attrOptions: JSON.stringify(attrOptions)
-      });
-      clearTimeout(timer);
-      console.error('The script ' + src + ' is not accessible.');
-      reject(false);
-    };
-    timer = setTimeout(function () {
-      _this2.logger.logError({
-        title: 'load_item_sdk_timeout'
-      }, {
-        src: src,
-        attrOptions: JSON.stringify(attrOptions)
-      });
-      reject(false);
-    }, timeOut * 1000);
-    script.src = src;
-    attrOptions && Object.keys(attrOptions).forEach(function (key) {
-      script.setAttribute(key, attrOptions[key]);
-    });
-    // 将 script 标签添加到页面中
-    document.head.appendChild(script);
-  });
-}
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, loadSDKScript };
+export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString };

package/esm/util/security.d.ts

@@ -18,6 +18,7 @@ export declare const sceneMap: {
     EASYPAY: string;
     EASY_PAY: string;
     FLASH_BUY: string;
+    ELEMENT_PAYMENT: string;
 };
 export declare const getSecurityHost: (region: string) => string;
 export declare const getSecurityScene: (product: string) => string;

package/esm/util/security.js

@@ -24,7 +24,7 @@ export var securityHost = {
   US: 'https://open-na-global.alipay.com/api/open/risk_client',
   DE: 'https://open-de-global.alipay.com/api/open/risk_client'
 };
-export var sceneMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, productSceneEnum.CASHIER_PAYMENT, 'Acquirer'), productSceneEnum.AUTO_DEBIT, 'Acquirer'), productSceneEnum.VAULTING, 'Acquirer'), productSceneEnum.CARD_APPLE_PAY, 'Acquirer'), "EASYPAY", 'EasyPay'), productSceneEnum.EASY_PAY, 'EasyPay'), productSceneEnum.FLASH_BUY, 'OneAccount');
+export var sceneMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, productSceneEnum.CASHIER_PAYMENT, 'Acquirer'), productSceneEnum.AUTO_DEBIT, 'Acquirer'), productSceneEnum.VAULTING, 'Acquirer'), productSceneEnum.CARD_APPLE_PAY, 'Acquirer'), "EASYPAY", 'EasyPay'), productSceneEnum.EASY_PAY, 'EasyPay'), productSceneEnum.FLASH_BUY, 'OneAccount'), productSceneEnum.ELEMENT_PAYMENT, 'Acquirer');
 export var getSecurityHost = function getSecurityHost(region) {
   return securityHost[region] || securityHost[SecurityRegionEnum.SG];
 };

package/esm/util/upgrade.d.ts

@@ -27,13 +27,13 @@ export declare function isGreyscaleMatch(item: UpgradeItem, randomGreyscale: num
 export declare const getMatchAppVersion: (_extendInfo: string, sdkInfo: UpgradeSdkInfo) => string;
 /**
  * 获取保存的加载版本
- * @param versionKey
+ * @param productScene
  * @returns
  */
-export declare const getLastAppVersion: (versionKey: string) => string;
+export declare const getLastAppVersion: (productScene: string) => string;
 /**
  * 保存指定场景的加载版本供下次使用
- * @param versionKey
+ * @param productScene
  * @returns
  */
-export declare const setLastAppVersion: (versionKey: string, appVersion: string) => boolean;
+export declare const setLastAppVersion: (productScene: string, appVersion: string) => boolean;

package/esm/util/upgrade.js

@@ -89,12 +89,12 @@ export var getMatchAppVersion = function getMatchAppVersion(_extendInfo, sdkInfo
 
 /**
  * 获取保存的加载版本
- * @param versionKey
+ * @param productScene
  * @returns
  */
-export var getLastAppVersion = function getLastAppVersion(versionKey) {
+export var getLastAppVersion = function getLastAppVersion(productScene) {
   try {
-    var key = "Antom_".concat(versionKey, "_LastAppVersion");
+    var key = "Antom_".concat(productScene, "_LastAppVersion");
     return getStorageString(key, '');
   } catch (error) {
     return '';
@@ -102,12 +102,12 @@ export var getLastAppVersion = function getLastAppVersion(versionKey) {
 };
 /**
  * 保存指定场景的加载版本供下次使用
- * @param versionKey
+ * @param productScene
  * @returns
  */
-export var setLastAppVersion = function setLastAppVersion(versionKey, appVersion) {
+export var setLastAppVersion = function setLastAppVersion(productScene, appVersion) {
   try {
-    var key = "Antom_".concat(versionKey, "_LastAppVersion");
+    var key = "Antom_".concat(productScene, "_LastAppVersion");
     return setStorageString(key, appVersion);
   } catch (error) {
     return false;