@alipay/ams-checkout 1.23.0 → 1.24.0

package/esm/foundation/utils/web_app_url_utils.js

@@ -0,0 +1,97 @@
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { ComponentSignEnum } from "../../types";
+import { marmotMap } from "../../config";
+import { queryParse, serialize } from "../../util";
+import { isDebugLog } from "../../util/debug";
+
+/**
+ * Tell the SDK which version of the Web App to load.
+ * Sent by server inside paymentSession.
+ */
+
+export var getWebAppUrl = function getWebAppUrl(params) {
+  var environment = params.environment,
+    sdkMetaData = params.sdkMetaData,
+    productSceneVersion = params.productSceneVersion,
+    paymentMethodCategoryType = params.paymentMethodCategoryType,
+    query = params.query;
+  var path = getAppPath(environment, sdkMetaData, productSceneVersion, paymentMethodCategoryType);
+  var _queryParse = queryParse(),
+    _sandbox = _queryParse._sandbox,
+    _light_sandbox = _queryParse._light_sandbox,
+    _queryParse$requestHo = _queryParse.requestHost,
+    requestHost = _queryParse$requestHo === void 0 ? '' : _queryParse$requestHo,
+    _queryParse$groupId = _queryParse.groupId,
+    groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
+    LOCAL_MOCK = _queryParse.LOCAL_MOCK,
+    _displayType = _queryParse._displayType;
+  var urlParams = {};
+  for (var key in query) {
+    urlParams[key] = '' + query[key];
+  }
+  urlParams.appMatched = sdkMetaData.webAppVersion ? 'true' : 'false';
+  urlParams.sdkVersion = sdkMetaData.sdkVersion;
+  urlParams.refUrl = window.location.href;
+  urlParams._componentStartTime = "".concat(Date.now());
+  if (LOCAL_MOCK) urlParams.LOCAL_MOCK = LOCAL_MOCK;
+  if (requestHost) urlParams.requestHost = requestHost;
+  if (groupId) urlParams.groupId = groupId;
+  if (environment === 'light_sandbox' || _light_sandbox === 'true') urlParams.sandbox = 'true';
+  if (environment === 'sandbox' || _sandbox === 'true') urlParams.shadow = 'true';
+  if (_displayType) urlParams.displayType = _displayType;
+  var locationSearch = serialize(urlParams);
+  if (isDebugLog()) {
+    console.log('appUpgrade#getIframeUrl#appMatched', urlParams.appMatched);
+    console.log('appUpgrade#getIframeUrl#url', path, locationSearch);
+  }
+  return {
+    path: path,
+    locationSearch: locationSearch
+  };
+};
+var getAppPath = function getAppPath() {
+  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
+  var sdkMetaData = arguments.length > 1 ? arguments[1] : undefined;
+  var productSceneVersion = arguments.length > 2 ? arguments[2] : undefined;
+  var paymentMethodCategoryType = arguments.length > 3 ? arguments[3] : undefined;
+  var _ref = queryParse() || {},
+    urlTestHost = _ref.host;
+  // only for test while testurl?host=https://xxxxx.test.html
+  if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) {
+    return urlTestHost;
+  }
+  var validProductSceneVersion = getValidProductSceneVersion(sdkMetaData.productScene, productSceneVersion, paymentMethodCategoryType);
+  var productSceneWithPaymentMethodCategoryType = "".concat(sdkMetaData.productScene, "_").concat(paymentMethodCategoryType);
+  var webAppVersion = sdkMetaData.webAppVersion;
+  return "".concat(marmotMap[environment], "/").concat(productSceneWithPaymentMethodCategoryType, "/").concat(validProductSceneVersion, "/index.").concat(webAppVersion, ".html");
+};
+export var parseWebAppMatchConfig = function parseWebAppMatchConfig(extendInfo) {
+  if (!extendInfo) {
+    return [];
+  }
+  try {
+    var _extendInfoJson$sdkUp;
+    var extendInfoJson = JSON.parse(extendInfo);
+    return extendInfoJson === null || extendInfoJson === void 0 || (_extendInfoJson$sdkUp = extendInfoJson.sdkUpgradeInfo) === null || _extendInfoJson$sdkUp === void 0 ? void 0 : _extendInfoJson$sdkUp.versions;
+  } catch (error) {
+    console.error('Parse the config for Web app failed#', error);
+    return [];
+  }
+};
+var getValidProductSceneVersion = function getValidProductSceneVersion(productScene, productSceneVer, paymentMethodCategoryType) {
+  var _supportMapping;
+  var supportMapping = (_supportMapping = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_supportMapping, 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(_supportMapping, ComponentSignEnum.ELEMENT_ADDRESS, ['1.0']));
+  var targetVersions = supportMapping[productScene + '_' + paymentMethodCategoryType];
+  if (!targetVersions) {
+    return '';
+  }
+  // 从左到右，从旧到新
+  var isSupport = targetVersions.find(function (it) {
+    return it === productSceneVer;
+  });
+  var latestVersion = targetVersions[targetVersions.length - 1];
+  return isSupport ? productSceneVer : latestVersion;
+};

