@alipay/ams-checkout 1.3.2 → 1.5.0

package/esm/core/component/index.js

@@ -1,13 +1,23 @@
 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+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); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 /**
  * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
  *
@@ -16,25 +26,20 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  * 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 { componentNameEnum, mode, networkMode, paymentMethodCategoryTypeEnum, 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 _ref = params || {},
-    _ref$paymentSessionCo = _ref.paymentSessionConfig,
-    _ref$paymentSessionCo2 = _ref$paymentSessionCo === void 0 ? {} : _ref$paymentSessionCo,
-    _ref$paymentSessionCo3 = _ref$paymentSessionCo2.productScene,
-    productScene = _ref$paymentSessionCo3 === void 0 ? '' : _ref$paymentSessionCo3,
-    _ref$paymentSessionCo4 = _ref$paymentSessionCo2.paymentMethodCategoryType,
-    paymentMethodCategoryType = _ref$paymentSessionCo4 === void 0 ? '' : _ref$paymentSessionCo4;
-  if (productScene === productSceneEnum.EASY_PAY) return componentNameEnum.easyPay;
-  if (productScene === productSceneEnum.CASHIER_PAYMENT && paymentMethodCategoryType === paymentMethodCategoryTypeEnum.CARD) return componentNameEnum.card;
-  if (productScene === productSceneEnum.AUTO_DEBIT) {
-    return componentNameEnum.autoDebit;
-  }
-  return '';
+  var _params$paymentSessio = params.paymentSessionConfig,
+    _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
+    _params$paymentSessio3 = _params$paymentSessio2.productScene,
+    productScene = _params$paymentSessio3 === void 0 ? '' : _params$paymentSessio3,
+    _params$paymentSessio4 = _params$paymentSessio2.paymentMethodCategoryType,
+    paymentMethodCategoryType = _params$paymentSessio4 === void 0 ? '' : _params$paymentSessio4;
+  return productScene && paymentMethodCategoryType ? "".concat(productScene, "_").concat(paymentMethodCategoryType) : componentSignEnum.NONE;
 };
 var parsePaymentSessionData = function parsePaymentSessionData(paymentSessionData) {
   try {
@@ -45,7 +50,7 @@ var parsePaymentSessionData = function parsePaymentSessionData(paymentSessionDat
   }
 };
 
-// pc easy-pay&2.0 走 1.0 的支付逻辑
+// pc easy-pay execute 1.0 Process
 var resetEasyPaySceneVersion = function resetEasyPaySceneVersion(parseData) {
   if (isPC() && parseData !== null && parseData !== void 0 && parseData.paymentSessionConfig) {
     var productScene = parseData.paymentSessionConfig.productScene;
@@ -54,86 +59,144 @@ var resetEasyPaySceneVersion = function resetEasyPaySceneVersion(parseData) {
     }
   }
 };
-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);
+var handlePaymentSessionData = function handlePaymentSessionData(originPaymentSessionData) {
+  var _parsePaymentSessionD = parsePaymentSessionData(originPaymentSessionData),
+    _parsePaymentSessionD2 = _slicedToArray(_parsePaymentSessionD, 2),
+    parseData = _parsePaymentSessionD2[0],
+    paymentSessionData = _parsePaymentSessionD2[1];
+  resetEasyPaySceneVersion(parseData);
+  return [parseData, paymentSessionData];
+};
+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"
+    });
+  }
+  _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;
+  }
+  _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);
+    }
+  }, {
+    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
- * @description component
- */
-export var createComponent = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(componentNameOrParams, params) {
-    var _this = this;
-    var _params;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          this.options.mode = mode.component;
-          this.options.networkMode = this.options.networkMode || networkMode.session;
-          if (!(typeof componentNameOrParams === 'string' && params)) {
-            _context.next = 8;
-            break;
-          }
-          _params = params;
-          if (componentNameOrParams in componentNameEnum) {
-            _context.next = 6;
-            break;
-          }
-          return _context.abrupt("return", Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR));
-        case 6:
-          _context.next = 9;
-          break;
-        case 8:
-          _params = componentNameOrParams;
-        case 9:
-          if (!(_params && !_params.paymentSessionData)) {
-            _context.next = 11;
-            break;
-          }
-          return _context.abrupt("return", Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR));
-        case 11:
-          if (!(this.options.networkMode === networkMode.proxy)) {
-            _context.next = 16;
-            break;
+    /**
+     * @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);
+      });
+    }
+    /**
+     * @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: {}
           }
-          console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.errorMessage);
-          return _context.abrupt("return", Promise.reject(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT));
-        case 16:
-          return _context.abrupt("return", new Promise(function (resolve, reject) {
-            var _parsePaymentSessionD = parsePaymentSessionData(_params.paymentSessionData),
-              _parsePaymentSessionD2 = _slicedToArray(_parsePaymentSessionD, 2),
-              parseData = _parsePaymentSessionD2[0],
-              paymentSessionData = _parsePaymentSessionD2[1];
-            resetEasyPaySceneVersion(parseData);
-            var componentName = typeof componentNameOrParams === 'string' ? componentNameOrParams : getComponentSign(parseData);
-            if (componentName === '') {
-              // eslint-disable-next-line prefer-promise-reject-errors
-              reject("".concat(ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.errorCode, "\uFF1AAbnormal response data, interface failure, or unsupported payment method"));
-              return;
-            }
-            _params.paymentSessionData = paymentSessionData;
-            _params.paymentSessionMetaData = parseData;
-            try {
-              var componentApp = _this._getPlugin(COMPONENTPLUGINID);
-              componentApp.appendIframeNodes(componentName, _params).then(function () {
-                resolve();
-              });
-            } catch (error) {
-              reject(error);
-            }
-          }));
-        case 17:
-        case "end":
-          return _context.stop();
+        });
+      } catch (error) {
+        console.error(error);
       }
-    }, _callee, this);
-  }));
-  return function createComponent(_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
+    }
+  }]);
+  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, 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,21 +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, called when the checkout view is available for interaction.
-     * mode: dropin
-     */
-    /**
-     * @description Create an event handler, called after the user selects the payment method
-     * mode: dropin
-     */
-    /**
-     * @description Create an event handler
-     */
-    onSizeChanged(event: callOnSizeChanged): void;
-    onLog(event: callOnSizeChanged): void;
 }

