@alipay/ams-checkout 0.0.1730107332-dev.32 → 0.0.1730107332-dev.34

package/esm/core/component/element/type.js

@@ -0,0 +1,35 @@
+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); }
+export var ThemeType = /*#__PURE__*/function (ThemeType) {
+  ThemeType["NostalgicGray"] = "nostalgicGray";
+  ThemeType["Default"] = "default";
+  ThemeType["Night"] = "night";
+  ThemeType["CherryBlossomPink"] = "cherryBlossomPink";
+  ThemeType["GamingPurple"] = "gamingPurple";
+  ThemeType["AgateGreen"] = "agateGreen";
+  return ThemeType;
+}({});
+export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
+export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
+  EventCallbackCode["Failed"] = "Failed";
+  EventCallbackCode["Completed"] = "Completed";
+  return EventCallbackCode;
+}({});
+export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
+  ELEMENT_ENVIRONMENT["DEV"] = "DEV";
+  ELEMENT_ENVIRONMENT["TEST"] = "TEST";
+  ELEMENT_ENVIRONMENT["SIT"] = "SIT";
+  ELEMENT_ENVIRONMENT["PRE"] = "PRE";
+  ELEMENT_ENVIRONMENT["PROD"] = "PROD";
+  return ELEMENT_ENVIRONMENT;
+}({});
+// export type IMountOptions = AddressMountOptions | LinkAuthMountOptions | PaymentMountOptions;
+
+export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbackName) {
+  AddressEventCallbackName["SHIPPING_CHANGE"] = "SHIPPING_CHANGE";
+  return AddressEventCallbackName;
+}({});
+
+// export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;

package/esm/core/component/element/utils.d.ts

@@ -0,0 +1,13 @@
+export interface ISessionDataExtendInfo {
+    displayLayout: 'LEFT_ORDER_AND_RIGHT_PAYMENT' | 'LEFT_PAYMENT_AND_RIGHT_ORDER';
+    displayAntomLogo: string;
+    themeType: 'LIGHT' | 'NIGHT' | 'CUSTOMIZE';
+    OPEN_MULTI_PAYMENT_ABILITY: boolean;
+    [key: string]: any;
+}
+export interface LinkData {
+    linkId: string;
+    region: string;
+    displaySetting?: ISessionDataExtendInfo;
+}
+export declare const displayIframe: (selector: string) => void;

package/esm/core/component/element/utils.js

@@ -0,0 +1,6 @@
+export var displayIframe = function displayIframe(selector) {
+  var dom = document.querySelector(selector);
+  dom.style.opacity = '1';
+  dom.style.overflow = 'visible';
+  dom.style.height = '110px';
+};

package/esm/foundation/core/index.d.ts

