@elliemae/pui-app-sdk 5.21.0-beta.6 → 5.21.0-beta.8

package/dist/cjs/index.js

@@ -32,6 +32,7 @@ __export(index_exports, {
   Analytics: () => import_analytics2.Analytics,
   AppRoot: () => import_app_root.AppRoot,
   Autocomplete: () => import_autocomplete.Autocomplete,
+  CMicroApp: () => import_guest.CMicroAppGuest,
   CMicroAppGuest: () => import_guest.CMicroAppGuest,
   CMicroAppHost: () => import_host.CMicroAppHost,
   CheckBox: () => import_check_box.CheckBox,
@@ -48,6 +49,7 @@ __export(index_exports, {
   FormItemLayout: () => import_form_item_layout.FormItemLayout,
   FormLayoutBlockItem: () => import_form_layout_block_item.FormLayoutBlockItem,
   FormSubmitButton: () => import_submit_button.FormSubmitButton,
+  GuestMicroApp: () => import_guest_microapp.GuestMicroApp,
   InputMask: () => import_input_mask.InputMask,
   InputText: () => import_input_text.InputText,
   LargeTextBox: () => import_large_text_box.LargeTextBox,
@@ -55,7 +57,6 @@ __export(index_exports, {
   MASK_TYPES: () => import_input_mask.MASK_TYPES,
   MaskedInputText: () => import_masked_input_text.MaskedInputText,
   MicroApp: () => import_micro_app.MicroApp,
-  MicroApp2: () => import_microapp_v2.MicroApp2,
   MicroIFrameApp: () => import_micro_iframe_app.MicroIFrameApp,
   NavigationPrompt: () => import_navigation_prompt.NavigationPrompt,
   NavigationPromptActions: () => import_actions2.ACTIONS,
@@ -234,7 +235,7 @@ var import_live_message = require("./data/live-message/index.js");
 var import_error = require("./data/error/index.js");
 var import_actions4 = require("./data/logout/actions.js");
 var import_micro_app = require("./view/micro-app/index.js");
-var import_microapp_v2 = require("./view/microapp-v2.js");
+var import_guest_microapp = require("./view/guest-microapp.js");
 var import_micro_iframe_app = require("./view/micro-iframe-app/index.js");
 var import_utils = require("./view/micro-app/utils.js");
 var import_store3 = require("./data/store.js");

package/dist/cjs/view/{microapp-v2.js → guest-microapp.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)
@@ -15,19 +17,43 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+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 microapp_v2_exports = {};
-__export(microapp_v2_exports, {
-  MicroApp2: () => MicroApp2
+var guest_microapp_exports = {};
+__export(guest_microapp_exports, {
+  GuestMicroApp: () => GuestMicroApp
 });
-module.exports = __toCommonJS(microapp_v2_exports);
+module.exports = __toCommonJS(guest_microapp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_styled_components = __toESM(require("styled-components"));
 var import_react_redux = require("react-redux");
 var import_app_bridge = require("../utils/micro-frontend/app-bridge.js");
 var import_actions = require("../data/wait-message/actions.js");
 var import_micro_frontend = require("../utils/micro-frontend/index.js");
+const Div = import_styled_components.default.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+`;
 const useAppRenderer = (props) => {
-  const { id, frameOptions, history, onLoadComplete, onUnloadComplete } = props;
+  const {
+    id,
+    frameOptions,
+    history,
+    onLoadComplete,
+    onUnloadComplete,
+    containerId
+  } = props;
   const dispatch = (0, import_react_redux.useDispatch)();
   (0, import_react.useLayoutEffect)(() => {
     let isMounted = true;
@@ -44,7 +70,7 @@ const useAppRenderer = (props) => {
         if (isMounted) {
           instanceId = await appBridge.openApp({
             id,
-            frameOptions,
+            frameOptions: { containerId, ...frameOptions },
             history
           });
           setTimeout(() => {
@@ -83,9 +109,18 @@ const useAppRenderer = (props) => {
         });
       }
     };
-  }, [dispatch, frameOptions, history, id, onLoadComplete, onUnloadComplete]);
+  }, [
+    containerId,
+    dispatch,
+    frameOptions,
+    history,
+    id,
+    onLoadComplete,
+    onUnloadComplete
+  ]);
 };
-const MicroApp2 = (0, import_react.memo)((props) => {
-  useAppRenderer(props);
-  return null;
+const GuestMicroApp = (0, import_react.memo)((props) => {
+  const containerId = (0, import_react.useRef)(crypto.randomUUID());
+  useAppRenderer({ ...props, containerId: containerId.current });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div, { id: containerId.current });
 });

package/dist/cjs/view/tests/scriptingObjects/appraisalServiceModule.js

@@ -28,23 +28,19 @@ class AppraisalService extends import_microfe_common.ScriptingObject {
   #creditScore;
   Close = new import_microfe_common.Event({
     name: "Close",
-    requiresFeedback: false,
-    so: this
+    objectId: import_pui_scripting_object.ScriptingObjectNames.Module
   });
   Unloading = new import_microfe_common.Event({
     name: "Unloading",
-    requiresFeedback: false,
-    so: this
+    objectId: import_pui_scripting_object.ScriptingObjectNames.Module
   });
   onPreCommit = new import_microfe_common.Event({
     name: "onPreCommit",
-    requiresFeedback: true,
-    so: this
+    objectId: import_pui_scripting_object.ScriptingObjectNames.Module
   });
   onSaved = new import_microfe_common.Event({
     name: "onSaved",
-    requiresFeedback: false,
-    so: this
+    objectId: import_pui_scripting_object.ScriptingObjectNames.Module
   });
   constructor({
     loanId,

package/dist/cjs/view/tests/scriptingObjects/global.js

@@ -21,6 +21,7 @@ __export(global_exports, {
   Global: () => Global
 });
 module.exports = __toCommonJS(global_exports);
+var import_pui_scripting_object = require("@elliemae/pui-scripting-object");
 var import_microfe_common = require("@elliemae/microfe-common");
 class Global extends import_microfe_common.ScriptingObject {
   #data = /* @__PURE__ */ new Map();
@@ -29,8 +30,7 @@ class Global extends import_microfe_common.ScriptingObject {
   }
   Change = new import_microfe_common.Event({
     name: "Change",
-    requiresFeedback: false,
-    so: this
+    objectId: import_pui_scripting_object.ScriptingObjectNames.Global
   });
   set = (key, value) => {
     this.#data.set(key, value);

package/dist/cjs/view/tests/scriptingObjects/loan.js

@@ -43,72 +43,65 @@ class Loan extends import_pui_app_bridge.ScriptingObject {
   }
   ApplicationSelected = new import_pui_app_bridge.Event({
     name: "applicationselected",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   Close = new import_pui_app_bridge.Event({
     name: "close",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   Change = new import_pui_app_bridge.Event({
     name: "change",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   Committed = new import_pui_app_bridge.Event({
     name: "committed",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   EditModeChange = new import_pui_app_bridge.Event({
     name: "editmodechange",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   MilestoneCompleted = new import_pui_app_bridge.Event({
     name: "milestonecompleted",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   Open = new import_pui_app_bridge.Event({
     name: "open",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
   PreCommit = new import_pui_app_bridge.Event({
     name: "precommit",
-    requiresFeedback: true,
-    so: this
+    objectId: "loan"
   });
   PreMilestoneComplete = new import_pui_app_bridge.Event({
     name: "premilestonecomplete",
-    requiresFeedback: true,
-    so: this
+    objectId: "loan"
   });
   Sync = new import_pui_app_bridge.Event({
     name: "sync",
-    requiresFeedback: false,
-    so: this
+    objectId: "loan"
   });
-  all() {
+  all = () => {
     this.#log("loan.all");
     return Promise.resolve(this.#loanData);
-  }
-  applyLock(fieldId, lock) {
+  };
+  applyLock = (fieldId, lock) => {
     this.#log(`loan.applyLock: fieldId: ${fieldId}, lock: ${String(lock)}`);
     return Promise.resolve();
-  }
-  calculate() {
+  };
+  calculate = () => {
     this.#log("loan.calculate");
     return Promise.resolve(this.#loanData);
-  }
-  async commit() {
+  };
+  commit = async () => {
     this.#log("loan.commit");
     const feedBack = await this.#appBridge.dispatchEvent({
       event: this.PreCommit,
       eventParams: {
         id: this.#loanData.id
+      },
+      eventOptions: {
+        timeout: 1e3
       }
     });
     this.#log(`loan.precommit:event:feedback: ${JSON.stringify(feedBack)}`);
@@ -118,8 +111,8 @@ class Loan extends import_pui_app_bridge.ScriptingObject {
       this.#log("loan.commit:failed");
     }
     return this.#loanData.id;
-  }
-  execAction(type, params) {
+  };
+  execAction = (type, params) => {
     this.#log(
       `loan.execAction: type: ${type}, params: ${JSON.stringify(params)}`
     );
@@ -127,8 +120,8 @@ class Loan extends import_pui_app_bridge.ScriptingObject {
       status: "success",
       message: "Action executed successfully"
     });
-  }
-  getCollection(name) {
+  };
+  getCollection = (name) => {
     this.#log(`loan.getCollection: name: ${name}`);
     return Promise.resolve({
       name,
@@ -139,20 +132,20 @@ class Loan extends import_pui_app_bridge.ScriptingObject {
         this.#log(`loan.getCollection.removeAt: index: ${index}`);
       }
     });
-  }
-  getCurrentApplication() {
+  };
+  getCurrentApplication = () => {
     this.#log("loan.getCurrentApplication");
     return Promise.resolve({
       ...this.#loanData,
       index: 0,
       legacyId: "legacy-id"
     });
-  }
-  getField(id) {
+  };
+  getField = (id) => {
     this.#log(`loan.getField: id: ${id}`);
     return Promise.resolve(this.#loanData.name);
-  }
-  getFieldOptions(param) {
+  };
+  getFieldOptions = (param) => {
     this.#log(`loan.getFieldOptions: param: ${JSON.stringify(param)}`);
     return Promise.resolve({
       fieldId: [
@@ -170,38 +163,38 @@ class Loan extends import_pui_app_bridge.ScriptingObject {
         }
       ]
     });
-  }
-  getFields(ids) {
+  };
+  getFields = (ids) => {
     this.#log(`loan.getFields: ids: ${JSON.stringify(ids)}`);
     const fields = ids.reduce((acc, id) => {
       acc[id] = this.#loanData.name;
       return acc;
     }, {});
     return Promise.resolve(fields);
-  }
-  isReadOnly() {
+  };
+  isReadOnly = () => {
     this.#log("loan.isReadOnly");
     return Promise.resolve(false);
-  }
-  merge() {
+  };
+  merge = () => {
     this.#log("loan.merge");
     return Promise.resolve();
-  }
-  setCurrentApplication(options) {
+  };
+  setCurrentApplication = (options) => {
     this.#log(
       `loan.setCurrentApplication: options: ${JSON.stringify(options)}`
     );
     return Promise.resolve();
-  }
-  setEditMode(options) {
+  };
+  setEditMode = (options) => {
     this.#log(`loan.setEditMode: options: ${JSON.stringify(options)}`);
     return Promise.resolve();
-  }
-  setFields(fields) {
+  };
+  setFields = (fields) => {
     this.#log(`loan.setFields: fields: ${JSON.stringify(fields)}`);
     Object.keys(fields).forEach((key) => {
       const field = fields[key];
     });
     return Promise.resolve();
-  }
+  };
 }

package/dist/esm/index.js

@@ -60,7 +60,10 @@ import {
 } from "./utils/session.js";
 import { waitMessage } from "./data/wait-message/actions.js";
 import { initServiceWorker } from "./utils/service-worker.js";
-import { CMicroAppGuest } from "./utils/micro-frontend/guest.js";
+import {
+  CMicroAppGuest,
+  CMicroAppGuest as CMicroAppGuest2
+} from "./utils/micro-frontend/guest.js";
 import { CMicroAppHost } from "./utils/micro-frontend/host.js";
 import { enableReactAppForHostIntegration } from "./utils/app-host-integration/react.js";
 import {
@@ -132,7 +135,7 @@ import { actions } from "./data/live-message/index.js";
 import { actions as actions2 } from "./data/error/index.js";
 import { actions as actions3 } from "./data/logout/actions.js";
 import { MicroApp } from "./view/micro-app/index.js";
-import { MicroApp2 } from "./view/microapp-v2.js";
+import { GuestMicroApp } from "./view/guest-microapp.js";
 import { MicroIFrameApp } from "./view/micro-iframe-app/index.js";
 import { getNavigationLinks } from "./view/micro-app/utils.js";
 import { getStore } from "./data/store.js";
@@ -146,6 +149,7 @@ export {
   Analytics,
   AppRoot,
   Autocomplete,
+  CMicroAppGuest2 as CMicroApp,
   CMicroAppGuest,
   CMicroAppHost,
   CheckBox,
@@ -162,6 +166,7 @@ export {
   FormItemLayout,
   FormLayoutBlockItem,
   FormSubmitButton,
+  GuestMicroApp,
   InputMask,
   InputText,
   LargeTextBox,
@@ -169,7 +174,6 @@ export {
   MASK_TYPES,
   MaskedInputText,
   MicroApp,
-  MicroApp2,
   MicroIFrameApp,
   NavigationPrompt,
   ACTIONS as NavigationPromptActions,

package/dist/esm/view/{microapp-v2.js → guest-microapp.js}

@@ -1,10 +1,26 @@
-import { memo, useLayoutEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { memo, useLayoutEffect, useRef } from "react";
+import styled from "styled-components";
 import { useDispatch } from "react-redux";
 import { getAppBridge } from "../utils/micro-frontend/app-bridge.js";
 import { waitMessage } from "../data/wait-message/actions.js";
 import { getLogger } from "../utils/micro-frontend/index.js";
+const Div = styled.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+`;
 const useAppRenderer = (props) => {
-  const { id, frameOptions, history, onLoadComplete, onUnloadComplete } = props;
+  const {
+    id,
+    frameOptions,
+    history,
+    onLoadComplete,
+    onUnloadComplete,
+    containerId
+  } = props;
   const dispatch = useDispatch();
   useLayoutEffect(() => {
     let isMounted = true;
@@ -21,7 +37,7 @@ const useAppRenderer = (props) => {
         if (isMounted) {
           instanceId = await appBridge.openApp({
             id,
-            frameOptions,
+            frameOptions: { containerId, ...frameOptions },
             history
           });
           setTimeout(() => {
@@ -60,12 +76,21 @@ const useAppRenderer = (props) => {
         });
       }
     };
-  }, [dispatch, frameOptions, history, id, onLoadComplete, onUnloadComplete]);
+  }, [
+    containerId,
+    dispatch,
+    frameOptions,
+    history,
+    id,
+    onLoadComplete,
+    onUnloadComplete
+  ]);
 };
-const MicroApp2 = memo((props) => {
-  useAppRenderer(props);
-  return null;
+const GuestMicroApp = memo((props) => {
+  const containerId = useRef(crypto.randomUUID());
+  useAppRenderer({ ...props, containerId: containerId.current });
+  return /* @__PURE__ */ jsx(Div, { id: containerId.current });
 });
 export {
-  MicroApp2
+  GuestMicroApp
 };

package/dist/esm/view/tests/scriptingObjects/appraisalServiceModule.js

@@ -7,23 +7,19 @@ class AppraisalService extends ScriptingObject {
   #creditScore;
   Close = new Event({
     name: "Close",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   Unloading = new Event({
     name: "Unloading",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   onPreCommit = new Event({
     name: "onPreCommit",
-    requiresFeedback: true,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   onSaved = new Event({
     name: "onSaved",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   constructor({
     loanId,

package/dist/esm/view/tests/scriptingObjects/global.js

@@ -1,3 +1,6 @@
+import {
+  ScriptingObjectNames
+} from "@elliemae/pui-scripting-object";
 import { ScriptingObject, Event } from "@elliemae/microfe-common";
 class Global extends ScriptingObject {
   #data = /* @__PURE__ */ new Map();
@@ -6,8 +9,7 @@ class Global extends ScriptingObject {
   }
   Change = new Event({
     name: "Change",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Global
   });
   set = (key, value) => {
     this.#data.set(key, value);