@alipay/ams-checkout 1.20.0 → 1.21.0

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.style.width = '600px';
-        modal.style.height = '464px';
+        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/plugin/payment-element/utils.d.ts

@@ -0,0 +1,2 @@
+import type { IpaymentSessionConfig } from '../../types';
+export declare const handlePaymentSessionConfig: (config: IpaymentSessionConfig) => Pick<IpaymentSessionConfig, 'productScene' | 'productSceneVersion'>;

package/esm/plugin/payment-element/utils.js

@@ -0,0 +1,6 @@
+export var handlePaymentSessionConfig = function handlePaymentSessionConfig(config) {
+  return {
+    productScene: config === null || config === void 0 ? void 0 : config.productScene,
+    productSceneVersion: config === null || config === void 0 ? void 0 : config.productSceneVersion
+  };
+};

package/esm/plugin/paypal/index.js

@@ -380,6 +380,7 @@ export var PaypalBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
           break;
         case PaypalActionEnum.destroyComponent:
           this.destroyComponent(context, message);
+          break;
         default:
           console.log('Unknown action: ' + message.getAction());
       }

package/esm/plugin/type.d.ts

@@ -8,6 +8,7 @@ export interface ComponentActionNamesType {
     mountComponent?: string;
     submit?: string;
     destroyComponent?: string;
+    getValue?: string;
 }
 export type IExtendPluginItem = {
     /**

package/esm/types/index.d.ts

@@ -5,6 +5,17 @@
  * 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.
  */
+export type onChange = () => onCnageResult;
+interface onCnageResult {
+    complete: boolean;
+    addressValue: AddressItem[];
+    selectIndex: number | string;
+}
+export type getValue = (hasValidate: boolean) => Promise<AddressValueResult>;
+interface AddressValueResult {
+    complete: boolean;
+    value: AddressItem;
+}
 /**
  * SDK options
  */
@@ -17,12 +28,14 @@ export interface IoptionsParams {
     onLog?: callOnLog;
     onEventCallback?: callOnEventCallback;
     onClose?: callOnClose;
+    onChange?: onChange;
     networkMode?: string;
     mode?: string;
     analytics?: {
         enabled: boolean;
     };
     product?: string;
+    onBeforeSubmit?: callOnBeforeSubmit;
 }
 export interface IApplePayOptionsParams extends Pick<IoptionsParams, 'locale' | 'environment' | 'onEventCallback' | 'analytics'> {
 }
@@ -40,6 +53,10 @@ export interface IcreatePaymentParams {
         backgroundColor?: string;
     };
 }
