@alipay/ams-checkout 0.0.1757298389-dev.2 → 0.0.1757298389-dev.21

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

@@ -20,9 +20,9 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-import { ProductSceneEnum } from "../../../../types";
 import { parseSessionData } from "../..";
 import PackageJson from "../../../../../package.json";
+import { ProductSceneEnum } from "../../../../types";
 import { generateIframeSrc as _generateIframeSrc } from "../util";
 import BaseElementProcessor from "./baseElementProcessor";
 var AddressProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
@@ -35,12 +35,12 @@ var AddressProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
   _createClass(AddressProcessor, [{
     key: "onReady",
     value: function onReady(extraParam) {
-      var _paymentSessionObj$pa, _extraParam$originOne;
+      var _paymentSessionObj$co, _paymentSessionObj$pa, _extraParam$originOne;
       var paymentContext = this.elementContainer.getPaymentContext();
       var paymentSessionObj = paymentContext.paymentSessionObj,
         paymentSessionId = paymentContext.paymentSessionId,
         displayInfo = paymentContext.displayInfo;
-      var isConnect = paymentSessionObj.connectFactor.enableConnect && ((_paymentSessionObj$pa = paymentSessionObj.paymentSessionConfig) === null || _paymentSessionObj$pa === void 0 ? void 0 : _paymentSessionObj$pa.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
+      var isConnect = ((_paymentSessionObj$co = paymentSessionObj.connectFactor) === null || _paymentSessionObj$co === void 0 ? void 0 : _paymentSessionObj$co.enableConnect) && ((_paymentSessionObj$pa = paymentSessionObj.paymentSessionConfig) === null || _paymentSessionObj$pa === void 0 ? void 0 : _paymentSessionObj$pa.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
       this.eventCenter.dispatchToApp({
         event: 'renderComponent',
         data: {

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;
@@ -287,8 +293,8 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                     'Operation-Type': 'com.ipay.iexpcashier.sdkAction.query'
                   }).then(function (result) {
                     resolve(result);
-                  }, function () {
-                    reject('sdk.action.query Request Error');
+                  }, function (e) {
+                    reject(e);
                   });
                 });
               };
@@ -317,14 +323,14 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                     'Operation-Type': 'com.ipay.iexpfront.one.account.query'
                   }).then(function (result) {
                     resolve(result);
-                  }, function () {
-                    reject('one.account.query Request Error');
+                  }, function (e) {
+                    reject(e);
                   });
                 });
               };
-              _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

@@ -1,15 +1,13 @@
-import { AddressMountOptions, AddressMountResult, IElementOptions, LinkAuthMountOptions, LinkAuthMountResult, PaymentMountOptions, PaymentMountResult } from './type';
+import { IElementOptions, PaymentMountOptions } from './type';
 export declare class ElementComponent {
     private options;
     private controller;
     constructor(options: IElementOptions);
     updatePayment(paymentSessionData: any): Promise<unknown>;
-    mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
-    mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
-    mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
+    mount(renderOptions: PaymentMountOptions, sdkSelector: string): Promise<import("./type").ICommonApiResponse>;
     validateFields(): Promise<{
         isValid: boolean;
     }>;
-    submitPayment(): void;
+    submitPayment(): Promise<import("./type").IPaymentApiResponse>;
     destroy(): void;
 }

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