package/esm/index.d.ts

@@ -1,30 +1,36 @@
-import { AMSComponent } from './core/component/index';
 import { AddressComponent } from './core/component/address';
-import { IoptionsParams, componentSignEnum, IoptionsAddressParams } from './types';
+import { ElementComponent } from './core/component/element';
+import { AMSComponent } from './core/component/index';
+import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IOptionsParams } from './types';
 export { AMSCheckoutPage } from './core/component/ckp';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
-    constructor(_options: IoptionsParams, channelType?: componentSignEnum[], productSceneVersion?: string);
+    constructor(_options: IOptionsParams, channelType?: ComponentSignEnum[], productSceneVersion?: string);
 }
 export declare class AMSAutoDebit extends AMSCheckout {
-    constructor(options: IoptionsParams);
+    constructor(options: IOptionsParams);
 }
 export declare class AMSAutoDebitPay extends AMSCheckout {
-    constructor(options: IoptionsParams);
+    constructor(options: IOptionsParams);
 }
-export declare class AMSEasyPay extends AMSCheckout {
-    constructor(options: IoptionsParams);
+export declare class AMSEasyPay {
+    private core;
+    constructor(options: IOptionsParams);
+    createComponent(params: IcreateComponent): void;
 }
 export declare class AMSCashierPayment extends AMSCheckout {
-    constructor(options: IoptionsParams);
+    constructor(options: IOptionsParams);
 }
 export declare class AMSVaulting extends AMSCheckout {
-    constructor(options: IoptionsParams);
+    constructor(options: IOptionsParams);
 }
 export declare class AntomElement extends AMSCheckout {
-    constructor(options: IoptionsParams);
+    constructor(options: IOptionsParams);
 }
 export declare class AddressElement extends AddressComponent {
     constructor(options: IoptionsAddressParams);
 }
+export declare class Element extends ElementComponent {
+    constructor(options: IElementOptions);
+}
 export default AMSCheckout;

package/esm/index.js

@@ -21,11 +21,15 @@ 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, ADDRESSElementAppVersion } from "./config/index";
-import { AMSComponent } from "./core/component/index";
+import { ADDRESSElementAppVersion, AMSAutoDebitAppVersion, AMSCashierPaymentAppVersion, AMSCheckoutAppVersion, AMSEasyPayAppVersion, AMSPaymentElementAppVersion, AMSVaultingAppVersion } from "./config/index";
 import { AddressComponent } from "./core/component/address";
-import { componentSignEnum, productSceneEnum } from "./types";
-import { Logger, LogConfig } from "./util/logger";
+import { ElementComponent } from "./core/component/element";
+import { AMSComponent } from "./core/component/index";
+import { AntomSDKCore } from "./foundation/core";
+import { EasySafePayProcessor } from "./foundation/product-processor/easysafepay";
+import { ComponentSignEnum, DisplayTypeEnum } from "./types";
+import { ProductSceneEnum } from "./types/index";
+import { LogConfig, Logger } from "./util/logger";
 var logger = new Logger(LogConfig, true);
 export { AMSCheckoutPage } from "./core/component/ckp";
 export * from "./types";
