@elliemae/pui-app-sdk 3.0.0-beta.27 → 3.0.0-beta.28

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.html"
+  ]
+}

package/dist/esm/sideeffect/auth/index.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import {
+  call,
+  put,
+  takeLatest
+} from "redux-saga/effects";
+import {
+  LOGIN,
+  LOGOUT,
+  LOGIN_SUCCESS
+} from "../../data/auth/actions.js";
+import { authorize, endSession } from "../../utils/auth/index.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+function* login({
+  payload
+}) {
+  try {
+    yield call(authorize, payload);
+    yield put({ type: LOGIN_SUCCESS });
+  } catch (err) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGIN_FAILED), {
+      exception: err
+    }));
+  }
+}
+function* logout({
+  payload
+}) {
+  try {
+    yield call(endSession, payload);
+  } catch (err) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGOUT_FAILED), {
+      exception: err
+    }));
+  }
+}
+function* authentication() {
+  yield takeLatest(LOGIN, login);
+  yield takeLatest(LOGOUT, logout);
+}
+export {
+  authentication,
+  login,
+  logout
+};

package/dist/esm/sideeffect/error-toast/index.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { call, takeLatest } from "redux-saga/effects";
+import { actions } from "../../data/error/index.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+function* openErrorToast(action) {
+  try {
+    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const host = yield call(microApp.getHost.bind(microApp));
+    const message = action?.payload?.description || action?.payload?.messageText;
+    if (host && message)
+      yield call(host.openErrorBanner.bind(host), message);
+  } catch (ex) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.ERR_TOAST_OPEN_FAILED), {
+      exception: ex
+    }));
+  }
+}
+function* errorToast() {
+  yield takeLatest(actions.set.type, openErrorToast);
+}
+export {
+  errorToast
+};

package/dist/esm/sideeffect/wait-message/index.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { call, takeLatest } from "redux-saga/effects";
+import { ACTIONS } from "../../data/wait-message/actions.js";
+import { CMicroAppGuest } from "../../utils/micro-frontend/guest.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+function* openWaitMessage() {
+  try {
+    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const host = yield call(microApp.getHost.bind(microApp));
+    if (host)
+      yield call(host.openWaitMessage.bind(host));
+  } catch (ex) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.WAIT_MSG_OPEN_FAILED), {
+      exception: ex
+    }));
+  }
+}
+function* closeWaitMessage() {
+  try {
+    const microApp = yield call(CMicroAppGuest.getInstance.bind(CMicroAppGuest));
+    const host = yield call(microApp.getHost.bind(microApp));
+    if (host)
+      yield call(host.closeWaitMessage.bind(host));
+  } catch (ex) {
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.WAIT_MSG_CLOSE_FAILED), {
+      exception: ex
+    }));
+  }
+}
+function* waitMessage() {
+  yield takeLatest(ACTIONS.OPEN, openWaitMessage);
+  yield takeLatest(ACTIONS.CLOSE, closeWaitMessage);
+}
+export {
+  waitMessage
+};