@@ -11,6 +11,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import ElementController from "./elementController";
+import { InvalidElementConfigError } from "./type";
 import { formatElementOption, validateElementOption } from "./util";
 export var ElementComponent = /*#__PURE__*/function () {
   function ElementComponent(options) {
@@ -18,7 +19,9 @@ export var ElementComponent = /*#__PURE__*/function () {
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "controller", void 0);
     var validate = validateElementOption(options);
-    if (!validate) return;
+    if (!validate.isValid) {
+      throw new InvalidElementConfigError(validate.errors);
+    }
     this.options = formatElementOption(options);
     this.controller = new ElementController(options);
   }
@@ -40,7 +43,10 @@ export var ElementComponent = /*#__PURE__*/function () {
         return _updatePayment.apply(this, arguments);
       }
       return updatePayment;
-    }()
+    }() // 暂不透出 link 和 address element
+    // mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
+    // mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
+    // mount(renderOptions: PaymentMountOptions, sdkSelector: string);
   }, {
     key: "mount",
     value: function mount(renderOptions, sdkSelector) {
@@ -57,7 +63,7 @@ export var ElementComponent = /*#__PURE__*/function () {
   }, {
     key: "submitPayment",
     value: function submitPayment() {
-      this.controller.submitPayment();
+      return this.controller.submitPayment();
     }
   }, {
     key: "destroy",

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

@@ -1,4 +1,5 @@
 export var sdkAction1 = {
+  notSupportRetryPayForSameSession: false,
   accountInfo: {
     accountStatus: 'EFFECTIVE',
     email: 'test10@test.com'

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

@@ -23,8 +23,7 @@ export declare enum ElementPaymentEvent {
     SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log",
     HANDLE_PAYMENT = "handlePayment",
-    ON_EVENT_CALLBACK = "onEventCallback",
-    ON_PAY_STATUS_CHANGE = "onPayStatusChange"
+    ON_EVENT_CALLBACK = "onEventCallback"
 }
 export declare enum ElementPaymentMethod {
     CONTAINER_ELEMENT = "CONTAINER_ELEMENT",
@@ -37,6 +36,20 @@ export declare enum ElementType {
     address = "address",
     payment = "payment"
 }
+/**
+ * TODO 替换外外网链接
+ * 支付状态参考: https://yuque.antfin.com/antom_ka_team/yg9y7x/fe8xxqgbivnx5fd2#rGgE
+ */
+export declare enum PaymentStatus {
+    SUCCESS = "SUCCESS",
+    PROCESSING = "PROCESSING",
+    CANCELLED = "CANCELLED",
+    PENDING = "PENDING",
+    S = "SUCCESS",
+    F = "FAIL",
+    U = "PROCESSING",
+    FAIL = "FAIL"
+}
 export declare const MountElementType: {
     auth: ElementPaymentMethod;
     address: ElementPaymentMethod;
@@ -128,6 +141,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?: {
@@ -135,7 +152,7 @@ export interface PaymentMountOptions extends BaseMountOptions {
         layout?: {
             type: PaymentElementLayout;
         };
-        variables?: {
+        variables?: Partial<CompatibleVariables<{
             'content-primary': string;
             'content-secondary': string;
             'content-tertiary': string;
@@ -160,7 +177,8 @@ export interface PaymentMountOptions extends BaseMountOptions {
             'radius-module': string;
             'radius-component': string;
             'radius-button': string;
-        };
+            'warpper-padding': string;
+        }>>;
     };
     notRedirectAfterComplete?: boolean;
     merchantAppointParam?: IMerchantAppointParam;
@@ -190,6 +208,8 @@ export interface ValidateResult<T = {}> {
     success: boolean;
     data: {
         success: boolean;
+        status: PaymentStatus;
+        message?: string;
         data: T;
     };
 }
@@ -361,7 +381,7 @@ export interface IElementOptions {
     appearance?: {
         theme: ThemeType.Default | ThemeType.Night;
     };
-    onEventCallback?: ({ code, message, result }: {
+    onEventCallback?: ({ code, message, result, }: {
         code: EventCallbackCode;
         message: string;
         result?: any;
@@ -389,4 +409,34 @@ export interface IToastOptions {
     icon?: 'SUCCESS' | 'FAIL';
     spin?: boolean;
 }
+export interface ICommonApiResponse {
+    error?: {
+        code: string;
+        message: string;
+        traceId?: string;
+        context?: any;
+    };
+    needChangeSessionForRetry?: boolean;
+}
+export interface IPaymentApiResponse extends ICommonApiResponse {
+    status: keyof typeof PaymentStatus;
+    userCanceled3D?: boolean;
+}
+export declare class InvalidElementConfigError extends Error {
+    errors: Array<{
+        field: keyof IElementOptions;
+        message: string;
+    }>;
+    constructor(errors: Array<{
+        field: keyof IElementOptions;
+        message: string;
+    }>);
+}
+export declare enum EXPOSURE_API_EVENT {
+    DESTORY = "destroy",
+    MOUNT = "mount",
+    SUBMITPAYMENT = "submitPayment",
+    VALIDATAFIELDS = "validateFields",
+    UPDATEPAYMENT = "updatePayment"
+}
 export {};

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

@@ -1,4 +1,17 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
+function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeFunction(fn) { try { return Function.toString.call(fn).indexOf("[native code]") !== -1; } catch (e) { return typeof fn === "function"; } }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -21,7 +34,6 @@ export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["LOG"] = "log";
   ElementPaymentEvent["HANDLE_PAYMENT"] = "handlePayment";
   ElementPaymentEvent["ON_EVENT_CALLBACK"] = "onEventCallback";
-  ElementPaymentEvent["ON_PAY_STATUS_CHANGE"] = "onPayStatusChange";
   return ElementPaymentEvent;
 }({});
 export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
@@ -37,6 +49,22 @@ export var ElementType = /*#__PURE__*/function (ElementType) {
   ElementType["payment"] = "payment";
   return ElementType;
 }({});
+
+/**
+ * TODO 替换外外网链接
+ * 支付状态参考: https://yuque.antfin.com/antom_ka_team/yg9y7x/fe8xxqgbivnx5fd2#rGgE
+ */
+export var PaymentStatus = /*#__PURE__*/function (PaymentStatus) {
+  PaymentStatus["SUCCESS"] = "SUCCESS";
+  PaymentStatus["PROCESSING"] = "PROCESSING";
+  PaymentStatus["CANCELLED"] = "CANCELLED";
+  PaymentStatus["PENDING"] = "PENDING";
+  PaymentStatus["S"] = "SUCCESS";
+  PaymentStatus["F"] = "FAIL";
+  PaymentStatus["U"] = "PROCESSING";
+  PaymentStatus["FAIL"] = "FAIL";
+  return PaymentStatus;
+}({});
 export var MountElementType = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ElementType.auth, ElementPaymentMethod.AUTH_ELEMENT), ElementType.address, ElementPaymentMethod.ADDRESS_ELEMENT), ElementType.payment, ElementPaymentMethod.PAYMENT_ELEMENT), ElementPaymentMethod.AUTH_ELEMENT, ElementType.auth), ElementPaymentMethod.ADDRESS_ELEMENT, ElementType.address), ElementPaymentMethod.PAYMENT_ELEMENT, ElementType.payment);
 export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["NostalgicGray"] = "nostalgicGray";
@@ -72,6 +100,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) {
@@ -88,4 +121,28 @@ var AccountStatusEnum = /*#__PURE__*/function (AccountStatusEnum) {
   AccountStatusEnum["EFFECTIVE"] = "EFFECTIVE";
   AccountStatusEnum["UNREGISTERED"] = "UNREGISTERED";
   return AccountStatusEnum;
-}(AccountStatusEnum || {}); // element 接口start
+}(AccountStatusEnum || {}); // element 接口start
+export var InvalidElementConfigError = /*#__PURE__*/function (_Error) {
+  _inherits(InvalidElementConfigError, _Error);
+  var _super = _createSuper(InvalidElementConfigError);
+  function InvalidElementConfigError(errors) {
+    var _this;
+    _classCallCheck(this, InvalidElementConfigError);
+    var errorMessages = errors.map(function (e) {
+      return "".concat(e.field, ": ").concat(e.message);
+    });
+    _this = _super.call(this, "Invalid config:\n".concat(errorMessages.join('\n')));
+    _this.errors = errors;
+    _this.name = 'InvalidElementConfigError';
+    return _this;
+  }
+  return _createClass(InvalidElementConfigError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+export var EXPOSURE_API_EVENT = /*#__PURE__*/function (EXPOSURE_API_EVENT) {
+  EXPOSURE_API_EVENT["DESTORY"] = "destroy";
+  EXPOSURE_API_EVENT["MOUNT"] = "mount";
+  EXPOSURE_API_EVENT["SUBMITPAYMENT"] = "submitPayment";
+  EXPOSURE_API_EVENT["VALIDATAFIELDS"] = "validateFields";
+  EXPOSURE_API_EVENT["UPDATEPAYMENT"] = "updatePayment";
+  return EXPOSURE_API_EVENT;
+}({});

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

@@ -1,7 +1,7 @@
 import { IElementStatus } from '../../../foundation';
-import { Ianalytics, IPaymentSessionMetaData } from '../../../types';
+import { CashierSdkActionQueryResult, Ianalytics, IPaymentSessionMetaData } from '../../../types';
 import { ContainerController } from './elementContainerService/containerService';
-import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions, EventCallbackCode } from './type';
+import { ELEMENT_ENVIRONMENT_TYPE, EventCallbackCode, IElementOptions, IToastOptions } from './type';
 export declare const formatElementOption: (options: IElementOptions) => {
     environment: ELEMENT_ENVIRONMENT_TYPE;
     sessionData: string;
@@ -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;
@@ -20,10 +20,15 @@ export declare const formatElementOption: (options: IElementOptions) => {
         onEndLoading: () => void;
     };
 };
-export declare const validateElementOption: (options: IElementOptions) => boolean;
+export declare const validateElementOption: (options: IElementOptions) => {
+    isValid: boolean;
+    errors: any[];
+};
 /**
  * 校验渲染条件
- * 校验当前sdkSelector结点是否存在
+ * 1.校验当前 sdkSelector 结点是否存在
+ * 2.校验当前 Element 的状态是否能够渲染
+ * 3.校验当前 type 类型 Elment 是否已经执行过 mount
  */
 export declare function checkCanMount({ sdkSelector, containerService, status, }: {
     sdkSelector: string;
@@ -32,6 +37,10 @@ export declare function checkCanMount({ sdkSelector, containerService, status, }
 }): {
     success: boolean;
     errorMsg?: string;
+    error?: {
+        code: string;
+        message: string;
+    };
 };
 export declare function checkCanUpdate({ status, paymentContainerService, newPaymentSessionData, oldPaymentSessionData, }: {
     status: IElementStatus;
@@ -67,3 +76,9 @@ export declare const isElementMobile: () => boolean;
  */
 export declare const isElementPad: () => boolean;
 export declare const isElementPC: () => boolean;
+/**
+ * 判断是否需要加载错误页
+ * @param {CashierSdkActionQueryResult} params
+ * @returns {boolean} - 是否需要加载错误页
+ */
+export declare const isLoadErrorPage: (params: CashierSdkActionQueryResult) => boolean;

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

@@ -25,20 +25,32 @@ export var formatElementOption = function formatElementOption(options) {
   });
 };
 export var validateElementOption = function validateElementOption(options) {
+  var errors = [];
   if (!options.sessionData) {
+    console.error('sessionData is empty, please check new AMSElement params.');
+    errors.push({
+      field: 'sessionData',
+      message: 'sessionData is empty'
+    });
+  }
+  if (errors.length > 0) {
     var _options$onEventCallb;
     options === null || options === void 0 || (_options$onEventCallb = options.onEventCallback) === null || _options$onEventCallb === void 0 || _options$onEventCallb.call(options, {
       code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
       message: 'sessionData is empty'
     });
-    return false;
   }
-  return true;
+  return {
+    isValid: errors.length === 0,
+    errors: errors
+  };
 };
 
 /**
  * 校验渲染条件
- * 校验当前sdkSelector结点是否存在
+ * 1.校验当前 sdkSelector 结点是否存在
+ * 2.校验当前 Element 的状态是否能够渲染
+ * 3.校验当前 type 类型 Elment 是否已经执行过 mount
  */
 export function checkCanMount(_ref) {
   var sdkSelector = _ref.sdkSelector,
@@ -50,13 +62,15 @@ export function checkCanMount(_ref) {
     console.error("Element with selector ".concat(sdkSelector, " not found."));
     return {
       success: false,
-      errorMsg: "Element with selector ".concat(sdkSelector, " not found.")
+      errorMsg: "Element with selector ".concat(sdkSelector, " not found."),
+      error: ERRORMESSAGE.PARAM_INVALID
     };
   }
   if (status === IElementStatus.DESTROYED) {
     return {
       success: false,
-      errorMsg: "Creating components in the destroyed state is forbidden."
+      errorMsg: "Creating components in the destroyed state is forbidden.",
+      error: ERRORMESSAGE.UI_STATE_ERROR
     };
   }
   if (status === IElementStatus.READY) {
@@ -67,7 +81,8 @@ export function checkCanMount(_ref) {
   if (containerService) {
     return {
       success: false,
-      errorMsg: "SDK status error."
+      errorMsg: "SDK status error.",
+      error: ERRORMESSAGE.UI_STATE_ERROR
     };
   }
   return {
@@ -429,7 +444,7 @@ export function showToast() {
       textAlign: 'center',
       marginTop: '12px',
       lineHeight: '20px',
-      fontFamily: "Noto Sans",
+      fontFamily: 'Noto Sans',
       fontWeight: 400,
       fontSize: '14px'
     }
@@ -474,4 +489,31 @@ export var isElementPad = function isElementPad() {
 };
 export var isElementPC = function isElementPC() {
   return !isElementMobile();
+};
+
+/**
+ * 判断是否需要加载错误页
+ * @param {CashierSdkActionQueryResult} params
+ * @returns {boolean} - 是否需要加载错误页
+ */
+export var isLoadErrorPage = function isLoadErrorPage(params) {
+  var success = params.success,
+    paymentMethods = params.paymentMethods,
+    savedPaymentMethods = params.savedPaymentMethods,
+    orderAmountView = params.orderAmountView,
+    paymentAmountView = params.paymentAmountView;
+
+  // 校验是否存在支付方式
+  var hasValidPaymentMethods = paymentMethods && Array.isArray(paymentMethods) && paymentMethods.length > 0 || savedPaymentMethods && Array.isArray(savedPaymentMethods) && savedPaymentMethods.length > 0;
+
+  // 金额存在性校验
+  var hasAmountViews = !!orderAmountView && !!paymentAmountView;
+
+  // 错误条件判断（满足任意条件即需要展示错误页）
+  return !success ||
+  // 接口请求失败
+  !hasValidPaymentMethods ||
+  // 无有效支付方式
+  !hasAmountViews // 缺少金额展示
+  ;
 };

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;
 }