@@ -50,10 +54,10 @@ 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 _super2.call(this, _options, [ComponentSignEnum.AUTO_DEBIT_WALLET]);
   }
   return _createClass(AMSAutoDebit);
 }(AMSCheckout);
@@ -63,64 +67,58 @@ export var AMSAutoDebitPay = /*#__PURE__*/function (_AMSCheckout2) {
   function AMSAutoDebitPay(options) {
     _classCallCheck(this, AMSAutoDebitPay);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.AUTO_DEBIT_PAY
+      product: ProductSceneEnum.AUTO_DEBIT_PAY,
+      appVersion: AMSEasyPayAppVersion
     });
-    return _super3.call(this, _options, [componentSignEnum.AUTO_DEBIT_PAY_WALLET]);
+    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);
+export var AMSEasyPay = /*#__PURE__*/function () {
   function AMSEasyPay(options) {
     _classCallCheck(this, AMSEasyPay);
-    var _options = Object.assign({}, options, {
-      product: productSceneEnum.EASY_PAY,
-      appVersion: AMSEasyPayAppVersion
-    });
-    var currentProductSceneVersion = '1.0';
-    try {
-      var previousChannelStr = localStorage.getItem('antom_checkout_previousChannel');
-      var previousChannel = JSON.parse(previousChannelStr) || {};
-      var _ref = previousChannel || {},
-        _ref$channelType = _ref.channelType,
-        channelType = _ref$channelType === void 0 ? '' : _ref$channelType,
-        _ref$productSceneVers = _ref.productSceneVersion,
-        productSceneVersion = _ref$productSceneVers === void 0 ? '1.0' : _ref$productSceneVers;
-      if (channelType === componentSignEnum.EASY_PAY_WALLET) {
-        currentProductSceneVersion = productSceneVersion;
-      }
-    } catch (error) {
-      logger.logError({
-        title: 'performance_optimization_get_previousChannel_error'
-      }, {
-        error: error
+    _defineProperty(this, "core", void 0);
+    this.core = new AntomSDKCore();
+    this.core.registerProcessor(ProductSceneEnum.EASY_PAY, '', new EasySafePayProcessor());
+    this.core.init(options, ProductSceneEnum.EASY_PAY);
+  }
+  _createClass(AMSEasyPay, [{
+    key: "createComponent",
+    value: function createComponent(params) {
+      this.core.startBizFlow({
+        submitPayRequestExtra: {
+          notRedirectAfterComplete: params.notRedirectAfterComplete,
+          merchantAppointParam: params.merchantAppointParam
+        },
+        paymentSession: params.sessionData || params.paymentSessionData,
+        displayInfo: {
+          type: DisplayTypeEnum.popup
+        }
       });
     }
-    return _super4.call(this, _options, [componentSignEnum.EASY_PAY_WALLET], currentProductSceneVersion);
-  }
-  return _createClass(AMSEasyPay);
-}(AMSCheckout);
-export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout4) {
-  _inherits(AMSCashierPayment, _AMSCheckout4);
-  var _super5 = _createSuper(AMSCashierPayment);
+  }]);
+  return AMSEasyPay;
+}();
+export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout3) {
+  _inherits(AMSCashierPayment, _AMSCheckout3);
+  var _super4 = _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 {
       var previousChannelStr = localStorage.getItem('antom_checkout_previousChannel');
       var previousChannel = JSON.parse(previousChannelStr) || {};
-      var _ref2 = previousChannel || {},
-        _ref2$channelType = _ref2.channelType,
-        channelType = _ref2$channelType === void 0 ? '' : _ref2$channelType;
-      if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.CASHIER_PAYMENT_APM, componentSignEnum.CASHIER_PAYMENT_BANK].includes(channelType)) {
+      var _ref = previousChannel || {},
+        _ref$channelType = _ref.channelType,
+        channelType = _ref$channelType === void 0 ? '' : _ref$channelType;
+      if ([ComponentSignEnum.CASHIER_PAYMENT_CARD, ComponentSignEnum.CASHIER_PAYMENT_APM, ComponentSignEnum.CASHIER_PAYMENT_BANK].includes(channelType)) {
         currentChannelType = [channelType];
       } else {
-        currentChannelType = [componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.CASHIER_PAYMENT_APM];
+        currentChannelType = [ComponentSignEnum.CASHIER_PAYMENT_CARD, ComponentSignEnum.CASHIER_PAYMENT_APM];
       }
     } catch (error) {
       logger.logError({
@@ -129,47 +127,60 @@ export var AMSCashierPayment = /*#__PURE__*/function (_AMSCheckout4) {
         error: error
       });
     }
-    return _super5.call(this, _options, currentChannelType);
+    return _super4.call(this, _options, currentChannelType);
   }
   return _createClass(AMSCashierPayment);
 }(AMSCheckout);
