@alipay/ams-checkout 1.4.0 → 1.5.2

package/esm/constant/index.d.ts

@@ -4,74 +4,83 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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 { eventCodeEnum } from "../types";
 export declare const ERRORMESSAGE: {
     DOMAIN_NOT_IN_WHITE_LIST: {
-        errorCode: string;
-        errorMessage: string;
+        code: eventCodeEnum;
+        message: string;
     };
     NOT_JSON_FORMAT: {
-        errorCode: string;
-        errorMessage: string;
+        code: eventCodeEnum;
+        message: string;
     };
     SDK_COMPATIBILITY_ISSUES: {
-        errorCode: string;
+        code: eventCodeEnum;
         BROWSER_NOT_SUPPORT_POSTMESSAGE: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
         FAILED_TO_CREATE_IFRAME: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
     };
     INIT_PARAMETER_ERROR: {
-        errorCode: string;
+        code: eventCodeEnum;
         UI_MODE_NOT_SUPPORTED: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
         ENVIRONMENT_ERROR: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
         MODE_ERROR: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
         LOCALE_ERROR: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
         NET_MODE_NOT_SUPPORT: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
         EVENT_ERROR: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
     };
     CREATEPAYMENT_PARAMETER_ERROR: {
-        errorCode: string;
+        code: eventCodeEnum;
     };
     CONFIRMPAYMENT_PARAMETER_ERROR: {
-        errorCode: string;
+        code: string;
     };
     CREATECOMPONENT_ERROR: {
-        errorCode: string;
-        errorMessage: string;
+        code: eventCodeEnum;
+        message: string;
         SINGLETON_COMPONENT_ERROR: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
+        };
+        LOAD_APP_TIMEOUT: {
+            code: eventCodeEnum;
+            message: string;
         };
     };
     SDK_CALL_URL_ERROR: {
-        errorCode: string;
+        code: eventCodeEnum;
         REDIRECT_ERROR: {
-            errorCode: string;
-            errorMessage: string;
+            code: eventCodeEnum;
+            message: string;
         };
     };
+    SDK_SUBMIT_ERROR: {
+        code: eventCodeEnum;
+        message: string;
+    };
 };
 export declare const BASEPLUGINID = "CHECKOUT";
 export declare const COMPONENTPLUGINID = "COMPONENT";
