@alipay/ams-checkout 0.0.1720509876-dev.2 → 0.0.1722309428-dev.0

package/esm/plugin/component/index.js

@@ -27,8 +27,7 @@ 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, slideInAndOutKeyframes } from "./component.popup.style";
-import { handlePaymentSessionConfig } from "../payment-element/utils";
+import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style";
 import { createModal, destroyModal, insertStyleSheet } from "./popupWindow.style";
 window.changingPageHeight = window.innerHeight;
 var ComponentApp = /*#__PURE__*/function () {
@@ -58,7 +57,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.20.0';
+    this._appVersion = '1.18.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -299,7 +298,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;
         }
@@ -315,6 +314,18 @@ 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
       });
@@ -415,17 +426,18 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createActionQueryPromise",
     value: function createActionQueryPromise() {
-      var _this5 = this;
+      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;
       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, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _this5$_renderParams8, _action$web2, _action$wap2, action, signType;
+          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;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -461,28 +473,22 @@ 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 = 22;
+                  _context2.next = 21;
                   break;
                 }
                 if (!enableVaultingApiOptimize) {
-                  _context2.next = 22;
+                  _context2.next = 21;
                   break;
                 }
                 if (!skipSdkQueryForm) {
-                  _context2.next = 19;
+                  _context2.next = 18;
                   break;
                 }
                 // 优先判断 skipSdkQueryForm
                 ifSkip = matchVersion(skipSdkQueryForm, _this5._appVersion);
                 if (!ifSkip) {
-                  _context2.next = 17;
+                  _context2.next = 16;
                   break;
                 }
                 resolve({
@@ -490,12 +496,12 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 });
                 return _context2.abrupt("return");
-              case 17:
-                _context2.next = 22;
+              case 16:
+                _context2.next = 21;
                 break;
-              case 19:
+              case 18:
                 if (!skipSdkQuery) {
-                  _context2.next = 22;
+                  _context2.next = 21;
                   break;
                 }
                 resolve({
@@ -503,10 +509,10 @@ var ComponentApp = /*#__PURE__*/function () {
                   success: true
                 });
                 return _context2.abrupt("return");
-              case 22:
+              case 21:
                 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 = 25;
+                  _context2.next = 24;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
@@ -514,28 +520,29 @@ var ComponentApp = /*#__PURE__*/function () {
                   amountConfirmRequired: actionData === null || actionData === void 0 ? void 0 : actionData.amountConfirmRequired,
                   success: true
                 }));
-              case 25:
+              case 24:
                 if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 31;
+                  _context2.next = 30;
                   break;
                 }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 29;
+                _context2.next = 28;
                 return _this5.getDeviceIdAndLog();
-              case 29:
+              case 28:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 31:
+              case 30:
                 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;
-                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)) {
+                _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)) {
                   _context2.next = 35;
                   break;
                 }
@@ -562,7 +569,7 @@ var ComponentApp = /*#__PURE__*/function () {
                   _context2.next = 50;
                   break;
                 }
-                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) || {};
+                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 = 45;
@@ -641,24 +648,24 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
-      var _this$_renderParams11,
-        _this$_renderParams12,
+      var _this$_renderParams12,
         _this$_renderParams13,
+        _this$_renderParams14,
         _this6 = this;
       this._performanceData.push({
         key: 'sdk_submit_start',
         value: Date.now()
       });
       var params = {
-        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
+        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
       };
-      var channelBehavior = getChannelBehavior((_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.paymentSessionMetaData);
+      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 _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
+        var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
           var _channelBehavior$buil, _this6$_renderParams$;
-          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;
+          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;
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
@@ -670,8 +677,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) {
-                  _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;
+                  _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;
                   if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken) {
                     ///EasyPay 2.0 首次传signAgreement字段
                     params['signAgreement'] = enableSignAgreement;
@@ -749,7 +756,7 @@ var ComponentApp = /*#__PURE__*/function () {
           }, _callee3);
         }));
         return function (_x3) {
-          return _ref9.apply(this, arguments);
+          return _ref10.apply(this, arguments);
         };
       }());
     }
@@ -799,9 +806,13 @@ var ComponentApp = /*#__PURE__*/function () {
           productScene: componentSign,
           productSceneVersion: productSceneVersion,
           environment: this.AMSSDK.options.env.environment,
+          // TODO 确定一下这个参数是干啥的
           appVersion: this._appVersion,
+          extendInfo: '',
+          locale: '',
           instanceId: '',
-          isPreload: 'true'
+          isPreload: 'true',
+          mid: ''
         }),
         path = _getIframeUrl.path,
         locationSearch = _getIframeUrl.locationSearch;
@@ -1244,8 +1255,9 @@ var ComponentApp = /*#__PURE__*/function () {
 
           // 此style用于弹窗出现和高度变化时动画，动画不同，属性不同
           this.app.style.height = parseInt(this.app.style.height) > 0 ? '100%' : "".concat(data.context.data.height, "px");
+
           // 弹出和弹入动画
-          var runkeyframes = slideInAndOutKeyframes(COMPONENT_CONTAINER_ID, data.context.data.height);
+          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        }");
           // 创建style标签
           var style = document.createElement('style');
           style.id = animationStyleId;
