npm - @elliemae/pui-app-sdk - Versions diffs - 6.0.0-alpha.3 → 6.0.0-alpha.4 - Mend

@elliemae/pui-app-sdk 6.0.0-alpha.3 → 6.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (801) hide show

package/dist/esm/view/modals/navigation-prompt/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Close } from "@elliemae/ds-icons";
-import { DSButtonV2 } from "@elliemae/ds-button";
+import { DSButtonV2 } from "@elliemae/ds-button-v2";
 import {
   DSDialog,
   DSDialogHeader,

package/dist/esm/view/modals/session-expiry/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useState, useRef } from "react";
-import { DSButtonV2 } from "@elliemae/ds-button";
+import { DSButtonV2 } from "@elliemae/ds-button-v2";
 import { WarningCircle } from "@elliemae/ds-icons";
 import { useFocusTrap } from "@elliemae/ds-utilities";
 import {
@@ -54,7 +54,17 @@ const SessionExpiry = memo(
             children: "Logout"
           }
         ),
-        /* @__PURE__ */ jsx(DSButtonV2, { innerRef: lastElementRef, onClick: resetSession, children: "Reset" })
+        /* @__PURE__ */ jsx(
+          DSButtonV2,
+          {
+            innerRef: lastElementRef,
+            onClick: () => {
+              resetSession().catch(() => {
+              });
+            },
+            children: "Reset"
+          }
+        )
       ] })
     ] }) : null;
   }

package/dist/esm/view/page.js CHANGED Viewed

@@ -1,19 +1,22 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { Helmet } from "react-helmet";
-import * as brum from "@elliemae/pui-user-monitoring";
 import { pageViewEvent } from "../analytics/page-view-event.js";
+import { lrTrack } from "../utils/logrocket.js";
 const onPageView = (pageTitle) => {
-  try {
-    if (brum && pageTitle) {
-      brum.setCustomVirtualPageName(pageTitle);
-      brum.startVirtualPageMonitoringWithAutoEnd(pageTitle);
-    }
-  } catch {
-  }
   pageViewEvent({ pageTitle });
+  lrTrack("page-view", {
+    pageTitle
+  });
 };
 const Page = ({ pageTitle = "ICE", children }) => {
-  onPageView(pageTitle);
+  const prevTitle = useRef(null);
+  useEffect(() => {
+    if (prevTitle.current !== pageTitle) {
+      prevTitle.current = pageTitle;
+      onPageView(pageTitle);
+    }
+  }, [pageTitle]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx("title", { children: pageTitle }) }),
     children

package/dist/esm/view/require-auth.js CHANGED Viewed