package/esm/core/instance/index.js

@@ -17,7 +17,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  */
 import { v4 as uuid } from 'uuid';
 import { ERRORMESSAGE, EVENT } from "../../constant";
-import { environment, mode, networkMode, osType, terminalType } from "../../types/index";
+import { environmentEnum, modeEnum, networkModeEnum, osTypeEnum, terminalTypeEnum } from "../../types/index";
 import { device, EventCenter, getType, queryParse } from "../../util/index";
 import CallApp from "../../util/intl-callapp/es/main";
 var AMSSDK = /*#__PURE__*/function () {
@@ -25,16 +25,13 @@ var AMSSDK = /*#__PURE__*/function () {
     _classCallCheck(this, AMSSDK);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "checkoutState", void 0);
-    _defineProperty(this, "eventCenter", void 0);
+    _defineProperty(this, "_eventCenter", void 0);
     _defineProperty(this, "plugins", void 0);
     _defineProperty(this, "_instanceId", void 0);
     this._instanceId = uuid();
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     this.options = {};
-    this.eventCenter = new EventCenter();
-    this.checkoutState = {
-      paymentMethodType: ''
-    };
+    this._eventCenter = new EventCenter();
     this._initEvent(options);
     this._setOptions(options);
     this.plugins = new Map();
@@ -43,8 +40,8 @@ var AMSSDK = /*#__PURE__*/function () {
    * @description Destroy and process some contents of the plug-in
    */
   _createClass(AMSSDK, [{
-    key: "destroy",
-    value: function destroy() {
+    key: "unmount",
+    value: function unmount() {
       var _iterator = _createForOfIteratorHelper(this.plugins.values()),
         _step;
       try {
@@ -53,7 +50,9 @@ var AMSSDK = /*#__PURE__*/function () {
           try {
             plugin.logoutPlugin();
             // eslint-disable-next-line no-empty
-          } catch (error) {}
+          } catch (error) {
+            console.error(error);
+          }
         }
       } catch (err) {
         _iterator.e(err);
@@ -79,17 +78,17 @@ var AMSSDK = /*#__PURE__*/function () {
     value: function _setEnv(options) {
       var _queryParse = queryParse(),
         _moreEnv = _queryParse._moreEnv;
-      if (options !== null && options !== void 0 && options.environment && !((options === null || options === void 0 ? void 0 : options.environment) in environment) && _moreEnv !== 'true') {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.ENVIRONMENT_ERROR.errorMessage);
+      if (options !== null && options !== void 0 && options.environment && !((options === null || options === void 0 ? void 0 : options.environment) in environmentEnum) && _moreEnv !== 'true') {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.ENVIRONMENT_ERROR.message);
         options.environment = 'prod';
       }
       this.options.env = {
-        terminalType: device.isMobile ? terminalType.WAP : terminalType.WEB,
+        terminalType: device.isMobile ? terminalTypeEnum.WAP : terminalTypeEnum.WEB,
         environment: (options === null || options === void 0 ? void 0 : options.environment) || 'prod'
       };
-      if (this.options.env.terminalType === terminalType.WAP) {
+      if (this.options.env.terminalType === terminalTypeEnum.WAP) {
         // eslint-disable-next-line no-nested-ternary
-        this.options.env.osType = device.iOS ? osType.IOS : device.Android ? osType.ANDROID : osType.ELSE;
+        this.options.env.osType = device.iOS ? osTypeEnum.IOS : device.Android ? osTypeEnum.ANDROID : osTypeEnum.ELSE;
       }
     }
     /**
@@ -98,15 +97,15 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_setMode",
     value: function _setMode(options) {
-      this.options.mode = (options === null || options === void 0 ? void 0 : options.mode) || mode.dropin;
-      if (options !== null && options !== void 0 && options.mode && !((options === null || options === void 0 ? void 0 : options.mode) in mode)) {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.MODE_ERROR.errorMessage);
-        this.options.mode = mode.component;
+      this.options.mode = (options === null || options === void 0 ? void 0 : options.mode) || modeEnum.component;
+      if (options !== null && options !== void 0 && options.mode && !((options === null || options === void 0 ? void 0 : options.mode) in modeEnum)) {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.MODE_ERROR.message);
+        this.options.mode = modeEnum.component;
       }
-      this.options.networkMode = (options === null || options === void 0 ? void 0 : options.networkMode) || networkMode.session;
-      if (options !== null && options !== void 0 && options.networkMode && !((options === null || options === void 0 ? void 0 : options.networkMode) in networkMode)) {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.errorMessage);
-        this.options.networkMode = networkMode.proxy;
+      this.options.networkMode = (options === null || options === void 0 ? void 0 : options.networkMode) || networkModeEnum.session;
+      if (options !== null && options !== void 0 && options.networkMode && !((options === null || options === void 0 ? void 0 : options.networkMode) in networkModeEnum)) {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.message);
+        this.options.networkMode = networkModeEnum.proxy;
       }
     }
     /**
@@ -116,32 +115,28 @@ var AMSSDK = /*#__PURE__*/function () {
     key: "_initEvent",
     value: function _initEvent(options) {
       if (options !== null && options !== void 0 && options.onError) {
-        if (getType(options.onError) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        if (getType(options.onError) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         this._overrideSubscription(EVENT.error.name, options.onError, EVENT.error.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onPaymentMethodSelected) {
-        if (getType(options.onPaymentMethodSelected) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        if (getType(options.onPaymentMethodSelected) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         this._overrideSubscription(EVENT.paymentMethodSelected.name, options.onPaymentMethodSelected, EVENT.paymentMethodSelected.uniqueKey);
       }
-      if (options !== null && options !== void 0 && options.onReady) {
-        if (getType(options.onReady) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
-        this._overrideSubscription(EVENT.ready.name, options.onReady, EVENT.ready.uniqueKey);
-      }
       if (options !== null && options !== void 0 && options.onSizeChanged) {
-        if (getType(options.onSizeChanged) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        if (getType(options.onSizeChanged) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         this._overrideSubscription(EVENT.sizeChanged.name, options.onSizeChanged, EVENT.sizeChanged.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onLog) {
-        if (getType(options.onLog) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        if (getType(options.onLog) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         this._overrideSubscription(EVENT.log.name, options.onLog, EVENT.log.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onEventCallback) {
-        if (getType(options.onEventCallback) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        if (getType(options.onEventCallback) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         this._overrideSubscription(EVENT.eventCallback.name, options.onEventCallback, EVENT.eventCallback.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onClose) {
-        if (getType(options.onClose) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
-        this._overrideSubscription(EVENT.onClose.name, options.onClose, EVENT.onClose.uniqueKey);
+        if (getType(options.onClose) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        this._overrideSubscription(EVENT.close.name, options.onClose, EVENT.close.uniqueKey);
       }
     }
     /**
@@ -179,7 +174,7 @@ var AMSSDK = /*#__PURE__*/function () {
     value: function _redirect(data) {
       var _this = this;
       return new Promise(function (resolve, reject) {
-        var isWeb = _this.options.env.terminalType === terminalType.WEB;
+        var isWeb = _this.options.env.terminalType === terminalTypeEnum.WEB;
         var normalUrl = (data === null || data === void 0 ? void 0 : data.normalUrl) || '';
         var schemeUrl = (data === null || data === void 0 ? void 0 : data.schemeUrl) || '';
         var applinkUrl = (data === null || data === void 0 ? void 0 : data.applinkUrl) || '';
@@ -228,47 +223,8 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_overrideSubscription",
     value: function _overrideSubscription(name, func, funcKey) {
-      this.eventCenter.off(name, func, funcKey);
-      this.eventCenter.on(name, func, funcKey);
-    }
-    /**
-     * @description Create an event handler, called when an error occurs in AMSCheckout.
-     */
-  }, {
-    key: "onError",
-    value: function onError(event) {
-      this._overrideSubscription(EVENT.error.name, event, EVENT.error.uniqueKey);
-    }
-    /**
-     * @description Create an event handler, called when the checkout view is available for interaction.
-     * mode: dropin
-     */
-    // onReady(event: () => void) {
-    //   this._overrideSubscription(EVENT.ready.name, event, EVENT.ready.uniqueKey);
-    // }
-    /**
-     * @description Create an event handler, called after the user selects the payment method
-     * mode: dropin
-     */
-    // onPaymentMethodSelected(event: callonPaymentMethodSelected) {
-    //   this._overrideSubscription(
-    //     EVENT.paymentMethodSelected.name,
-    //     event,
-    //     EVENT.paymentMethodSelected.uniqueKey,
-    //   );
-    // }
-    /**
-     * @description Create an event handler
-     */
-  }, {
-    key: "onSizeChanged",
-    value: function onSizeChanged(event) {
-      this._overrideSubscription(EVENT.sizeChanged.name, event, EVENT.sizeChanged.uniqueKey);
-    }
-  }, {
-    key: "onLog",
-    value: function onLog(event) {
-      this._overrideSubscription(EVENT.log.name, event, EVENT.log.uniqueKey);
+      this._eventCenter.off(name, func, funcKey);
+      this._eventCenter.on(name, func, funcKey);
     }
   }]);
   return AMSSDK;