@elliemae/pui-app-sdk 5.20.3 → 5.21.0-beta.2

package/dist/cjs/analytics/index.js

@@ -38,7 +38,8 @@ const sendBAEvent = ({
   self = true
 }) => {
   if (!self) {
-    const sendEvent = import_guest.CMicroAppGuest.getInstance()?.getHost()?.sendBAEvent;
+    const host = import_guest.CMicroAppGuest.getInstance()?.getHost();
+    const sendEvent = host?.sendBAEvent;
     if (sendEvent) {
       sendEvent(data);
     } else {

package/dist/cjs/utils/decorators/functionDecorators.js

@@ -166,9 +166,9 @@ function AsyncSingleExecution(_target, _propertyKey, descriptor) {
       return promiseMap.get(key);
     }
     const promise = originalMethod.apply(this, args);
-    if (promise && typeof promise.then === "function") {
+    if (promise instanceof Promise) {
       promiseMap.set(key, promise);
-      promise.catch((e) => e).finally(() => {
+      promise.finally(() => {
         promiseMap.delete(key);
       });
     }

package/dist/cjs/utils/micro-frontend/app-bridge.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var app_bridge_exports = {};
+__export(app_bridge_exports, {
+  getAppBridge: () => getAppBridge
+});
+module.exports = __toCommonJS(app_bridge_exports);
+var import_pui_app_bridge = require("@elliemae/pui-app-bridge");
+var import_logger = require("../logger.js");
+let appBridge = null;
+const getAppBridge = async () => {
+  if (!appBridge) {
+    appBridge = new import_pui_app_bridge.CAppBridge({
+      logger: (0, import_logger.getLogger)(),
+      version: window.emui?.version || "latest"
+    });
+    await appBridge.init();
+  }
+  return appBridge;
+};

package/dist/cjs/utils/micro-frontend/guest.js

@@ -34,6 +34,7 @@ module.exports = __toCommonJS(guest_exports);
 var import_lodash = __toESM(require("lodash"));
 var import_uuid = require("uuid");
 var import_pui_theme = require("@elliemae/pui-theme");
+var import_ssf_guest = require("@elliemae/ssf-guest");
 var import_window = require("../window.js");
 var import_app_config = require("../app-config/index.js");
 var import_config = require("../app-config/config.js");
@@ -43,8 +44,7 @@ var import_logger = require("../logger.js");
 var import_web_storage = require("../web-storage.js");
 var import_web_analytics = require("./scripting-objects/web-analytics.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
-var import_ssfguest_adapter = require("./ssfguest-adapter.js");
-var import_host_app = require("./host-app.js");
+var import_app_bridge = require("./app-bridge.js");
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -53,6 +53,11 @@ const isCrossDomain = () => {
     return true;
   }
 };
+var CommunicationMethod = /* @__PURE__ */ ((CommunicationMethod2) => {
+  CommunicationMethod2["SSF"] = "ssf";
+  CommunicationMethod2["APPSDK"] = "app-sdk";
+  return CommunicationMethod2;
+})(CommunicationMethod || {});
 class CMicroAppGuest {
   /**
    * unique microapp id
@@ -63,6 +68,14 @@ class CMicroAppGuest {
   appId;
   props;
   containerId;
+  /**
+   * communication method used between microapps
+   */
+  #communicationMethod;
+  /**
+   * AppBridge instance
+   */
+  #appBridge = null;
   onInit;
   onMount;
   onUnmount;
@@ -73,6 +86,7 @@ class CMicroAppGuest {
     window.emui.uuid = window.emui.uuid || (0, import_uuid.v4)();
     this.appId = window.emui?.appId || (0, import_config.getAppConfigValue)("appId");
     this.#uuid = window.emui.uuid;
+    this.#communicationMethod = "app-sdk" /* APPSDK */;
     this.props = {
       host: null,
       hostUrl: null,
@@ -110,6 +124,45 @@ class CMicroAppGuest {
   getLogger() {
     return this.logger;
   }
+  getObject(objectId) {
+    let host = null;
+    if (this.#communicationMethod === "ssf" /* SSF */) {
+      host = this.getHost();
+      return host.getObject(objectId);
+    }
+    host = this.getHost();
+    return host.getObject(objectId);
+  }
+  /**
+   * subscribe to the scripting object event
+   * @param {SubscribeParam<EventId, AppEvents[EventId]>} params - the parameters for the subscription
+   * @param {string} params.soName - the name of the scripting object
+   * @param {string} params.eventName - the name of the event
+   * @param {Function} params.callback - the callback function to be called when the event is triggered
+   * @returns {void}
+   */
+  subscribe(params) {
+    let host = null;
+    if (this.#communicationMethod === "ssf" /* SSF */) {
+      host = this.getHost();
+      return host.subscribe(params);
+    }
+    host = this.getHost();
+    return host.subscribe(params);
+  }
+  /**
+   * unsubscribe from the scripting object event
+   * @param params - parameters for the unsubscription
+   */
+  unsubscribe(params) {
+    let host = null;
+    if (this.#communicationMethod === "ssf" /* SSF */) {
+      host = this.getHost();
+      host.unsubscribe(params);
+    }
+    host = this.getHost();
+    host.unsubscribe(params);
+  }
   getProps() {
     return this.props;
   }
@@ -174,21 +227,22 @@ class CMicroAppGuest {
   }
   getSessionStorageItem(key) {
     let value = sessionStorage.getItem(key);
-    if (!value && this.props.host?.getItem) {
-      value = this.props.host.getItem(key);
+    const host = this.getHost();
+    if (!value && host?.getItem) {
+      value = host.getItem(key);
     }
     return value;
   }
-  async getSSFAdapter() {
+  async findHost() {
     let host = null;
     if (window.parent !== window) {
       if (!isCrossDomain()) {
-        host = window.parent?.emui?.MicroAppHost || null;
+        host = window.parent?.emui?.MicroAppHost ?? null;
       }
       if (!host) {
-        const ssfAdapter = new import_ssfguest_adapter.SSFGuestAdapter();
-        if (!await ssfAdapter.init()) return null;
-        host = ssfAdapter;
+        host = new import_ssf_guest.SSFGuest({ appLogger: this.logger });
+        await host.connect();
+        this.#communicationMethod = "ssf" /* SSF */;
       }
     }
     return host;
@@ -200,17 +254,21 @@ class CMicroAppGuest {
     this.props = import_lodash.default.merge(this.props, options);
     this.props.history = options?.history || this.props.history;
     if (!this.props.host) {
-      const host = await this.getSSFAdapter();
-      if (host) this.props.host = host;
+      const host = await this.findHost();
+      if (host) {
+        this.props.host = host;
+      }
     }
-    if (this.props.host) (0, import_host_app.setHostApp)(this.props.host);
     __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
     return (0, import_app_config.loadAppConfig)().then(() => {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       (0, import_web_analytics.updateBAEventParameters)({ appId: this.appId, instanceId, userId });
       (0, import_appdynamics.setAppDynamicsUserData)({ appId: this.appId, instanceId, userId });
-      if (this.onInit) this.onInit(this.props);
+      return (0, import_app_bridge.getAppBridge)().then((appBridge) => {
+        this.#appBridge = appBridge;
+        if (this.onInit) this.onInit(this.props);
+      });
     });
   }
   mount(options = { containerId: "app-container" }) {
@@ -231,4 +289,32 @@ class CMicroAppGuest {
   navigate(url, state) {
     if (url) this.props.history.push(url, state);
   }
+  /**
+   * add scripting object for child microapp to use
+   * @param so - The scripting object to be added.
+   * @param params - Optional parameters for adding the scripting object.
+   */
+  addScriptingObject(so, params) {
+    if (this.#appBridge) {
+      this.#appBridge.addScriptingObject(so, params);
+    }
+  }
+  /**
+   * dispatch event to child microapp
+   * @param {DispatchEventParams<EventId, Params>} params - event parameters
+   */
+  async dispatchEvent(params) {
+    if (this.#appBridge) {
+      await this.#appBridge.dispatchEvent(params);
+    }
+  }
+  /**
+   * removes scripting object from child microapp use
+   * @param objectId unique id of the scripting object
+   */
+  removeScriptingObject(objectId) {
+    if (this.#appBridge) {
+      this.#appBridge.removeScriptingObject(objectId);
+    }
+  }
 }

package/dist/cjs/utils/micro-frontend/host.js

@@ -39,7 +39,7 @@ var import_appdynamics = require("../../analytics/appdynamics.js");
 var import_analytics = require("./scripting-objects/analytics.js");
 var import_web_analytics = require("./scripting-objects/web-analytics.js");
 var import_session = require("../session.js");
-var import_host_app = require("./host-app.js");
+var import_app_bridge = require("./app-bridge.js");
 class CMicroAppHost {
   static instance;
   logger;
@@ -51,6 +51,7 @@ class CMicroAppHost {
   throttleRenewSessionTimer;
   scriptingObjects;
   #ssfHostRef;
+  #appBridge = null;
   // eslint-disable-next-line max-statements
   constructor(params) {
     this.appId = (0, import_config.getAppConfigValue)("appId");
@@ -91,6 +92,11 @@ class CMicroAppHost {
       }
     );
     (0, import_app_config.loadAppConfig)().then(() => {
+      (0, import_app_bridge.getAppBridge)().then((appBridge) => {
+        this.#appBridge = appBridge;
+      }).catch((ex) => {
+        throw ex;
+      });
       if (this.onInit) this.onInit(this.props);
     }).catch(() => {
     });
@@ -102,7 +108,6 @@ class CMicroAppHost {
   static getInstance(params) {
     if (!this.instance) {
       this.instance = new this(params);
-      (0, import_host_app.setHostApp)(this.instance);
     }
     return this.instance;
   }
@@ -196,4 +201,32 @@ class CMicroAppHost {
   async getObject(name) {
     return this.scriptingObjects[name];
   }
+  /**
+   * add scripting object for child microapp to use
+   * @param so - The scripting object to be added.
+   * @param params - Optional parameters for adding the scripting object.
+   */
+  addScriptingObject(so, params) {
+    if (this.#appBridge) {
+      this.#appBridge.addScriptingObject(so, params);
+    }
+  }
+  /**
+   * dispatch event to child microapp
+   * @param {DispatchEventParams<EventId, Params>} params - event parameters
+   */
+  async dispatchEvent(params) {
+    if (this.#appBridge) {
+      await this.#appBridge.dispatchEvent(params);
+    }
+  }
+  /**
+   * removes scripting object from child microapp use
+   * @param objectId unique id of the scripting object
+   */
+  removeScriptingObject(objectId) {
+    if (this.#appBridge) {
+      this.#appBridge.removeScriptingObject(objectId);
+    }
+  }
 }

package/dist/cjs/utils/micro-frontend/tests/app.config.json

@@ -0,0 +1,200 @@
+{
+  "appId": "microfe",
+  "activeEnv": "localhost",
+  "googleTagManager": true,
+  "sessionTimeoutWarnInterval": "7200000",
+  "sessionTimeoutInterval": "9000000",
+  "microFrontendApps": {
+    "loanapp": {
+      "name": "Loan",
+      "hostUrl": "./loan",
+      "development": {
+        "files": ["index.js"]
+      },
+      "production": {
+        "files": ["index.js"]
+      }
+    },
+    "taskapp": {
+      "name": "Task",
+      "hostUrl": "./task",
+      "mode": "development",
+      "development": {
+        "files": ["index.dev.js"]
+      },
+      "production": {
+        "files": ["index.js"]
+      }
+    },
+    "travelhub": {
+      "name": "TravelHub",
+      "hostUrl": "./travelhub",
+      "development": {
+        "files": ["app.js", "landing.js", "app.css", "landing.css"]
+      },
+      "production": {
+        "files": ["app.js", "landing.js", "app.css", "landing.css"]
+      }
+    },
+    "flights": {
+      "name": "Flights",
+      "hostUrl": "./flights",
+      "development": {
+        "files": ["app.js", "app.css"]
+      },
+      "production": {
+        "files": ["app.js", "app.css"]
+      }
+    },
+    "hotels": {
+      "name": "Hotels",
+      "hostUrl": "./hotels",
+      "development": {
+        "files": ["app.js", "app.css"]
+      },
+      "production": {
+        "files": ["app.js", "app.css"]
+      }
+    }
+  },
+  "serviceEndpoints": {
+    "api": "",
+    "idp": "https://int.idp.ellielabs.com",
+    "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+  },
+  "env": {
+    "localhost": {
+      "serviceEndpoints": {
+        "api": "",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "dev": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "dev2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "qa": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "qa2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "qa3": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "int": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-osb1": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-osb2": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg2-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-oapi-west": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg2-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg3": {
+      "serviceEndpoints": {
+        "api": "https://pel1.api.ellielabs.com",
+        "idp": "https://peg3.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "stage": {
+      "serviceEndpoints": {
+        "api": "https://stg.api.elliemae.com",
+        "idp": "https://stg.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "beta": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "demo": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "epc": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "prod": {
+      "serviceEndpoints": {
+        "api": "https://api.elliemae.com",
+        "idp": "https://idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    }
+  }
+}

package/dist/cjs/utils/micro-frontend/tests/utils.js

@@ -0,0 +1,116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  applicationScriptingObject: () => applicationScriptingObject,
+  authScriptingObject: () => authScriptingObject,
+  postMessage: () => postMessage,
+  setupHost: () => setupHost
+});
+module.exports = __toCommonJS(utils_exports);
+var import_microfe_common = require("@elliemae/microfe-common");
+const applicationScriptingObject = {
+  object: {
+    events: [],
+    functions: [
+      "closeModal",
+      "extend",
+      "getApplicationContext",
+      "getCapabilities",
+      "getCompanySettings",
+      "getDescriptor",
+      "getPersonaAccess",
+      "getPoliciesDetails",
+      "getUserAccessRights",
+      "hideSpinner",
+      "keepSessionAlive",
+      "log",
+      "navigate",
+      "open",
+      "openModal",
+      "performAction",
+      "print",
+      "showError",
+      "showSpinner",
+      "supportsAction",
+      "supportsNavigateTo"
+    ],
+    objectId: "application",
+    objectType: "Object"
+  },
+  type: "object"
+};
+const authScriptingObject = {
+  object: {
+    events: [],
+    functions: ["getAccessToken", "createAuthCode", "getUser"],
+    objectId: "auth",
+    objectType: "Object"
+  },
+  type: "object"
+};
+const hostObjects = {
+  application: applicationScriptingObject,
+  auth: authScriptingObject
+};
+const getOrigin = (url) => {
+  if (!url || url === "about:blank") return "*";
+  try {
+    const { origin } = new URL(url);
+    return origin === "null" || !origin ? url : origin;
+  } catch (e) {
+    const { origin } = new URL(url, document.baseURI);
+    return origin;
+  }
+};
+const postMessage = ({
+  srcWindow,
+  targetWindow,
+  message
+}) => {
+  targetWindow.dispatchEvent(
+    new MessageEvent("message", {
+      source: srcWindow,
+      origin: getOrigin(srcWindow.location.href),
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      data: {
+        source: "elli:remoting",
+        ...message
+      }
+    })
+  );
+};
+const setupHost = (hostWindow) => {
+  const onMessage = ({ data }) => {
+    if (data?.type !== import_microfe_common.MessageType.ObjectGet) return;
+    const scriptingObject = hostObjects[data?.body?.objectId ?? ""] ?? null;
+    if (scriptingObject)
+      postMessage({
+        srcWindow: hostWindow,
+        targetWindow: window,
+        message: {
+          body: scriptingObject,
+          type: "elli:remoting:response",
+          requestId: data.requestId
+        }
+      });
+  };
+  hostWindow?.addEventListener?.("message", onMessage);
+  return () => hostWindow?.removeEventListener?.("message", onMessage);
+};

package/dist/cjs/utils/testing/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var testing_exports = {};
 __export(testing_exports, {
@@ -24,6 +34,7 @@ __export(testing_exports, {
 module.exports = __toCommonJS(testing_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@testing-library/react");
+var import_user_event = __toESM(require("@testing-library/user-event"));
 var import_pui_theme = require("@elliemae/pui-theme");
 var import_store = require("../../data/store.js");
 var import_app_root = require("../../view/app-root/index.js");
@@ -36,4 +47,7 @@ const AllTheProviders = ({
   theme = defaultTheme,
   children
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_root.AppRoot, { store, history: import_history.browserHistory, theme, children });
-const customRender = (ui, options) => (0, import_react.render)(ui, { wrapper: AllTheProviders, ...options });
+const customRender = (ui, options) => ({
+  user: import_user_event.default.setup(),
+  ...(0, import_react.render)(ui, { wrapper: AllTheProviders, ...options })
+});

package/dist/cjs/view/micro-iframe-app/iframe/index.js

@@ -61,7 +61,7 @@ const IFrame = (0, import_react.memo)(
         ref: frameRef,
         title,
         src,
-        scrolling: "no",
+        "data-testid": `${import_const.IFRAME_CONTAINER_ID_PREFIX}${id}`,
         ...sandboxProps,
         onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
       }