-export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout5) {
-  _inherits(AMSVaulting, _AMSCheckout5);
-  var _super6 = _createSuper(AMSVaulting);
+export var AMSVaulting = /*#__PURE__*/function (_AMSCheckout4) {
+  _inherits(AMSVaulting, _AMSCheckout4);
+  var _super5 = _createSuper(AMSVaulting);
   function AMSVaulting(options) {
     _classCallCheck(this, AMSVaulting);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.VAULTING,
+      product: ProductSceneEnum.VAULTING,
       appVersion: AMSVaultingAppVersion
     });
-    return _super6.call(this, _options, [componentSignEnum.CASHIER_PAYMENT_CARD]);
+    return _super5.call(this, _options, [ComponentSignEnum.CASHIER_PAYMENT_CARD]);
   }
   return _createClass(AMSVaulting);
 }(AMSCheckout);
-export var AntomElement = /*#__PURE__*/function (_AMSCheckout6) {
-  _inherits(AntomElement, _AMSCheckout6);
-  var _super7 = _createSuper(AntomElement);
+export var AntomElement = /*#__PURE__*/function (_AMSCheckout5) {
+  _inherits(AntomElement, _AMSCheckout5);
+  var _super6 = _createSuper(AntomElement);
   function AntomElement(options) {
     _classCallCheck(this, AntomElement);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.ELEMENT_PAYMENT,
+      product: ProductSceneEnum.ELEMENT_PAYMENT,
       appVersion: AMSPaymentElementAppVersion
     });
-    return _super7.call(this, _options, [componentSignEnum.ELEMENT_PAYMENT]);
+    return _super6.call(this, _options, [ComponentSignEnum.ELEMENT_PAYMENT]);
   }
   return _createClass(AntomElement);
 }(AMSCheckout);
 export var AddressElement = /*#__PURE__*/function (_AddressComponent) {
   _inherits(AddressElement, _AddressComponent);
-  var _super8 = _createSuper(AddressElement);
+  var _super7 = _createSuper(AddressElement);
   function AddressElement(options) {
     _classCallCheck(this, AddressElement);
     var _options = Object.assign({}, options, {
-      product: productSceneEnum.ELEMENT_ADDRESS,
+      product: ProductSceneEnum.ELEMENT_ADDRESS,
       appVersion: ADDRESSElementAppVersion
     });
-    return _super8.call(this, _options);
+    return _super7.call(this, _options);
   }
   return _createClass(AddressElement);
 }(AddressComponent);
+export var Element = /*#__PURE__*/function (_ElementComponent) {
+  _inherits(Element, _ElementComponent);
+  var _super8 = _createSuper(Element);
+  function Element(options) {
+    _classCallCheck(this, Element);
+    var _options = Object.assign({}, options, {
+      product: ProductSceneEnum.ELEMENT_PAYMENT,
+      environment: options.environment
+    });
+    return _super8.call(this, _options);
+  }
+  return _createClass(Element);
+}(ElementComponent);
 export default AMSCheckout;

