@xyo-network/os-react-runtime 4.2.6 → 4.2.8

package/dist/browser/index.mjs

@@ -167,7 +167,7 @@ import { FlexCol as FlexCol13 } from "@xylabs/react-flexbox";
 import React35 from "react";
 
 // src/modules/Dapp/Container.tsx
-import React28, { memo, useMemo as useMemo13 } from "react";
+import React28, { memo, useMemo as useMemo14 } from "react";
 
 // src/hooks/access-requests/useBuildDappAccessRequestResource.ts
 import { usePromise } from "@xylabs/react-promise";
@@ -2069,7 +2069,7 @@ var DefaultComingSoon = /* @__PURE__ */ __name(({ children, desc = defaultDescri
 // src/modules/Dapp/modules/Window/DappWindow.tsx
 import { Snackbar } from "@mui/material";
 import { ErrorBoundary, ErrorRender as ErrorRender3 } from "@xylabs/react-error";
-import React19 from "react";
+import React19, { useMemo as useMemo13 } from "react";
 
 // src/modules/Dapp/modules/Window/hooks/lib/DappPathHelpers.ts
 import { NameTransforms as NameTransforms2 } from "@xyo-network/os-runtime";
@@ -2488,10 +2488,13 @@ var DappWindow = /* @__PURE__ */ __name(({ children, context, dapp, dappMenuProp
   useSyncOsRegisteredAccessInterfaces(context);
   const routingError = useManageDappPathFromRoute(context, name);
   const injectableErrors = useManageDappInjectableParamsFromRoute(context);
-  const resolvedErrors = [
+  const resolvedErrors = useMemo13(() => [
     ...injectableErrors,
     routingError
-  ];
+  ].filter(Boolean), [
+    injectableErrors,
+    routingError
+  ]);
   return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(ErrorBoundary, null, /* @__PURE__ */ React19.createElement(DappMetaTags, {
     active,
     activePath: dappMenuProperties?.activePath,
@@ -2786,7 +2789,8 @@ var StyledMenuIconWrapSpan = styled3("span", {
   flexDirection: "column"
 }));
 var StyledListItemButton = styled3(ListItemButton, {
-  name: "StyledListItemButton"
+  name: "StyledListItemButton",
+  shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "active", "shouldForwardProp")
 })(({ theme, active }) => {
   const activeOrHoverColor = theme.palette.primary.main;
   return {
@@ -3232,7 +3236,7 @@ var DappRendered = /* @__PURE__ */ __name(({ context, dapp, dappMenuProperties,
 var DappContainer = /* @__PURE__ */ __name(({ currentIntent, dappSet, xnsNodeUrl, xnsNetwork }) => {
   const { dapp, dappIcon } = dappSet;
   const { dappWallet, context, nodeCreateError } = useDappContextCreator(xnsNodeUrl, xnsNetwork, dapp, currentIntent);
-  const dappState = useMemo13(() => {
+  const dappState = useMemo14(() => {
     if (currentIntent?.targetDappId === dapp.config.name) {
       return deriveDappState(currentIntent);
     }
@@ -3241,13 +3245,13 @@ var DappContainer = /* @__PURE__ */ __name(({ currentIntent, dappSet, xnsNodeUrl
     dapp
   ]);
   const { error: menuError, ...dappMenuProperties } = useDappMenu(context, dapp?.config.name);
-  const errors = useMemo13(() => [
+  const errors = useMemo14(() => [
     nodeCreateError,
     menuError
   ].filter(Boolean), [
     nodeCreateError
   ]);
-  const dappWindowProps = useMemo13(() => ({
+  const dappWindowProps = useMemo14(() => ({
     context,
     dapp,
     dappMenuProperties,
@@ -3290,7 +3294,7 @@ var ContainerFlexbox = /* @__PURE__ */ __name(({ children, containerProps, scrol
 
 // src/modules/Dapp/Page/Row.tsx
 import { Divider as Divider4, Fade as Fade2, styled as styled5 } from "@mui/material";
-import React31, { useMemo as useMemo14 } from "react";
+import React31, { useMemo as useMemo15 } from "react";
 
 // src/modules/Dapp/Page/DividerChip.tsx
 import { Chip as Chip2, CircularProgress } from "@mui/material";
@@ -3314,7 +3318,7 @@ var DividerChip = /* @__PURE__ */ __name(({ registeredDapps, ...props }) => {
 
 // src/modules/Dapp/Page/Row.tsx
 var DappsRow = /* @__PURE__ */ __name(({ chipLabel, currentIntent, installType, registeredDappsSet, xnsNetwork, xnsNodeUrl }) => {
-  const filteredRegisteredDappSets = useMemo14(() => DappInstallTypeFilters[installType](registeredDappsSet), [
+  const filteredRegisteredDappSets = useMemo15(() => DappInstallTypeFilters[installType](registeredDappsSet), [
     installType,
     registeredDappsSet
   ]);
@@ -3354,11 +3358,11 @@ var StyledGridContainer = styled5("div", {
 import { SignalCellularAltOutlined } from "@mui/icons-material";
 import { Tooltip as Tooltip5, useTheme as useTheme8 } from "@mui/material";
 import { useColorSchemeEx as useColorSchemeEx3 } from "@xylabs/react-invertible-theme";
-import React32, { useMemo as useMemo17 } from "react";
+import React32, { useMemo as useMemo18 } from "react";
 
 // src/modules/network/hooks/useOsNetwork.tsx
 import { OsPubSubNetworkReadyEvent } from "@xyo-network/os-runtime";
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 
 // src/modules/network/hooks/lib/createNetworkState.ts
 import { assertEx as assertEx8 } from "@xylabs/assert";
@@ -3386,7 +3390,7 @@ var createNetworkState = /* @__PURE__ */ __name((stackReady) => {
 var useOsNetwork = /* @__PURE__ */ __name(() => {
   const context = useXyOsUiContext();
   const stackReady = useStackReady(OsPubSubNetworkReadyEvent, "osPubSubNetworkStack", context);
-  const networkState = useMemo15(() => {
+  const networkState = useMemo16(() => {
     return createNetworkState(stackReady);
   }, [
     context,
@@ -3397,11 +3401,11 @@ var useOsNetwork = /* @__PURE__ */ __name(() => {
 
 // src/modules/network/hooks/useXyoPublicNetwork.tsx
 import { OsXyoPublicNetworkReadyEvent } from "@xyo-network/os-runtime";
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 var useXyoPublicNetwork = /* @__PURE__ */ __name(() => {
   const context = useXyOsUiContext();
   const stackReady = useStackReady(OsXyoPublicNetworkReadyEvent, "xyoPublicNetworkStack", context);
-  const networkState = useMemo16(() => {
+  const networkState = useMemo17(() => {
     return createNetworkState(stackReady);
   }, [
     context,
@@ -3481,7 +3485,7 @@ var NetworkLoadingIndicator = /* @__PURE__ */ __name(({ highContrast }) => {
   const successColor = highContrast ? highContrastSuccessColor : theme.palette.success.main;
   const highContrastErrorColor = darkMode ? theme.palette.success.dark : theme.palette.error.main;
   const errorColor = highContrast ? highContrastErrorColor : theme.palette.error.main;
-  const NetworkComponent = useMemo17(() => {
+  const NetworkComponent = useMemo18(() => {
     if (networkReady) {
       const connectionReady = true;
       return connectionReady ? () => /* @__PURE__ */ React32.createElement(Tooltip5, {
@@ -4453,10 +4457,10 @@ import React54 from "react";
 
 // src/dapps/shared/table/head/hooks/useVisibleColumns.tsx
 import { useMediaQuery as useMediaQuery2 } from "@mui/material";
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 var useVisibleColumns = /* @__PURE__ */ __name((tableHeadCells) => {
   const isMedium = useMediaQuery2((theme) => theme.breakpoints.down("lg"));
-  const VisibleTableCells = useMemo18(() => {
+  const VisibleTableCells = useMemo19(() => {
     return isMedium ? tableHeadCells.filter((cell) => cell.showOnMobile) : tableHeadCells;
   }, [
     isMedium,
@@ -4535,7 +4539,7 @@ var NextIteratorFlexbox = /* @__PURE__ */ __name(({ next: changePage, loading, .
 
 // src/settings/Theme/ThemeProvider.tsx
 import { InvertibleMuiThemeProvider } from "@xylabs/react-invertible-theme";
-import React56, { useMemo as useMemo19 } from "react";
+import React56, { useMemo as useMemo20 } from "react";
 
 // src/settings/Theme/ThemeCssVars.ts
 import { alpha as alpha9, createTheme, darken as darken2, lighten } from "@mui/material";
@@ -4830,7 +4834,7 @@ var ThemeCssVars = createTheme({
 
 // src/settings/Theme/ThemeProvider.tsx
 var AppOsThemeProvider = /* @__PURE__ */ __name(({ children }) => {
-  const initialValue = useMemo19(() => {
+  const initialValue = useMemo20(() => {
     const validValues = [
       "light",
       "dark"