@@ -1255,6 +1267,7 @@ 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';
@@ -1374,9 +1387,9 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "handleDeclareInfo",
-    value: function handleDeclareInfo(_ref12) {
-      var _ref12$closeDialogDat = _ref12.closeDialogData,
-        closeDialogData = _ref12$closeDialogDat === void 0 ? {} : _ref12$closeDialogDat;
+    value: function handleDeclareInfo(_ref13) {
+      var _ref13$closeDialogDat = _ref13.closeDialogData,
+        closeDialogData = _ref13$closeDialogDat === void 0 ? {} : _ref13$closeDialogDat;
       _handleDeclareInfo({
         closeDialogData: closeDialogData
       });
@@ -1517,7 +1530,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: (function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-        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;
+        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;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1546,12 +1559,12 @@ var ComponentApp = /*#__PURE__*/function () {
                   data: {
                     queryResult: res,
                     submitResult: submitRes,
-                    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,
+                    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,
                     heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-                    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,
+                    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,
                     merchantAppointParam: this._merchantAppointParam,
                     allowSubmitPayCallAhead: this._allowSubmitPayCallAhead,
                     envInfo: {
@@ -1559,16 +1572,16 @@ var ComponentApp = /*#__PURE__*/function () {
                       screenWidth: screen.width
                     },
                     logMetaData: _objectSpread(_objectSpread({
-                      trackId: (_this$_renderParams19 = this._renderParams) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.sessionData,
+                      trackId: (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.sessionData,
                       platform: this.platform,
                       firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
-                    }, ((_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,
+                    }, ((_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,
                       sdkVersion: this._appVersion,
-                      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,
+                      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,
                       instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
                       performanceData: this._performanceData,
-                      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
+                      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
                     })
                   }
                 }
@@ -1628,9 +1641,8 @@ 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 === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
+      if (this.app) this.app.style.height = container.style.height;
       if (container) {
         // size变化动画取消
         container.style.transition = '';

package/esm/plugin/paypal/index.js

@@ -380,7 +380,6 @@ 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,9 +40,6 @@ 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",
@@ -50,25 +47,24 @@ 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",
-    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL"
+    'VAULTING_CARD' = "VAULTING_CARD"
 }
 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",
-    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT"
+    'CARD_APPLE_PAY' = "CARD_APPLE_PAY"
 }
 export declare enum paymentMethodCategoryTypeEnum {
     'CARD' = "CARD",
     'WALLET' = "WALLET",
     'BANK' = "BANK",
-    'APM' = "APM",
-    'ALL' = "ALL"
+    'APM' = "APM"
 }
 export interface DeviceIdParameter {
     scene?: string;
@@ -121,7 +117,7 @@ export interface Isubmit {
 }
 export interface IpaymentSessionConfig {
     productScene: productSceneEnum;
-    paymentMethodCategoryType?: paymentMethodCategoryTypeEnum;
+    paymentMethodCategoryType: paymentMethodCategoryTypeEnum;
     productSceneVersion: string;
 }
 export interface IpaymentSecurityConfig {
@@ -142,6 +138,10 @@ export interface InitSecurityConfig {
     product: productSceneEnum;
     region?: string;
 }
+export interface frontModulesToBeLoadedInterface {
+    acquirerName: string;
+    scriptUrl: string;
+}
 export interface IpaymentSessionMetaData {
     clientId?: string;
     renderDisplayType?: string;
@@ -229,6 +229,7 @@ export interface IpaymentSessionMetaData {
              */
             agreementDescription?: string;
         };
+        frontModulesToBeLoaded?: frontModulesToBeLoadedInterface[];
     };
 }
 export interface IPaymentSessionFactor {

package/esm/types/index.js

@@ -15,10 +15,6 @@ 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";
@@ -26,19 +22,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) {
@@ -46,7 +42,6 @@ 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,4 +39,10 @@ declare const getOrSetStorageId: (key: string, value?: string) => string;
 declare const checkTimeElapsed: () => boolean;
 declare const isFunction: (func: any) => boolean;
 declare function parseBase64ToString(base64: string): string;
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, };
+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 };

package/esm/util/index.js

@@ -261,4 +261,70 @@ function parseBase64ToString(base64) {
     return null;
   }
 }
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString };
+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 };

package/esm/util/security.d.ts

@@ -18,7 +18,6 @@ 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(_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 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 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 productScene
+ * @param versionKey
  * @returns
  */
-export declare const getLastAppVersion: (productScene: string) => string;
+export declare const getLastAppVersion: (versionKey: string) => string;
 /**
  * 保存指定场景的加载版本供下次使用
- * @param productScene
+ * @param versionKey
  * @returns
  */
-export declare const setLastAppVersion: (productScene: string, appVersion: string) => boolean;
+export declare const setLastAppVersion: (versionKey: string, appVersion: string) => boolean;

package/esm/util/upgrade.js

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

package/package.json

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

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

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