@alipay/ams-checkout 0.0.1757298389-dev.0 → 0.0.1757298389-dev.10

package/esm/core/component/element/elementProcessor/paymentProcessor.js

@@ -27,11 +27,11 @@ import PackageJson from "../../../../../package.json";
 import { EVENT } from "../../../../constant";
 import { ServiceProvider } from "../../../../foundation/service";
 import { ApplePaySdk, handleGooglePay, isSkipRenderPaymentMethod } from "../../../../plugin/component/channel";
-import { LogConfig, Logger } from "../../../../util/logger";
 import { queryParse } from "../../../../util";
+import { LogConfig, Logger } from "../../../../util/logger";
 import { parseSessionData } from "../../index";
 import { oneAccount, sdkAction } from "../mock";
-import { generateIframeSrc as _generateIframeSrc, isElementPC, isElementPad } from "../util";
+import { generateIframeSrc as _generateIframeSrc, isElementPad, isElementPC } from "../util";
 import BaseElementProcessor from "./baseElementProcessor";
 var logger = new Logger(LogConfig, true);
 var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
@@ -58,7 +58,8 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
         event: 'renderComponent',
         data: {
           heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-          paymentSessionData: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.paymentSessionId,
+          // 极简架构需要全量sessionData, 服务端与谦评估没得影响
+          paymentSessionData: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.paymentSession,
           queryResult: extraParam === null || extraParam === void 0 ? void 0 : extraParam.originActionQueryResult,
           envInfo: {
             screenHeight: screen.height,
@@ -242,18 +243,19 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
     value: function () {
       var _obtainData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         var _paymentSessionObj$co;
-        var requestService, _this$elementContaine8, paymentSession, paymentSessionObj, displayInfo, merchantAppointParam, _this$options2, environment, locale, _ref4, paymentSessionConfig, hostSign, isConnect, LOCAL_MOCK, _queryParse, appType, terminalType, generateActionQueryPromise, generateOneAccountQueryPromise, _yield$Promise$all, _yield$Promise$all2, originActionQueryResult, originOneAccountQueryResult;
+        var requestService, _this$elementContaine8, paymentSession, paymentSessionObj, displayInfo, _displayInfo, debugProps, _this$options2, environment, locale, _ref4, paymentSessionConfig, hostSign, isConnect, LOCAL_MOCK, _queryParse, appType, terminalType, generateActionQueryPromise, generateOneAccountQueryPromise, _yield$Promise$all, _yield$Promise$all2, originActionQueryResult, originOneAccountQueryResult;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               requestService = ServiceProvider.getInstance(this.instanceId).getService('Requester');
               _this$elementContaine8 = this.elementContainer.getPaymentContext(), paymentSession = _this$elementContaine8.paymentSession, paymentSessionObj = _this$elementContaine8.paymentSessionObj, displayInfo = _this$elementContaine8.displayInfo;
-              merchantAppointParam = displayInfo.merchantAppointParam;
+              _displayInfo = displayInfo;
+              debugProps = _displayInfo.debugProps;
               _this$options2 = this.options, environment = _this$options2.env.environment, locale = _this$options2.locale;
               _ref4 = paymentSessionObj || {}, paymentSessionConfig = _ref4.paymentSessionConfig;
               hostSign = paymentSession.split('&&')[1] || '';
               isConnect = paymentSessionObj === null || paymentSessionObj === void 0 || (_paymentSessionObj$co = paymentSessionObj.connectFactor) === null || _paymentSessionObj$co === void 0 ? void 0 : _paymentSessionObj$co.enableConnect;
-              LOCAL_MOCK = window.location.href.indexOf('LOCAL_MOCK=1') !== -1;
+              LOCAL_MOCK = (debugProps === null || debugProps === void 0 ? void 0 : debugProps.isDebug) && (debugProps === null || debugProps === void 0 ? void 0 : debugProps.local_mock);
               _queryParse = queryParse(this.getElementUrl()), appType = _queryParse.appType;
               terminalType = isElementPad() ? 'WEB' : appType ? 'APP' : isElementPC() ? 'WEB' : 'WAP';
               generateActionQueryPromise = function generateActionQueryPromise() {
@@ -267,7 +269,11 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                   }
                   var sdkRequestData = {
                     paymentSessionConfig: paymentSessionConfig,
-                    paymentSessionData: paymentSession
+                    paymentSessionData: paymentSession,
+                    extParams: {
+                      // 必传，服务端用于根据前端传入locale判断是否使用用户偏好语言
+                      isUserPreferredLocale: true
+                    }
                   };
                   if (displayInfo !== null && displayInfo !== void 0 && (_displayInfo$merchant = displayInfo.merchantAppointParam) !== null && _displayInfo$merchant !== void 0 && _displayInfo$merchant.storedCard) {
                     sdkRequestData.merchantAppointParam = displayInfo.merchantAppointParam;
@@ -322,9 +328,9 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                   });
                 });
               };
