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

package/esm/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 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 _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 _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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -18,11 +21,13 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * 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 { AMSAutoDebitAppVersion, AMSCashierPaymentAppVersion, AMSCheckoutAppVersion, AMSEasyPayAppVersion, AMSPaymentElementAppVersion, AMSVaultingAppVersion } from "./config/index";
 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);
@@ -31,7 +36,9 @@ export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
     var _this;
     var productSceneVersion = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '1.0';
     _classCallCheck(this, AMSCheckout);
-    _this = _super.call(this, _options);
+    _this = _super.call(this, _objectSpread({
+      appVersion: AMSCheckoutAppVersion
+    }, _options));
     _this.preloadComponent(channelType, productSceneVersion);
     return _this;
   }
@@ -43,19 +50,33 @@ export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
   function AMSAutoDebit(options) {
     _classCallCheck(this, AMSAutoDebit);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.AUTO_DEBIT
+      product: productSceneEnum.AUTO_DEBIT,
+      appVersion: AMSAutoDebitAppVersion
     });
     return _super2.call(this, _options, [componentSignEnum.AUTO_DEBIT_WALLET]);
   }
   return _createClass(AMSAutoDebit);
 }(AMSCheckout);
-export var AMSEasyPay = /*#__PURE__*/function (_AMSCheckout2) {
-  _inherits(AMSEasyPay, _AMSCheckout2);
-  var _super3 = _createSuper(AMSEasyPay);
+export var AMSAutoDebitPay = /*#__PURE__*/function (_AMSCheckout2) {
+  _inherits(AMSAutoDebitPay, _AMSCheckout2);
+  var _super3 = _createSuper(AMSAutoDebitPay);
+  function AMSAutoDebitPay(options) {
+    _classCallCheck(this, AMSAutoDebitPay);
+    var _options = Object.assign({}, options, {
+      product: productSceneEnum.AUTO_DEBIT_PAY
+    });
+    return _super3.call(this, _options, [componentSignEnum.AUTO_DEBIT_PAY_WALLET]);
+  }
+  return _createClass(AMSAutoDebitPay);
+}(AMSCheckout);
+export var AMSEasyPay = /*#__PURE__*/function (_AMSCheckout3) {
+  _inherits(AMSEasyPay, _AMSCheckout3);
+  var _super4 = _createSuper(AMSEasyPay);
   function AMSEasyPay(options) {
     _classCallCheck(this, AMSEasyPay);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.EASY_PAY
+      product: productSceneEnum.EASY_PAY,
+      appVersion: AMSEasyPayAppVersion
     });
     var currentProductSceneVersion = '1.0';
     try {
@@ -76,17 +97,18 @@ export var AMSEasyPay = /*#__PURE__*/function (_AMSCheckout2) {
         error: error
       });
     }
-    return _super3.call(this, _options, [componentSignEnum.EASY_PAY_WALLET], currentProductSceneVersion);
+    return _super4.call(this, _options, [componentSignEnum.EASY_PAY_WALLET], currentProductSceneVersion);
   }
   return _createClass(AMSEasyPay);
 }(AMSCheckout);
-export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
-  _inherits(AMSCashierPayment, _AMSCheckout3);
-  var _super4 = _createSuper(AMSCashierPayment);
+export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout4) {
+  _inherits(AMSCashierPayment, _AMSCheckout4);
+  var _super5 = _createSuper(AMSCashierPayment);
   function AMSCashierPayment(options) {
     _classCallCheck(this, AMSCashierPayment);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.CASHIER_PAYMENT
+      product: productSceneEnum.CASHIER_PAYMENT,
+      appVersion: AMSCashierPaymentAppVersion
     });
     var currentChannelType;
     try {
@@ -107,31 +129,33 @@ export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
         error: error
       });
     }
-    return _super4.call(this, _options, currentChannelType);
+    return _super5.call(this, _options, currentChannelType);
   }
   return _createClass(AMSCashierPayment);
 }(AMSCheckout);