@@ -18,7 +18,8 @@ const RequireAuth = ({
   userId,
   disableRememberMe,
   useCompactIdpPage,
-  isSSO
+  isSSO,
+  isConsumerUser = false
 }) => {
   const AuthManager = createManager({
     name: "AuthManager",
@@ -44,6 +45,7 @@ const RequireAuth = ({
       disableRememberMe,
       useCompactIdpPage,
       isSSO,
+      isConsumerUser,
       children
     }
   ) });

package/dist/esm/view/tests/__snapshots__/guest-microapp.test.tsx.snap ADDED Viewed

@@ -0,0 +1,75 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`GuestMicroApp with SSFHost should accept ssfAppOptions 1`] = `
+<iframe
+  id="ssfapp"
+  sandbox="allow-scripts allow-popups allow-modals allow-forms allow-downloads allow-same-origin"
+  src="http://localhost:3111/ssfapp/?analyticsConsent=false&lrEnabled=false&lrAppId=pui-cli&testParam=testValue"
+  style="min-width: 100%; height: 100%; border: 0px; border: 10px solid blue;"
+  title="SSF App"
+/>
+`;
+exports[`GuestMicroApp with SSFHost should open ssfapp 1`] = `
+<iframe
+  id="ssfapp"
+  src="http://localhost:3111/ssfapp/?analyticsConsent=false&lrEnabled=false&lrAppId=pui-cli"
+  style="min-width: 100%; height: 100%; border: 0px; border: 2px solid red;"
+  title="SSF App"
+/>
+`;
+exports[`GuestMicroApp with SSFHost should open ssfapp 2`] = `
+"<html lang="en"><head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SSFApp</title>
+    <!-- <script src="https://cdn.mortgagetech.q1.ice.com/ssf-guest"></script> -->
+</head>
+<body>
+    <h1>SSF App</h1>
+    <output id="output">ssfapp starting
+ssfapp loaded</output>
+    <script src="./latest/index.js"></script>
+</body></html>"
+`;
+exports[`GuestMicroApp with SSFHost should prefer ssfAppOptions sent in params instead of from app.config.json 1`] = `
+<iframe
+  id="ssfapp"
+  sandbox="allow-scripts allow-popups allow-modals allow-forms allow-downloads allow-same-origin"
+  src="http://localhost:3111/ssfapp/?analyticsConsent=false&lrEnabled=false&lrAppId=pui-cli&testParam=testValue"
+  style="min-width: 100%; height: 100%; border: 0px; border: 2px solid red;"
+  title="SSF App"
+/>
+`;
+exports[`GuestMicroApp with SSFHost should use ssfAppOptions from app.config.json 1`] = `
+<iframe
+  id="ssfapp"
+  src="http://localhost:3111/ssfapp/?analyticsConsent=false&lrEnabled=false&lrAppId=pui-cli"
+  style="min-width: 100%; height: 100%; border: 0px; border: 2px solid red;"
+  title="SSF App"
+/>
+`;
+exports[`MicroAppV2 should open loanapp and call init and mount methods 1`] = `
+Document {
+  "location": Location {
+    "assign": [Function],
+    "hash": "",
+    "host": "localhost:3111",
+    "hostname": "localhost",
+    "href": "http://localhost:3111/frame.html?analyticsConsent=false&lrEnabled=false&lrAppId=pui-cli",
+    "origin": "http://localhost:3111",
+    "pathname": "/frame.html",
+    "port": "3111",
+    "protocol": "http:",
+    "reload": [Function],
+    "replace": [Function],
+    "search": "?analyticsConsent=false&lrEnabled=false&lrAppId=pui-cli",
+    "toString": [Function],
+  },
+}
+`;

package/dist/esm/view/tests/__snapshots__/micro-iframe-app.test.tsx.snap ADDED Viewed