+export declare enum ComponentSignEnumV2 {
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL",
+    'ELEMENT_ADDRESS' = "ELEMENT_ADDRESS_ALL"
+}
 export declare enum componentSignEnum {
     'EASY_PAY_WALLET' = "EASY_PAY_WALLET",
     'EASY_PAY_APM' = "EASY_PAY_APM",
@@ -50,6 +67,8 @@ export declare enum componentSignEnum {
     'AUTO_DEBIT_PAY_WALLET' = "AUTO_DEBIT_PAY_WALLET",
     'NONE' = "NONE",
     'VAULTING_CARD' = "VAULTING_CARD",
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL",
+    'ELEMENT_ADDRESS' = "ELEMENT_ADDRESS_ALL",
     'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT"
 }
 export declare enum productSceneEnum {
@@ -60,13 +79,16 @@ export declare enum productSceneEnum {
     'VAULTING' = "VAULTING",
     'FLASH_BUY' = "FLASH_BUY",
     'CARD_APPLE_PAY' = "CARD_APPLE_PAY",
+    'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT",
+    'ELEMENT_ADDRESS' = "ELEMENT_ADDRESS",
     'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT"
 }
 export declare enum paymentMethodCategoryTypeEnum {
     'CARD' = "CARD",
     'WALLET' = "WALLET",
     'BANK' = "BANK",
-    'APM' = "APM"
+    'APM' = "APM",
+    'ALL' = "ALL"
 }
 export interface DeviceIdParameter {
     scene?: string;
@@ -79,7 +101,11 @@ export interface IcreateComponent {
     sessionData: string;
     paymentSessionData?: string;
     notRedirectAfterComplete?: boolean;
-    appearance?: Record<string, any>;
+    appearance?: {
+        [x: string]: any;
+        themeType?: string;
+        accentColor?: string;
+    };
     merchantAppointParam?: IMerchantAppointParam;
 }
 export interface IappendIframeNodesParams extends IcreateComponent {
@@ -87,7 +113,59 @@ export interface IappendIframeNodesParams extends IcreateComponent {
     renderDisplayType: renderDisplayTypeEnum;
     selector?: Iselector;
     paypalConfiguration?: IPaypalConfiguration;
-}
+    /** 将address-element参数定义合入原参数定义 */
+    configParams?: {
+        hideFields?: string[];
+        addressAutoSuggestDisabled?: addressAutoSuggestDisabledType;
+    };
+    prefillValue?: AddressItem[];
+    componentSession?: string;
+    loca?: string;
+}
+/** 表单地址数据 */
+export interface AddressItem {
+    shippingName: {
+        firstName: string;
+        lastName: string;
+    };
+    /** 手机号 */
+    shippingPhoneNo: string;
+    /** 地址 */
+    shippingAddress: {
+        /** 国家 */
+        region: string;
+        /** 地址1 */
+        address1: string;
+        /** 地址2 */
+        address2: string;
+        /** 省份 */
+        province?: string;
+        /** 城市 */
+        city?: string;
+        /** 地址级联 四层 【province,city,district,subDistrict】 */
+        district?: string[];
+        /** 邮政编码 */
+        zipCode: string;
+        /** 对应地址级联数据对象 */
+        districtValues?: {
+            /** 城市 */
+            city?: string;
+            /** 区/县 */
+            district?: string;
+            /** 省份 */
+            province?: string;
+            /** 子区域 */
+            subDistrict?: string;
+        };
+    };
+    /** 备注 */
+    notes?: string;
+    open?: boolean;
+    /** 是否默认地址 */
+    prefer?: '1' | '0';
+    shippingId?: string;
+}
+type addressAutoSuggestDisabledType = 0 | 1;
 export interface IPaypalConfiguration {
     style?: object;
     blockPayPalCreditButton?: boolean;
@@ -119,7 +197,7 @@ export interface Isubmit {
 }
 export interface IpaymentSessionConfig {
     productScene: productSceneEnum;
-    paymentMethodCategoryType: paymentMethodCategoryTypeEnum;
+    paymentMethodCategoryType?: paymentMethodCategoryTypeEnum;
     productSceneVersion: string;
 }
 export interface IpaymentSecurityConfig {
@@ -172,6 +250,7 @@ export interface IpaymentSessionMetaData {
         authUrl?: string;
     };
     paymentSessionFactor?: {
+        externalRiskTimeout?: number;
         extendInfo?: {
             merchantCapabilities?: string[];
             supportedNetworks?: string[];
@@ -344,6 +423,12 @@ export type callOnSizeChanged = (state: {
     width: number;
     height: number;
 }) => void;
+export type onBeforeSubmitResult = {
+    result: 'CANCEL' | 'CONTINUE' | 'ERROR' | 'IGNORE' | 'TIMEOUT';
+    processType: string;
+    submitRequestData: Record<string, any>;
+};
+export type callOnBeforeSubmit = (state?: Record<string, any>) => Promise<onBeforeSubmitResult> | onBeforeSubmitResult;
 /**
  * @description Create an event handler, In pop-up layer mode, the user clicks the semi floating layer close button and is called.
  */
@@ -564,3 +649,14 @@ export type IAppendParams = {
     componentSign: componentSignEnum;
     iframeNodesParams: IappendIframeNodesParams;
 };
+export interface IoptionsAddressParams {
+    environment?: string;
+    locale?: string;
+    onSizeChanged?: callOnSizeChanged;
+    onChange?: onChange;
+    analytics?: {
+        enabled: boolean;
+    };
+    product?: string;
+}
+export {};

package/esm/types/index.js

@@ -6,6 +6,7 @@
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+
 /**
  * SDK options
  */
@@ -15,6 +16,11 @@ export var renderDisplayTypeEnum = /*#__PURE__*/function (renderDisplayTypeEnum)
   renderDisplayTypeEnum["inline"] = "inline";
   return renderDisplayTypeEnum;
 }({});
+export var ComponentSignEnumV2 = /*#__PURE__*/function (ComponentSignEnumV2) {
+  ComponentSignEnumV2["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
+  ComponentSignEnumV2["ELEMENT_ADDRESS"] = "ELEMENT_ADDRESS_ALL";
+  return ComponentSignEnumV2;
+}({});
 export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
   componentSignEnum["EASY_PAY_WALLET"] = "EASY_PAY_WALLET";
   componentSignEnum["EASY_PAY_APM"] = "EASY_PAY_APM";
@@ -25,6 +31,8 @@ export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
   componentSignEnum["AUTO_DEBIT_PAY_WALLET"] = "AUTO_DEBIT_PAY_WALLET";
   componentSignEnum["NONE"] = "NONE";
   componentSignEnum["VAULTING_CARD"] = "VAULTING_CARD";
+  componentSignEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
+  componentSignEnum["ELEMENT_ADDRESS"] = "ELEMENT_ADDRESS_ALL";
   componentSignEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   return componentSignEnum;
 }({});
@@ -36,6 +44,8 @@ export var productSceneEnum = /*#__PURE__*/function (productSceneEnum) {
   productSceneEnum["VAULTING"] = "VAULTING";
   productSceneEnum["FLASH_BUY"] = "FLASH_BUY";
   productSceneEnum["CARD_APPLE_PAY"] = "CARD_APPLE_PAY";
+  productSceneEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT";
+  productSceneEnum["ELEMENT_ADDRESS"] = "ELEMENT_ADDRESS";
   productSceneEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   return productSceneEnum;
 }({});
@@ -44,8 +54,12 @@ export var paymentMethodCategoryTypeEnum = /*#__PURE__*/function (paymentMethodC
   paymentMethodCategoryTypeEnum["WALLET"] = "WALLET";
   paymentMethodCategoryTypeEnum["BANK"] = "BANK";
   paymentMethodCategoryTypeEnum["APM"] = "APM";
+  paymentMethodCategoryTypeEnum["ALL"] = "ALL";
   return paymentMethodCategoryTypeEnum;
 }({});
+
+/** 表单地址数据 */
+
 export var payPalConfigurationIntentEnum = /*#__PURE__*/function (payPalConfigurationIntentEnum) {
   payPalConfigurationIntentEnum["intent"] = "intent";
   payPalConfigurationIntentEnum["capture"] = "capture";

package/esm/util/index.d.ts

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

package/esm/util/index.js

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

package/esm/util/security.d.ts

@@ -18,6 +18,7 @@ export declare const sceneMap: {
     EASYPAY: string;
     EASY_PAY: string;
     FLASH_BUY: string;
+    ELEMENT_PAYMENT: string;
 };
 export declare const getSecurityHost: (region: string) => string;
 export declare const getSecurityScene: (product: string) => string;

package/esm/util/security.js

@@ -24,7 +24,7 @@ export var securityHost = {
   US: 'https://open-na-global.alipay.com/api/open/risk_client',
   DE: 'https://open-de-global.alipay.com/api/open/risk_client'
 };
-export var sceneMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, productSceneEnum.CASHIER_PAYMENT, 'Acquirer'), productSceneEnum.AUTO_DEBIT, 'Acquirer'), productSceneEnum.VAULTING, 'Acquirer'), productSceneEnum.CARD_APPLE_PAY, 'Acquirer'), "EASYPAY", 'EasyPay'), productSceneEnum.EASY_PAY, 'EasyPay'), productSceneEnum.FLASH_BUY, 'OneAccount');
+export var sceneMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, productSceneEnum.CASHIER_PAYMENT, 'Acquirer'), productSceneEnum.AUTO_DEBIT, 'Acquirer'), productSceneEnum.VAULTING, 'Acquirer'), productSceneEnum.CARD_APPLE_PAY, 'Acquirer'), "EASYPAY", 'EasyPay'), productSceneEnum.EASY_PAY, 'EasyPay'), productSceneEnum.FLASH_BUY, 'OneAccount'), productSceneEnum.ELEMENT_PAYMENT, 'Acquirer');
 export var getSecurityHost = function getSecurityHost(region) {
   return securityHost[region] || securityHost[SecurityRegionEnum.SG];
 };

package/package.json

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