package/esm/plugin/applepay/component.js

@@ -15,7 +15,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 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 { environmentEnum, eventCodeEnum, productSceneEnum } from "../../types";
+import { EnvironmentEnum, eventCodeEnum, ProductSceneEnum } from "../../types";
 import ApplePayService from "./service";
 import { getApplePayPaymentSession, submitPayInfo } from "../../service";
 import { BusManager, BusMessage } from "../../core/bus";
@@ -46,9 +46,9 @@ var ApplePayComponent = /*#__PURE__*/function () {
     _defineProperty(this, "isRecurring", false);
     this.logger = logger;
     this._options = Object.assign({
-      environment: environmentEnum.prod
+      environment: EnvironmentEnum.prod
     }, options, {
-      product: productSceneEnum.CARD_APPLE_PAY
+      product: ProductSceneEnum.CARD_APPLE_PAY
     });
     this._applePayService = new ApplePayService(logger);
   }

package/esm/plugin/applepay/service.d.ts

@@ -6,7 +6,7 @@
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 import { IGetMerchantSession, ICompletePaymentAuthorized, ICompleteApplePay, ILogError } from './interface';
-import { ApplePaySubTypeEnum, IpaymentSessionMetaData } from '../../types';
+import { ApplePaySubTypeEnum, IPaymentSessionMetaData } from '../../types';
 import type { Logger } from '../../util/logger';
 /**
  * Apple Pay Service
@@ -49,6 +49,6 @@ declare class ApplePayService {
     /**
      * Start Pay
      */
-    startPay: (param: IpaymentSessionMetaData) => void;
+    startPay: (param: IPaymentSessionMetaData) => void;
 }
 export default ApplePayService;

package/esm/plugin/applepay/service.js

