@alipay/ams-checkout 1.19.0 → 1.20.1

package/esm/constant/index.d.ts

@@ -4,7 +4,7 @@
  * 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";
+import { eventCodeEnum } from '../types';
 export declare const ERRORMESSAGE: {
     DOMAIN_NOT_IN_WHITE_LIST: {
         code: eventCodeEnum;
@@ -167,6 +167,14 @@ export declare const EVENT: {
     appHeartBeat: {
         name: string;
     };
+    beforeSubmit: {
+        name: string;
+        uniqueKey: string;
+    };
+    beforeSubmitDone: {
+        name: string;
+        uniqueKey: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -166,6 +166,14 @@ export var EVENT = {
   },
   appHeartBeat: {
     name: 'appHeartBeat'
+  },
+  beforeSubmit: {
+    name: 'beforeSubmit',
+    uniqueKey: 'userBeforeSubmit'
+  },
+  beforeSubmitDone: {
+    name: 'beforeSubmitDone',
+    uniqueKey: 'userBeforeSubmitDone'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

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

@@ -0,0 +1,27 @@
+import { IcreateComponent, IoptionsParams } from '../../../types';
+import { Logger } from '../../../util/logger';
+type LOCAL_URL = string;
+export type CKPEmbeddedAppEnv = 'dev' | 'sit' | 'pre' | 'prod';
+export type CKPEmbeddedEventType = 'SDK_PAYMENT_SUCCESSFUL' | 'SDK_PAYMENT_FAIL' | 'SDK_PAYMENT_CANCEL' | 'SDK_PAYMENT_CLICK_BACK_TO_MERCHANT';
+export declare const getCKPPageAddress: (env: IoptionsParams['environment'] | LOCAL_URL) => string;
+export declare class AMSCheckoutPage {
+    logger: Logger;
+    private _instanceId;
+    private originOptions;
+    private readonly APP_IFRAME_ID;
+    private eventListener?;
+    constructor(options: Pick<IoptionsParams, 'environment' | 'locale' | 'onEventCallback'>);
+    private generateIframeSrc;
+    private eventListenerWrapper;
+    private addListener;
+    private removeListener;
+    /**
+     * 挂载组件
+     */
+    mountComponent(params: Pick<IcreateComponent, 'sessionData'>, selector: string): Promise<void>;
+    /**
+     * 卸载组件
+     */
+    unmount(): void;
+}
+export {};

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

@@ -0,0 +1,166 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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 _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); }
+import { v4 as uuid } from 'uuid';
+import { environmentEnum } from "../../../types";
+import { queryParse } from "../../../util";
+import { LogConfig, Logger } from "../../../util/logger";
+var CKP_PAYMENT_PAGE_HOST = {
+  DEV: 'https://dev.page.alipay.net',
+  TEST: 'https://test.page.alipay.net',
+  PRE: 'https://pre.ac.alipay.com',
+  PROD: 'https://ac.alipay.com'
+};
+
+// for local development
+
+var CKP_PAGE_ADDRESS = '/page/antom-web-checkout-v2/checkout-page/pages/payment/index.html';
+export var getCKPPageAddress = function getCKPPageAddress(env) {
+  switch (env) {
+    case 'dev':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.DEV).concat(CKP_PAGE_ADDRESS);
+    case 'sit':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.TEST).concat(CKP_PAGE_ADDRESS);
+    case 'pre':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.PRE).concat(CKP_PAGE_ADDRESS);
+    case 'prod':
+    case 'sandbox':
+    case 'light_sandbox':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.PROD).concat(CKP_PAGE_ADDRESS);
+    default:
+      // for local development, e.g. http://localhost:5173/checkout-page/src/pages/payment/index.html
+      return env;
+  }
+};
+export var AMSCheckoutPage = /*#__PURE__*/function () {
+  function AMSCheckoutPage(options) {
+    var _this = this;
+    _classCallCheck(this, AMSCheckoutPage);
+    _defineProperty(this, "logger", void 0);
+    _defineProperty(this, "_instanceId", void 0);
+    _defineProperty(this, "originOptions", void 0);
+    _defineProperty(this, "APP_IFRAME_ID", 'antom-checkout-page-sub-page-iframe');
+    _defineProperty(this, "eventListener", void 0);
+    _defineProperty(this, "generateIframeSrc", function (sessionData) {
+      var env = _this.originOptions.environment || 'prod';
+      var session = sessionData || '';
+      var lang = _this.originOptions.locale || 'en_US';
+      var ckpPageAddress = getCKPPageAddress(env);
+      console.log('[antom-web-sdk] <antom-checkout-page>  generateIframeSrc', _this.originOptions, env, session, lang, ckpPageAddress);
+
+      // 先获取去除的 query 参数的 url
+      var url = ckpPageAddress.split('?')[0];
+      var queryObj = queryParse(ckpPageAddress);
+      queryObj.sessionData = session;
+      queryObj.lang = lang;
+      queryObj.mode = 'embed';
+      if (env === 'sandbox') {
+        queryObj.shadow = 'true';
+      }
+      Object.keys(queryObj).forEach(function (key) {
+        url += "".concat(url.includes('?') ? '&' : '?').concat(key, "=").concat(encodeURIComponent(queryObj[key]));
+      });
+      return url;
+    });
+    _defineProperty(this, "eventListenerWrapper", function (event) {
+      var _ref = JSON.parse(event.data) || {},
+        code = _ref.code,
+        message = _ref.message,
+        result = _ref.result;
+      if (code && code.startsWith('SDK_PAYMENT')) {
+        var _this$eventListener;
+        console.log('[antom-web-sdk] <antom-checkout-page>  eventListenerWrapper', event, message, result);
+        (_this$eventListener = _this.eventListener) === null || _this$eventListener === void 0 || _this$eventListener.call(_this, {
+          code: code,
+          message: message,
+          result: result
+        });
+      }
+    });
+    _defineProperty(this, "addListener", function () {
+      window.addEventListener('message', _this.eventListenerWrapper);
+    });
+    _defineProperty(this, "removeListener", function () {
+      window.removeEventListener('message', _this.eventListenerWrapper);
+    });
+    options.environment = options.environment || environmentEnum.prod;
+    this._instanceId = uuid();
+    this.originOptions = options;
+    this.eventListener = options.onEventCallback;
+    this.logger = new Logger(LogConfig, ![environmentEnum.prod, environmentEnum.sandbox].includes(options === null || options === void 0 ? void 0 : options.environment));
+    Logger.setInstance(this.logger);
+    this.logger.setMedta({
+      instanceId: this._instanceId
+    });
+    this.logger.initTracker();
+    this.logger.setComponentStartTime(Date.now());
+    this.logger.setTrackId(this._instanceId);
+    this.logger.logInfo({
+      title: 'NEW_AMSSDK_BY_MECHANT',
+      msg: "".concat(options === null || options === void 0 ? void 0 : options.environment, "_").concat(options === null || options === void 0 ? void 0 : options.locale)
+    }).send();
+  }
+  _createClass(AMSCheckoutPage, [{
+    key: "mountComponent",
+    value:
+    /**
+     * 挂载组件
+     */
+    function mountComponent(params, selector) {
+      if (params.sessionData === undefined || params.sessionData === '' || typeof params.sessionData !== 'string') {
+        this.logger.logError({
+          title: 'PARAMS_ERROR_INVALID_SESSION_DATA'
+        });
+        console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: sessionData is required and must be a string');
+        throw new Error('PARAMS_ERROR_INVALID_SESSION_DATA');
+      }
+      if (document.querySelector(this.APP_IFRAME_ID)) {
+        this.logger.logError({
+          title: 'PARAMS_ERROR_ALREADY_MOUNTED'
+        });
+        console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: already mounted, please unmount first');
+        throw new Error('PARAMS_ERROR_ALREADY_MOUNTED');
+      }
+      this.addListener();
+      var ckpPageAddress = this.generateIframeSrc(params.sessionData);
+      var iframe = document.createElement('iframe');
+      iframe.id = this.APP_IFRAME_ID;
+      iframe.src = ckpPageAddress;
+      iframe.width = '100%';
+      iframe.height = '100%';
+      iframe.style.border = 'none';
+      var wrapper = document.querySelector(selector);
+      if (wrapper) {
+        wrapper.innerHTML = '';
+        wrapper.appendChild(iframe);
+      } else {
+        this.logger.logError({
+          title: 'PARAMS_ERROR_INVALID_SELECTOR'
+        });
+        console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: invalid selector');
+        this.removeListener();
+        throw new Error('PARAMS_ERROR_INVALID_SELECTOR');
+      }
+      return Promise.resolve();
+    }
+
+    /**
+     * 卸载组件
+     */
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      this.removeListener();
+      var iframe = document.getElementById(this.APP_IFRAME_ID);
+      if (iframe) {
+        iframe.remove();
+      }
+      return;
+    }
+  }]);
+  return AMSCheckoutPage;
+}();

