@alipay/ams-checkout 0.0.1720509876-dev.4 → 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) {

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/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

@@ -32,7 +32,7 @@ import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup,
 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
       });
@@ -432,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) {

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

@@ -2,7 +2,7 @@ import { AMSPOPUP_PREFIX, ANIMATION_TIME, MOCKUP_ID, POPUPLOADING_ID } from "../
 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\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 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 = {
@@ -47,8 +47,9 @@ export var insertStyleSheet = function insertStyleSheet() {
   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,
@@ -56,18 +57,20 @@ export var createModal = function createModal(_ref) {
     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 = "80vh";
-        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 地址
@@ -101,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 };

package/esm/util/index.js

@@ -261,4 +261,70 @@ function parseBase64ToString(base64) {
     return null;
   }
 }
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString };
+function loadSDKScript(_ref, logger) {
+  var _this2 = this;
+  var src = _ref.src,
+    _ref$attrOptions = _ref.attrOptions,
+    attrOptions = _ref$attrOptions === void 0 ? {} : _ref$attrOptions,
+    _ref$timeOut = _ref.timeOut,
+    timeOut = _ref$timeOut === void 0 ? 3 : _ref$timeOut,
+    _ref$loadCallback = _ref.loadCallback,
+    loadCallback = _ref$loadCallback === void 0 ? null : _ref$loadCallback;
+  return new Promise(function (resolve, reject) {
+    // 创建 script 标签
+    logger.logInfo({
+      title: 'load_item_sdk_start'
+    }, {
+      src: src,
+      attrOptions: JSON.stringify(attrOptions)
+    });
+    console.time();
+    var script = document.createElement('script');
+    var timer = null;
+    script.type = 'text/javascript';
+
+    // 监听加载完成事件
+    script.onload = function () {
+      // 当脚本加载完毕时，执行回调函数
+      logger.logInfo({
+        title: 'load_item_sdk_end'
+      }, {
+        src: src,
+        attrOptions: JSON.stringify(attrOptions)
+      });
+      console.timeEnd();
+      clearTimeout(timer);
+      if (loadCallback) loadCallback();
+      resolve(true);
+    };
+
+    // 监听加载失败事件
+    script.onerror = function () {
+      logger.logError({
+        title: 'load_item_sdk_error'
+      }, {
+        src: src,
+        attrOptions: JSON.stringify(attrOptions)
+      });
+      clearTimeout(timer);
+      console.error('The script ' + src + ' is not accessible.');
+      reject(false);
+    };
+    timer = setTimeout(function () {
+      _this2.logger.logError({
+        title: 'load_item_sdk_timeout'
+      }, {
+        src: src,
+        attrOptions: JSON.stringify(attrOptions)
+      });
+      reject(false);
+    }, timeOut * 1000);
+    script.src = src;
+    attrOptions && Object.keys(attrOptions).forEach(function (key) {
+      script.setAttribute(key, attrOptions[key]);
+    });
+    // 将 script 标签添加到页面中
+    document.head.appendChild(script);
+  });
+}
+export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, isFunction, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, loadSDKScript };

package/esm/util/upgrade.d.ts

