@alipay/ams-checkout 0.0.1720509876-dev.4 → 0.0.1720509876-dev.6

package/esm/config/index.d.ts

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

package/esm/config/index.js

@@ -30,4 +30,14 @@ export var elementAppMarmotMap = {
   light_sandbox: 'https://ac.alipay.com/page/antom-web-checkout-v2',
   prod: 'https://ac.alipay.com/page/antom-web-checkout-v2'
 };
-export var sdkVersion = json.version;
+export var sdkVersion = json.version;
+
+/**
+ * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
+ */
+export var AMSCheckoutAppVersion = '1.21.0'; // 兜底版本号
+export var AMSAutoDebitAppVersion = '1.21.0'; // 代扣
+export var AMSEasyPayAppVersion = '1.21.0'; // easypay
+export var AMSCashierPaymentAppVersion = '1.21.0'; // 收银台（卡、apm）
+export var AMSVaultingAppVersion = '1.21.0'; // 绑卡
+export var AMSPaymentElementAppVersion = '1.21.0'; // payment element

package/esm/config/request.js

@@ -12,8 +12,8 @@ var _queryParse = queryParse(),
   groupId = _queryParse.groupId,
   host = _queryParse.requestHost;
 export var requestHost = {
-  local: 'http://imgs-8452.sggz00b.dev.alipay.net/mgw.htm',
-  dev: host || 'http://imgs-8452.sggz00b.dev.alipay.net/mgw.htm',
+  local: 'http://imgs-63.sggz00b.dev.alipay.net/mgw.htm',
+  dev: host || 'http://imgs-63.sggz00b.dev.alipay.net/mgw.htm',
   sit: host || 'http://imgs-9.sggz00a.test.alipay.net/mgw.htm',
   pre: 'https://imgs-sea-pre.alipay.com/mgw.htm',
   prod: 'https://imgs-sea-global.alipay.com/mgw.htm',
@@ -22,7 +22,7 @@ export var requestHost = {
 export var clientId = '5J5Y8X4E2Y25GR00690';
 export var tntInstId = 'ALIPW3SG';
 export var appId = 'ANTOM_PAYMENT_WEB';
-export var sofaId = groupId || 'GROUP_20240304204929';
+export var sofaId = groupId || 'GROUP_20240627151021';
 export var hostSignMap = function hostSignMap(hostSign, env) {
   var map = {
     SG: 'https://imgs-sea-global.alipay.com/mgw.htm',

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

@@ -0,0 +1 @@
+export declare function loadChannelPneumaticControl(paymentSessionFactor: any, logger: any): Promise<unknown>;

package/esm/core/component/appPreloadProcessing.js

@@ -0,0 +1,89 @@
+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); }); }; }
+import { loadSDKScript } from "../../util";
+export function loadChannelPneumaticControl(_x, _x2) {
+  return _loadChannelPneumaticControl.apply(this, arguments);
+}
+function _loadChannelPneumaticControl() {
+  _loadChannelPneumaticControl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(paymentSessionFactor, logger) {
+    var _ref, _ref$frontModulesToBe, frontModulesToBeLoaded, paymentRequestId;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _ref = paymentSessionFactor || {}, _ref$frontModulesToBe = _ref.frontModulesToBeLoaded, frontModulesToBeLoaded = _ref$frontModulesToBe === void 0 ? [] : _ref$frontModulesToBe, paymentRequestId = _ref.paymentRequestId;
+          if (Array.isArray(frontModulesToBeLoaded)) {
+            _context2.next = 3;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 3:
+          if (!(frontModulesToBeLoaded.length === 0)) {
+            _context2.next = 5;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 5:
+          return _context2.abrupt("return", new Promise( /*#__PURE__*/function () {
+            var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
+              var NONE_LOAD_SDK_CHANNEL_LIST, promiseList;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    NONE_LOAD_SDK_CHANNEL_LIST = /*#__PURE__*/function (NONE_LOAD_SDK_CHANNEL_LIST) {
+                      NONE_LOAD_SDK_CHANNEL_LIST["AIRWALLEX"] = "AIRWALLEX";
+                      return NONE_LOAD_SDK_CHANNEL_LIST;
+                    }({});
+                    promiseList = [];
+                    logger.logInfo({
+                      title: 'load_channel_sdk_start'
+                    }, {
+                      frontModulesToBeLoaded: JSON.stringify(frontModulesToBeLoaded),
+                      paymentRequestId: paymentRequestId
+                    });
+                    frontModulesToBeLoaded.forEach(function (loadItem) {
+                      var acquirerName = loadItem.acquirerName,
+                        scriptUrl = loadItem.scriptUrl;
+                      var promiseItem = null;
+                      if (acquirerName === NONE_LOAD_SDK_CHANNEL_LIST.AIRWALLEX) {
+                        var attrOptions = {
+                          defer: true,
+                          id: 'airwallex-fraud-api',
+                          'data-order-session-id': paymentRequestId
+                        };
+                        promiseItem = loadSDKScript({
+                          src: scriptUrl,
+                          attrOptions: attrOptions,
+                          timeOut: 3
+                        }, logger);
+                      } else {
+                        promiseItem = loadSDKScript({
+                          src: scriptUrl,
+                          timeOut: 3
+                        }, logger);
+                      }
+                      promiseList.push(promiseItem);
+                    });
+                    _context.next = 6;
+                    return Promise.all(promiseList);
+                  case 6:
+                    resolve(true);
+                  case 7:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            return function (_x3) {
+              return _ref2.apply(this, arguments);
+            };
+          }()));
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _loadChannelPneumaticControl.apply(this, arguments);
+}

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.d.ts

@@ -3,12 +3,15 @@ import { componentSignEnum, IcreateComponent, IoptionsParams, IpaymentSessionMet
 import CoreInstance from '../instance/index';
 export declare const getComponentSign: (params: IpaymentSessionMetaData) => componentSignEnum;
 export declare const parseSessionData: (sessionData: string) => [IpaymentSessionMetaData, string];
+export type IAMSComponentOptions = IoptionsParams & {
+    appVersion: string;
+};
 export declare class AMSComponent extends CoreInstance {
     _componentApp: ComponentApp;
     channelType: componentSignEnum[];
     productSceneVersion: string;
     timer: any;
-    constructor(options: IoptionsParams);
+    constructor(options: IAMSComponentOptions);
     private parameterInitAndCheck;
     private pluginAppendIframe;
     private savePreviousChannel;

package/esm/core/component/index.js

@@ -1,6 +1,9 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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; }
@@ -46,6 +49,7 @@ import { SDKCallbackBusSubscriber } from "../bus/ability/callback";
 import { SecurityBusSubscriber } from "../bus/ability/security";
 import { TrackerBusSubscriber } from "../bus/ability/tracker";
 import CoreInstance from "../instance/index";
+import { loadChannelPneumaticControl } from "./appPreloadProcessing";
 export var getComponentSign = function getComponentSign(params) {
   var _params$paymentSessio = params.paymentSessionConfig,
     _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
@@ -134,7 +138,9 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     _defineProperty(_assertThisInitialized(_this), "channelType", void 0);
     _defineProperty(_assertThisInitialized(_this), "productSceneVersion", void 0);
     _defineProperty(_assertThisInitialized(_this), "timer", void 0);
-    var ComponentPlugin = new ComponentApp();
+    var ComponentPlugin = new ComponentApp({
+      appVersion: options.appVersion
+    });
     ComponentPlugin.setRender(createIframeNode);
     ComponentPlugin.setPreloadRender(createPreloadIframeNode);
     // Register Cashier Application Plug in
@@ -166,24 +172,45 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     }
   }, {
     key: "pluginAppendIframe",
-    value: function pluginAppendIframe(appendParams) {
-      try {
-        return this._componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams);
-      } catch (error) {
-        return Promise.reject(error);
+    value: function () {
+      var _pluginAppendIframe = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appendParams) {
+        var _ref2, paymentSessionMetaData, _ref3, paymentSessionFactor;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _ref2 = appendParams || {}, paymentSessionMetaData = _ref2.iframeNodesParams.paymentSessionMetaData;
+              _ref3 = paymentSessionMetaData || {}, paymentSessionFactor = _ref3.paymentSessionFactor;
+              _context.next = 5;
+              return loadChannelPneumaticControl(paymentSessionFactor, this.logger);
+            case 5:
+              return _context.abrupt("return", this._componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams));
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              return _context.abrupt("return", Promise.reject(_context.t0));
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[0, 8]]);
+      }));
+      function pluginAppendIframe(_x) {
+        return _pluginAppendIframe.apply(this, arguments);
       }