@@ -18,7 +18,7 @@ export declare class AntomSDKCore {
     private prepare;
     startBizFlow(options: StartBizFlowOptions): Promise<void>;
     getServiceProvider(): ServiceProvider;
-    getBizFlowResult(): BizFlowStartBehavior;
+    getBizFlowBehavior(): BizFlowStartBehavior;
     getPaymentContext(): PaymentContext;
     destroy(): void;
     private handleBehaviorRender;

package/esm/foundation/core/index.js

@@ -160,7 +160,7 @@ export var AntomSDKCore = /*#__PURE__*/function () {
     key: "startBizFlow",
     value: function () {
       var _startBizFlow = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(options) {
-        var _this$paymentContext$;
+        var _this$paymentContext$, _this$paymentContext$2;
         var paymentSession, displayInfo, _convertPaymentSessio, paymentSessionId, paymentSessionMetaData, mid, webAppMatchConfig, webAppVersion, productScene, paymentMethod, _this$bizFlowStartBeh, payload;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -193,8 +193,8 @@ export var AntomSDKCore = /*#__PURE__*/function () {
               ServiceProvider.getInstance(this.instanceId).update(this.paymentContext);
 
               // Invoke processor
-              productScene = this.paymentContext.paymentSessionObj.paymentSessionConfig.productScene;
-              paymentMethod = (_this$paymentContext$ = this.paymentContext.paymentSessionObj.paymentMethodInfoView) === null || _this$paymentContext$ === void 0 ? void 0 : _this$paymentContext$.paymentMethodType;
+              productScene = (_this$paymentContext$ = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$ === void 0 || (_this$paymentContext$ = _this$paymentContext$.paymentSessionConfig) === null || _this$paymentContext$ === void 0 ? void 0 : _this$paymentContext$.productScene;
+              paymentMethod = (_this$paymentContext$2 = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$2 === void 0 || (_this$paymentContext$2 = _this$paymentContext$2.paymentMethodInfoView) === null || _this$paymentContext$2 === void 0 ? void 0 : _this$paymentContext$2.paymentMethodType;
               _context3.prev = 13;
               if (!this.productProcessors["".concat(productScene, "|").concat(paymentMethod)]) {
                 _context3.next = 20;
@@ -260,8 +260,8 @@ export var AntomSDKCore = /*#__PURE__*/function () {
       return ServiceProvider.getInstance(this.instanceId);
     }
   }, {
-    key: "getBizFlowResult",
-    value: function getBizFlowResult() {
+    key: "getBizFlowBehavior",
+    value: function getBizFlowBehavior() {
       return this.bizFlowStartBehavior;
     }
   }, {

package/esm/foundation/index.d.ts

@@ -41,6 +41,7 @@ export interface ProductProcessor {
 export interface BizFlowStartBehavior {
     behaviorType: 'RENDER' | 'REDIRECT' | 'NONE';
     payload: RenderBehaviorPayload | RedirectBehaviorPayload;
+    data?: any;
 }
 export interface RenderBehaviorPayload {
     url: string;

package/esm/foundation/service/container/index.js

@@ -181,6 +181,7 @@ export var ContainerService = /*#__PURE__*/function () {
       });
       this.eventCenter.listen(EVENT.popupWindow.name, function (data) {
         var _this2$displayInfo;
+        if (data.paymentElementOldModel) return;
         _this2.popupManager.popup(_objectSpread({
           platform: (_this2$displayInfo = _this2.displayInfo) === null || _this2$displayInfo === void 0 ? void 0 : _this2$displayInfo.platform
         }, data)).catch(function (error) {

package/esm/foundation/service/event-center.d.ts

@@ -27,6 +27,7 @@ export declare class EventCenter implements Service {
      * @param domain - The domain of the app.
      */
     addIFrame(iframe: HTMLIFrameElement): void;
+    removeIFrame(iframe: HTMLIFrameElement): void;
     /**
      * Handles messages received from the app.
      * @param e - The message event.
@@ -61,6 +62,7 @@ export declare class EventCenter implements Service {
      * @param func - The callback function to execute when the event is emitted.
      */
     emitAndListen(payloadContext: EventPayloadContext, func: IListener): void;
+    queryParse(url?: string): Record<string, any>;
     /**
      * Dispatches the event payload to the app via postMessage.
      * @param payloadContext - The context containing event to be dispatched.

package/esm/foundation/service/event-center.js

@@ -1,4 +1,6 @@
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -70,6 +72,16 @@ export var EventCenter = /*#__PURE__*/function () {
         origin: getIframeOrigin(iframe)
       });
     }
+  }, {
+    key: "removeIFrame",
+    value: function removeIFrame(iframe) {
+      var index = this.iframes.findIndex(function (item) {
+        return item.origin === getIframeOrigin(iframe);
+      });
+      if (index !== -1) {
+        this.iframes.splice(index, 1);
+      }
+    }
 
     /**
      * Handles messages received from the app.
@@ -179,6 +191,23 @@ export var EventCenter = /*#__PURE__*/function () {
       this.listen(payloadContext.eventCallbackId, func);
       this.dispatchToApp(payloadContext);
     }
+  }, {
+    key: "queryParse",
+    value: function queryParse(url) {
+      var qs = {};
+      var urlString = url;
+      if (!urlString) {
+        urlString = window.location.href;
+      }
+      urlString.replace(/([^?=&#]+)(=([^&#]*))?/g, function (_$0, $1, _$2, $3) {
+        if ($3 === undefined) {
+          return '';
+        }
+        qs[$1] = decodeURIComponent($3);
+        return qs[$1];
+      });
+      return qs;
+    }
 
     /**
      * Dispatches the event payload to the app via postMessage.
@@ -187,7 +216,8 @@ export var EventCenter = /*#__PURE__*/function () {
   }, {
     key: "dispatchToApp",
     value: function dispatchToApp(payloadContext) {
-      var _this$iframes;
+      var _this$iframes,
+        _this = this;
       var data = {
         name: MessageName.SDK_TO_APP,
         context: payloadContext,
@@ -200,7 +230,11 @@ export var EventCenter = /*#__PURE__*/function () {
           console.warn('get app contentWindow error', iframe);
           return;
         }
-        iframe.ref.contentWindow.postMessage(JSON.stringify(data), (_iframe$origin = iframe.origin) !== null && _iframe$origin !== void 0 ? _iframe$origin : '*');
+        var _ref = _this.queryParse(iframe.ref.src) || {},
+          instanceId = _ref.instanceId;
+        iframe.ref.contentWindow.postMessage(JSON.stringify(_objectSpread(_objectSpread({}, data), {}, {
+          instanceId: instanceId
+        })), (_iframe$origin = iframe.origin) !== null && _iframe$origin !== void 0 ? _iframe$origin : '*');
       });
     }
   }, {

package/esm/foundation/service/security/index.js

@@ -9,7 +9,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { ProductSceneEnum } from "../../../types";
-import { Security, getSecurityConfigStorageKey, getSecurityHost, getSecurityScene } from "./security";
+import { Security, SecurityRegionEnum, getSecurityConfigStorageKey, getSecurityHost, getSecurityScene } from "./security";
 import { getOrSetStorageId, safeJson } from "../../../util";
 import { ServiceProvider } from '..';
 export var SecurityService = /*#__PURE__*/function () {
@@ -175,10 +175,26 @@ export var SecurityService = /*#__PURE__*/function () {
                     reject();
                   }, timeout);
                 }
-                console.log('[web-sdk][security-sdk] mock init timeout');
-                setTimeout(function () {
+                _this2._newSecuritySDKByScene({
+                  product: _this2.productScene,
+                  region: isPre ? SecurityRegionEnum.SG : undefined
+                }, function () {
+                  _this2.logger.logInfo({
+                    title: "sdk_event_securitySdk".concat(sdkAction, "Success")
+                  }, isPre ? {
+                    product: _this2.productScene
+                  } : undefined).send();
+                  resolve();
+                }, function (msg) {
+                  _this2.logger.logError({
+                    title: 'sdk_error_securitySdkInitFailed',
+                    msg: msg || undefined
+                  }, {
+                    product: _this2.productScene,
+                    sign: isPre ? 'Active initialization' : 'SDK internal initialization'
+                  }).send();
                   reject();
-                }, 5000);
+                });
               }));
             case 7:
             case "end":

package/esm/index.d.ts

@@ -1,6 +1,7 @@
 import { AddressComponent } from './core/component/address';
+import { ElementComponent } from './core/component/element';
 import { AMSComponent } from './core/component/index';
-import { ComponentSignEnum, IoptionsAddressParams, IoptionsParams, IcreateComponent } from './types';
+import { ComponentSignEnum, IcreateComponent, IElementOptions, IoptionsAddressParams, IoptionsParams } from './types';
 export { AMSCheckoutPage } from './core/component/ckp';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
@@ -24,6 +25,9 @@ export declare class AntomElement extends AMSCheckout {
 export declare class AddressElement extends AddressComponent {
     constructor(options: IoptionsAddressParams);
 }
+export declare class Element extends ElementComponent {
+    constructor(options: IElementOptions);
+}
 export default AMSCheckout;
 export declare class AMSEasyPay {
     private core;

package/esm/index.js

@@ -23,8 +23,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  */
 import { ADDRESSElementAppVersion, AMSAutoDebitAppVersion, AMSCashierPaymentAppVersion, AMSCheckoutAppVersion, AMSPaymentElementAppVersion, AMSVaultingAppVersion } from "./config/index";
 import { AddressComponent } from "./core/component/address";
+import { ElementComponent } from "./core/component/element";
 import { AMSComponent } from "./core/component/index";
-import { ComponentSignEnum, ProductSceneEnum, DisplayTypeEnum } from "./types";
+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";
@@ -142,6 +144,19 @@ export var AddressElement = /*#__PURE__*/function (_AddressComponent) {
   }
   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;
 export var AMSEasyPay = /*#__PURE__*/function () {
   function AMSEasyPay(options) {

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

@@ -1,5 +1,5 @@
 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) => any;
+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;
@@ -8,6 +8,7 @@ export declare const getAppDomain: (domainParams: {
     productSceneVersion: string;
     extendInfo: string;
     mid: string;
+    localLink: string;
 }) => string;
 export declare const getIframeUrl: (iframeParams: {
     componentSign: ComponentSignEnum;
@@ -22,6 +23,7 @@ export declare const getIframeUrl: (iframeParams: {
     renderDisplayType: DisplayTypeEnum;
     isPreload?: string;
     hostSign?: string;
+    localLink?: string;
     mid?: string;
 }) => {
     path: string;

package/esm/plugin/component/cashierApp.js

@@ -60,7 +60,7 @@ 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];
+  var supportProductSceneVersion = signSupportMap[componentSign] || [];
   // 从左到右，从旧到新
   var isSupport = supportProductSceneVersion.find(function (it) {
     return it === productSceneVersion;
@@ -77,6 +77,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,6 +95,9 @@ 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;
   }
@@ -127,9 +131,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 +156,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;

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

@@ -6,5 +6,5 @@ interface Options {
 }
 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 createInlineBaseElement: (selector: string, containerId?: string, selectorId?: string) => HTMLDivElement;
 export {};

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

@@ -107,13 +107,15 @@ export var addInlineLoading = function addInlineLoading(_selector, platform, opt
   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;
 };

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

@@ -83,6 +83,7 @@ export default class ComponentApp {
      * @description Processing messages from iframe
      */
     _handleAppMessage(data: EventPayload): void;
+    private logEventCallback;
     private dismissLoadingFunc;
     private handleSizeChanged;
     private handleAuthUrlInfo;