@@ -0,0 +1,355 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`MicroIFrameApp should close previous instance of app before loading new instance 2`] = `
+<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
+      &lt;strong&gt;JavaScript has been disabled on your browser&lt;/strong&gt;, please
+      &lt;strong&gt;enable JS&lt;/strong&gt; to make this app work.
+  </noscript>
+  <div
+    class="full-width full-height"
+    data-testid="pui-app-container-loanapp"
+    id="pui-app-container-loanapp"
+  >
+    <main>
+      <h1>
+        Loan App
+      </h1>
+      <p>
+        Go to
+        <a
+          href="#"
+        >
+          Pipeline
+        </a>
+      </p>
+    </main>
+  </div>
+</body>
+`;
+exports[`MicroIFrameApp should close previous instance of app before loading new instance 3`] = `
+<head>
+  <!-- The first thing in any HTML file should be the charset -->
+  <meta
+    charset="utf-8"
+  />
+  <!-- Make the page mobile compatible -->
+  <meta
+    content="width=device-width, initial-scale=1"
+    name="viewport"
+  />
+  <!-- Allow installing the app to the homescreen -->
+  <meta
+    content="yes"
+    name="mobile-web-app-capable"
+  />
+  <link
+    href="/favicon.ico"
+    rel="icon"
+  />
+  <title>
+    Application
+  </title>
+  <script
+    src="https://www.google-analytics.com/analytics.js"
+  />
+  <script
+    src="https://cdn.lrkt-in.com/LogRocket.min.js"
+  />
+  <!-- Google Tag Manager -->
+  <!-- &lt;script nonce="__CSP_NONCE__"&gt;
+    (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);
+  &lt;/script&gt; -->
+  <!-- &lt;script nonce="__CSP_NONCE__"&gt;
+      window.emuiUserMonitoring = window.parent.emuiUserMonitoring || {
+        setCustomVirtualPageName: function () {},
+        startVirtualPageMonitoringWithAutoEnd: function () {},
+      };
+    &lt;/script&gt; -->
+  <script
+    nonce="__CSP_NONCE__"
+  >
+      (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
+    nonce="__CSP_NONCE__"
+  >
+      .full-width {
+        width: 100%;
+      }
+      .full-height {
+        height: 100%;
+      }
+  </style>
+  <base
+    href="http://localhost:3111/loan/latest"
+  />
+  <link
+    crossorigin="anonymous"
+    href="http://localhost:3111/loan/latest/index.js"
+    rel="preload"
+  />
+  <script
+    crossorigin="anonymous"
+    id="ice-script-loan-0"
+    nonce="__CSP_NONCE__"
+    src="http://localhost:3111/loan/latest/index.js"
+  />
+</head>
+`;
+exports[`MicroIFrameApp should open loanapp and call init and mount methods 1`] = `
+<head>
+  <!-- The first thing in any HTML file should be the charset -->
+  <meta
+    charset="utf-8"
+  />
+  <!-- Make the page mobile compatible -->
+  <meta
+    content="width=device-width, initial-scale=1"
+    name="viewport"
+  />
+  <!-- Allow installing the app to the homescreen -->
+  <meta
+    content="yes"
+    name="mobile-web-app-capable"
+  />
+  <link
+    href="/favicon.ico"
+    rel="icon"
+  />
+  <title>
+    Application
+  </title>
+  <script
+    src="https://www.google-analytics.com/analytics.js"
+  />
+  <script
+    src="https://cdn.lrkt-in.com/LogRocket.min.js"
+  />
+  <!-- Google Tag Manager -->
+  <!-- &lt;script nonce="__CSP_NONCE__"&gt;
+    (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);
+  &lt;/script&gt; -->
+  <!-- &lt;script nonce="__CSP_NONCE__"&gt;
+      window.emuiUserMonitoring = window.parent.emuiUserMonitoring || {
+        setCustomVirtualPageName: function () {},
+        startVirtualPageMonitoringWithAutoEnd: function () {},
+      };
+    &lt;/script&gt; -->
+  <script
+    nonce="__CSP_NONCE__"
+  >
+      (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
+    nonce="__CSP_NONCE__"
+  >
+      .full-width {
+        width: 100%;
+      }
+      .full-height {
+        height: 100%;
+      }
+  </style>
+  <base
+    href="http://localhost:3111/loan/latest"
+  />
+  <link
+    crossorigin="anonymous"
+    href="http://localhost:3111/loan/latest/index.js"
+    rel="preload"
+  />
+  <script
+    crossorigin="anonymous"
+    id="ice-script-loan-0"
+    nonce="__CSP_NONCE__"
+    src="http://localhost:3111/loan/latest/index.js"
+  />
+</head>
+`;
+exports[`MicroIFrameApp should open loanapp and call init and mount methods 2`] = `
+<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
+      &lt;strong&gt;JavaScript has been disabled on your browser&lt;/strong&gt;, please
+      &lt;strong&gt;enable JS&lt;/strong&gt; to make this app work.
+  </noscript>
+  <div
+    class="full-width full-height"
+    data-testid="pui-app-container-loanapp"
+    id="pui-app-container-loanapp"
+  >
+    <main>
+      <h1>
+        Loan App
+      </h1>
+      <p>
+        Go to
+        <a
+          href="#"
+        >
+          Pipeline
+        </a>
+      </p>
+    </main>
+  </div>
+</body>
+`;