@@ -27,13 +27,13 @@ export declare function isGreyscaleMatch(item: UpgradeItem, randomGreyscale: num
 export declare const getMatchAppVersion: (_extendInfo: string, sdkInfo: UpgradeSdkInfo) => string;
 /**
  * 获取保存的加载版本
- * @param productScene
+ * @param versionKey
  * @returns
  */
-export declare const getLastAppVersion: (productScene: string) => string;
+export declare const getLastAppVersion: (versionKey: string) => string;
 /**
  * 保存指定场景的加载版本供下次使用
- * @param productScene
+ * @param versionKey
  * @returns
  */
-export declare const setLastAppVersion: (productScene: string, appVersion: string) => boolean;
+export declare const setLastAppVersion: (versionKey: string, appVersion: string) => boolean;

package/esm/util/upgrade.js

@@ -89,12 +89,12 @@ export var getMatchAppVersion = function getMatchAppVersion(_extendInfo, sdkInfo
 
 /**
  * 获取保存的加载版本
- * @param productScene
+ * @param versionKey
  * @returns
  */
-export var getLastAppVersion = function getLastAppVersion(productScene) {
+export var getLastAppVersion = function getLastAppVersion(versionKey) {
   try {
-    var key = "Antom_".concat(productScene, "_LastAppVersion");
+    var key = "Antom_".concat(versionKey, "_LastAppVersion");
     return getStorageString(key, '');
   } catch (error) {
     return '';
@@ -102,12 +102,12 @@ export var getLastAppVersion = function getLastAppVersion(productScene) {
 };
 /**
  * 保存指定场景的加载版本供下次使用
- * @param productScene
+ * @param versionKey
  * @returns
  */
-export var setLastAppVersion = function setLastAppVersion(productScene, appVersion) {
+export var setLastAppVersion = function setLastAppVersion(versionKey, appVersion) {
   try {
-    var key = "Antom_".concat(productScene, "_LastAppVersion");
+    var key = "Antom_".concat(versionKey, "_LastAppVersion");
     return setStorageString(key, appVersion);
   } catch (error) {
     return false;

package/package.json

@@ -1,56 +1 @@
-{
-  "name": "@alipay/ams-checkout",
-  "version": "0.0.1720509876-dev.4",
-  "description": "",
-  "author": "",
-  "main": "esm/index.js",
-  "module": "esm/index.js",
-  "typings": "esm/index.d.ts",
-  "files": [
-    "dist",
-    "esm",
-    "LEGAL.md",
-    "LICENSE",
-    "README.md"
-  ],
-  "scripts": {
-    "build": "father build",
-    "ci": "npm run lint",
-    "cov": "jest --coverage",
-    "format": "prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"",
-    "lint": "eslint ./src",
-    "test": "jest"
-  },
-  "dependencies": {
-    "axios": "^1.3.4",
-    "uuid": "^9.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.7",
-    "@babel/preset-env": "^7.20.2",
-    "@testing-library/jest-dom": "^5.1.1",
-    "@testing-library/react": "^9.5.0",
-    "@types/jest": "^29.2.4",
-    "@types/uuid": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "latest",
-    "@typescript-eslint/parser": "^5.60.0",
-    "babel-jest": "^29.3.1",
-    "babel-loader": "^9.1.0",
-    "babel-plugin-import": "^1.13.0",
-    "eslint": "^8.36.0",
-    "eslint-plugin-prettier": "latest",
-    "father": "^4.2.3",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.3.1",
-    "prettier": "^2.8.4",
-    "prettier-plugin-organize-imports": "^3.2.3",
-    "prettier-plugin-packagejson": "^2.4.5",
-    "ts-jest": "^29.0.3",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.9.5"
-  },
-  "engines": {},
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{"name":"@alipay/ams-checkout","version":"0.0.1720509876-dev.6","description":"","author":"","main":"esm/index.js","module":"esm/index.js","typings":"esm/index.d.ts","files":["dist","esm","LEGAL.md","LICENSE","README.md"],"scripts":{"build":"father build","ci":"npm run lint","cov":"jest --coverage","format":"prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"","lint":"eslint ./src","test":"jest"},"dependencies":{"axios":"^1.3.4","uuid":"^9.0.0"},"devDependencies":{"@babel/core":"^7.20.7","@babel/preset-env":"^7.20.2","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^29.2.4","@types/uuid":"^9.0.0","@typescript-eslint/eslint-plugin":"latest","@typescript-eslint/parser":"^5.60.0","babel-jest":"^29.3.1","babel-loader":"^9.1.0","babel-plugin-import":"^1.13.0","eslint":"^8.36.0","eslint-plugin-prettier":"latest","father":"^4.2.3","jest":"^29.5.0","jest-environment-jsdom":"^29.3.1","prettier":"^2.8.4","prettier-plugin-organize-imports":"^3.2.3","prettier-plugin-packagejson":"^2.4.5","ts-jest":"^29.0.3","ts-node":"^10.9.1","typescript":"^4.9.5"},"engines":{},"publishConfig":{"access":"public"}}