package/esm/core/component/index.js

@@ -122,7 +122,6 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     _classCallCheck(this, AMSComponent);
     _this = _super.call(this, options);
     // Instantiate the plug-in and set render
-    _defineProperty(_assertThisInitialized(_this), "_componentApp", void 0);
     _defineProperty(_assertThisInitialized(_this), "channelType", void 0);
     _defineProperty(_assertThisInitialized(_this), "productSceneVersion", void 0);
     _defineProperty(_assertThisInitialized(_this), "timer", void 0);

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

@@ -6,6 +6,7 @@
  * 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 { ComponentActionNamesType } from 'src/plugin/type';
+import ComponentApp from '../../plugin/component';
 import type { AMSCheckoutOptions, IAppendParams, InitSecurityConfig, IoptionsParams } from '../../types/index';
 import { EventCenter } from '../../util/index';
 import { Logger } from '../../util/logger';
@@ -18,6 +19,7 @@ export default class AMSSDK {
     _instanceId: string;
     _storageId: string;
     _appendParams: IAppendParams;
+    _componentApp: ComponentApp;
     protected securitySdkMap: Map<string, Security>;
     protected plugins: Map<string, any>;
     constructor(options: IoptionsParams);

package/esm/core/instance/index.js

@@ -1,4 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+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); }); }; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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; }
@@ -38,6 +41,7 @@ var AMSSDK = /*#__PURE__*/function () {
     _defineProperty(this, "_instanceId", void 0);
     _defineProperty(this, "_storageId", void 0);
     _defineProperty(this, "_appendParams", void 0);
+    _defineProperty(this, "_componentApp", void 0);
     _defineProperty(this, "securitySdkMap", void 0);
     _defineProperty(this, "plugins", void 0);
     this._instanceId = uuid();
@@ -290,6 +294,7 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_initEvent",
     value: function _initEvent(options) {
+      var _this2 = this;
       if (options !== null && options !== void 0 && options.onError) {
         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);
@@ -314,6 +319,56 @@ var AMSSDK = /*#__PURE__*/function () {
         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);
       }
+      if (options !== null && options !== void 0 && options.onBeforeSubmit) {
+        if (getType(options.onBeforeSubmit) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        this._overrideSubscription(EVENT.beforeSubmit.name, /*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(payload) {
+            var eventCallbackId, res;
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  eventCallbackId = uuid();
+                  _context.prev = 1;
+                  _context.next = 4;
+                  return options.onBeforeSubmit(payload);
+                case 4:
+                  res = _context.sent;
+                  _this2._componentApp.dispatchToApp({
+                    context: {
+                      event: EVENT.beforeSubmitDone.name,
+                      eventCallbackId: eventCallbackId,
+                      data: res
+                    }
+                  });
+                  _context.next = 12;
+                  break;
+                case 8:
+                  _context.prev = 8;
+                  _context.t0 = _context["catch"](1);
+                  _this2._componentApp.dispatchToApp({
+                    context: {
+                      event: EVENT.beforeSubmitDone.name,
+                      eventCallbackId: eventCallbackId,
+                      data: {
+                        result: 'ERROR'
+                      }
+                    }
+                  });
+                  _this2.logger.logError({
+                    title: 'sdk_error_before_submit',
+                    msg: JSON.stringify(_context.t0)
+                  }).send();
+                case 12:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee, null, [[1, 8]]);
+          }));
+          return function (_x) {
+            return _ref2.apply(this, arguments);
+          };
+        }(), EVENT.beforeSubmit.uniqueKey);
+      }
     }
     /**
      * @description Register plug-in
@@ -351,9 +406,9 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_redirect",
     value: function _redirect(data) {
-      var _this2 = this;
+      var _this3 = this;
       return new Promise(function (resolve, reject) {
-        var isWeb = _this2.options.env.terminalType === terminalTypeEnum.WEB;
+        var isWeb = _this3.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) || '';

package/esm/index.d.ts

@@ -6,10 +6,11 @@
  * 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 { AMSComponent } from './core/component/index';
-import { IoptionsParams, componentSignEnum } from './types';
+import { componentSignEnum, IoptionsParams } from './types';
+export { AMSCheckoutPage } from './core/component/ckp';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
-    constructor(_options: any, channelType?: componentSignEnum[], productSceneVersion?: string);
+    constructor(_options: IoptionsParams, channelType?: componentSignEnum[], productSceneVersion?: string);
 }
 export declare class AMSAutoDebit extends AMSCheckout {
     constructor(options: IoptionsParams);

package/esm/index.js

@@ -21,8 +21,9 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import { AMSComponent } from "./core/component/index";
 import { componentSignEnum } from "./types";
 import { productSceneEnum } from "./types/index";
-import { Logger, LogConfig } from "./util/logger";
+import { LogConfig, Logger } from "./util/logger";
 var logger = new Logger(LogConfig, true);
+export { AMSCheckoutPage } from "./core/component/ckp";
 export * from "./types";
 export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
   _inherits(AMSCheckout, _AMSComponent);

package/esm/plugin/component/cashierApp.js

@@ -52,7 +52,7 @@ var getAppVersion = function getAppVersion(_extendInfo, productScene, mid) {
   }
 };
 var getFinalProductSceneVersion = function getFinalProductSceneVersion(componentSign, productSceneVersion) {
-  var signSupportMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentSignEnum.NONE, ['']), componentSignEnum.AUTO_DEBIT_WALLET, ['1.0']), componentSignEnum.AUTO_DEBIT_PAY_WALLET, ['']), componentSignEnum.CASHIER_PAYMENT_BANK, ['1.0']), componentSignEnum.CASHIER_PAYMENT_CARD, ['1.0']), componentSignEnum.CASHIER_PAYMENT_APM, ['1.0']), componentSignEnum.EASY_PAY_WALLET, ['1.0', '2.0']), componentSignEnum.EASY_PAY_APM, ['2.0']), componentSignEnum.VAULTING_CARD, ['1.0']);
+  var signSupportMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentSignEnum.NONE, ['']), componentSignEnum.AUTO_DEBIT_WALLET, ['1.0']), componentSignEnum.AUTO_DEBIT_PAY_WALLET, ['']), componentSignEnum.CASHIER_PAYMENT_BANK, ['1.0']), componentSignEnum.CASHIER_PAYMENT_CARD, ['1.0']), componentSignEnum.CASHIER_PAYMENT_APM, ['1.0']), componentSignEnum.EASY_PAY_WALLET, ['1.0', '2.0']), componentSignEnum.EASY_PAY_APM, ['2.0']), componentSignEnum.VAULTING_CARD, ['1.0']), componentSignEnum.CHECKOUT_PAYMENT, ['1.0.0']);
   var supportProductSceneVersion = signSupportMap[componentSign];
   // 从左到右，从旧到新
   var isSupport = supportProductSceneVersion.find(function (it) {

package/esm/plugin/component/index.js

@@ -17,6 +17,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 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.
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { v4 as uuid } from 'uuid';
 import { sdkVersion } from "../../config";
 import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
@@ -57,7 +58,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.19.0';
+    this._appVersion = '1.20.1';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -1212,6 +1213,25 @@ var ComponentApp = /*#__PURE__*/function () {
         this.handleAppHeartBeat();
         return;
       }
+      if (data.context.event === EVENT.beforeSubmit.name) {
+        var _this$AMSSDK$_eventCe;
+        if ((_this$AMSSDK$_eventCe = this.AMSSDK._eventCenter) !== null && _this$AMSSDK$_eventCe !== void 0 && _this$AMSSDK$_eventCe.isExist(EVENT.beforeSubmit.name)) {
+          this.AMSSDK._eventCenter.emit(EVENT.beforeSubmit.name, data.context.data);
+          return;
+        }
+        // 不存在事件，默认通过
+        var eventCallbackId = uuid();
+        this.dispatchToApp({
+          context: {
+            event: EVENT.beforeSubmitDone.name,
+            eventCallbackId: eventCallbackId,
+            data: {
+              result: 'IGNORE'
+            }
+          }
+        });
+        return;
+      }
       if (data.context.event === EVENT.eventCallback.name) {
         this.AMSSDK.logger.logInfo({
           title: 'sdk_event_event_callback'

package/esm/types/index.d.ts

@@ -23,6 +23,7 @@ export interface IoptionsParams {
         enabled: boolean;
     };
     product?: string;
+    onBeforeSubmit?: callOnBeforeSubmit;
 }
 export interface IApplePayOptionsParams extends Pick<IoptionsParams, 'locale' | 'environment' | 'onEventCallback' | 'analytics'> {
 }
@@ -49,7 +50,8 @@ export declare enum componentSignEnum {
     'AUTO_DEBIT_WALLET' = "AUTO_DEBIT_WALLET",
     'AUTO_DEBIT_PAY_WALLET' = "AUTO_DEBIT_PAY_WALLET",
     'NONE' = "NONE",
-    'VAULTING_CARD' = "VAULTING_CARD"
+    'VAULTING_CARD' = "VAULTING_CARD",
+    'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT"
 }
 export declare enum productSceneEnum {
     'EASY_PAY' = "EASY_PAY",
@@ -58,7 +60,8 @@ export declare enum productSceneEnum {
     'AUTO_DEBIT_PAY' = "AUTO_DEBIT_PAY",
     'VAULTING' = "VAULTING",
     'FLASH_BUY' = "FLASH_BUY",
-    'CARD_APPLE_PAY' = "CARD_APPLE_PAY"
+    'CARD_APPLE_PAY' = "CARD_APPLE_PAY",
+    'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT"
 }
 export declare enum paymentMethodCategoryTypeEnum {
     'CARD' = "CARD",
@@ -170,6 +173,7 @@ export interface IpaymentSessionMetaData {
         authUrl?: string;
     };
     paymentSessionFactor?: {
+        externalRiskTimeout?: number;
         extendInfo?: {
             merchantCapabilities?: string[];
             supportedNetworks?: string[];
@@ -342,6 +346,12 @@ export type callOnSizeChanged = (state: {
     width: number;
     height: number;
 }) => void;
+export type onBeforeSubmitResult = {
+    result: 'CANCEL' | 'CONTINUE' | 'ERROR' | 'IGNORE' | 'TIMEOUT';
+    processType: string;
+    submitRequestData: Record<string, any>;
+};
+export type callOnBeforeSubmit = (state?: Record<string, any>) => Promise<onBeforeSubmitResult> | onBeforeSubmitResult;
 /**
  * @description Create an event handler, In pop-up layer mode, the user clicks the semi floating layer close button and is called.
  */

package/esm/types/index.js

@@ -25,6 +25,7 @@ export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
   componentSignEnum["AUTO_DEBIT_PAY_WALLET"] = "AUTO_DEBIT_PAY_WALLET";
   componentSignEnum["NONE"] = "NONE";
   componentSignEnum["VAULTING_CARD"] = "VAULTING_CARD";
+  componentSignEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   return componentSignEnum;
 }({});
 export var productSceneEnum = /*#__PURE__*/function (productSceneEnum) {
@@ -35,6 +36,7 @@ export var productSceneEnum = /*#__PURE__*/function (productSceneEnum) {
   productSceneEnum["VAULTING"] = "VAULTING";
   productSceneEnum["FLASH_BUY"] = "FLASH_BUY";
   productSceneEnum["CARD_APPLE_PAY"] = "CARD_APPLE_PAY";
+  productSceneEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   return productSceneEnum;
 }({});
 export var paymentMethodCategoryTypeEnum = /*#__PURE__*/function (paymentMethodCategoryTypeEnum) {

package/esm/util/index.d.ts

@@ -13,6 +13,7 @@ declare class EventCenter {
     off(name: string, func: any, key?: string): void;
     emit(name: string, ...rest: any): void;
     once(name: string, func: any, key?: string): void;
+    isExist(name: string): boolean;
 }
 declare const getViewPort: (key: string) => any;
 declare const getOrigin: () => string;
@@ -45,4 +46,4 @@ declare function loadSDKScript({ src, attrOptions, timeOut, loadCallback }: {
     timeOut?: number;
     loadCallback?: any;
 }, logger: any): Promise<unknown>;
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, loadSDKScript };
+export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, loadSDKScript, };

package/esm/util/index.js

@@ -83,6 +83,11 @@ var EventCenter = /*#__PURE__*/function () {
       };
       this.on(name, onceF, key);
     }
+  }, {
+    key: "isExist",
+    value: function isExist(name) {
+      return this.events.has(name);
+    }
   }]);
   return EventCenter;
 }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "1.19.0",
+  "version": "1.20.1",
   "description": "",
   "author": "",
   "main": "esm/index.js",