-export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout4) {
-  _inherits(AMSVaulting, _AMSCheckout4);
-  var _super5 = _createSuper(AMSVaulting);
+export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout5) {
+  _inherits(AMSVaulting, _AMSCheckout5);
+  var _super6 = _createSuper(AMSVaulting);
   function AMSVaulting(options) {
     _classCallCheck(this, AMSVaulting);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.VAULTING
+      product: productSceneEnum.VAULTING,
+      appVersion: AMSVaultingAppVersion
     });
-    return _super5.call(this, _options, [componentSignEnum.CASHIER_PAYMENT_CARD]);
+    return _super6.call(this, _options, [componentSignEnum.CASHIER_PAYMENT_CARD]);
   }
   return _createClass(AMSVaulting);
 }(AMSCheckout);
-export var AMSPaymentElement = /*#__PURE__*/function (_AMSCheckout5) {
-  _inherits(AMSPaymentElement, _AMSCheckout5);
-  var _super6 = _createSuper(AMSPaymentElement);
+export var AMSPaymentElement = /*#__PURE__*/function (_AMSCheckout6) {
+  _inherits(AMSPaymentElement, _AMSCheckout6);
+  var _super7 = _createSuper(AMSPaymentElement);
   function AMSPaymentElement(options) {
     _classCallCheck(this, AMSPaymentElement);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.ELEMENT_PAYMENT
+      product: productSceneEnum.ELEMENT_PAYMENT,
+      appVersion: AMSPaymentElementAppVersion
     });
-    return _super6.call(this, _options, [componentSignEnum.ELEMENT_PAYMENT]);
+    return _super7.call(this, _options, [componentSignEnum.ELEMENT_PAYMENT]);
   }
   return _createClass(AMSPaymentElement);
 }(AMSCheckout);

package/esm/plugin/component/cashierApp.js