@@ -229,8 +229,8 @@ var ApplePayService = /*#__PURE__*/function () {
 
     /**
      * Is Apple Pay Enabled
-     * @param subTypeEnum 
-     * @returns 
+     * @param subTypeEnum
+     * @returns
      */
   }, {
     key: "hasActiveCard",

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

@@ -1,16 +1,17 @@
-import { componentSignEnum, Ianalytics, renderDisplayTypeEnum } from '../../types';
-export declare const getAppPath: (environment: string, appVersion: string, componentSign: componentSignEnum, productScene: string, productSceneVersion: string, extendInfo: string, mid: string, sendLog?: boolean) => any;
+import { ComponentSignEnum, Ianalytics, DisplayTypeEnum } from '../../types';
+export declare const getAppPath: (environment: string, appVersion: string, componentSign: ComponentSignEnum, productScene: string, productSceneVersion: string, extendInfo: string, mid: string, sendLog?: boolean, localLink?: string) => any;
 export declare const getAppDomain: (domainParams: {
     environment: string;
     appVersion: string;
-    componentSign: componentSignEnum;
+    componentSign: ComponentSignEnum;
     productScene: string;
     productSceneVersion: string;
     extendInfo: string;
     mid: string;
+    localLink: string;
 }) => string;
 export declare const getIframeUrl: (iframeParams: {
-    componentSign: componentSignEnum;
+    componentSign: ComponentSignEnum;
     analytics?: Ianalytics;
     productScene: string;
     productSceneVersion: string;
@@ -19,9 +20,10 @@ export declare const getIframeUrl: (iframeParams: {
     extendInfo?: string;
     locale?: string;
     instanceId: string;
-    renderDisplayType: renderDisplayTypeEnum;
+    renderDisplayType: DisplayTypeEnum;
     isPreload?: string;
     hostSign?: string;
+    localLink?: string;
     mid?: string;
 }) => {
     path: string;

package/esm/plugin/component/cashierApp.js

@@ -16,7 +16,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 import { elementAppMarmotMap, marmotMap, sdkVersion } from "../../config/index";
-import { componentSignEnum, ComponentSignEnumV2 } from "../../types";
+import { ComponentSignEnum, ComponentSignEnumV2 } from "../../types";
 import { isDebugLog } from "../../util/debug";
 import { queryParse, serialize } from "../../util/index";
 import { Logger } from "../../util/logger";
@@ -59,8 +59,9 @@ var getAppVersion = function getAppVersion(_extendInfo, productScene, mid) {
 };
 var getFinalProductSceneVersion = function getFinalProductSceneVersion(componentSign, productSceneVersion) {
   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(_defineProperty(_signSupportMap, componentSignEnum.ELEMENT_ADDRESS, ['1.0']), componentSignEnum.CHECKOUT_PAYMENT, ['1.0.0']));
-  var supportProductSceneVersion = signSupportMap[componentSign];
+  // 支持的WebApp产品版本
+  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.ELEMENT_ADDRESS, ['1.0']));
+  var supportProductSceneVersion = signSupportMap[componentSign] || [];
   // 从左到右，从旧到新
   var isSupport = supportProductSceneVersion.find(function (it) {
     return it === productSceneVersion;
@@ -77,6 +78,7 @@ export var getAppPath = function getAppPath() {
   var extendInfo = arguments.length > 5 ? arguments[5] : undefined;
   var mid = arguments.length > 6 ? arguments[6] : undefined;
   var sendLog = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+  var localLink = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
   var _ref = queryParse() || {},
     urlTestHost = _ref.host;
   var upgradeAppVersion = getAppVersion(extendInfo, productScene, mid, sendLog);
@@ -94,11 +96,14 @@ export var getAppPath = function getAppPath() {
   }
   var finalProductSceneVersion = getFinalProductSceneVersion(componentSign, productSceneVersion);
   // only for test while testurl?host=https://xxxxx.test.html
+  if (localLink) {
+    return localLink;
+  }
   if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) {
     return urlTestHost;
   }
   // 地址应用特殊处理
-  if (componentSign === componentSignEnum.ELEMENT_ADDRESS) {
+  if (componentSign === ComponentSignEnum.ELEMENT_ADDRESS) {
     return "".concat(elementAppMarmotMap[environment], "/element-address/").concat(finalAppVersion, "/pages/address/index.html");
   }
   // element应用特殊处理
@@ -127,9 +132,10 @@ export var getAppDomain = function getAppDomain(domainParams) {
     productScene = domainParams.productScene,
     productSceneVersion = domainParams.productSceneVersion,
     extendInfo = domainParams.extendInfo,
-    mid = domainParams.mid;
+    mid = domainParams.mid,
+    localLink = domainParams.localLink;
   var reg = /^https?:\/\/([^/<>\s]+\.?)*/;
-  var macth = reg.exec(getAppPath(environment, appVersion, componentSign, productScene, productSceneVersion, extendInfo, mid));
+  var macth = reg.exec(getAppPath(environment, appVersion, componentSign, productScene, productSceneVersion, extendInfo, mid, false, localLink));
   return macth && macth[0] || '';
 };
 export var getIframeUrl = function getIframeUrl(iframeParams) {
@@ -151,8 +157,10 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     _iframeParams$hostSig = iframeParams.hostSign,
     hostSign = _iframeParams$hostSig === void 0 ? '' : _iframeParams$hostSig,
     _iframeParams$mid = iframeParams.mid,
-    mid = _iframeParams$mid === void 0 ? '' : _iframeParams$mid;
-  var path = getAppPath(environment, appVersion, componentSign, productScene, productSceneVersion, extendInfo || '', mid, true);
+    mid = _iframeParams$mid === void 0 ? '' : _iframeParams$mid,
+    _iframeParams$localLi = iframeParams.localLink,
+    localLink = _iframeParams$localLi === void 0 ? '' : _iframeParams$localLi;
+  var path = getAppPath(environment, appVersion, componentSign, productScene, productSceneVersion, extendInfo || '', mid, true, localLink);
   var appMatched = getMatchAppVersion(extendInfo, {
     sdkVersion: sdkVersion,
     productScene: productScene,

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

@@ -1,5 +1,5 @@
-import type { eventPayload, IpaymentSessionMetaData } from 'src/types';
-type IChannelBehavior = {
+import type { EventPayload, IPaymentSessionMetaData } from '../../types';
+export type IChannelBehavior = {
     usePaymentSessionAsQueryResult: boolean;
     submitPayInSdk: boolean;
     createIframeNode: boolean;
@@ -15,7 +15,7 @@ type GetDoubleFaParams = {
     env: string;
     sdkVersion: string;
 };
-export declare function getChannelBehavior(paymentSessionMetaData?: IpaymentSessionMetaData): IChannelBehavior | undefined;
+export declare function getChannelBehavior(paymentSessionMetaData?: IPaymentSessionMetaData): IChannelBehavior | undefined;
 export declare function getDoubleFaUrl(params: GetDoubleFaParams): string;
-export declare const handleGooglePay: (data: eventPayload) => Promise<unknown>;
+export declare const handleGooglePay: (data: EventPayload) => Promise<unknown>;
 export {};

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

@@ -1,10 +1,10 @@
-import { componentSignEnum, platformEnum } from '../../types';
+import { ComponentSignEnum, PlatformEnum } from '../../types';
 interface Options {
-    componentSign?: componentSignEnum;
+    componentSign?: ComponentSignEnum;
     type: 'tabs' | 'Accordion';
     isExpressCheckout?: boolean;
 }
 export declare const inlineComponentAddCss: () => void;
-export declare const addInlineLoading: (_selector: HTMLDivElement, platform: platformEnum, options: Options) => void;
-export declare const createInlineBaseElement: (selector: string) => HTMLDivElement;
+export declare const addInlineLoading: (_selector: HTMLDivElement, platform: PlatformEnum, options?: Options) => void;
+export declare const createInlineBaseElement: (selector: string, containerId?: string, selectorId?: string) => HTMLDivElement;
 export {};

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

@@ -6,7 +6,7 @@
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 import { COMPONENT_CONTAINER_ID, COMPONENT_IFRAME_TAG_ID, INLINE_BASE_STYLE_ID, INLINE_IMG_CLASSNAME, LOADING_ID } from "../../constant";
-import { componentSignEnum, platformEnum } from "../../types";
+import { ComponentSignEnum, PlatformEnum } from "../../types";
 import { amsSetSize } from "../../util";
 // 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");
@@ -95,25 +95,28 @@ var renderElementPayment = function renderElementPayment(type) {
 export var addInlineLoading = function addInlineLoading(_selector, platform, options) {
   var loading = document.createElement('div');
   loading.id = LOADING_ID;
-  if (options.componentSign === componentSignEnum.ELEMENT_PAYMENT) {
+  if (options.componentSign === ComponentSignEnum.ELEMENT_PAYMENT) {
     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  ");
+  } 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>");
+  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);
   amsSetSize(null, loadingDom);
 };
 export var createInlineBaseElement = function createInlineBaseElement(selector) {
+  var containerId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : COMPONENT_CONTAINER_ID;
+  var selectorId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var inlineBaseStyle = document.getElementById(INLINE_BASE_STYLE_ID);
   if (!inlineBaseStyle) inlineComponentAddCss();
-  if (document.getElementById(COMPONENT_CONTAINER_ID)) return;
+  if (document.getElementById(selectorId ? selectorId : containerId)) return;
   var amsComponentContainer = document.createElement('div');
-  amsComponentContainer.className = "".concat(COMPONENT_CONTAINER_ID, "-inline");
-  amsComponentContainer.id = COMPONENT_CONTAINER_ID;
-  var selectorDom = document.querySelector(selector);
+  amsComponentContainer.className = "".concat(containerId, "-inline");
+  amsComponentContainer.id = selectorId ? selectorId : containerId;
+  var selectorDom = document.querySelector("".concat(selector));
   if (selectorDom) selectorDom.appendChild(amsComponentContainer);
   return amsComponentContainer;
 };