package/dist/{es → esm}/utils/auth/index.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { browserHistory as history } from "../history.js";
 import {
   getToken,
@@ -69,10 +88,9 @@ const endSession = async ({
     logoutUrl.search = searchParams.toString();
     window.location.replace(logoutUrl.href);
   } catch (err) {
-    getLogger().error({
-      ...logRecords.LOGOUT_FAILED,
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGOUT_FAILED), {
       exception: err
-    });
+    }));
   }
 };
 const authorize = async ({
@@ -118,10 +136,9 @@ const authorize = async ({
   } catch (err) {
     const code = err?.response?.data?.code;
     await endSession({ clientId, redirectUri, code, scope, responseType });
-    getLogger().error({
-      ...logRecords.LOGIN_FAILED,
+    getLogger().error(__spreadProps(__spreadValues({}, logRecords.LOGIN_FAILED), {
       exception: err
-    });
+    }));
   }
 };
 const login = async ({

package/dist/{es → esm}/utils/service-worker.js

@@ -7,10 +7,9 @@ const initServiceWorker = (swDest = "") => {
       navigator.serviceWorker.register(`${swDest.replace(/\/?$/, "/")}sw.js`).then(() => {
         logger.debug("Service Worker registered");
       }).catch((registrationError) => {
-        logger.error({
-          ...logRecords.SERVICE_WORKER_FAILED,
+        logger.error(__spreadProps(__spreadValues({}, logRecords.SERVICE_WORKER_FAILED), {
           exception: registrationError
-        });
+        }));
       });
     });
   }

package/dist/esm/utils/storybook/theme.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { create } from "@storybook/theming/create";
+const createTheme = (_a) => {
+  var _b = _a, {
+    base = "light",
+    brandTitle = "Platform UI Components"
+  } = _b, rest = __objRest(_b, [
+    "base",
+    "brandTitle"
+  ]);
+  return create(__spreadValues({
+    base,
+    brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`
+  }, rest));
+};
+export {
+  createTheme
+};

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

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { render } from "@testing-library/react";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { createAppStore } from "../../data/store.js";
+import { AppRoot } from "../../view/app-root/index.js";
+import { browserHistory } from "../history.js";
+const defaultStore = createAppStore({}, browserHistory);
+const defaultTheme = getDefaultTheme();
+const AllTheProviders = ({
+  store = defaultStore,
+  theme = defaultTheme,
+  children
+}) => /* @__PURE__ */ React.createElement(AppRoot, {
+  store,
+  history: browserHistory,
+  theme
+}, children);
+const customRender = (ui, options) => render(ui, __spreadValues({ wrapper: AllTheProviders }, options));
+export * from "@testing-library/react";
+export {
+  customRender as render
+};

package/dist/esm/utils/testing/render-with-redux.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
+const renderWithRedux = (ui, {
+  initialState,
+  store = createAppStore(initialState, browserHistory)
+} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
+  store
+}, ui))), {
+  store
+});
+export {
+  renderWithRedux
+};

package/dist/esm/utils/testing/render-with-router-redux.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { createMemoryHistory } from "history";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
+import { AppRouter } from "../../view/app-router.js";
+const renderWithRouterRedux = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] }),
+  initialState,
+  store = createAppStore(initialState, browserHistory)
+} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
+  store
+}, /* @__PURE__ */ React.createElement(AppRouter, {
+  history
+}, ui)))), {
+  store
+});
+export {
+  renderWithRouterRedux
+};

package/dist/esm/utils/testing/render-with-router.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { render } from "@testing-library/react";
+import { createMemoryHistory } from "history";
+import { AppRouter } from "../../view/app-router.js";
+const renderWithRouter = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] })
+} = {}) => {
+  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
+    history
+  }, ui));
+  return __spreadProps(__spreadValues({}, renderResult), {
+    history
+  });
+};
+export {
+  renderWithRouter
+};

package/dist/esm/utils/testing/render-with-state-addons.js

@@ -0,0 +1,69 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { ThemeProvider } from "styled-components";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import {
+  useInjectReducer,
+  useInjectSaga
+} from "redux-injectors";
+const RenderWithStateAddOns = (_a) => {
+  var _b = _a, {
+    Component,
+    reducer,
+    saga,
+    theme = getDefaultTheme()
+  } = _b, rest = __objRest(_b, [
+    "Component",
+    "reducer",
+    "saga",
+    "theme"
+  ]);
+  const [ready, setReady] = useState(false);
+  if (Array.isArray(reducer)) {
+    reducer.forEach((r) => useInjectReducer(r));
+  } else {
+    useInjectReducer(reducer);
+  }
+  if (Array.isArray(saga)) {
+    saga.forEach((s) => useInjectSaga(s));
+  } else if (saga) {
+    useInjectSaga(saga);
+  }
+  useEffect(() => {
+    setReady(true);
+  }, []);
+  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
+    theme
+  }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, rest))) : null;
+};
+export {
+  RenderWithStateAddOns
+};

package/dist/{es → esm}/view/app-root/index.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
@@ -14,11 +30,7 @@ const AppToRender = (props) => {
   useInjectSaga({ key: "waitMessage", saga: waitMessage });
   useInjectSaga({ key: "errorToast", saga: errorToast });
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, {
-    ...props
-  }) : /* @__PURE__ */ React.createElement(HostedApp, {
-    ...props
-  });
+  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(HostedApp, __spreadValues({}, props));
 };
 const AppRoot = ({
   store,

package/dist/esm/view/app-router.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useState, useLayoutEffect } from "react";
+import { Router } from "react-router-dom";
+const AppRouter = (_a) => {
+  var _b = _a, { history } = _b, props = __objRest(_b, ["history"]);
+  const [state, setState] = useState({
+    action: history.action,
+    location: history.location
+  });
+  useLayoutEffect(() => history.listen(setState), [history]);
+  return /* @__PURE__ */ React.createElement(Router, __spreadProps(__spreadValues({}, props), {
+    location: state.location,
+    navigationType: state.action,
+    navigator: history
+  }));
+};
+export {
+  AppRouter
+};