@alipay/ams-checkout 0.0.1757298389-dev.1 → 0.0.1757298389-dev.11

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

@@ -7,7 +7,7 @@
  */
 import { IApplePayContactField } from '../plugin/applepay/interface';
 export type onChange = () => onCnageResult;
-export { ElementType, PaymentElementLayout, ThemeType, type IElementOptions } from '../core/component/oldElement/type';
+export { ElementType, PaymentElementLayout, ThemeType, type IElementOptions, } from '../core/component/oldElement/type';
 interface onCnageResult {
     complete: boolean;
     addressValue: AddressItem[];
@@ -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';
@@ -591,6 +594,10 @@ export interface CashierSdkActionQueryResult {
         channelOrderId?: string;
     };
     errorActions?: Record<string, string>;
+    orderAmountView?: IAmountView;
+    paymentAmountView?: IAmountView;
+    paymentMethods?: IPaymentMethod[];
+    savedPaymentMethods?: IPaymentMethod[];
 }
 export interface CashierSdkActionQuerySessionResult extends IPaymentSessionMetaData {
     success: boolean;

package/esm/util/spm-map.d.ts

@@ -7,6 +7,7 @@ export declare const ELEMENT_SPM_MAP: {
     auto_apple_pay_start: string;
     auto_apple_pay_failed: string;
     auto_apple_pay_success: string;
+    sdk_element_handleHeartBeat: string;
 };
 export declare const SPM_MAP: {
     sdk_event_mount_element: string;
@@ -17,6 +18,7 @@ export declare const SPM_MAP: {
     auto_apple_pay_start: string;
     auto_apple_pay_failed: string;
     auto_apple_pay_success: string;
+    sdk_element_handleHeartBeat: string;
     sdk_error_runtime_error: string;
     sdk_event_sdkQuery_failed: string;
     container_error_error_insert_js: string;

package/esm/util/spm-map.js

@@ -14,7 +14,8 @@ export var ELEMENT_SPM_MAP = {
   multiple_instance_error: 'a3753.b101271.c403950',
   auto_apple_pay_start: 'a3753.b107385.c398110',
   auto_apple_pay_failed: 'a3753.b107385.c398111',
-  auto_apple_pay_success: 'a3753.b107385.c398112'
+  auto_apple_pay_success: 'a3753.b107385.c398112',
+  sdk_element_handleHeartBeat: 'a3753.b101271.c388217.d624449'
 };
 export var SPM_MAP = _objectSpread({
   sdk_error_runtime_error: 'a3753.b101271.c388188.d512342',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1757298389-dev.1",
+  "version": "0.0.1757298389-dev.11",
   "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": {