-    }
+      return pluginAppendIframe;
+    }()
   }, {
     key: "savePreviousChannel",
     value: function savePreviousChannel(iframeNodesParams) {
-      var _ref2 = iframeNodesParams || {},
-        _ref2$paymentSessionM = _ref2.paymentSessionMetaData.paymentSessionConfig,
-        _ref2$paymentSessionM2 = _ref2$paymentSessionM.productScene,
-        productScene = _ref2$paymentSessionM2 === void 0 ? '' : _ref2$paymentSessionM2,
-        _ref2$paymentSessionM3 = _ref2$paymentSessionM.paymentMethodCategoryType,
-        paymentMethodCategoryType = _ref2$paymentSessionM3 === void 0 ? '' : _ref2$paymentSessionM3,
-        _ref2$paymentSessionM4 = _ref2$paymentSessionM.productSceneVersion,
-        productSceneVersion = _ref2$paymentSessionM4 === void 0 ? '' : _ref2$paymentSessionM4;
+      var _ref4 = iframeNodesParams || {},
+        _ref4$paymentSessionM = _ref4.paymentSessionMetaData.paymentSessionConfig,
+        _ref4$paymentSessionM2 = _ref4$paymentSessionM.productScene,
+        productScene = _ref4$paymentSessionM2 === void 0 ? '' : _ref4$paymentSessionM2,
+        _ref4$paymentSessionM3 = _ref4$paymentSessionM.paymentMethodCategoryType,
+        paymentMethodCategoryType = _ref4$paymentSessionM3 === void 0 ? '' : _ref4$paymentSessionM3,
+        _ref4$paymentSessionM4 = _ref4$paymentSessionM.productSceneVersion,
+        productSceneVersion = _ref4$paymentSessionM4 === void 0 ? '' : _ref4$paymentSessionM4;
       var channelType = "".concat(productScene, "_").concat(paymentMethodCategoryType);
       if (productScene && paymentMethodCategoryType && productSceneVersion) {
         if (Array.isArray(this.channelType) && this.channelType.includes(channelType) && this.productSceneVersion === productSceneVersion) {

package/esm/index.d.ts

@@ -1,19 +1,16 @@
-/**
- * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- * 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 { 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);
 }
+export declare class AMSAutoDebitPay extends AMSCheckout {
+    constructor(options: IoptionsParams);
+}
 export declare class AMSEasyPay extends AMSCheckout {
     constructor(options: IoptionsParams);
 }