@alipay/ams-checkout 1.37.0 → 1.39.0

package/esm/component/popupWindow.style.d.ts

@@ -2,10 +2,13 @@ export declare const createCustomSheet: (curTheme?: 'dark' | 'light') => void;
 export declare const renderPopupLoading: (container: HTMLDivElement, curTheme: 'dark' | 'light') => void;
 export declare const removePopupLoading: (isShowMockup?: boolean) => void;
 export declare const insertStyleSheet: () => void;
-export declare const createModal: ({ device, url, widthPadding, loadingConfig }: {
+export declare function createCloseIcon(onClose: () => void): HTMLDivElement;
+export declare const createModal: ({ device, url, widthPadding, loadingConfig, showCloseOnLoading, onCloseOnLoading }: {
     device: any;
     url: any;
     widthPadding: any;
     loadingConfig: any;
+    showCloseOnLoading: any;
+    onCloseOnLoading: any;
 }) => Promise<HTMLIFrameElement>;
 export declare const destroyModal: () => void;

package/esm/component/popupWindow.style.js

@@ -47,6 +47,27 @@ export var insertStyleSheet = function insertStyleSheet() {
   style.innerHTML = modalStyles;
   document.head.appendChild(style);
 };
+export function createCloseIcon(onClose) {
+  var closeIcon = document.createElement('div');
+  closeIcon.style.position = 'absolute';
+  closeIcon.style.right = '16px';
+  closeIcon.style.top = '23px';
+  closeIcon.style.cursor = 'pointer';
+  var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  svg.setAttribute('width', '16');
+  svg.setAttribute('height', '16');
+  svg.setAttribute('viewBox', '0 0 16 16');
+  svg.setAttribute('fill', 'none');
+  var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+  path.setAttribute('fill-rule', 'evenodd');
+  path.setAttribute('clip-rule', 'evenodd');
+  path.setAttribute('d', 'M13.0449 2.99894L12.9494 2.91165L12.8685 2.85222L12.7802 2.7996C12.3611 2.57499 11.8556 2.64328 11.5228 2.9763L7.99909 6.50088L4.48854 2.99028L4.44701 2.95034C4.0098 2.57169 3.38048 2.57202 2.99838 2.9525L2.92363 3.03297L2.85175 3.12897L2.79916 3.21735C2.57471 3.63642 2.64292 4.14198 2.9757 4.47491L6.50186 8.00046L2.95226 11.5518C2.57141 11.9917 2.57173 12.6211 2.95197 13.0033L3.0324 13.078L3.12837 13.15L3.21674 13.2026C3.63573 13.4272 4.14123 13.3589 4.47407 13.0259L7.99909 9.49935L11.5474 13.0494C11.9944 13.4368 12.6238 13.4235 13.0212 13.0259L13.0922 12.9471L13.1559 12.8595C13.4298 12.4403 13.3789 11.8852 13.0211 11.5272L9.497 8.00115L13.0052 4.4915L13.07 4.4225C13.4304 4.00477 13.4199 3.37582 13.0449 2.99894Z');
+  path.setAttribute('fill', '#ABB9CC');
+  svg.appendChild(path);
+  closeIcon.appendChild(svg);
+  closeIcon.onclick = onClose;
+  return closeIcon;
+}
 var modalDevice = 'desktop';
 // 插入弹窗
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -54,7 +75,9 @@ export var createModal = function createModal(_ref) {
   var device = _ref.device,
     url = _ref.url,
     widthPadding = _ref.widthPadding,
-    loadingConfig = _ref.loadingConfig;
+    loadingConfig = _ref.loadingConfig,
+    showCloseOnLoading = _ref.showCloseOnLoading,
+    onCloseOnLoading = _ref.onCloseOnLoading;
   return new Promise(function (resolve, reject) {
     try {
       modalDevice = device;
@@ -87,6 +110,15 @@ export var createModal = function createModal(_ref) {
         modal.style.backgroundColor = backgroundPrimary;
         iframe.style.backgroundColor = backgroundPrimary;
       }
+
+      // 弹窗渲染loading时关闭按钮逻辑
+      if (showCloseOnLoading) {
+        var closeIcon = createCloseIcon(onCloseOnLoading);
+        modal.appendChild(closeIcon);
+        iframe.addEventListener('load', function () {
+          modal.removeChild(closeIcon);
+        });
+      }
       modal.appendChild(iframe);
       var body = document.getElementsByTagName('body')[0];
       body.appendChild(overlay);

package/esm/config/index.d.ts

@@ -5,10 +5,10 @@ export declare const sdkVersion: string;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export declare const AMSCheckoutAppVersion = "1.37.0";
-export declare const AMSAutoDebitAppVersion = "1.37.0";
-export declare const AMSEasyPayAppVersion = "1.37.0";
-export declare const AMSCashierPaymentAppVersion = "1.37.0";
-export declare const AMSVaultingAppVersion = "1.37.0";
-export declare const AMSPaymentElementAppVersion = "1.37.0";
-export declare const ADDRESSElementAppVersion = "1.37.0";
+export declare const AMSCheckoutAppVersion = "1.39.0";
+export declare const AMSAutoDebitAppVersion = "1.39.0";
+export declare const AMSEasyPayAppVersion = "1.39.0";
+export declare const AMSCashierPaymentAppVersion = "1.39.0";
+export declare const AMSVaultingAppVersion = "1.39.0";
+export declare const AMSPaymentElementAppVersion = "1.39.0";
+export declare const ADDRESSElementAppVersion = "1.39.0";

package/esm/config/index.js

@@ -35,10 +35,10 @@ export var sdkVersion = json.version;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export var AMSCheckoutAppVersion = '1.37.0'; // 兜底版本号
-export var AMSAutoDebitAppVersion = '1.37.0'; // 代扣
-export var AMSEasyPayAppVersion = '1.37.0'; // easypay
-export var AMSCashierPaymentAppVersion = '1.37.0'; // 收银台（卡、apm）
-export var AMSVaultingAppVersion = '1.37.0'; // 绑卡
-export var AMSPaymentElementAppVersion = '1.37.0'; // payment element
-export var ADDRESSElementAppVersion = '1.37.0'; // address element
+export var AMSCheckoutAppVersion = '1.39.0'; // 兜底版本号
+export var AMSAutoDebitAppVersion = '1.39.0'; // 代扣
+export var AMSEasyPayAppVersion = '1.39.0'; // easypay
+export var AMSCashierPaymentAppVersion = '1.39.0'; // 收银台（卡、apm）
+export var AMSVaultingAppVersion = '1.39.0'; // 绑卡
+export var AMSPaymentElementAppVersion = '1.39.0'; // payment element
+export var ADDRESSElementAppVersion = '1.39.0'; // address element

package/esm/constant/index.d.ts

@@ -67,9 +67,9 @@ export declare const ERRORMESSAGE: {
             message: string;
         };
     };
-    SDK_CALL_URL_ERROR: {
+    SDK_LAUNCH_PAYMENT_APP_ERROR: {
         code: eventCodeEnum;
-        REDIRECT_ERROR: {
+        CALL_APP_URL_ERROR: {
             code: eventCodeEnum;
             message: string;
         };
@@ -78,6 +78,16 @@ export declare const ERRORMESSAGE: {
         code: eventCodeEnum;
         message: string;
     };
+    /**
+    @deprecated 已废弃 请使用SDK_LAUNCH_PAYMENT_APP_ERROR
+    */
+    SDK_CALL_URL_ERROR: {
+        code: eventCodeEnum;
+        REDIRECT_ERROR: {
+            code: eventCodeEnum;
+            message: string;
+        };
+    };
 };
 export declare const BASEPLUGINID = "CHECKOUT";
 export declare const COMPONENTPLUGINID = "COMPONENT";
@@ -165,6 +175,9 @@ export declare const EVENT: {
     getGlobalData: {
         name: string;
     };
+    /**
+     * @deprecated 已废弃 请使用eventCallback
+     */
     sendMuitiAppEventToSdk: {
         name: string;
     };
@@ -225,6 +238,13 @@ export declare const EVENT: {
     inputFocus: {
         name: string;
     };
+    /**
+     * 通过SDK转发web应用消息给其他web应用(用于iframe之间消息互通)
+     * TODO 推荐使用BusManager
+     */
+    messageForward: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -67,16 +67,26 @@ export var ERRORMESSAGE = {
       message: 'Load resource timeout'
     }
   },
+  SDK_LAUNCH_PAYMENT_APP_ERROR: {
+    code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+    CALL_APP_URL_ERROR: {
+      code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+      message: 'Failed to launch app'
+    }
+  },
+  SDK_SUBMIT_ERROR: {
+    code: eventCodeEnum.SDK_LAUNCH_PAYMENT_APP_ERROR,
+    message: 'Component not created or current browser compatibility issue, not supported'
+  },
+  /**
+  @deprecated 已废弃 请使用SDK_LAUNCH_PAYMENT_APP_ERROR
+  */
   SDK_CALL_URL_ERROR: {
     code: eventCodeEnum.SDK_CALL_URL_ERROR,
     REDIRECT_ERROR: {
       code: eventCodeEnum.SDK_CALL_URL_ERROR,
       message: 'Redirect data exception'
     }
-  },
-  SDK_SUBMIT_ERROR: {
-    code: eventCodeEnum.SDK_CALL_URL_ERROR,
-    message: 'Component not created or current browser compatibility issue, not supported'
   }
 };
 export var BASEPLUGINID = 'CHECKOUT';
@@ -166,7 +176,9 @@ export var EVENT = {
   getGlobalData: {
     name: 'getGlobalData'
   },
-  // deprecated
+  /**
+   * @deprecated 已废弃 请使用eventCallback
+   */
   sendMuitiAppEventToSdk: {
     name: 'sendMuitiAppEventToSdk'
   },
@@ -227,6 +239,13 @@ export var EVENT = {
   },
   inputFocus: {
     name: 'onInputFocus'
+  },
+  /**
+   * 通过SDK转发web应用消息给其他web应用(用于iframe之间消息互通)
+   * TODO 推荐使用BusManager
+   */
+  messageForward: {
+    name: 'onMessageForward'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

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

@@ -12,7 +12,7 @@ declare class ElementController {
     private initService;
     private initElementProcessors;
     private onEventCallback;
-    mount(renderOptions: LinkAuthMountOptions | AddressMountOptions | PaymentMountOptions, sdkSelector: string, cashier?: boolean): any;
+    mount(renderOptions: LinkAuthMountOptions | AddressMountOptions | PaymentMountOptions, sdkSelector: string): any;
     private onValidateFunc;
     submitPayment(): void;
     private changeLoading;

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

@@ -20,19 +20,19 @@ 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 { cleanMockup, removeRetentionPopup } from "../../../../component/component.popup.style";
-import { EVENT } from "../../../../constant";
+import { destroyModal } from "../../../../component/popupWindow.style";
+import { ERRORMESSAGE, EVENT } from "../../../../constant";
 import AddressProcessor from "../../../../core/component/element/elementProcessor/addressProcessor";
 import AuthProcessor from "../../../../core/component/element/elementProcessor/authProcessor";
 import PaymentProcessor from "../../../../core/component/element/elementProcessor/paymentProcessor";
 import { IElementStatus } from "../../../../foundation";
 import { AntomSDKCore } from "../../../../foundation/core";
-import { destroyModal } from "../../../../component/popupWindow.style";
 import { ElementProcessor } from "../../../../foundation/product-processor/element";
 import { ProductSceneEnum } from "../../../../types";
 import { ElementContainerService } from "../elementContainerService"; // 引入 ElementContainerService
 import { IContainerStatus } from "../elementContainerService/containerService";
 import { oneAccountUpdate, sdkActionUpdate } from "../mock";
-import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode } from "../type";
+import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode, MountElementType } from "../type";
 import { checkCanMount, checkCanUpdate, handleRedirect, showToast } from "../util";
 var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
@@ -100,15 +100,19 @@ var ElementController = /*#__PURE__*/function () {
     value: function onEventCallback(_ref) {
       var _this$options, _this$options$onEvent;
       var code = _ref.code,
-        message = _ref.message;
+        _ref$message = _ref.message,
+        message = _ref$message === void 0 ? '' : _ref$message,
+        _ref$result = _ref.result,
+        result = _ref$result === void 0 ? undefined : _ref$result;
       this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 || (_this$options$onEvent = _this$options.onEventCallback) === null || _this$options$onEvent === void 0 || _this$options$onEvent.call(_this$options, {
         code: code,
-        message: message
+        message: message,
+        result: result
       });
     }
   }, {
     key: "mount",
-    value: function mount(renderOptions, sdkSelector, cashier) {
+    value: function mount(renderOptions, sdkSelector) {
       var _this = this;
       return new Promise(function (resolve) {
         var _checkCanMount = checkCanMount({
@@ -135,6 +139,7 @@ var ElementController = /*#__PURE__*/function () {
           _this.initTimeout = null;
           _this.changeLoading(false);
           _this.setControllerStatusOrView(IElementStatus.READY);
+          _this.onEventCallback(ERRORMESSAGE.SDK_LAUNCH_PAYMENT_APP_ERROR.CALL_APP_URL_ERROR);
           _this.elementContainerService.getContainerServices().forEach(function (value) {
             value.getContainerElement().remove();
           });
@@ -147,15 +152,14 @@ var ElementController = /*#__PURE__*/function () {
             appendAliasContainerId: true
           })
         };
-        if (cashier && renderOptions.sessionData) {
-          startBizFlowData.paymentSession = renderOptions.sessionData;
-        }
         _this.setControllerStatusOrView(IElementStatus.IN_BIZ_FLOW);
         _this.elementContainer.startBizFlow(startBizFlowData).catch(function (error) {
           _this.onEventCallback({
             code: EventCallbackCode.SDK_CREATEPAYMENT_PARAMETER_ERROR,
             message: (error === null || error === void 0 ? void 0 : error.message) || 'Initialization parameter exception.'
           });
+          clearTimeout(_this.initTimeout);
+          _this.initTimeout = null;
           _this.changeLoading(false);
           return;
         });
@@ -278,11 +282,9 @@ var ElementController = /*#__PURE__*/function () {
     key: "addEventListener",
     value: function addEventListener(renderCallback) {
       var _this4 = this;
-      this.serviceMap.EventCenter.listen(ElementPaymentEvent.CALLBACK, function (data) {
-        if (_this4.elementProcessors[data.source] && _this4.elementProcessors[data.source].eventListener[data.event]) {
-          var _this4$elementProcess, _this4$elementProcess2;
-          (_this4$elementProcess = (_this4$elementProcess2 = _this4.elementProcessors[data.source].eventListener)[data.event]) === null || _this4$elementProcess === void 0 || _this4$elementProcess.call(_this4$elementProcess2, data.data);
-        }
+      this.serviceMap.EventCenter.listen(ElementPaymentEvent.ON_EVENT_CALLBACK, function (data) {
+        var _this4$onEventCallbac;
+        (_this4$onEventCallbac = _this4.onEventCallback) === null || _this4$onEventCallbac === void 0 || _this4$onEventCallbac.call(_this4, data);
       });
       this.serviceMap.EventCenter.listen(EVENT.sizeChanged.name, function (data) {
         clearTimeout(_this4.initTimeout);
@@ -303,7 +305,8 @@ var ElementController = /*#__PURE__*/function () {
         // }
       });
       this.serviceMap.EventCenter.listen(EVENT.redirect.name, function (data) {
-        handleRedirect(data);
+        var onEventCallback = _this4.onEventCallback.bind(_this4);
+        handleRedirect(data, false, onEventCallback);
       });
       this.serviceMap.EventCenter.listen(EVENT.destroy.name, function () {
         _this4.setControllerStatusOrView(IElementStatus.READY);
@@ -322,9 +325,15 @@ var ElementController = /*#__PURE__*/function () {
       this.serviceMap.EventCenter.listen(EVENT.showToast.name, function (data) {
         showToast(data);
       });
-      this.serviceMap.EventCenter.listen(ElementPaymentEvent.SEND_MUITI_APP_EVENT_TO_SDK, function (result) {
-        var _this4$options$onEven, _this4$options;
-        (_this4$options$onEven = (_this4$options = _this4.options).onEventCallback) === null || _this4$options$onEven === void 0 || _this4$options$onEven.call(_this4$options, result.data);
+      this.serviceMap.EventCenter.listen(EVENT.messageForward.name, function (data) {
+        var source = MountElementType[data.source];
+        var target = MountElementType[data.target];
+        if (_this4.elementProcessors[source] && _this4.elementProcessors[target]) {
+          _this4.elementProcessors[target].eventCenter.dispatchToApp({
+            event: data.event,
+            data: data
+          });
+        }
       });
     }
   }, {
@@ -361,11 +370,11 @@ var ElementController = /*#__PURE__*/function () {
       var paymentSessionObj = paymentContext.paymentSessionObj;
       var isConnect = paymentSessionObj.connectFactor.enableConnect && ((_paymentSessionObj$pa = paymentSessionObj.paymentSessionConfig) === null || _paymentSessionObj$pa === void 0 ? void 0 : _paymentSessionObj$pa.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
       if (!(paymentResult !== null && paymentResult !== void 0 && (_paymentResult$origin = paymentResult.originActionQueryResult) !== null && _paymentResult$origin !== void 0 && _paymentResult$origin.success) && isConnect) {
-        var _this$options$onEvent2, _this$options2;
+        var _this$onEventCallback;
         clearTimeout(this.initTimeout);
         this.changeLoading(false);
         this.initTimeout = null;
-        (_this$options$onEvent2 = (_this$options2 = this.options).onEventCallback) === null || _this$options$onEvent2 === void 0 || _this$options$onEvent2.call(_this$options2, {
+        (_this$onEventCallback = this.onEventCallback) === null || _this$onEventCallback === void 0 || _this$onEventCallback.call(this, {
           code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
           message: 'Component initialization exception.'
         });

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

@@ -7,7 +7,6 @@ export declare class ElementComponent {
     mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
     mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
     mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
-    mountCashier(renderOptions: any, sdkSelector: any): any;
     submitPayment(): void;
     destroy(): void;
 }

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

@@ -11,12 +11,14 @@ 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 { formatElementOption } from "./util";
+import { formatElementOption, validateElementOption } from "./util";
 export var ElementComponent = /*#__PURE__*/function () {
   function ElementComponent(options) {
     _classCallCheck(this, ElementComponent);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "controller", void 0);
+    var validate = validateElementOption(options);
+    if (!validate) return;
     this.options = formatElementOption(options);
     this.controller = new ElementController(options);
   }
@@ -47,11 +49,6 @@ 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: "mountCashier",
-    value: function mountCashier(renderOptions, sdkSelector) {
-      return this.controller.mount(renderOptions, sdkSelector, true);
-    }
   }, {
     key: "submitPayment",
     value: function submitPayment() {

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

@@ -2,6 +2,9 @@ import { ActionForm, ConnectErrorCode, IAmount, IAmountView, IMerchantAppointPar
 import AddressProcessor from './elementProcessor/addressProcessor';
 import AuthProcessor from './elementProcessor/authProcessor';
 import PaymentProcessor from './elementProcessor/paymentProcessor';
+/**
+ * element 消息事件名
+ */
 export declare enum ElementPaymentEvent {
     RENDER_COMPONENT = "renderComponent",
     CAPTURE_ASSET = "onCaptureAsset",
@@ -13,9 +16,13 @@ export declare enum ElementPaymentEvent {
     SIZE_CHANGE = "onSizeChange",
     LAUNCH = "onLaunch",
     CALLBACK = "callback",
+    /**
+     * @deprecated 已废弃 请使用eventCallback
+     */
     SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log",
-    HANDLE_PAYMENT = "handlePayment"
+    HANDLE_PAYMENT = "handlePayment",
+    ON_EVENT_CALLBACK = "onEventCallback"
 }
 export declare enum ElementPaymentMethod {
     CONTAINER_ELEMENT = "CONTAINER_ELEMENT",
@@ -23,6 +30,19 @@ export declare enum ElementPaymentMethod {
     ADDRESS_ELEMENT = "ADDRESS_ELEMENT",
     PAYMENT_ELEMENT = "PAYMENT_ELEMENT"
 }
+export declare enum ElementType {
+    auth = "auth",
+    address = "address",
+    payment = "payment"
+}
+export declare const MountElementType: {
+    auth: ElementPaymentMethod;
+    address: ElementPaymentMethod;
+    payment: ElementPaymentMethod;
+    AUTH_ELEMENT: ElementType;
+    ADDRESS_ELEMENT: ElementType;
+    PAYMENT_ELEMENT: ElementType;
+};
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
     Default = "default",
@@ -31,27 +51,22 @@ export declare enum ThemeType {
     GamingPurple = "gamingPurple",
     AgateGreen = "agateGreen"
 }
-export declare enum ElementType {
-    auth = "auth",
-    address = "address",
-    payment = "payment"
-}
 export declare enum PaymentElementLayout {
     Tabs = "tabs",
     Accordion = "Accordion"
 }
-export declare enum MountElementType {
-    auth = "AUTH_ELEMENT",
-    address = "ADDRESS_ELEMENT",
-    payment = "PAYMENT_ELEMENT"
-}
 export declare const addressTheme: {
     default: string;
     night: string;
 };
 export declare enum EventCallbackCode {
     SDK_CREATE_COMPONENT_ERROR = "SDK_CREATE_COMPONENT_ERROR",
-    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR"
+    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR",
+    SDK_PAYMENT_ERROR = "SDK_PAYMENT_ERROR",
+    SDK_PAYMENT_FAIL = "SDK_PAYMENT_FAIL",
+    SDK_PAYMENT_CANCEL = "SDK_PAYMENT_CANCEL",
+    SDK_PAYMENT_SUCCESSFUL = "SDK_PAYMENT_SUCCESSFUL",
+    SDK_PAYMENT_PROCESSING = "SDK_PAYMENT_PROCESSING"
 }
 export declare enum ELEMENT_ENVIRONMENT {
     DEV = "DEV",
@@ -62,23 +77,6 @@ export declare enum ELEMENT_ENVIRONMENT {
     SANDBOX = "SANDBOX"
 }
 export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
-export interface IElementOptions {
-    environment?: ELEMENT_ENVIRONMENT_TYPE;
-    locale?: string;
-    version?: string;
-    appearance?: {
-        theme: ThemeType.Default | ThemeType.Night;
-    };
-    onEventCallback?: ({ code, message, result }: {
-        code: EventCallbackCode;
-        message: string;
-        result?: any;
-    }) => void;
-    loading?: {
-        onStartLoading: () => void;
-        onEndLoading: () => void;
-    };
-}
 export interface AddressMountComponentsParams {
     configParams?: AddressMountConfig;
     prefillValue: Array<AddressSubmitData>;
@@ -95,7 +93,6 @@ export interface AddressMountComponentsParams {
 }
 interface BaseMountOptions<T = void> {
     configParams?: T;
-    sessionData: string;
     debugProps?: {
         localLink: string;
     };
@@ -178,12 +175,14 @@ export interface LinkAuthMountResult extends BaseMountResult {
 }
 export interface PaymentMountResult extends BaseMountResult {
 }
-export interface EventCallbackData<T = {}> {
+/**
+ * connect element之间通信的类型格式
+ */
+export interface ConnectElementMessageDataType<T = {}> {
     source?: ElementPaymentMethod;
     target?: ElementPaymentMethod;
-    success?: boolean;
     data?: T;
-    event?: AddressEventCallbackName;
+    event?: ElementPaymentEvent;
 }
 export interface ValidateResult<T = {}> {
     success: boolean;

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

@@ -2,6 +2,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }
+/**
+ * element 消息事件名
+ */
 export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["RENDER_COMPONENT"] = "renderComponent";
   ElementPaymentEvent["CAPTURE_ASSET"] = "onCaptureAsset";
@@ -16,6 +19,7 @@ export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["SEND_MUITI_APP_EVENT_TO_SDK"] = "sendMuitiAppEventToSdk";
   ElementPaymentEvent["LOG"] = "log";
   ElementPaymentEvent["HANDLE_PAYMENT"] = "handlePayment";
+  ElementPaymentEvent["ON_EVENT_CALLBACK"] = "onEventCallback";
   return ElementPaymentEvent;
 }({});
 export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
@@ -25,6 +29,13 @@ export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
   ElementPaymentMethod["PAYMENT_ELEMENT"] = "PAYMENT_ELEMENT";
   return ElementPaymentMethod;
 }({});
+export var ElementType = /*#__PURE__*/function (ElementType) {
+  ElementType["auth"] = "auth";
+  ElementType["address"] = "address";
+  ElementType["payment"] = "payment";
+  return ElementType;
+}({});
+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";
   ThemeType["Default"] = "default";
@@ -34,27 +45,20 @@ export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["AgateGreen"] = "agateGreen";
   return ThemeType;
 }({});
-export var ElementType = /*#__PURE__*/function (ElementType) {
-  ElementType["auth"] = "auth";
-  ElementType["address"] = "address";
-  ElementType["payment"] = "payment";
-  return ElementType;
-}({});
 export var PaymentElementLayout = /*#__PURE__*/function (PaymentElementLayout) {
   PaymentElementLayout["Tabs"] = "tabs";
   PaymentElementLayout["Accordion"] = "Accordion";
   return PaymentElementLayout;
 }({});
-export var MountElementType = /*#__PURE__*/function (MountElementType) {
-  MountElementType["auth"] = "AUTH_ELEMENT";
-  MountElementType["address"] = "ADDRESS_ELEMENT";
-  MountElementType["payment"] = "PAYMENT_ELEMENT";
-  return MountElementType;
-}({});
 export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
 export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
   EventCallbackCode["SDK_CREATE_COMPONENT_ERROR"] = "SDK_CREATE_COMPONENT_ERROR";
   EventCallbackCode["SDK_CREATEPAYMENT_PARAMETER_ERROR"] = "SDK_CREATEPAYMENT_PARAMETER_ERROR";
+  EventCallbackCode["SDK_PAYMENT_ERROR"] = "SDK_PAYMENT_ERROR";
+  EventCallbackCode["SDK_PAYMENT_FAIL"] = "SDK_PAYMENT_FAIL";
+  EventCallbackCode["SDK_PAYMENT_CANCEL"] = "SDK_PAYMENT_CANCEL";
+  EventCallbackCode["SDK_PAYMENT_SUCCESSFUL"] = "SDK_PAYMENT_SUCCESSFUL";
+  EventCallbackCode["SDK_PAYMENT_PROCESSING"] = "SDK_PAYMENT_PROCESSING";
   return EventCallbackCode;
 }({});
 export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
@@ -73,6 +77,10 @@ export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbac
   return AddressEventCallbackName;
 }({});
 
+/**
+ * connect element之间通信的类型格式
+ */
+
 // export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;
 var AccountStatusEnum = /*#__PURE__*/function (AccountStatusEnum) {
   AccountStatusEnum["EFFECTIVE"] = "EFFECTIVE";

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

@@ -1,16 +1,17 @@
 import { IElementStatus } from '../../../foundation';
 import { Ianalytics, IPaymentSessionMetaData } from '../../../types';
 import { ContainerController } from './elementContainerService/containerService';
-import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions } from './type';
-declare const formatElementOption: (options: IElementOptions) => {
+import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions, EventCallbackCode } from './type';
+export declare const formatElementOption: (options: IElementOptions) => {
     environment: ELEMENT_ENVIRONMENT_TYPE;
+    sessionData: string;
     locale?: string;
     version?: string;
     appearance?: {
         theme: import("./type").ThemeType.Default | import("./type").ThemeType.Night;
     };
     onEventCallback?: ({ code, message, result }: {
-        code: import("./type").EventCallbackCode;
+        code: EventCallbackCode;
         message: string;
         result?: any;
     }) => void;
@@ -18,8 +19,8 @@ declare const formatElementOption: (options: IElementOptions) => {
         onStartLoading: () => void;
         onEndLoading: () => void;
     };
-    sessionData: string;
 };
+export declare const validateElementOption: (options: IElementOptions) => boolean;
 /**
  * 校验渲染条件
  * 校验当前sdkSelector结点是否存在
@@ -49,7 +50,10 @@ export declare function generateIframeSrc({ paymentSessionObj, paymentSession, i
     appVersion: string;
     link?: string;
 }): string;
-export declare function handleRedirect(data: any, fromFastSdk?: boolean): void;
+export declare function handleRedirect(data: any, fromFastSdk: boolean, eventCallback: ({ code, message }: {
+    code: any;
+    message: any;
+}) => void): void;
 export declare function redirect(data: {
     normalUrl?: string;
     schemeUrl?: string;
@@ -63,4 +67,3 @@ export declare const isElementMobile: () => boolean;
  */
 export declare const isElementPad: () => boolean;
 export declare const isElementPC: () => boolean;
-export { formatElementOption };