@@ -102,7 +111,7 @@ export declare const EVENT: {
     redirect: {
         name: string;
     };
-    onClose: {
+    close: {
         name: string;
         uniqueKey: string;
     };
@@ -132,5 +141,17 @@ export declare const EVENT: {
         name: string;
     };
 };
+export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
+export declare const COMPONENT_SECTION_ID = "ams-component-section";
+export declare const COMPONENT_IFRAME_TAG_ID = "ams-checkout-component";
+export declare const COMPONENT_CLOSE_BLOCK_ID = "asm-component-close-block";
+export declare const COMPONENT_RETENTION_ID = "ams-component-retention";
+export declare const MOCKUP_ID = "ams-component-mockup";
+export declare const LOADING_ID = "ams-component-loading";
+export declare const LISTENER_PREFIX = "_ams_sdk_component_listener";
+export declare const INLINE_BASE_STYLE_ID = "ams-inline-component-style";
+export declare const INLINE_IMG_CLASSNAME = "inline-loading";
+export declare const LOADTIME_LIMIT = 15000;
+export declare const ANIMATION_TIME = 300;
 export declare const closeImg = "https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg";
 export declare const LOADINGIMG = "data:image/png;base64,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";

package/esm/constant/index.js

@@ -4,73 +4,82 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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 { eventCodeEnum } from "../types";
 export var ERRORMESSAGE = {
   DOMAIN_NOT_IN_WHITE_LIST: {
-    errorCode: 'SDK_INTERNAL_ERROR',
-    errorMessage: 'Origin of the message is not in the white list'
+    code: eventCodeEnum.SDK_INTERNAL_ERROR,
+    message: 'Origin of the message is not in the white list'
   },
   NOT_JSON_FORMAT: {
-    errorCode: 'SDK_INTERNAL_ERROR',
-    errorMessage: 'The message string should conform to the json format'
+    code: eventCodeEnum.SDK_INTERNAL_ERROR,
+    message: 'The message string should conform to the json format'
   },
   SDK_COMPATIBILITY_ISSUES: {
-    errorCode: 'SDK_INTERNAL_ERROR',
+    code: eventCodeEnum.SDK_INTERNAL_ERROR,
     BROWSER_NOT_SUPPORT_POSTMESSAGE: {
-      errorCode: 'SDK_INTERNAL_ERROR',
-      errorMessage: 'The browser does not support the postmessage communication mode'
+      code: eventCodeEnum.SDK_INTERNAL_ERROR,
+      message: 'The browser does not support the postmessage communication mode'
     },
     FAILED_TO_CREATE_IFRAME: {
-      errorCode: 'SDK_INTERNAL_ERROR',
-      errorMessage: 'Failed to create iframe'
+      code: eventCodeEnum.SDK_INTERNAL_ERROR,
+      message: 'Failed to create iframe'
     }
   },
   INIT_PARAMETER_ERROR: {
-    errorCode: 'SDK_INIT_PARAMETER_ERROR',
+    code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
     UI_MODE_NOT_SUPPORTED: {
-      errorCode: 'SDK_INIT_PARAMETER_ERROR',
-      errorMessage: 'This UI mode is not supported'
+      code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
+      message: 'This UI mode is not supported'
     },
     ENVIRONMENT_ERROR: {
-      errorCode: 'SDK_INIT_PARAMETER_ERROR',
-      errorMessage: 'The current input environment does not support or is not in the standard enumeration'
+      code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
+      message: 'The current input environment does not support or is not in the standard enumeration'
     },
     MODE_ERROR: {
-      errorCode: 'SDK_INIT_PARAMETER_ERROR',
-      errorMessage: 'mode value not in enum'
+      code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
+      message: 'mode value not in enum'
     },
     LOCALE_ERROR: {
-      errorCode: 'SDK_INIT_PARAMETER_ERROR',
-      errorMessage: 'The current input language does not support or is not in the standard enumeration'
+      code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
+      message: 'The current input language does not support or is not in the standard enumeration'
     },
     NET_MODE_NOT_SUPPORT: {
-      errorCode: 'SDK_INIT_PARAMETER_ERROR',
-      errorMessage: 'The network mode is not supported'
+      code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
+      message: 'The network mode is not supported'
     },
     EVENT_ERROR: {
-      errorCode: 'SDK_INIT_PARAMETER_ERROR',
-      errorMessage: 'Parameter type should be function'
+      code: eventCodeEnum.SDK_INIT_PARAMETER_ERROR,
+      message: 'Parameter type should be function'
     }
   },
   CREATEPAYMENT_PARAMETER_ERROR: {
-    errorCode: 'SDK_CREATEPAYMENT_PARAMETER_ERROR'
+    code: eventCodeEnum.SDK_CREATEPAYMENT_PARAMETER_ERROR
   },
   CONFIRMPAYMENT_PARAMETER_ERROR: {
-    errorCode: 'SDK_CONFIRMPAYMENT_PARAMETER_ERROR'
+    code: 'SDK_CONFIRMPAYMENT_PARAMETER_ERROR'
   },
   CREATECOMPONENT_ERROR: {
-    errorCode: 'SDK_CREATECOMPONENT_ERROR',
-    errorMessage: 'Failed to create component',
+    code: eventCodeEnum.SDK_CREATECOMPONENT_ERROR,
+    message: 'Failed to create component',
     SINGLETON_COMPONENT_ERROR: {
-      errorCode: 'SDK_CREATECOMPONENT_ERROR',
-      errorMessage: 'Only one component can be rendered simultaneously'
+      code: eventCodeEnum.SDK_CREATECOMPONENT_ERROR,
+      message: 'Only one component can be rendered simultaneously'
+    },
+    LOAD_APP_TIMEOUT: {
+      code: eventCodeEnum.SDK_CREATECOMPONENT_ERROR,
+      message: 'Load resource timeout'
     }
   },
   SDK_CALL_URL_ERROR: {
-    errorCode: 'SDK_CALL_URL_ERROR',
+    code: eventCodeEnum.SDK_CALL_URL_ERROR,
     REDIRECT_ERROR: {
-      errorCode: 'SDK_CALL_URL_ERROR',
-      errorMessage: 'Redirect data exception'
+      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';
@@ -102,7 +111,7 @@ export var EVENT = {
   redirect: {
     name: 'onRedirect'
   },
-  onClose: {
+  close: {
     name: 'onClose',
     uniqueKey: 'userOnClose'
   },
@@ -132,5 +141,17 @@ export var EVENT = {
     name: 'dismissLoading'
   }
 };
+export var COMPONENT_CONTAINER_ID = 'ams-component-container';
+export var COMPONENT_SECTION_ID = 'ams-component-section';
+export var COMPONENT_IFRAME_TAG_ID = 'ams-checkout-component';
+export var COMPONENT_CLOSE_BLOCK_ID = 'asm-component-close-block';
+export var COMPONENT_RETENTION_ID = 'ams-component-retention';
+export var MOCKUP_ID = 'ams-component-mockup';
+export var LOADING_ID = 'ams-component-loading';
+export var LISTENER_PREFIX = '_ams_sdk_component_listener';
+export var INLINE_BASE_STYLE_ID = 'ams-inline-component-style';
+export var INLINE_IMG_CLASSNAME = 'inline-loading';
+export var LOADTIME_LIMIT = 15000;
+export var ANIMATION_TIME = 300;
 export var closeImg = 'https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg';
 export var LOADINGIMG = 'data:image/png;base64,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';

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

@@ -5,13 +5,27 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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 { IcreateComponent, optionsParams } from '../../types';
-export declare const mixinComponentConstructor: (options: optionsParams, context: any) => void;
-/**
- * @description Create component application
- * @description component
- */
-export declare const createComponent: (params: IcreateComponent) => Promise<void>;
-export interface IcreateComponentFunc {
-    (params: IcreateComponent): Promise<void>;
+import ComponentApp from '../../plugin/component';
+import { IcreateComponent, IoptionsParams, Iselector } from '../../types';
+import CoreInstance from '../instance/index';
+export declare class AMSComponent extends CoreInstance {
+    _componentApp: ComponentApp;
+    constructor(options: IoptionsParams);
+    private parameterInitAndCheck;
+    private pluginAppendIframe;
+    /**
+     * @description Create component application
+     * @param params - The data source created by the component, necessary paymentSessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
+     */
+    createComponent(params: IcreateComponent): Promise<void>;
+    /**
+     * @description Create and render components in the specified element area
+     * @param params - The data source created by the component, necessary paymentSessionData, necessary element selector IDs, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
+     */
+    mountComponent(params: IcreateComponent, selector: Iselector): Promise<void>;
+    /**
+     * @description Execute payment submission process
+     * @description - When using your own payment button, you can execute the submit payment process by actively calling this function.
+     */
+    submit(): void;
 }

package/esm/core/component/index.js

@@ -1,3 +1,17 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _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); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -12,11 +26,12 @@ 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 { COMPONENTPLUGINID, ERRORMESSAGE } from "../../constant";
+import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import ComponentApp from "../../plugin/component";
-import { componentSignEnum, mode, networkMode, productSceneEnum } from "../../types";
+import { componentSignEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
 import { isPC } from "../../util";
 import { createIframeNode } from "../../util/createIframeNode";
+import CoreInstance from "../instance/index";
 var getComponentSign = function getComponentSign(params) {
   var _params$paymentSessio = params.paymentSessionConfig,
     _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
@@ -52,49 +67,136 @@ var handlePaymentSessionData = function handlePaymentSessionData(originPaymentSe
   resetEasyPaySceneVersion(parseData);
   return [parseData, paymentSessionData];
 };
-export var mixinComponentConstructor = function mixinComponentConstructor(options, context) {
-  // Instantiate the plug-in and set render
-  var ComponentPlugin = new ComponentApp();
-  ComponentPlugin.setRender(createIframeNode);
-  // Register Cashier Application Plug in
-  context._registerPlugin(COMPONENTPLUGINID, ComponentPlugin);
-};
-
-/**
- * @description Create component application
- * @description component
- */
-export var createComponent = function createComponent(params) {
-  var _this = this;
-  this.options.mode = mode.component;
-  this.options.networkMode = this.options.networkMode || networkMode.session;
-  var _params = params;
-  if (_params && !_params.paymentSessionData) {
-    return Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR);
+var handleParams = function handleParams(params) {
+  var _params = Object.assign({
+    paymentSessionMetaData: {},
+    renderDisplayType: renderDisplayTypeEnum.popup
+  }, params);
+  var _handlePaymentSession = handlePaymentSessionData(_params.paymentSessionData),
+    _handlePaymentSession2 = _slicedToArray(_handlePaymentSession, 2),
+    parseData = _handlePaymentSession2[0],
+    paymentSessionData = _handlePaymentSession2[1];
+  var componentSign = getComponentSign(parseData);
+  if (componentSign === componentSignEnum.NONE) {
+    // eslint-disable-next-line prefer-promise-reject-errors
+    return Promise.reject({
+      code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
+      message: "Abnormal response data, interface failure, or unsupported payment method"
+    });
   }
-  if (this.options.networkMode === networkMode.proxy) {
-    console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.errorMessage);
-    return Promise.reject(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT);
+  _params.paymentSessionData = paymentSessionData;
+  _params.paymentSessionMetaData = parseData;
+  return Promise.resolve({
+    iframeNodesParams: _params,
+    componentSign: componentSign
+  });
+};
+export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
+  _inherits(AMSComponent, _CoreInstance);
+  var _super = _createSuper(AMSComponent);
+  function AMSComponent(options) {
+    var _this;
+    _classCallCheck(this, AMSComponent);
+    _this = _super.call(this, options);
+    // Instantiate the plug-in and set render
+    _defineProperty(_assertThisInitialized(_this), "_componentApp", void 0);
+    var ComponentPlugin = new ComponentApp();
+    ComponentPlugin.setRender(createIframeNode);
+    // Register Cashier Application Plug in
+    _this._registerPlugin(COMPONENTPLUGINID, ComponentPlugin);
+    _this._componentApp = _this._getPlugin(COMPONENTPLUGINID);
+    return _this;
   }
-  return new Promise(function (resolve, reject) {
-    var _handlePaymentSession = handlePaymentSessionData(_params.paymentSessionData),
-      _handlePaymentSession2 = _slicedToArray(_handlePaymentSession, 2),
-      parseData = _handlePaymentSession2[0],
-      paymentSessionData = _handlePaymentSession2[1];
-    var componentSign = getComponentSign(parseData);
-    if (componentSign === componentSignEnum.NONE) {
-      // eslint-disable-next-line prefer-promise-reject-errors
-      return reject("".concat(ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.errorCode, "\uFF1AAbnormal response data, interface failure, or unsupported payment method"));
+  _createClass(AMSComponent, [{
+    key: "parameterInitAndCheck",
+    value: function parameterInitAndCheck(_ref) {
+      var params = _ref.params,
+        selector = _ref.selector,
+        renderDisplayType = _ref.renderDisplayType;
+      this.options.mode = modeEnum.component;
+      this.options.networkMode = this.options.networkMode || networkModeEnum.session;
+      var _params = Object.assign({
+        selector: selector,
+        renderDisplayType: renderDisplayType
+      }, params);
+      if (_params && !_params.paymentSessionData) {
+        return Promise.reject(ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR);
+      }
+      if (this.options.networkMode === networkModeEnum.proxy) {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.message);
+        return Promise.reject(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT);
+      }
+      return Promise.resolve(_params);
     }
-    _params.paymentSessionData = paymentSessionData;
-    _params.paymentSessionMetaData = parseData;
-    try {
-      var componentApp = _this._getPlugin(COMPONENTPLUGINID);
-      componentApp.appendIframeNodes(componentSign, _params).then(function () {
-        resolve();
+  }, {
+    key: "pluginAppendIframe",
+    value: function pluginAppendIframe(appendParams) {
+      try {
+        return this._componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams);
+      } catch (error) {
+        return Promise.reject(error);
+      }
+    }
+
+    /**
+     * @description Create component application
+     * @param params - The data source created by the component, necessary paymentSessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
+     */
+  }, {
+    key: "createComponent",
+    value: function createComponent(params) {
+      var _this2 = this;
+      return this.parameterInitAndCheck({
+        params: params,
+        renderDisplayType: renderDisplayTypeEnum.popup
+      }).then(function (_params) {
+        return handleParams(_params);
+      }).catch(function (error) {
+        _this2._eventCenter.emit(EVENT.error.name, error);
+        return Promise.reject(error);
+      }).then(function (appendParams) {
+        return _this2.pluginAppendIframe(appendParams);
       });
-    } catch (error) {
-      reject(error);
     }
-  });
-};
+    /**
+     * @description Create and render components in the specified element area
+     * @param params - The data source created by the component, necessary paymentSessionData, necessary element selector IDs, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
+     */
+  }, {
+    key: "mountComponent",
+    value: function mountComponent(params, selector) {
+      var _this3 = this;
+      return this.parameterInitAndCheck({
+        params: params,
+        renderDisplayType: renderDisplayTypeEnum.inline,
+        selector: selector
+      }).then(function (_params) {
+        return handleParams(_params);
+      }).catch(function (error) {
+        _this3._eventCenter.emit(EVENT.error.name, error);
+        return Promise.reject(error);
+      }).then(function (appendParams) {
+        return _this3.pluginAppendIframe(appendParams);
+      });
+    }
+    /**
+     * @description Execute payment submission process
+     * @description - When using your own payment button, you can execute the submit payment process by actively calling this function.
+     */
+  }, {
+    key: "submit",
+    value: function submit() {
+      try {
+        this._componentApp.dispatchToApp({
+          context: {
+            event: 'submitPay',
+            data: {}
+          }
+        });
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  }]);
+  return AMSComponent;
+}(CoreInstance);

package/esm/core/drop-in/index.d.ts

@@ -5,15 +5,15 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 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 { createPaymentParams, optionsParams } from '../../types';
-export declare const mixinDropInConstructor: (options: optionsParams, context: any) => void;
+import { IcreatePaymentParams, IoptionsParams } from '../../types';
+export declare const mixinDropInConstructor: (options: IoptionsParams, context: any) => void;
 /**
  * @description Create checkout application
  * @description drop-in
  */
-export declare const createPayment: (params: createPaymentParams) => Promise<void>;
+export declare const createPayment: (params: IcreatePaymentParams) => Promise<void>;
 export interface IcreatePaymentFunc {
-    (params: createPaymentParams): Promise<void>;
+    (params: IcreatePaymentParams): Promise<void>;
 }
 /**
  * @description Take action on the interface result of payment submission

package/esm/core/drop-in/index.js

@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 import { BASEPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import CheckoutApp from "../../plugin/drop-in";
-import { messageName, networkMode } from "../../types";
+import { messageName, networkModeEnum } from "../../types";
 import { createIframeNode } from "../../util/createIframeNode";
 export var mixinDropInConstructor = function mixinDropInConstructor(options, context) {
   // Instantiate the plug-in and set render
@@ -28,7 +28,7 @@ export var mixinDropInConstructor = function mixinDropInConstructor(options, con
  */
 export var createPayment = function createPayment(params) {
   var _this = this;
-  if (this.options.networkMode === networkMode.proxy) {
+  if (this.options.networkMode === networkModeEnum.proxy) {
     return new Promise(function (resolve, reject) {
       try {
         var checkoutApp = _this._getPlugin(BASEPLUGINID);
@@ -38,7 +38,7 @@ export var createPayment = function createPayment(params) {
       }
     });
   } else {
-    console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.errorMessage);
+    console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.message);
     return Promise.reject(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT);
   }
 };

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

@@ -1,16 +1,16 @@
-import type { AMSCheckoutOptions, callOnError, callOnLog, callOnSizeChanged, checkoutState, optionsParams } from '../../types/index';
+import type { AMSCheckoutOptions, IcheckoutState, IoptionsParams } from '../../types/index';
 import { EventCenter } from '../../util/index';
 export default class AMSSDK {
     options: AMSCheckoutOptions;
-    checkoutState: checkoutState;
-    eventCenter: EventCenter;
+    checkoutState: IcheckoutState;
+    _eventCenter: EventCenter;
     protected plugins: Map<string, any>;
     _instanceId: string;
-    constructor(options: optionsParams);
+    constructor(options: IoptionsParams);
     /**
      * @description Destroy and process some contents of the plug-in
      */
-    destroy(): void;
+    unmount(): void;
     /**
      * @description Set the sdk basic configuration
      */
@@ -34,7 +34,7 @@ export default class AMSSDK {
     /**
      * @description Get Plug-in
      */
-    _getPlugin(pluginId: string): any;
+    protected _getPlugin(pluginId: string): any;
     /**
      * @description Execute to open app or jump link
      */
@@ -47,13 +47,4 @@ export default class AMSSDK {
      * @description Overlay Subscription
      */
     protected _overrideSubscription(name: string, func: any, funcKey: string): void;
-    /**
-     * @description Create an event handler, called when an error occurs in AMSCheckout.
-     */
-    onError(event: callOnError): void;
-    /**
-     * @description Create an event handler
-     */
-    onSizeChanged(event: callOnSizeChanged): void;
-    onLog(event: callOnLog): void;
 }