@@ -45,12 +45,12 @@ var getAppVersion = function getAppVersion(_extendInfo, productScene, mid) {
 
     // 没有匹配到版本，查询上次的加载版本
     if (!appVersion) {
-      appVersion = getLastAppVersion(productScene);
+      appVersion = getLastAppVersion(sdkVersion + productScene);
       return appVersion;
     }
     // 不为空时代表是有sessionData，因此要保存当前版本
     if (_extendInfo) {
-      setLastAppVersion(productScene, appVersion);
+      setLastAppVersion(sdkVersion + productScene, appVersion);
     }
     return appVersion;
   } catch (error) {
@@ -58,7 +58,8 @@ 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.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.ELEMENT_PAYMENT, ['1.0']);
+  var _signSupportMap;
+  var signSupportMap = (_signSupportMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_signSupportMap, 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.ELEMENT_PAYMENT, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CHECKOUT_PAYMENT, ['1.0.0']));
   var supportProductSceneVersion = signSupportMap[componentSign];
   // 从左到右，从旧到新
   var isSupport = supportProductSceneVersion.find(function (it) {
@@ -101,7 +102,8 @@ export var getAppPath = function getAppPath() {
     // element又分为express_checkout模式和普通模式, express_checkout 模式在扩展参数是返回expressCheckout=true
     var isExpressCheckout = false;
     try {
-      isExpressCheckout = JSON.parse(extendInfo).expressCheckout;
+      // expressCheckout可能出现string(false) JSON.parse再转一次
+      isExpressCheckout = JSON.parse(JSON.parse(extendInfo).expressCheckout);
     } catch (error) {
       // 遇到JSON解析错误，默认false
     }

package/esm/plugin/component/channel.js

@@ -24,6 +24,7 @@ export function getChannelBehavior(paymentSessionMetaData) {
       createIframeNode: true,
       loadApp: true,
       allowClickOutsideClose: false,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       buildSubmitPayExtParams: function buildSubmitPayExtParams(params) {
         return {};
       }

package/esm/plugin/component/component.inline.style.d.ts

@@ -2,6 +2,7 @@ import { componentSignEnum, platformEnum } from '../../types';
 interface Options {
     componentSign?: componentSignEnum;
     type: 'tabs' | 'Accordion';
+    isExpressCheckout?: boolean;
 }
 export declare const inlineComponentAddCss: () => void;
 export declare const addInlineLoading: (_selector: HTMLDivElement, platform: platformEnum, options: Options) => void;

package/esm/plugin/component/component.inline.style.js

@@ -8,7 +8,8 @@
 import { COMPONENT_CONTAINER_ID, COMPONENT_IFRAME_TAG_ID, INLINE_BASE_STYLE_ID, INLINE_IMG_CLASSNAME, LOADING_ID } from "../../constant";
 import { componentSignEnum, platformEnum } from "../../types";
 import { amsSetSize } from "../../util";
-var inlineComponentCss = "#".concat(COMPONENT_IFRAME_TAG_ID, "-desktop{\n  border-radius: 8px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n#").concat(COMPONENT_IFRAME_TAG_ID, "-mobile{\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.").concat(COMPONENT_CONTAINER_ID, "-inline{\n  width: 100%;\n  height: auto;\n  position: relative;\n  line-height: 0;\n  display: flex;\n}\n#").concat(LOADING_ID, "{\n  width: 100%;\n  flex: 1;\n}\n.").concat(INLINE_IMG_CLASSNAME, "{\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n  box-sizing: border-box;\n}\n.").concat(INLINE_IMG_CLASSNAME, "-mobile{\n  padding: 0 0.16em;\n}\n.").concat(INLINE_IMG_CLASSNAME, "-desktop{}\n");
+// border-radius: 8px;
+var inlineComponentCss = "#".concat(COMPONENT_IFRAME_TAG_ID, "-desktop{\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n#").concat(COMPONENT_IFRAME_TAG_ID, "-mobile{\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.").concat(COMPONENT_CONTAINER_ID, "-inline{\n  width: 100%;\n  height: auto;\n  position: relative;\n  line-height: 0;\n  display: flex;\n}\n#").concat(LOADING_ID, "{\n  width: 100%;\n  flex: 1;\n}\n.").concat(INLINE_IMG_CLASSNAME, "{\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n  box-sizing: border-box;\n}\n.").concat(INLINE_IMG_CLASSNAME, "-mobile{\n  padding: 0 0.16em;\n}\n.").concat(INLINE_IMG_CLASSNAME, "-desktop{}\n");
 export var inlineComponentAddCss = function inlineComponentAddCss() {
   var style = document.createElement('style');
   style.id = 'ams-inline-component-style';
@@ -95,7 +96,11 @@ export var addInlineLoading = function addInlineLoading(_selector, platform, opt
   var loading = document.createElement('div');
   loading.id = LOADING_ID;
   if (options.componentSign === componentSignEnum.ELEMENT_PAYMENT) {
-    loading.innerHTML = renderElementPayment(options === null || options === void 0 ? void 0 : options.type);
+    if (options.isExpressCheckout) {
+      loading.innerHTML = '';
+    } else {
+      loading.innerHTML = renderElementPayment(options === null || options === void 0 ? void 0 : options.type);
+    }
   } else if (platform === platformEnum.desktop) loading.innerHTML = "<svg class=\"".concat(INLINE_IMG_CLASSNAME, " ").concat(INLINE_IMG_CLASSNAME, "-").concat(platform, "\" width=\"740\" height=\"360\" viewBox=\"0 0 740 360\" fill=\"none\" xmlns=\"\">\n  <rect width=\"740\" height=\"360\" rx=\"12\" fill=\"#F6F6F6\"/>\n  <rect opacity=\"0.7\" x=\"44\" y=\"44\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"94\" y=\"44\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"144\" y=\"44\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M136 100H48C43.5817 100 40 103.582 40 108C40 112.418 43.5817 116 48 116H136C140.418 116 144 112.418 144 108C144 103.582 140.418 100 136 100Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M682 126H58C48.0589 126 40 134.059 40 144C40 153.941 48.0589 162 58 162H682C691.941 162 700 153.941 700 144C700 134.059 691.941 126 682 126Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M682 182H58C48.0589 182 40 190.059 40 200C40 209.941 48.0589 218 58 218H682C691.941 218 700 209.941 700 200C700 190.059 691.941 182 682 182Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M504 274H64C52.9543 274 44 282.954 44 294C44 305.046 52.9543 314 64 314H504C515.046 314 524 305.046 524 294C524 282.954 515.046 274 504 274Z\" fill=\"#E1E6ED\"/>\n  </g>\n  </svg>");else if (platform === platformEnum.mobile) loading.innerHTML = "<svg class=\"".concat(INLINE_IMG_CLASSNAME, " ").concat(INLINE_IMG_CLASSNAME, "-").concat(platform, "\" width=\"358\" height=\"186\" viewBox=\"0 0 358 186\" fill=\"none\" xmlns=\"\">\n  <g clip-path=\"url(#clip0_2543_91192)\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  <g clip-path=\"url(#clip1_2543_91192)\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  <rect width=\"358\" height=\"40\" fill=\"white\"/>\n  <rect opacity=\"0.7\" x=\"4\" y=\"4\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"54\" y=\"4\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"104\" y=\"4\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <g clip-path=\"url(#clip2_2543_91192)\">\n  <rect width=\"358\" height=\"120\" transform=\"translate(0 66)\" fill=\"white\"/>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M95 66H9C4.02944 66 0 70.0294 0 75C0 79.9706 4.02943 84 9 84H95C99.9706 84 104 79.9706 104 75C104 70.0294 99.9706 66 95 66Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g clip-path=\"url(#clip3_2543_91192)\">\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M340 94H18C8.05888 94 0 102.059 0 112C0 121.941 8.05887 130 18 130H340C349.941 130 358 121.941 358 112C358 102.059 349.941 94 340 94Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M340 150H18C8.05888 150 0 158.059 0 168C0 177.941 8.05887 186 18 186H340C349.941 186 358 177.941 358 168C358 158.059 349.941 150 340 150Z\" fill=\"#E1E6ED\"/>\n  </g>\n  </g>\n  </g>\n  </g>\n  </g>\n  <defs>\n  <clipPath id=\"clip0_2543_91192\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  </clipPath>\n  <clipPath id=\"clip1_2543_91192\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  </clipPath>\n  <clipPath id=\"clip2_2543_91192\">\n  <rect width=\"358\" height=\"120\" fill=\"white\" transform=\"translate(0 66)\"/>\n  </clipPath>\n  <clipPath id=\"clip3_2543_91192\">\n  <rect width=\"358\" height=\"92\" fill=\"white\" transform=\"translate(0 94)\"/>\n  </clipPath>\n  </defs>\n  </svg>\n  ");
   if (_selector) _selector.appendChild(loading);
   var loadingDom = document.getElementById(LOADING_ID);

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

@@ -27,7 +27,9 @@ export default class ComponentApp {
     private _multipleCallbackEvents;
     _merchantAppointParam: IMerchantAppointParam;
     private _webAppHeartBeatTimeoutFn;
-    constructor();
+    constructor(componentOption?: {
+        appVersion?: string;
+    });
     /**
      * @description Cancel listening and destroy the dom
      */

package/esm/plugin/component/index.js

@@ -24,15 +24,15 @@ import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSce
 import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
 import { matchVersion } from "../../util/versionCompare";
+import { handlePaymentSessionConfig } from "../payment-element/utils";
 import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 import { getChannelBehavior } from "./channel";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
 import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup, slideInAndOutKeyframes } from "./component.popup.style";
-import { handlePaymentSessionConfig } from "../payment-element/utils";
-import { createModal, destroyModal, insertStyleSheet } from "./popupWindow.style";
+import { createModal, destroyModal, insertStyleSheet, removePopupLoading } from "./popupWindow.style";
 window.changingPageHeight = window.innerHeight;
 var ComponentApp = /*#__PURE__*/function () {
-  function ComponentApp() {
+  function ComponentApp(componentOption) {
     _classCallCheck(this, ComponentApp);
     _defineProperty(this, "app", void 0);
     _defineProperty(this, "AMSSDK", void 0);
@@ -58,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.20.0';
+    this._appVersion = componentOption.appVersion;
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -315,6 +315,18 @@ var ComponentApp = /*#__PURE__*/function () {
           return;
         }
       }
+      if (componentSignEnum.AUTO_DEBIT_PAY_WALLET === this._componentSign) {
+        if (requireFastSdk === true && productSceneVersion === '1.0') {
+          // REDIRECT，requireFastSdk为true，不需要接口请求
+          this.handleAuthUrlInfo(authUrlInfo);
+          return;
+        } else {
+          return Promise.reject({
+            code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
+            message: "Abnormal response data, interface failure, or unsupported payment method."
+          });
+        }
+      }
       this.dispatchToSDK(EVENT.eventCallback.name, {
         code: eventCodeEnum.SDK_START_OF_LOADING
       });
@@ -378,9 +390,18 @@ var ComponentApp = /*#__PURE__*/function () {
       var _renderParams$appeara, _this$_renderParams11;
       var showLoading = renderParams === null || renderParams === void 0 || (_renderParams$appeara = renderParams.appearance) === null || _renderParams$appeara === void 0 ? void 0 : _renderParams$appeara.showLoading;
       showLoading = typeof showLoading === 'boolean' ? showLoading : true;
+      var extendInfo = renderParams.paymentSessionMetaData.extendInfo;
+      var isExpressCheckout = false;
+      try {
+        // expressCheckout可能出现string(false) JSON.parse再转一次
+        isExpressCheckout = JSON.parse(JSON.parse(extendInfo).expressCheckout);
+      } catch (error) {
+        // 遇到JSON解析错误，默认false
+      }
       if (showLoading) addInlineLoading(selector, this.platform, {
         componentSign: this._componentSign,
-        type: (_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.appearance) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.layout) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.type
+        type: (_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.appearance) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.layout) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.type,
+        isExpressCheckout: isExpressCheckout
       });
     }
   }, {
@@ -423,7 +444,6 @@ var ComponentApp = /*#__PURE__*/function () {
         key: 'sdk_action_query_start',
         value: Date.now()
       });
-
       // eslint-disable-next-line no-async-promise-executor
       this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
         var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
@@ -793,13 +813,14 @@ var ComponentApp = /*#__PURE__*/function () {
     value: function createPreloadApp(componentSign) {
       var productSceneVersion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
       var preloadIframe = createPreloadIframe(componentSign, productSceneVersion);
+      var productScene = componentSign.split(/_(?=[^_]*$)/)[0];
       var _getIframeUrl = getIframeUrl({
           renderDisplayType: renderDisplayTypeEnum.popup,
           componentSign: componentSign,
           analytics: {
             enabled: false
           },
-          productScene: componentSign,
+          productScene: productScene,
           productSceneVersion: productSceneVersion,
           environment: this.AMSSDK.options.env.environment,
           appVersion: this._appVersion,
@@ -935,8 +956,8 @@ var ComponentApp = /*#__PURE__*/function () {
               _context4.next = 5;
               return createModal({
                 widthPadding: data === null || data === void 0 ? void 0 : data.widthPadding,
-                heightPadding: data === null || data === void 0 ? void 0 : data.heightPadding,
                 device: (_data$device = data === null || data === void 0 ? void 0 : data.device) !== null && _data$device !== void 0 ? _data$device : this.platform,
+                loadingConfig: data === null || data === void 0 ? void 0 : data.loadingConfig,
                 url: pageUrl
               });
             case 5:
@@ -955,6 +976,7 @@ var ComponentApp = /*#__PURE__*/function () {
               }, POPUP_LOADTIME_LOG_LIMIT);
               this.popupApp.onload = function () {
                 isLoad = true;
+                removePopupLoading();
                 clearTimeout(timeout);
                 clearTimeout(logTimeout);
               };

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

@@ -1,8 +1,11 @@
+export declare const createCustomSheet: (curTheme?: 'dark' | 'light') => void;
+export declare const renderPopupLoading: (container: HTMLDivElement, curTheme: 'dark' | 'light') => void;
+export declare const removePopupLoading: (isShowMockup?: boolean) => void;
 export declare const insertStyleSheet: () => void;
-export declare const createModal: ({ device, url, widthPadding, heightPadding }: {
+export declare const createModal: ({ device, url, widthPadding, loadingConfig }: {
     device: any;
     url: any;
     widthPadding: any;
-    heightPadding: any;
+    loadingConfig: any;
 }) => Promise<HTMLIFrameElement>;
 export declare const destroyModal: () => void;

package/esm/plugin/component/popupWindow.style.js

@@ -1,41 +1,92 @@
-import { AMSPOPUP_PREFIX, ANIMATION_TIME } from "../../constant";
+import { AMSPOPUP_PREFIX, ANIMATION_TIME, MOCKUP_ID, POPUPLOADING_ID } from "../../constant";
+import { getDesignFontSize } from "../../util";
 
 // CSS样式字符串
-var modalStyles = "\n  .".concat(AMSPOPUP_PREFIX, "modal {\n    /* \u6DFB\u52A0\u5F39\u7A97\u6837\u5F0F */\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "overlay {\n    /* \u6DFB\u52A0\u8499\u5C42\u6837\u5F0F */\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    z-index: 999;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeIn {\n    /* \u6DFB\u52A0\u6DE1\u5165\u52A8\u753B */\n    animation: fadeIn ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeOut {\n    /* \u6DFB\u52A0\u6DE1\u51FA\u52A8\u753B */\n    animation: fadeOut ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u5165\u52A8\u753B */\n  @keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-moz-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u51FA\u52A8\u753B */\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n");
-
+var modalStyles = "\n  .".concat(AMSPOPUP_PREFIX, "modal {\n    /* \u6DFB\u52A0\u5F39\u7A97\u6837\u5F0F */\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n  .").concat(AMSPOPUP_PREFIX, "modal-mobile{\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    bottom: 0;\n    left: 0%;\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "overlay {\n    /* \u6DFB\u52A0\u8499\u5C42\u6837\u5F0F */\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    z-index: 999;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeIn {\n    /* \u6DFB\u52A0\u6DE1\u5165\u52A8\u753B */\n    animation: fadeIn ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeOut {\n    /* \u6DFB\u52A0\u6DE1\u51FA\u52A8\u753B */\n    animation: fadeOut ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "-drawer-enter {\n    animation: slideIn ").concat(ANIMATION_TIME, "ms forwards;\n  }\n  \n  @keyframes slideIn {\n    from {\n        transform: translateY(100%); /* \u6ED1\u5165\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n        opacity: 0; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 0 */\n    }\n    to {\n        transform: translateY(0); /* \u6ED1\u5165\u7ED3\u675F\u65F6\u5728\u539F\u4F4D\u7F6E */\n        opacity: 1; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 1 */\n    }\n  }\n\n  /* \u62BD\u5C49\u4ECE\u5E95\u90E8\u6ED1\u51FA */\n  .").concat(AMSPOPUP_PREFIX, "-drawer-exit {\n      animation: slideOut ").concat(ANIMATION_TIME, "ms forwards;\n  }\n\n  @keyframes slideOut {\n      from {\n          transform: translateY(0); /* \u6ED1\u51FA\u65F6\u4ECE\u5F53\u524D\u4F4D\u7F6E\u5F00\u59CB */\n          opacity: 1; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 1 */\n      }\n      to {\n          transform: translateY(100%); /* \u6ED1\u51FA\u7ED3\u675F\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n          opacity: 0; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 0 */\n      }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u5165\u52A8\u753B */\n  @keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-moz-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u51FA\u52A8\u753B */\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n\n.ams-component-popup-loading {\n  width: 0.8em;\n  height:0.8em;\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-popup-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-popup-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-popup-loading .line div:before,\n.ams-component-popup-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: black;\n  border-radius: 5.3px;\n}\n.ams-component-popup-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-popup-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n}\n\n.ams-component-popup-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-popup-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n");
+var getCurrentTheme = function getCurrentTheme() {
+  var curTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+  var theme = {
+    night: 'dark',
+    gamingPurple: 'dark',
+    agateGreen: 'dark',
+    default: 'light',
+    nostalgicGray: 'light',
+    cherryBlossomPink: 'light'
+  };
+  return theme[curTheme];
+};
+export var createCustomSheet = function createCustomSheet() {
+  var curTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
+  var sheet = "\n  .ams-component-popup-loading .line div:before,\n  .ams-component-popup-loading .line div:after {\n    background: ".concat(curTheme === 'light' ? '#000000' : '#ffffff', " !important;\n  }");
+  var style = document.createElement('style');
+  style.innerHTML = sheet;
+  document.head.appendChild(style);
+};
+export var renderPopupLoading = function renderPopupLoading(container, curTheme) {
+  createCustomSheet(curTheme);
+  var loading = document.createElement('div');
+  loading === null || loading === void 0 || loading.classList.add(POPUPLOADING_ID);
+  loading.id = POPUPLOADING_ID;
+  loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
+  loading.style.fontSize = "".concat(getDesignFontSize(), "px");
+  container.appendChild(loading);
+};
+export var removePopupLoading = function removePopupLoading() {
+  var _document$getElementB;
+  var isShowMockup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var mockup = document.getElementById(MOCKUP_ID);
+  if (mockup) {
+    mockup.style.background = 'rgb(0, 0, 0, 0.6)';
+    mockup.style.display = isShowMockup ? 'block' : 'none';
+  }
+  (_document$getElementB = document.getElementById(POPUPLOADING_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+};
 // 创建和插入样式表
 export var insertStyleSheet = function insertStyleSheet() {
   var style = document.createElement('style');
   style.innerHTML = modalStyles;
   document.head.appendChild(style);
 };
-
+var modalDevice = 'desktop';
 // 插入弹窗
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export var createModal = function createModal(_ref) {
   var device = _ref.device,
     url = _ref.url,
     widthPadding = _ref.widthPadding,
-    heightPadding = _ref.heightPadding;
+    loadingConfig = _ref.loadingConfig;
   return new Promise(function (resolve, reject) {
     try {
+      modalDevice = device;
       var overlay = document.createElement('div');
       overlay.classList.add("".concat(AMSPOPUP_PREFIX, "overlay"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
       var modal = document.createElement('div');
-      modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
       if (device === 'desktop') {
+        modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
         modal.style.width = '656px';
         modal.style.height = '620px';
         modal.style.borderRadius = '12px';
       } else {
-        modal.style.width = "calc(100% - ".concat(2 * widthPadding, "px)");
-        modal.style.height = "calc(100% - ".concat(2 * heightPadding, "px)");
-        modal.style.borderRadius = '8px';
+        modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal-mobile"), "".concat(AMSPOPUP_PREFIX, "-drawer-enter"));
+        modal.style.width = '100%';
+        modal.style.height = '80vh';
+        modal.style.borderRadius = '12px 12px 0 0';
       }
       var iframe = document.createElement('iframe');
       iframe.src = url; // 替换为实际的 URL 地址
       iframe.style.border = 'none';
       iframe.style.width = '100%';
       iframe.style.height = '100%';
+      if (loadingConfig && Object.keys(loadingConfig).length) {
+        var _loadingConfig$theme = loadingConfig.theme,
+          theme = _loadingConfig$theme === void 0 ? 'default' : _loadingConfig$theme,
+          _loadingConfig$backgr = loadingConfig.backgroundPrimary,
+          backgroundPrimary = _loadingConfig$backgr === void 0 ? '#ffffff' : _loadingConfig$backgr;
+        var mode = getCurrentTheme(theme);
+        renderPopupLoading(modal, mode);
+        modal.style.backgroundColor = backgroundPrimary;
+        iframe.style.backgroundColor = backgroundPrimary;
+      }
       modal.appendChild(iframe);
       var body = document.getElementsByTagName('body')[0];
       body.appendChild(overlay);
@@ -53,11 +104,16 @@ export var createModal = function createModal(_ref) {
 // 销毁弹窗
 export var destroyModal = function destroyModal() {
   var overlay = document.querySelector(".".concat(AMSPOPUP_PREFIX, "overlay"));
-  var modal = document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal"));
+  var modal = modalDevice === 'desktop' ? document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal")) : document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal-mobile"));
   overlay.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
   overlay.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
-  modal.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
-  modal.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
+  if (modalDevice === 'desktop') {
+    modal.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
+    modal.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
+  } else {
+    modal.classList.remove("".concat(AMSPOPUP_PREFIX, "-drawer-enter"));
+    modal.classList.add("".concat(AMSPOPUP_PREFIX, "-drawer-exit"));
+  }
   setTimeout(function () {
     overlay.parentNode.removeChild(overlay);
     modal.parentNode.removeChild(modal);

package/esm/types/index.d.ts

@@ -50,18 +50,22 @@ export declare enum componentSignEnum {
     'CASHIER_PAYMENT_BANK' = "CASHIER_PAYMENT_BANK",
     'CASHIER_PAYMENT_APM' = "CASHIER_PAYMENT_APM",
     'AUTO_DEBIT_WALLET' = "AUTO_DEBIT_WALLET",
+    'AUTO_DEBIT_PAY_WALLET' = "AUTO_DEBIT_PAY_WALLET",
     'NONE' = "NONE",
     'VAULTING_CARD' = "VAULTING_CARD",
-    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL"
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL",
+    'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT"
 }
 export declare enum productSceneEnum {
     'EASY_PAY' = "EASY_PAY",
     'CASHIER_PAYMENT' = "CASHIER_PAYMENT",
     'AUTO_DEBIT' = "AUTO_DEBIT",
+    'AUTO_DEBIT_PAY' = "AUTO_DEBIT_PAY",
     'VAULTING' = "VAULTING",
     'FLASH_BUY' = "FLASH_BUY",
     'CARD_APPLE_PAY' = "CARD_APPLE_PAY",
-    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT"
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT",
+    'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT"
 }
 export declare enum paymentMethodCategoryTypeEnum {
     'CARD' = "CARD",
@@ -142,6 +146,10 @@ export interface InitSecurityConfig {
     product: productSceneEnum;
     region?: string;
 }
+export interface frontModulesToBeLoadedInterface {
+    acquirerName: string;
+    scriptUrl: string;
+}
 export interface IpaymentSessionMetaData {
     clientId?: string;
     renderDisplayType?: string;
@@ -229,6 +237,7 @@ export interface IpaymentSessionMetaData {
              */
             agreementDescription?: string;
         };
+        frontModulesToBeLoaded?: frontModulesToBeLoadedInterface[];
     };
 }
 export interface IPaymentSessionFactor {

package/esm/types/index.js

@@ -26,19 +26,23 @@ export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
   componentSignEnum["CASHIER_PAYMENT_BANK"] = "CASHIER_PAYMENT_BANK";
   componentSignEnum["CASHIER_PAYMENT_APM"] = "CASHIER_PAYMENT_APM";
   componentSignEnum["AUTO_DEBIT_WALLET"] = "AUTO_DEBIT_WALLET";
+  componentSignEnum["AUTO_DEBIT_PAY_WALLET"] = "AUTO_DEBIT_PAY_WALLET";
   componentSignEnum["NONE"] = "NONE";
   componentSignEnum["VAULTING_CARD"] = "VAULTING_CARD";
   componentSignEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
+  componentSignEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   return componentSignEnum;
 }({});
 export var productSceneEnum = /*#__PURE__*/function (productSceneEnum) {
   productSceneEnum["EASY_PAY"] = "EASY_PAY";
   productSceneEnum["CASHIER_PAYMENT"] = "CASHIER_PAYMENT";
   productSceneEnum["AUTO_DEBIT"] = "AUTO_DEBIT";
+  productSceneEnum["AUTO_DEBIT_PAY"] = "AUTO_DEBIT_PAY";
   productSceneEnum["VAULTING"] = "VAULTING";
   productSceneEnum["FLASH_BUY"] = "FLASH_BUY";
   productSceneEnum["CARD_APPLE_PAY"] = "CARD_APPLE_PAY";
   productSceneEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT";
+  productSceneEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   return productSceneEnum;
 }({});
 export var paymentMethodCategoryTypeEnum = /*#__PURE__*/function (paymentMethodCategoryTypeEnum) {

package/esm/util/index.d.ts

@@ -39,4 +39,10 @@ declare const getOrSetStorageId: (key: string, value?: string) => string;
 declare const checkTimeElapsed: () => boolean;
 declare const isFunction: (func: any) => boolean;
 declare function parseBase64ToString(base64: string): string;
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, };
+declare function loadSDKScript({ src, attrOptions, timeOut, loadCallback }: {
+    src: any;
+    attrOptions?: {};
+    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 };