@elliemae/pui-app-sdk 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/cjs/view/fields/form-item-layout/index.js

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   FormItemLayout: () => FormItemLayout
 });
-var import_FormItem = __toModule(require("@elliemae/ds-basic/form/FormItem"));
+var React = __toModule(require("react"));
+var import_FormItem = __toModule(require("@elliemae/ds-form/FormItem"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
-var import_connect_form = __toModule(require("../connect-form"));
+var import_connect_form = __toModule(require("../connect-form.js"));
 const FormItemLayout = ({
   name,
   ...rest

package/dist/cjs/view/fields/input-mask/index.js

@@ -26,7 +26,8 @@ __export(exports, {
   MASK_PIPES: () => import_InputMask.MASK_PIPES,
   MASK_TYPES: () => import_InputMask.MASK_TYPES
 });
-var import_InputMask = __toModule(require("@elliemae/ds-basic/form/InputMask"));
+var React = __toModule(require("react"));
+var import_InputMask = __toModule(require("@elliemae/ds-form/InputMask"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const InputMask = ({
   name,

package/dist/cjs/view/fields/large-text-box/index.js

@@ -24,7 +24,8 @@ var __toModule = (module2) => {
 __export(exports, {
   LargeTextBox: () => LargeTextBox
 });
-var import_LargeInputText = __toModule(require("@elliemae/ds-basic/form/LargeInputText"));
+var React = __toModule(require("react"));
+var import_LargeInputText = __toModule(require("@elliemae/ds-form/LargeInputText"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const LargeTextBox = ({
   name,

package/dist/cjs/view/fields/radio/index.js

@@ -24,7 +24,8 @@ var __toModule = (module2) => {
 __export(exports, {
   Radio: () => Radio
 });
-var import_Radio = __toModule(require("@elliemae/ds-basic/form/Radio"));
+var React = __toModule(require("react"));
+var import_Radio = __toModule(require("@elliemae/ds-form/Radio"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const Radio = ({
   name,

package/dist/cjs/view/fields/radio-group/index.js

@@ -24,7 +24,8 @@ var __toModule = (module2) => {
 __export(exports, {
   RadioGroup: () => RadioGroup
 });
-var import_RadioGroup = __toModule(require("@elliemae/ds-basic/form/RadioGroup"));
+var React = __toModule(require("react"));
+var import_RadioGroup = __toModule(require("@elliemae/ds-form/RadioGroup"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const RadioGroup = ({
   name,

package/dist/cjs/view/fields/text-box/index.js

@@ -24,7 +24,8 @@ var __toModule = (module2) => {
 __export(exports, {
   TextBox: () => TextBox
 });
-var import_TextBox = __toModule(require("@elliemae/ds-basic/form/TextBox"));
+var React = __toModule(require("react"));
+var import_TextBox = __toModule(require("@elliemae/ds-form/TextBox"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const TextBox = ({
   name,

package/dist/cjs/view/fields/watch-value.js

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   WatchValue: () => WatchValue
 });
+var React = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const Section = import_styled_components.default.section`

package/dist/cjs/view/form/index.js

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   Form: () => Form
 });
+var React = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
 const StyledForm = import_styled_components.default.form`

package/dist/cjs/view/form/personal-info-section.js

@@ -27,11 +27,12 @@ __export(exports, {
   MaritalStatus: () => MaritalStatus,
   State: () => State
 });
+var React = __toModule(require("react"));
 var import_moment = __toModule(require("moment"));
-var import_text_box = __toModule(require("../fields/text-box"));
-var import_combo_box = __toModule(require("../fields/combo-box"));
-var import_date_input = __toModule(require("../fields/date-input"));
-var import_form_item_layout = __toModule(require("../fields/form-item-layout"));
+var import_text_box = __toModule(require("../fields/text-box/index.js"));
+var import_combo_box = __toModule(require("../fields/combo-box/index.js"));
+var import_date_input = __toModule(require("../fields/date-input/index.js"));
+var import_form_item_layout = __toModule(require("../fields/form-item-layout/index.js"));
 const FirstName = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
   inputComponent: import_text_box.TextBox,

package/dist/cjs/view/form/submit-button/index.js

@@ -24,8 +24,9 @@ var __toModule = (module2) => {
 __export(exports, {
   FormSubmitButton: () => FormSubmitButton
 });
+var React = __toModule(require("react"));
 var import_react_hook_form = __toModule(require("react-hook-form"));
-var import_Button = __toModule(require("@elliemae/ds-basic/Button"));
+var import_ds_button = __toModule(require("@elliemae/ds-button"));
 const FormSubmitButton = ({
   ...rest
 }) => {
@@ -33,7 +34,7 @@ const FormSubmitButton = ({
     formState,
     formProps: { mode }
   } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ React.createElement(import_Button.default, {
+  return /* @__PURE__ */ React.createElement(import_ds_button.default, {
     ...rest,
     type: "submit",
     disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)

package/dist/cjs/view/guest-unload-handlers/index.js

@@ -25,7 +25,7 @@ __export(exports, {
   notifyGuestUnloadComplete: () => notifyGuestUnloadComplete,
   onGuestUnloadStart: () => onGuestUnloadStart
 });
-var import_message_to_host_app = __toModule(require("../message-to-host-app"));
+var import_message_to_host_app = __toModule(require("../message-to-host-app/index.js"));
 const onGuestUnloadStart = () => new Promise((resolve) => {
   window.addEventListener("message", (msg) => {
     if (msg.data.id === "unload-guest" || msg.data.id === "close_loan") {

package/dist/cjs/view/header/center-region/index.js

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   CenterRegion: () => CenterRegion
 });
+var React = __toModule(require("react"));
 var import_react_router_dom = __toModule(require("react-router-dom"));
 var import_styled_components = __toModule(require("styled-components"));
 const NavList = import_styled_components.default.ul`

package/dist/cjs/view/header/index.js

@@ -24,11 +24,12 @@ var __toModule = (module2) => {
 __export(exports, {
   Header: () => Header
 });
+var React = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
-var import_micro_frontend = __toModule(require("../../utils/micro-frontend"));
-var import_logo_region = __toModule(require("./logo-region"));
-var import_center_region = __toModule(require("./center-region"));
-var import_nav_region = __toModule(require("./nav-region"));
+var import_micro_frontend = __toModule(require("../../utils/micro-frontend/index.js"));
+var import_logo_region = __toModule(require("./logo-region/index.js"));
+var import_center_region = __toModule(require("./center-region/index.js"));
+var import_nav_region = __toModule(require("./nav-region/index.js"));
 const HeaderContainer = import_styled_components.default.header`
   display: flex;
   height: 56px;

package/dist/cjs/view/header/logo-region/index.js

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   LogoRegion: () => LogoRegion
 });
+var React = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
 var import_logo = __toModule(require("./logo.svg"));
 const LogoContainer = import_styled_components.default.div`
   align-self: center;
 `;
-const LogoRegion = () => /* @__PURE__ */ React.createElement(LogoContainer, null, /* @__PURE__ */ React.createElement(import_logo.ReactComponent, null));
+const LogoRegion = () => /* @__PURE__ */ React.createElement(LogoContainer, null, /* @__PURE__ */ React.createElement(import_logo.default, null));

package/dist/cjs/view/header/logo-region/logo.svg

@@ -0,0 +1,2 @@
+
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="195" height="28" viewBox="0 0 195 28"><style>.st0{fill:#dee3e0}.st1{fill:#fff}.st2{fill:#408a90}.st3{fill:#00acdc}.st4{fill:#f7911e}.st5{fill:#0067ab}.st6{fill:#fefefe}</style><g id="Page-1_2_"><g id="brand-assets" transform="translate(-107 -187)"><g id="logo-enc-em-inline-dark" transform="translate(107 187)"><g id="Group-3"><g id="Group" transform="translate(143 14)"><path id="Fill-27" class="st0" d="M1.8 1.9c-.6 0-.9.6-.9 1.1s.3 1.1.9 1.1c.6 0 .8-.7.8-1.1.1-.5-.2-1.1-.8-1.1zM.4.1h.5v1.8c.2-.3.5-.5 1-.5.9 0 1.3.7 1.3 1.5s-.4 1.6-1.3 1.6c-.5 0-.9-.3-1-.5v.4H.4V.1z"/><path id="Fill-29" class="st0" d="M3.7 5.3H4c.5 0 .7-.7.7-.7 0-.1-.1-.2-.1-.3l-1-2.8h.6L5 4l.8-2.5h.6l-1.1 3c-.2.6-.4 1.2-1.1 1.2h-.4l-.1-.4z"/><path id="Fill-31" class="st0" d="M50.5 1.8h.2c.1 0 .2 0 .2-.2 0-.1-.1-.2-.2-.2h-.2v.4zm-.2-.5h.4c.3 0 .4.1.4.3 0 .2-.1.3-.3.3l.3.5h-.2l-.3-.5h-.2v.5h-.2V1.3h.1zm.3 1.4c.5 0 .8-.4.8-.8 0-.5-.3-.8-.8-.8s-.8.4-.8.8.4.8.8.8zm0-1.8c.5 0 1 .4 1 1 0 .5-.4 1-1 1s-1-.4-1-1c.1-.6.5-1 1-1z"/><path id="Fill-33" class="st0" d="M8.8.1h4.8v1.1H10v2.5h3.2v1H10v2.9h3.6v1H8.8z"/><path id="Fill-35" class="st0" d="M14.6 8.6h1.1V0h-1.1z"/><path id="Fill-37" class="st0" d="M17 8.6h1.1V0H17z"/><path id="Fill-38" class="st0" d="M19.4 8.6h1.2V2.3h-1.2v6.3zm-.1-7.2h1.2V0h-1.2v1.4z"/><path id="Fill-39" class="st0" d="M25.7 4.9c0-1-.6-1.7-1.6-1.7-1.1 0-1.6.9-1.7 1.7h3.3zm.7 3.5c-.4.2-.9.4-2 .4-2.2 0-3.2-1.3-3.2-3.4 0-1.9 1.2-3.2 2.9-3.2 2.1 0 2.8 1.5 2.8 3.5h-4.5c0 1.2 1 2.1 2.1 2.1.8 0 1.6-.4 1.9-.6v1.2z"/><path id="Fill-40" class="st0" d="M27.9.1H30l2.6 7.1L35.3.1h2v8.5h-1.2V1.2l-2.9 7.4H32l-2.8-7.4v7.4h-1.3z"/><path id="Fill-41" class="st0" d="M48.2 4.9c0-1-.6-1.7-1.6-1.7-1.1 0-1.6.9-1.7 1.7h3.3zm.8 3.5c-.4.2-.9.4-2 .4-2.2 0-3.2-1.3-3.2-3.4 0-1.9 1.2-3.2 2.9-3.2 2.1 0 2.8 1.5 2.8 3.5H45c0 1.2 1 2.1 2.1 2.1.8 0 1.6-.4 1.9-.6v1.2z"/><path id="Fill-42" class="st0" d="M42.2 5.6h-.7c-.6 0-2.2.1-2.2 1.2 0 .7.6 1 1.2 1 1.1 0 1.7-.7 1.7-1.6v-.6zm-3-1.5l-.9-.2c.3-1.4 1.6-1.7 2.4-1.7 1.8 0 2.5.9 2.5 2.6v2.6c0 .7 0 1 .1 1.2h-1.2v-.8c-.3.4-.9 1-1.9 1-1.3 0-2.3-.6-2.3-1.9 0-1.6 1.7-2.1 2.9-2.1H42c0-1.1-.4-1.8-1.5-1.7-1 .1-1.3 1-1.3 1z"/></g><g id="Page-1"><path id="Fill-1" class="st1" d="M28 14c0 7.7-6.3 14-14 14S0 21.7 0 14 6.3 0 14 0s14 6.3 14 14"/><path id="Fill-3" class="st2" d="M14.1 2.3v-.5H14C7.2 1.8 1.8 7.3 1.8 14h.6c6.5.1 11.7-5.2 11.7-11.7"/><path id="Fill-5" class="st3" d="M2.3 14.1h-.6c.1 6.7 5.5 12.2 12.2 12.2h.1v-.4c.1-6.5-5.1-11.8-11.7-11.8"/><path id="Fill-7" class="st4" d="M25.9 14.1h.3V14c0-6.7-5.4-12.2-12.1-12.2v.5c0 6.5 5.3 11.8 11.8 11.8"/><path id="Fill-9" class="st5" d="M14.1 25.9v.4c6.7-.1 12-5.5 12.1-12.2h-.3c-6.5 0-11.8 5.3-11.8 11.8"/></g><path id="Page-1_1_" class="st6" d="M131.1 20.1c.8.5 2 .8 2.6.8.9 0 2.1-.4 2.1-1.6 0-2-4.9-1.9-4.9-5 0-2.3 1.7-3.5 4-3.5 1 0 1.8.2 2.6.4l-.2 1.8c-.5-.3-1.7-.6-2.2-.6-1.1 0-2 .4-2 1.4 0 2.3 4.9 1.6 4.9 5.2 0 2.4-1.9 3.5-3.9 3.5-1.1 0-2.1-.1-3.1-.6l.1-1.8zm9.4-9.7h.3c.2 0 .4 0 .4-.3 0-.2-.2-.3-.4-.3h-.3v.6zm-.3-.8h.7c.4 0 .6.2.6.5s-.2.5-.5.5l.5.8h-.3l-.5-.8h-.2v.8h-.3V9.6zm.6 2.2c.7 0 1.2-.6 1.2-1.3 0-.7-.5-1.3-1.2-1.3s-1.2.6-1.2 1.3c0 .8.5 1.3 1.2 1.3zm0-2.8c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5zM123 20.1c.8.5 2 .8 2.6.8.9 0 2.1-.4 2.1-1.6 0-2-4.9-1.9-4.9-5 0-2.3 1.7-3.5 4-3.5 1 0 1.8.2 2.6.4l-.2 1.8c-.5-.3-1.7-.6-2.2-.6-1.1 0-2 .4-2 1.4 0 2.3 4.9 1.6 4.9 5.2 0 2.4-1.9 3.5-3.9 3.5-1.1 0-2.1-.1-3.1-.6l.1-1.8zm-3.8-3.1h-1.3c-1.1 0-3.9.2-3.9 2.2 0 1.2 1.1 1.8 2.1 1.8 2 0 3.1-1.3 3.1-2.9V17zm-6.2-5.1c1-.6 2.3-1.1 3.7-1.1 3.2 0 4.5 1.6 4.5 4.6V20c0 1.3 0 1.9.1 2.2h-1.9v-1.5c-.5.7-1.6 1.7-3.5 1.7-2.4 0-4.1-1.1-4.1-3.5 0-2.8 3.1-3.7 5.2-3.7h2.2c0-1.9-.7-2.9-2.8-2.9-1.2 0-2.4.4-3.3 1.1l-.1-1.5zm-7.7.6c-2.2 0-3.3 2.1-3.3 4.2 0 1.9 1 4.2 3.3 4.2 2.2 0 3.1-2.5 3.1-4.2 0-2-.8-4.2-3.1-4.2zm-5.4-1.4h2v1.6c.5-.8 1.8-1.8 3.8-1.8 3.3 0 4.8 2.7 4.8 5.7 0 3.1-1.4 6.1-4.8 6.1-2 0-3.1-.8-3.7-1.8V26h-2.1V11.1zm-17.3 0h1.9v1.6c.8-1.3 1.9-1.9 3.6-1.9 1.3 0 2.6.7 3.2 2.2.8-1.6 2.5-2.2 3.5-2.2 2.9 0 3.9 1.8 3.9 4.3v7.2h-2.1v-6.7c0-1.4-.3-3.1-2-3.1-2.1 0-2.9 2.1-2.9 4.2v5.7h-2.1v-6.7c0-1.4-.3-3.1-2-3.1-2.1 0-2.9 2.1-2.9 4.2v5.7h-2.1V11.1zm-8 9.8c2.4 0 3.5-2.2 3.5-4.2 0-2.1-1.3-4.2-3.5-4.2s-3.5 2.1-3.5 4.2c-.1 2 1 4.2 3.5 4.2zm0-10c3.4 0 5.7 2.5 5.7 5.9 0 3.2-2.3 5.9-5.7 5.9s-5.7-2.7-5.7-5.9c-.1-3.5 2.2-5.9 5.7-5.9zM67.4 13c-.8-.3-1.6-.5-2.2-.5-2.3 0-3.6 2.1-3.6 4.2 0 2 1.1 4.2 3.7 4.2.7 0 1.6-.2 2.2-.6l.2 1.8c-.9.4-1.8.5-2.6.5-3.4 0-5.7-2.7-5.7-5.9 0-3.4 2.3-5.9 5.7-5.9.8 0 1.9.2 2.5.4l-.2 1.8zm-19.2-1.9h2v1.8c.6-1.3 2.1-2 3.7-2 2.9 0 4.2 1.8 4.2 4.8v6.7H56v-5.8c0-2.6-.6-3.9-2.4-4-2.4 0-3.4 1.9-3.4 4.6v5.2h-2.1V11.1h.1zM38 7h8.6v1.9h-6.4v4.5H46v1.9h-5.8v5.1h6.4v1.9H38V7z"/></g></g></g></g></svg>

package/dist/cjs/view/header/nav-region/index.js

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   NavRegion: () => NavRegion
 });
+var React = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
-var import_notification = __toModule(require("./notification"));
-var import_user = __toModule(require("./user"));
+var import_notification = __toModule(require("./notification/index.js"));
+var import_user = __toModule(require("./user/index.js"));
 const NavContainer = import_styled_components.default.nav`
   display: flex;
   margin: 0;

package/dist/cjs/view/header/nav-region/notification/index.js

@@ -24,8 +24,9 @@ var __toModule = (module2) => {
 __export(exports, {
   Notification: () => Notification
 });
+var React = __toModule(require("react"));
 var import_index = __toModule(require("./index.svg"));
 const Notification = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",
   "aria-label": "Notifications"
-}, /* @__PURE__ */ React.createElement(import_index.ReactComponent, null)));
+}, /* @__PURE__ */ React.createElement(import_index.default, null)));

package/dist/cjs/view/header/nav-region/notification/index.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16"><g>
+<path data-color="color-2" fill="#ffffff" d="M10,14H6c0,1.1,0.9,2,2,2S10,15.1,10,14z"/>
+<path fill="#ffffff" d="M15,11h-0.5C13.8,10.3,13,9.3,13,8V5c0-2.8-2.2-5-5-5S3,2.2,3,5v3c0,1.3-0.8,2.3-1.5,3H1c-0.6,0-1,0.4-1,1
+	s0.4,1,1,1h14c0.6,0,1-0.4,1-1S15.6,11,15,11z"/>
+</g></svg>

package/dist/cjs/view/header/nav-region/user/index.js

@@ -24,8 +24,9 @@ var __toModule = (module2) => {
 __export(exports, {
   User: () => User
 });
+var React = __toModule(require("react"));
 var import_index = __toModule(require("./index.svg"));
 const User = () => /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
   href: "#",
   "aria-label": "profile"
-}, /* @__PURE__ */ React.createElement(import_index.ReactComponent, null)));
+}, /* @__PURE__ */ React.createElement(import_index.default, null)));

package/dist/cjs/view/header/nav-region/user/index.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16"><g><path fill="#ffffff" d="M8,2c1.1,0,2,0.9,2,2v1c0,1.1-0.9,2-2,2S6,6.1,6,5V4C6,2.9,6.9,2,8,2 M8,0C5.8,0,4,1.8,4,4v1
+	c0,2.2,1.8,4,4,4s4-1.8,4-4V4C12,1.8,10.2,0,8,0L8,0z"/>
+<path data-color="color-2" fill="#ffffff" d="M9,12c1.5,0,2.8,0.8,3.5,2l-8.9,0c0.7-1.2,2-2,3.5-2H9 M9,10H7c-3.3,0-6,2.7-6,6v0h14v0
+	C15,12.7,12.3,10,9,10L9,10z"/></g></svg>

package/dist/cjs/view/intro.stories.mdx

@@ -0,0 +1,27 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Intro" />
+
+# Get Started
+
+Software Development Kit / API for developing React Web applications. Implements cross cutting concerns as reusable APIs
+
+## Install
+
+`npm install --save @elliemae/app-react-dependencies @elliemae/pui-user-monitoring @elliemae/pui-theme @elliemae/ds-basic @elliemae/ds-modal @elliemae/pui-app-sdk`
+
+### **Use**
+
+Import react components you want into your UI
+
+`import { WaitMessage } from ‘@elliemae/pui-app-sdk’;`
+
+and use them like so
+
+```
+  const LoadingIndicator = () => (
+    <div>
+      <WaitMessage size='m' isOpen />
+    </div>
+  )
+```

package/dist/cjs/view/live-message/index.js

@@ -24,8 +24,9 @@ var __toModule = (module2) => {
 __export(exports, {
   LiveMessage: () => LiveMessage
 });
+var React = __toModule(require("react"));
 var import_react_aria_live = __toModule(require("react-aria-live"));
-var import_react_redux = __toModule(require("../../data/react-redux"));
+var import_react_redux = __toModule(require("../../data/react-redux.js"));
 const LiveMessage = () => {
   const message = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.message);
   const id = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.id);

package/dist/cjs/view/loadable/index.js

@@ -24,8 +24,9 @@ var __toModule = (module2) => {
 __export(exports, {
   loadable: () => loadable
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_wait_message_launcher = __toModule(require("../modals/wait-message/wait-message-launcher"));
+var import_wait_message_launcher = __toModule(require("../modals/wait-message/wait-message-launcher.js"));
 const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(import_wait_message_launcher.WaitMessageLauncher, null)) => {
   const LazyComponent = (0, import_react.lazy)(importFunc);
   return (props) => /* @__PURE__ */ React.createElement(import_react.Suspense, {

package/dist/cjs/view/login/index.js

@@ -24,10 +24,11 @@ var __toModule = (module2) => {
 __export(exports, {
   Login: () => Login
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_react_redux = __toModule(require("../../data/react-redux"));
-var import_auth = __toModule(require("../../utils/auth"));
-var import_actions = __toModule(require("../../data/auth/actions"));
+var import_react_redux = __toModule(require("../../data/react-redux.js"));
+var import_auth = __toModule(require("../../utils/auth/index.js"));
+var import_actions = __toModule(require("../../data/auth/actions.js"));
 const Login = ({
   clientId,
   scope,

package/dist/cjs/view/media-breakpoint/index.js

@@ -24,13 +24,14 @@ var __toModule = (module2) => {
 __export(exports, {
   MediaBreakpoint: () => MediaBreakpoint
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
 var import_pubsub_js = __toModule(require("pubsub-js"));
-var import_react_redux = __toModule(require("../../data/react-redux"));
-var import_breakpoint = __toModule(require("../../data/breakpoint"));
-var import_useMediaBreakpoints = __toModule(require("../useMediaBreakpoints"));
-var import_constants = __toModule(require("../../utils/constants"));
+var import_react_redux = __toModule(require("../../data/react-redux.js"));
+var import_breakpoint = __toModule(require("../../data/breakpoint/index.js"));
+var import_useMediaBreakpoints = __toModule(require("../useMediaBreakpoints/index.js"));
+var import_constants = __toModule(require("../../utils/constants.js"));
 const MediaBreakpoint = () => {
   const theme = (0, import_react.useContext)(import_styled_components.ThemeContext);
   const currentBreakpoint = (0, import_useMediaBreakpoints.useMediaBreakpoints)([

package/dist/cjs/view/message-to-host-app/index.js

@@ -25,7 +25,7 @@ __export(exports, {
   getHostAppData: () => getHostAppData,
   sendMessageToHost: () => sendMessageToHost
 });
-var import_host_binding_events = __toModule(require("../host-binding-events"));
+var import_host_binding_events = __toModule(require("../host-binding-events/index.js"));
 const getHostAppData = (action, resolve) => (event) => {
   if (event.data.id === "host-app-data") {
     action(event.data);

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

@@ -27,15 +27,15 @@ __export(exports, {
   unloadApp: () => unloadApp,
   unmountApp: () => unmountApp
 });
-var import_web_storage = __toModule(require("../../../utils/web-storage"));
-var import_host = __toModule(require("../../../utils/micro-frontend/host"));
-var import_micro_frontend = __toModule(require("../../../utils/micro-frontend"));
-var import_log_records = __toModule(require("../../../utils/log-records"));
-var import_const = __toModule(require("../const"));
-var import_window = __toModule(require("../../../utils/window"));
-var import_style = __toModule(require("../resources/style"));
-var import_script = __toModule(require("../resources/script"));
-var import_manifest = __toModule(require("../resources/manifest"));
+var import_web_storage = __toModule(require("../../../utils/web-storage.js"));
+var import_host = __toModule(require("../../../utils/micro-frontend/host.js"));
+var import_micro_frontend = __toModule(require("../../../utils/micro-frontend/index.js"));
+var import_log_records = __toModule(require("../../../utils/log-records.js"));
+var import_const = __toModule(require("../const.js"));
+var import_window = __toModule(require("../../../utils/window.js"));
+var import_style = __toModule(require("../resources/style.js"));
+var import_script = __toModule(require("../resources/script.js"));
+var import_manifest = __toModule(require("../resources/manifest.js"));
 const cssType = new RegExp(/\.css$/);
 const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};
@@ -139,6 +139,8 @@ const unloadApp = ({
   hostUrl,
   documentEle
 }) => {
+  if (!hostUrl)
+    throw new Error("Unable to unload app. hostUrl is required");
   (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_UNLOADING(id));
   const app = (window.emui || {})[id];
   if (!app)

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

@@ -24,10 +24,11 @@ var __toModule = (module2) => {
 __export(exports, {
   MicroApp: () => MicroApp
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
-var import_const = __toModule(require("./const"));
-var import_use_app_will_render = __toModule(require("./use-app-will-render"));
+var import_const = __toModule(require("./const.js"));
+var import_use_app_will_render = __toModule(require("./use-app-will-render.js"));
 const Div = import_styled_components.default.div`
   height: 100%;
   width: 100%;

package/dist/cjs/view/micro-app/resources/manifest.js

@@ -25,15 +25,17 @@ __export(exports, {
   getAppManifest: () => getAppManifest,
   getFullFileNameofAssetsFromManifest: () => getFullFileNameofAssetsFromManifest
 });
-var import_http_client = __toModule(require("../../../communication/http-client"));
-var import_url = __toModule(require("../../../utils/url"));
-var import_micro_frontend = __toModule(require("../../../utils/micro-frontend"));
-var import_log_records = __toModule(require("../../../utils/log-records"));
+var import_http_client = __toModule(require("../../../communication/http-client/index.js"));
+var import_url = __toModule(require("../../../utils/url.js"));
+var import_micro_frontend = __toModule(require("../../../utils/micro-frontend/index.js"));
+var import_log_records = __toModule(require("../../../utils/log-records.js"));
 const getUnVersionedManifestPath = (path) => path.replace(/\/\d+\.\d+/, "/latest");
 const getAppManifest = async ({
   hostUrl,
   manifestPath
 }) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to get app manifest. hostUrl and manifestPath are required.");
   const url = new URL(`${manifestPath.replace(/\/?$/, "/")}manifest.json`, hostUrl);
   const response = await (0, import_http_client.getHTTPClient)().get((0, import_url.removeDoubleSlash)(url.href));
   const { headers } = response;

package/dist/cjs/view/micro-app/resources/script.js

@@ -28,7 +28,7 @@ __export(exports, {
   removePrefetchLinks: () => removePrefetchLinks,
   removeScriptFromDOM: () => removeScriptFromDOM
 });
-var import_url = __toModule(require("../../../utils/url"));
+var import_url = __toModule(require("../../../utils/url.js"));
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = new RegExp("/(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js", "i");
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);

package/dist/cjs/view/micro-app/resources/style.js

@@ -27,7 +27,7 @@ __export(exports, {
   removeDynamicImportedStyles: () => removeDynamicImportedStyles,
   removeStyleFromDOM: () => removeStyleFromDOM
 });
-var import_url = __toModule(require("../../../utils/url"));
+var import_url = __toModule(require("../../../utils/url.js"));
 const APP_STYLE_ID_PREFIX = "emui-style-";
 const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
   const ele = documentEle.createElement("link");

package/dist/cjs/view/micro-app/use-app-will-render.js

@@ -27,15 +27,16 @@ __export(exports, {
 var import_react = __toModule(require("react"));
 var import_lodash = __toModule(require("lodash"));
 var import_react_redux = __toModule(require("react-redux"));
-var import_actions = __toModule(require("../../data/wait-message/actions"));
-var import_app_factory = __toModule(require("./app-factory"));
-var import_micro_frontend = __toModule(require("../../utils/micro-frontend"));
-var import_log_records = __toModule(require("../../utils/log-records"));
+var import_actions = __toModule(require("../../data/wait-message/actions.js"));
+var import_app_factory = __toModule(require("./app-factory/index.js"));
+var import_micro_frontend = __toModule(require("../../utils/micro-frontend/index.js"));
+var import_log_records = __toModule(require("../../utils/log-records.js"));
 const useAppWillRender = ({
   id,
   documentEle,
   history,
   theme,
+  homeRoute,
   onUnloadComplete
 }) => {
   const dispatch = import_react_redux.useDispatch ? (0, import_react_redux.useDispatch)() : null;
@@ -75,11 +76,12 @@ const useAppWillRender = ({
     const appConfig = (0, import_lodash.merge)(getConfig(), {
       documentEle,
       history,
-      theme
+      theme,
+      homeRoute
     });
     load(appConfig);
     return () => {
       ref.current = unload(appConfig);
     };
-  }, [documentEle, getConfig, history, theme, load, unload]);
+  }, [documentEle, getConfig, history, theme, homeRoute, load, unload]);
 };

package/dist/cjs/view/micro-app/utils.js

@@ -24,7 +24,7 @@ var __toModule = (module2) => {
 __export(exports, {
   getNavigationLinks: () => getNavigationLinks
 });
-var import_config = __toModule(require("../../utils/app-config/config"));
+var import_config = __toModule(require("../../utils/app-config/config.js"));
 const getNavigationLinks = () => {
   const microApps = (0, import_config.getAppConfigValue)("microFrontendApps");
   if (!microApps)

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

@@ -24,11 +24,12 @@ var __toModule = (module2) => {
 __export(exports, {
   App: () => App
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_iframe = __toModule(require("file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html"));
-var import_iframe2 = __toModule(require("./iframe"));
-var import_use_frame_loaded = __toModule(require("./use-frame-loaded"));
-var import_use_app_will_render = __toModule(require("../micro-app/use-app-will-render"));
+var import_iframe2 = __toModule(require("./iframe/index.js"));
+var import_use_frame_loaded = __toModule(require("./use-frame-loaded.js"));
+var import_use_app_will_render = __toModule(require("../micro-app/use-app-will-render.js"));
 const App = (0, import_react.memo)(({ id, dispose, onUnloadComplete, ...rest }) => {
   const [documentEle, setDocumentEle] = (0, import_react.useState)(null);
   (0, import_use_frame_loaded.useFrameLoaded)({ id, documentEle, ...rest });

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

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- The first thing in any HTML file should be the charset -->
+    <meta charset="utf-8" />
+    <!-- Make the page mobile compatible -->
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!-- Allow installing the app to the homescreen -->
+    <meta name="mobile-web-app-capable" content="yes" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Application</title>
+    <!-- Google Tag Manager -->
+    <!-- <script nonce="__CSP_NONCE__">
+    (function (w, d, s, l, i) {
+      w[l] = w[l] || [];
+      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
+      var f = d.getElementsByTagName(s)[0],
+        j = d.createElement(s),
+        dl = l != 'dataLayer' ? '&l=' + l : '';
+      j.async = true;
+      j.src =
+        'https://www.googletagmanager.com/gtm.js?id=' +
+        i +
+        dl;
+      f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', window.emui.gtm.id);
+  </script> -->
+    <!-- <script nonce="__CSP_NONCE__">
+      window.emuiUserMonitoring = window.parent.emuiUserMonitoring || {
+        setCustomVirtualPageName: function () {},
+        startVirtualPageMonitoringWithAutoEnd: function () {},
+      };
+    </script> -->
+    <script>
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r;
+        (i[r] =
+          i[r] ||
+          function () {
+            (i[r].q = i[r].q || []).push(arguments);
+          }),
+          (i[r].l = 1 * new Date());
+        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(
+        window,
+        document,
+        'script',
+        'https://www.google-analytics.com/analytics.js',
+        'ga',
+      );
+    </script>
+    <style>
+      .full-width {
+        width: 100%;
+      }
+      .full-height {
+        height: 100%;
+      }
+    </style>
+  </head>
+
+  <body class="full-width full-height">
+    <!-- Display a message if JS has been disabled on the browser. -->
+    <noscript
+      >If you're seeing this message, that means
+      <strong>JavaScript has been disabled on your browser</strong>, please
+      <strong>enable JS</strong> to make this app work.</noscript
+    >
+    <div id="pui-app-container-" class="full-width full-height"></div>
+  </body>
+</html>

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

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   IFrame: () => IFrame
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
 var import_styled_components = __toModule(require("styled-components"));
-var import_const = __toModule(require("./const"));
+var import_const = __toModule(require("./const.js"));
 const Div = import_styled_components.default.div`
   display: flex;
   width: 100%;

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

@@ -24,9 +24,10 @@ var __toModule = (module2) => {
 __export(exports, {
   MicroIFrameApp: () => MicroIFrameApp
 });
+var React = __toModule(require("react"));
 var import_react = __toModule(require("react"));
-var import_use_previous = __toModule(require("../use-previous"));
-var import_app = __toModule(require("./app"));
+var import_use_previous = __toModule(require("../use-previous.js"));
+var import_app = __toModule(require("./app.js"));
 const MicroIFrameApp = (0, import_react.memo)(({ entityId = null, ...rest }) => {
   const [disposePrevApp, setDisposePrevApp] = (0, import_react.useState)(false);
   const [appKey, setAppKey] = (0, import_react.useState)(Date.now());

package/dist/cjs/view/micro-iframe-app/use-frame-loaded.js

@@ -25,13 +25,15 @@ __export(exports, {
   useFrameLoaded: () => useFrameLoaded
 });
 var import_react = __toModule(require("react"));
-var import_session = __toModule(require("../../utils/session"));
-var import_host = __toModule(require("../../utils/micro-frontend/host"));
-var import_micro_frontend = __toModule(require("../../utils/micro-frontend"));
+var import_session = __toModule(require("../../utils/session.js"));
+var import_host = __toModule(require("../../utils/micro-frontend/host.js"));
+var import_micro_frontend = __toModule(require("../../utils/micro-frontend/index.js"));
 const addBaseTag = (id, documentEle) => {
   const { hostUrl, manifestPath } = (0, import_micro_frontend.getMicroFrontEndAppConfig)({
     id
   });
+  if (!manifestPath)
+    return;
   const base = documentEle.createElement("base");
   base.href = new URL(manifestPath, hostUrl).href;
   documentEle.getElementsByTagName("head")[0].appendChild(base);