-              _context2.next = 14;
+              _context2.next = 15;
               return Promise.all(isConnect ? [generateActionQueryPromise(), generateOneAccountQueryPromise()] : [generateActionQueryPromise()]);
-            case 14:
+            case 15:
               _yield$Promise$all = _context2.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
               originActionQueryResult = _yield$Promise$all2[0];
@@ -337,7 +343,7 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                 originActionQueryResult: originActionQueryResult,
                 originOneAccountQueryResult: originOneAccountQueryResult
               });
-            case 20:
+            case 21:
             case "end":
               return _context2.stop();
           }

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

@@ -7,6 +7,9 @@ export declare class ElementComponent {
     mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
     mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
     mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
+    validateFields(): Promise<{
+        isValid: boolean;
+    }>;
     submitPayment(): void;
     destroy(): void;
 }

package/esm/core/component/element/index.js

@@ -49,6 +49,11 @@ export var ElementComponent = /*#__PURE__*/function () {
         appearance: this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.appearance
       }, renderOptions), sdkSelector);
     }
+  }, {
+    key: "validateFields",
+    value: function validateFields() {
+      return this.controller.validateFields();
+    }
   }, {
     key: "submitPayment",
     value: function submitPayment() {

package/esm/core/component/element/type.d.ts

@@ -10,7 +10,8 @@ export declare enum ElementPaymentEvent {
     CAPTURE_ASSET = "onCaptureAsset",
     SIGN_OUT = "onSignout",
     BLUR = "onBlur",
-    VALIDATE = "submitPay",
+    SUBMIT_PAY = "submitPay",
+    VALIDATE = "onValidate",
     SUBMIT_RISK = "onSubmitRisk",
     AFTER_SUBMIT = "onAfterSubmit",
     SIZE_CHANGE = "onSizeChange",
@@ -126,6 +127,10 @@ export interface LinkAuthMountOptions extends BaseMountOptions {
         theme?: ThemeType;
     };
 }
+type ToCamelCase<S extends string> = S extends `${infer First}-${infer Rest}` ? `${First}${Capitalize<ToCamelCase<Rest>>}` : S;
+type CompatibleVariables<T extends Record<string, string>> = {
+    [K in keyof T as K | ToCamelCase<K & string>]: string;
+};
 export interface PaymentMountOptions extends BaseMountOptions {
     type: ElementType.payment;
     appearance?: {
@@ -133,7 +138,7 @@ export interface PaymentMountOptions extends BaseMountOptions {
         layout?: {
             type: PaymentElementLayout;
         };
-        variables?: {
+        variables?: Partial<CompatibleVariables<{
             'content-primary': string;
             'content-secondary': string;
             'content-tertiary': string;
@@ -158,7 +163,8 @@ export interface PaymentMountOptions extends BaseMountOptions {
             'radius-module': string;
             'radius-component': string;
             'radius-button': string;
-        };
+            'warpper-padding': string;
+        }>>;
     };
     notRedirectAfterComplete?: boolean;
     merchantAppointParam?: IMerchantAppointParam;
@@ -359,7 +365,7 @@ export interface IElementOptions {
     appearance?: {
         theme: ThemeType.Default | ThemeType.Night;
     };
-    onEventCallback?: ({ code, message, result }: {
+    onEventCallback?: ({ code, message, result, }: {
         code: EventCallbackCode;
         message: string;
         result?: any;

package/esm/core/component/element/type.js

@@ -10,7 +10,8 @@ export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["CAPTURE_ASSET"] = "onCaptureAsset";
   ElementPaymentEvent["SIGN_OUT"] = "onSignout";
   ElementPaymentEvent["BLUR"] = "onBlur";
-  ElementPaymentEvent["VALIDATE"] = "submitPay";
+  ElementPaymentEvent["SUBMIT_PAY"] = "submitPay";
+  ElementPaymentEvent["VALIDATE"] = "onValidate";
   ElementPaymentEvent["SUBMIT_RISK"] = "onSubmitRisk";
   ElementPaymentEvent["AFTER_SUBMIT"] = "onAfterSubmit";
   ElementPaymentEvent["SIZE_CHANGE"] = "onSizeChange";
@@ -70,6 +71,11 @@ export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
   ELEMENT_ENVIRONMENT["SANDBOX"] = "SANDBOX";
   return ELEMENT_ENVIRONMENT;
 }({});
+
+// 将短横线命名转为小驼峰
+
+// 同时兼容短横线和小驼峰两种键名
+
 // export type IMountOptions = AddressMountOptions | LinkAuthMountOptions | PaymentMountOptions;
 
 export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbackName) {

package/esm/core/component/element/util.d.ts

@@ -10,7 +10,7 @@ export declare const formatElementOption: (options: IElementOptions) => {
     appearance?: {
         theme: import("./type").ThemeType.Default | import("./type").ThemeType.Night;
     };
-    onEventCallback?: ({ code, message, result }: {
+    onEventCallback?: ({ code, message, result, }: {
         code: EventCallbackCode;
         message: string;
         result?: any;

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

@@ -1,5 +1,5 @@
 import ComponentApp from '../../plugin/component';
-import { ComponentSignEnum, IappendIframeNodesParams, IcreateComponent, IoptionsParams, IPaymentSessionMetaData, Iselector, Isubmit, PaymentMethodTypeEnum, SubPaymentMethodTypeEnum } from '../../types';
+import { ComponentSignEnum, EventPayloadContext, IappendIframeNodesParams, IcreateComponent, IoptionsParams, IPaymentSessionMetaData, Iselector, Isubmit, PaymentMethodTypeEnum, SubPaymentMethodTypeEnum, ValidationResult } from '../../types';
 import CoreInstance from '../instance/index';
 export declare const getComponentSign: (params: IPaymentSessionMetaData) => ComponentSignEnum;
 export declare const parseSessionData: (sessionData: string) => [IPaymentSessionMetaData, string];
@@ -15,6 +15,7 @@ export declare class AMSComponent extends CoreInstance {
     channelType: ComponentSignEnum[];
     productSceneVersion: string;
     timer: any;
+    private _validateResolveMap;
     constructor(options: IAMSComponentOptions);
     private parameterInitAndCheck;
     private pluginAppendIframe;
@@ -52,4 +53,6 @@ export declare class AMSComponent extends CoreInstance {
      * @param data - Transfer information in the submission interface according to your requirements (optional)
      */
     submit(data?: Isubmit): Promise<unknown>;
+    protected _validateFields(): Promise<ValidationResult>;
+    protected _sendMessageToAPP(eventContext: EventPayloadContext): void;
 }

package/esm/core/component/index.js

@@ -35,7 +35,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 import { v4 as uuid } from 'uuid';
-import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
+import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT, SENDEVENT } from "../../constant";
+import PreloadHelper from "../../foundation/utils/preload_helper";
 import { ApplePayBusSubscriber } from "../../plugin/applepay";
 import ComponentApp from "../../plugin/component";
 import { ExtendPlugin } from "../../plugin/const";
@@ -50,7 +51,6 @@ import { SecurityBusSubscriber } from "../bus/ability/security";
 import { TrackerBusSubscriber } from "../bus/ability/tracker";
 import CoreInstance from "../instance/index";
 import { loadChannelPneumaticControl } from "./appPreloadProcessing";
-import PreloadHelper from "../../foundation/utils/preload_helper";
 export var getComponentSign = function getComponentSign(params) {
   var _params$paymentSessio = params.paymentSessionConfig,
     _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
@@ -140,6 +140,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     _defineProperty(_assertThisInitialized(_this2), "channelType", void 0);
     _defineProperty(_assertThisInitialized(_this2), "productSceneVersion", void 0);
     _defineProperty(_assertThisInitialized(_this2), "timer", void 0);
+    _defineProperty(_assertThisInitialized(_this2), "_validateResolveMap", new Map());
     var ComponentPlugin = new ComponentApp({
       appVersion: options.appVersion
     });
@@ -526,6 +527,108 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         }
       });
     }
+
+    // 预留给AMSVaulting复用
+  }, {
+    key: "_validateFields",
+    value: function _validateFields() {
+      var _this9 = this;
+      return new Promise(function (resolve) {
+        // 收银台应用渲染表单后，才允许发送校验消息，三端约定一致
+        if (!_this9._componentApp.shouldValidateFields()) {
+          resolve({
+            isValid: false
+          });
+          _this9.logger.logInfo({
+            title: 'sdk_event_validateFields'
+          }, {
+            processResult: 'notRenderComponent'
+          });
+          return;
+        }
+        var timeoutId;
+        var validationPromise = new Promise(function (validationResolve) {
+          var eventCallbackId = uuid();
+          _this9._validateResolveMap.set(eventCallbackId, validationResolve);
+          // 发送validateFields消息
+          _this9._sendMessageToAPP({
+            event: SENDEVENT.validateFields.name,
+            data: {},
+            eventCallbackId: eventCallbackId
+          });
+          var isValidationResult = function isValidationResult(data) {
+            return _typeof(data) === 'object' && data !== null && typeof data.isValid === 'boolean';
+          };
+          var callback = /*#__PURE__*/function () {
+            var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(payload) {
+              var currentEventCallbackId, currentResolve, result;
+              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    currentEventCallbackId = (payload === null || payload === void 0 ? void 0 : payload.eventCallbackId) || ''; // 事件一一对应，处理异步商户调用多次可能导致乱序的问题
+                    currentResolve = _this9._validateResolveMap.get(currentEventCallbackId);
+                    result = {
+                      isValid: false
+                    };
+                    if (isValidationResult(payload === null || payload === void 0 ? void 0 : payload.data)) {
+                      result = payload === null || payload === void 0 ? void 0 : payload.data;
+                    }
+                    _this9.logger.logInfo({
+                      title: 'sdk_event_validateFields'
+                    }, {
+                      processResult: result.isValid ? 'true' : 'false'
+                    });
+                    // 收银台应用保证数据格式，三端SDK负责透传
+                    if (!!currentResolve) {
+                      currentResolve(result);
+                      _this9._validateResolveMap.delete(currentEventCallbackId);
+                    }
+                  case 6:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function callback(_x2) {
+              return _ref5.apply(this, arguments);
+            };
+          }();
+          // 接收收银台应用的返回validateFieldsResult消息
+          // validateFieldsResultForward处理订阅eventCallbackId为空的问题
+          _this9._overrideSubscription(EVENT.validateFieldsResult.forwardName, callback, EVENT.validateFieldsResult.uniqueKey);
+        });
+
+        // 兜底场景，三端约定超时时间15秒，兼容cpf网络校验超时场景
+        var timeoutPromise = new Promise(function (timeoutResolve) {
+          timeoutId = setTimeout(function () {
+            _this9.logger.logInfo({
+              title: 'sdk_event_validateFields'
+            }, {
+              processResult: 'timeout'
+            });
+            timeoutResolve({
+              isValid: false
+            });
+          }, 15000);
+        });
+        Promise.race([validationPromise, timeoutPromise]).then(function (result) {
+          clearTimeout(timeoutId);
+          resolve(result);
+        }).catch(function () {
+          clearTimeout(timeoutId);
+          resolve({
+            isValid: false
+          });
+        });
+      });
+    }
+  }, {
+    key: "_sendMessageToAPP",
+    value: function _sendMessageToAPP(eventContext) {
+      this._componentApp.dispatchToApp({
+        context: eventContext
+      });
+    }
   }]);
   return AMSComponent;
 }(CoreInstance);

package/esm/index.d.ts

@@ -1,7 +1,7 @@
 import { AddressComponent } from './core/component/address';
 import { ElementComponent } from './core/component/element';
 import { AMSComponent } from './core/component/index';
-import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IoptionsParams, IPreloadOptions } from './types';
+import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IoptionsParams, IPreloadOptions, ValidationResult } from './types';
 export { AMSCheckoutPage } from './core/component/ckp';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
@@ -14,6 +14,15 @@ export declare class AMSAutoDebitPay extends AMSCheckout {
 export declare class AMSCashierPayment extends AMSCheckout {
     constructor(options: IoptionsParams);
     static preload(options?: IPreloadOptions): void;
+    /**
+   * Form validation function
+   * If the form is currently displayed:
+   *   - Successful validation: isValid is true
+   *   - Failed validation: isValid is false, and error messages are displayed on the form page
+   * If not on the form display page, isValid returns false
+   * @returns {Promise<ValidationResult>} Returns a Promise containing the validation result
+   */
+    validateFields(): Promise<ValidationResult>;
 }
 export declare class AMSVaulting extends AMSCheckout {
     constructor(options: IoptionsParams);

package/esm/index.js

@@ -111,7 +111,21 @@ export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout2) {
     }
     return _super3.call(this, _options, currentChannelType);
   }
-  _createClass(AMSCashierPayment, null, [{
+  _createClass(AMSCashierPayment, [{
+    key: "validateFields",
+    value:
+    /**
+    * Form validation function
+    * If the form is currently displayed:
+    *   - Successful validation: isValid is true
+    *   - Failed validation: isValid is false, and error messages are displayed on the form page
+    * If not on the form display page, isValid returns false
+    * @returns {Promise<ValidationResult>} Returns a Promise containing the validation result
+    */
+    function validateFields() {
+      return this._validateFields();
+    }
+  }], [{
     key: "preload",
     value: function preload() {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {

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

@@ -28,6 +28,7 @@ export default class ComponentApp {
     private _isAppWebview;
     _merchantAppointParam: IMerchantAppointParam;
     private _webAppHeartBeatTimeoutFn;
+    private _hasRenderComponent;
     constructor(componentOption?: {
         appVersion?: string;
     });
@@ -126,5 +127,6 @@ export default class ComponentApp {
     private showRetentionPopup;
     private hideRetentionPopupFunc;
     private submitForm;
+    shouldValidateFields(): boolean;
 }
 export {};

package/esm/plugin/component/index.js

@@ -23,7 +23,7 @@ import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK
 import { ElementPaymentMethod } from "../../core/component/oldElement/type";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { ComponentSignEnum, DisplayTypeEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, TargetEnum } from "../../types";
-import { getType, isJsonString, isPC } from "../../util";
+import { getType, isJsonString, isPC, device } from "../../util";
 import { getBackScheme } from "../../util/getBackScheme";
 import { isLocalMock } from "../../util/mock";
 import { matchVersion } from "../../util/versionCompare";
@@ -62,6 +62,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_isAppWebview", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
+    _defineProperty(this, "_hasRenderComponent", false);
     this._appVersion = componentOption.appVersion;
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
@@ -71,7 +72,7 @@ var ComponentApp = /*#__PURE__*/function () {
     this.createPreloadIframeNode = function () {
       return Promise.resolve();
     };
-    this.platform = isPC() ? PlatformEnum.desktop : PlatformEnum.mobile;
+    this.platform = device.isMobile ? PlatformEnum.mobile : PlatformEnum.desktop;
     this._isRetention = true;
     this._appLocationSearch = '';
     this._performanceData.push({
@@ -673,6 +674,7 @@ var ComponentApp = /*#__PURE__*/function () {
                       message: res === null || res === void 0 ? void 0 : res.errorMessage
                     };
                     _this5.dispatchToSDK(EVENT.error.name, createComponentError);
+                    _this5.dispatchToSDK(EVENT.eventCallback.name, createComponentError);
                     if ((res === null || res === void 0 || (_res$errorActions = res.errorActions) === null || _res$errorActions === void 0 ? void 0 : _res$errorActions.showType) === 'NONE') {
                       // 抛错销毁SDK，不展示错误页面
                       reject(createComponentError);
@@ -684,6 +686,7 @@ var ComponentApp = /*#__PURE__*/function () {
                   if (ComponentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign) {
                     // 通用操作：抛CREATECOMPONENT_ERROR错误码给商户，商户升级到新版本需要处理CREATECOMPONENT_ERROR逻辑
                     _this5.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.NETWORK_REQUEST_ERROR);
+                    _this5.dispatchToSDK(EVENT.eventCallback.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.NETWORK_REQUEST_ERROR);
                   }
                   if ([ComponentSignEnum.CASHIER_PAYMENT_CARD, ComponentSignEnum.VAULTING_CARD, ComponentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
                     return resolve({
@@ -1407,6 +1410,12 @@ var ComponentApp = /*#__PURE__*/function () {
         });
         return;
       }
+      if (data.context.event === EVENT.validateFieldsResult.name) {
+        // 将validateFieldsResult事件转发到subsribe处理，解决subsribe拿不到eventCallbackId的问题
+        this.AMSSDK._eventCenter.emit(EVENT.validateFieldsResult.forwardName, data.context);
+        return;
+      }
+
       // log event before sending the callback
       this.logEventCallback(data, 'sdk_event_event_callback');
       try {
@@ -1842,6 +1851,7 @@ var ComponentApp = /*#__PURE__*/function () {
               return this._actionSubmitPromise;
             case 9:
               submitRes = _context8.sent;
+              this._hasRenderComponent = true;
               this._performanceData.push({
                 key: 'sdk_render_component',
                 value: Date.now()
@@ -1897,16 +1907,16 @@ var ComponentApp = /*#__PURE__*/function () {
                 }
               });
               // eslint-disable-next-line no-empty
-              _context8.next = 18;
+              _context8.next = 19;
               break;
-            case 16:
-              _context8.prev = 16;
+            case 17:
+              _context8.prev = 17;
               _context8.t0 = _context8["catch"](0);
-            case 18:
+            case 19:
             case "end":
               return _context8.stop();
           }
-        }, _callee8, this, [[0, 16]]);
+        }, _callee8, this, [[0, 17]]);
       }));
       function sendRenderEvent() {
         return _sendRenderEvent.apply(this, arguments);
@@ -1933,6 +1943,7 @@ var ComponentApp = /*#__PURE__*/function () {
       this._performanceData = [];
       this._isInitComponent = false;
       this.app = null;
+      this._hasRenderComponent = false;
       if (immediately) this.cleanElement();else {
         setTimeout(function () {
           _this10.cleanElement();
@@ -2019,6 +2030,11 @@ var ComponentApp = /*#__PURE__*/function () {
         form.submit();
       }, 0);
     }
+  }, {
+    key: "shouldValidateFields",
+    value: function shouldValidateFields() {
+      return this._hasRenderComponent;
+    }
   }]);
   return ComponentApp;
 }();

package/esm/plugin/paypal/index.js

@@ -82,7 +82,7 @@ export var PaypalBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
       }
       return Promise.resolve(paypalPluginProps);
     });
-    // 加载paypal资源
+    // 加载paypal资源 TODO
     _defineProperty(_assertThisInitialized(_this), "loadPaypalResource", function (paypalPluginProps) {
       return new Promise(function (resolve, reject) {
         var _paypalPluginProps$ap;
@@ -265,6 +265,7 @@ export var PaypalBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
         return _ref6.apply(this, arguments);
       };
     }());
+    // TODO
     _defineProperty(_assertThisInitialized(_this), "destroyComponent", /*#__PURE__*/function () {
       var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(context, message) {
         var data;
@@ -373,7 +374,9 @@ export var PaypalBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
     }
   }, {
     key: "onMessage",
-    value: function onMessage(context, message) {
+    value:
+    // TODO
+    function onMessage(context, message) {
       switch (message.getAction()) {
         case PaypalActionEnum.mountComponent:
           this.renderPaypalButton(context, message);

package/esm/types/index.d.ts

@@ -40,6 +40,9 @@ export interface IoptionsParams {
     mode?: string;
     securityRegion?: 'US' | 'SG' | 'DE';
 }
+export interface ValidationResult {
+    isValid: boolean;
+}
 export interface IPreloadOptions {
     environment?: string;
     securityRegion?: 'US' | 'SG' | 'DE';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1757298389-dev.0",
+  "version": "0.0.1757298389-dev.10",
   "description": "",
   "author": "",
   "main": "esm/index.js",
@@ -21,7 +21,7 @@
     "dev": "father dev",
     "format": "prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"",
     "lint": "eslint ./src",
-    "test": "jest --silent",
+    "test": "jest --coverage --silent",
     "tsc": "tsc --noEmit"
   },
   "commitlint": {