@xyo-network/react-chain-network 1.23.0 → 2.0.0

package/dist/browser/index.mjs

@@ -1,15 +1,19 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/broadcast/Drawer.tsx
-import { Box, Button, Drawer, Pagination, Stack as Stack3, Typography as Typography3 } from "@mui/material";
-import React6, { useState as useState7 } from "react";
+import {
+  Box,
+  Button,
+  Drawer,
+  Pagination,
+  Stack as Stack3,
+  Typography as Typography3
+} from "@mui/material";
+import { useState as useState7 } from "react";
 
 // src/hooks/provider/useRpcBroadcastListener.ts
 import { isJsonRpcRequest, isJsonRpcResponse } from "@metamask/utils";
 import { isDefined, isString } from "@xylabs/sdk-js";
 import { useEffect, useState } from "react";
-var parseRpcCall = /* @__PURE__ */ __name((acc, event) => {
+var parseRpcCall = (acc, event) => {
   if (isJsonRpcResponse(event.rpcCall)) {
     const castedEvent = event;
     acc[castedEvent.rpcCall.id].result = castedEvent;
@@ -21,12 +25,12 @@ var parseRpcCall = /* @__PURE__ */ __name((acc, event) => {
   }
   acc[event.rpcCall.id].source = event.source;
   return acc;
-}, "parseRpcCall");
-var useRpcBroadcastListener = /* @__PURE__ */ __name(() => {
+};
+var useRpcBroadcastListener = () => {
   const [events, setEvents] = useState({});
-  const clearEvents = /* @__PURE__ */ __name(() => setEvents({}), "clearEvents");
+  const clearEvents = () => setEvents({});
   useEffect(() => {
-    const listener = /* @__PURE__ */ __name((e) => {
+    const listener = (e) => {
       if ("detail" in e) {
         const { detail } = e ?? {};
         if (isString(detail)) {
@@ -40,9 +44,7 @@ var useRpcBroadcastListener = /* @__PURE__ */ __name(() => {
             };
             setEvents((prev) => {
               const { id } = broadcastedRpcCall.rpcCall;
-              const newState = {
-                ...prev
-              };
+              const newState = { ...prev };
               if (isDefined(newState[id])) {
                 parseRpcCall(newState, broadcastedRpcCall);
               } else {
@@ -56,7 +58,7 @@ var useRpcBroadcastListener = /* @__PURE__ */ __name(() => {
           }
         }
       }
-    }, "listener");
+    };
     globalThis.addEventListener("xyo:broadcast-rpc-request", listener);
     globalThis.addEventListener("xyo:broadcast-rpc-response", listener);
     return () => {
@@ -64,19 +66,19 @@ var useRpcBroadcastListener = /* @__PURE__ */ __name(() => {
       globalThis.removeEventListener("xyo:broadcast-rpc-response", listener);
     };
   }, []);
-  return {
-    events,
-    clearEvents
-  };
-}, "useRpcBroadcastListener");
+  return { events, clearEvents };
+};
 
 // src/hooks/provider/useViewerInPage.ts
-import { isDefined as isDefined3, isNull, isUndefined } from "@xylabs/sdk-js";
+import {
+  isDefined as isDefined3,
+  isNull,
+  isUndefined
+} from "@xylabs/sdk-js";
 import { useProvidedGateway } from "@xyo-network/xl1-react-client-sdk";
 
 // src/context/ActiveGatewayProvider.tsx
 import { GatewayProvider, InPageGatewaysProvider } from "@xyo-network/react-chain-provider";
-import React2 from "react";
 
 // src/context/network/context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -87,19 +89,19 @@ import { ErrorRender } from "@xylabs/react-error";
 import { usePromise } from "@xylabs/react-promise";
 import { isDefined as isDefined2 } from "@xylabs/sdk-js";
 import { MainNetwork } from "@xyo-network/xl1-sdk";
-import React, { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
+import {
+  useCallback as useCallback2,
+  useMemo,
+  useState as useState3
+} from "react";
 
 // src/context/network/settings/defaultChainNetworkSettings.ts
 import { LocalNetwork } from "@xyo-network/xl1-sdk";
-var defaultChainNetworkSettings = {
-  [LocalNetwork.id]: {
-    proxy: true
-  }
-};
+var defaultChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } };
 
 // src/context/network/settings/useChainNetworkSettings.ts
 import { useCallback, useState as useState2 } from "react";
-var useChainNetworkSettings = /* @__PURE__ */ __name((defaults = defaultChainNetworkSettings) => {
+var useChainNetworkSettings = (defaults = defaultChainNetworkSettings) => {
   const [networkSettings2, setNetworkSettings] = useState2(defaults);
   const updateNetworkSettings = useCallback((networkId, settings) => {
     setNetworkSettings((prevSettings) => ({
@@ -114,10 +116,17 @@ var useChainNetworkSettings = /* @__PURE__ */ __name((defaults = defaultChainNet
     networkSettings: networkSettings2,
     updateNetworkSettings
   };
-}, "useChainNetworkSettings");
+};
 
 // src/context/network/Provider.tsx
-var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork, networkSettings: networkSettingsProp = defaultChainNetworkSettings, networks, setActiveNetwork: setActiveNetworkExternal }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChainNetworkProvider = ({
+  children,
+  getActiveNetwork,
+  networkSettings: networkSettingsProp = defaultChainNetworkSettings,
+  networks,
+  setActiveNetwork: setActiveNetworkExternal
+}) => {
   const [activeNetwork, setActiveNetwork] = useState3();
   const [error, setError] = useState3();
   const { networkSettings: networkSettings2, updateNetworkSettings } = useChainNetworkSettings(networkSettingsProp);
@@ -131,9 +140,7 @@ var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork,
       await setActiveNetworkExternal?.(defaultNetwork.id);
       return defaultNetwork;
     }
-  }, [
-    networks
-  ]);
+  }, [networks]);
   const [previousResolvedActiveNetwork, setPreviousResolvedActiveNetwork] = useState3(resolvedActiveNetwork);
   if (isDefined2(resolvedActiveNetwork) && resolvedActiveNetwork !== previousResolvedActiveNetwork) {
     setActiveNetwork(resolvedActiveNetwork);
@@ -148,10 +155,7 @@ var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork,
     }
     setActiveNetwork(network);
     void setActiveNetworkExternal?.(networkId);
-  }, [
-    networks,
-    setActiveNetworkExternal
-  ]);
+  }, [networks, setActiveNetworkExternal]);
   const value = useMemo(() => ({
     activeNetwork,
     networks,
@@ -160,42 +164,29 @@ var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork,
     networkSettings: networkSettings2,
     updateNetworkSettings,
     chainNetworkError: error ?? activeNetworkError
-  }), [
-    activeNetwork,
-    activeNetworkError,
-    error,
-    networkSettings2,
-    networks,
-    updateActiveNetwork,
-    updateNetworkSettings
-  ]);
-  return /* @__PURE__ */ React.createElement(ChainNetworkContext, {
-    value
-  }, /* @__PURE__ */ React.createElement(ErrorRender, {
-    error: error ?? activeNetworkError,
-    scope: "ChainNetworkProvider"
-  }), children);
-}, "ChainNetworkProvider");
+  }), [activeNetwork, activeNetworkError, error, networkSettings2, networks, updateActiveNetwork, updateNetworkSettings]);
+  return /* @__PURE__ */ jsxs(ChainNetworkContext, { value, children: [
+    /* @__PURE__ */ jsx(ErrorRender, { error: error ?? activeNetworkError, scope: "ChainNetworkProvider" }),
+    children
+  ] });
+};
 
 // src/context/network/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useChainNetwork = /* @__PURE__ */ __name((required = true) => useContextEx(ChainNetworkContext, "ChainNetwork", required), "useChainNetwork");
+var useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, "ChainNetwork", required);
 
 // src/context/ActiveGatewayProvider.tsx
-var ActiveGatewayProvider = /* @__PURE__ */ __name(({ signerTransport, children }) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ActiveGatewayProvider = ({ signerTransport, children }) => {
   const { activeNetwork } = useChainNetwork();
-  return /* @__PURE__ */ React2.createElement(InPageGatewaysProvider, {
-    signerTransport
-  }, /* @__PURE__ */ React2.createElement(GatewayProvider, {
-    gatewayName: activeNetwork?.id
-  }, children));
-}, "ActiveGatewayProvider");
+  return /* @__PURE__ */ jsx2(InPageGatewaysProvider, { signerTransport, children: /* @__PURE__ */ jsx2(GatewayProvider, { gatewayName: activeNetwork?.id, children }) });
+};
 
 // src/hooks/provider/useViewerInPage.ts
-var shouldProxy = /* @__PURE__ */ __name((networkSettings2, networkId) => {
+var shouldProxy = (networkSettings2, networkId) => {
   return isDefined3(networkId) && isDefined3(networkSettings2[networkId]) && networkSettings2[networkId].proxy;
-}, "shouldProxy");
-var useViewerInPage = /* @__PURE__ */ __name(() => {
+};
+var useViewerInPage = () => {
   const { networkSettings: networkSettings2, activeNetwork } = useChainNetwork();
   const { gateways } = useProvidedGateway();
   const { inPageGateway, walletGateway } = gateways;
@@ -210,7 +201,7 @@ var useViewerInPage = /* @__PURE__ */ __name(() => {
     return walletViewer;
   }
   return inPageViewer;
-}, "useViewerInPage");
+};
 var useViewerInPageV2 = useViewerInPage;
 
 // src/hooks/status/usePollNetworkStatus.ts
@@ -218,7 +209,7 @@ import { delay, isUndefined as isUndefined2 } from "@xylabs/sdk-js";
 import { useNetworkFromGateway } from "@xyo-network/react-chain-provider";
 import { useEffect as useEffect2, useState as useState4 } from "react";
 var STATUS_CHECK_INTERVAL = 1e4;
-var usePollNetworkStatus = /* @__PURE__ */ __name(() => {
+var usePollNetworkStatus = () => {
   const network = useNetworkFromGateway();
   const [networkStatus, setNetworkStatus] = useState4();
   const [networkStatusError, setNetworkStatusError] = useState4();
@@ -242,242 +233,281 @@ var usePollNetworkStatus = /* @__PURE__ */ __name(() => {
     return () => {
       checkNetwork = false;
     };
-  }, [
-    network
-  ]);
-  return [
-    networkStatus,
-    networkStatusError
-  ];
-}, "usePollNetworkStatus");
+  }, [network]);
+  return [networkStatus, networkStatusError];
+};
 
 // src/components/broadcast/CloseDrawerIconButton.tsx
 import { Cancel } from "@mui/icons-material";
 import { IconButton } from "@mui/material";
-import React3 from "react";
-var CloseDrawerIconButton = /* @__PURE__ */ __name(({ anchor, onClose }) => {
-  return /* @__PURE__ */ React3.createElement(IconButton, {
-    onClick: /* @__PURE__ */ __name((e) => onClose?.(e, "backdropClick"), "onClick"),
-    size: "small",
-    sx: {
-      alignSelf: anchor === "right" ? "start" : "end",
-      top: 8,
-      right: anchor === "right" ? void 0 : 8,
-      left: anchor === "left" ? void 0 : 8
-    }
-  }, /* @__PURE__ */ React3.createElement(Cancel, {
-    sx: {
-      fontSize: "small"
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CloseDrawerIconButton = ({ anchor, onClose }) => {
+  return /* @__PURE__ */ jsx3(
+    IconButton,
+    {
+      onClick: (e) => onClose?.(e, "backdropClick"),
+      size: "small",
+      sx: {
+        alignSelf: anchor === "right" ? "start" : "end",
+        top: 8,
+        right: anchor === "right" ? void 0 : 8,
+        left: anchor === "left" ? void 0 : 8
+      },
+      children: /* @__PURE__ */ jsx3(Cancel, { sx: { fontSize: "small" } })
     }
-  }));
-}, "CloseDrawerIconButton");
+  );
+};
 
 // src/components/broadcast/details/Card.tsx
-import { Card, Collapse, Stack as Stack2, Typography as Typography2 } from "@mui/material";
+import {
+  Card,
+  Collapse,
+  Stack as Stack2,
+  Typography as Typography2
+} from "@mui/material";
 import { isDefined as isDefined5 } from "@xylabs/sdk-js";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
-import React5, { memo, useState as useState5 } from "react";
+import { memo, useState as useState5 } from "react";
 
 // src/components/broadcast/details/SummaryStack.tsx
-import { ArrowRight, CheckCircle, Warning } from "@mui/icons-material";
-import { Avatar, Icon, IconButton as IconButton2, Stack, Tooltip, Typography, useTheme } from "@mui/material";
+import {
+  ArrowRight,
+  CheckCircle,
+  Warning
+} from "@mui/icons-material";
+import {
+  Avatar,
+  Icon,
+  IconButton as IconButton2,
+  Stack,
+  Tooltip,
+  Typography,
+  useTheme
+} from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { isDefined as isDefined4 } from "@xylabs/sdk-js";
 import { ObjectHasher } from "@xyo-network/hash";
-import React4, { useMemo as useMemo2 } from "react";
-var BroadcastedRpcCallDetailsSummaryStack = /* @__PURE__ */ __name(({ expanded, setExpanded, method, timestamp, hasResult, params, ...props }) => {
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var BroadcastedRpcCallDetailsSummaryStack = ({
+  expanded,
+  setExpanded,
+  method,
+  timestamp,
+  hasResult,
+  params,
+  ...props
+}) => {
   const theme = useTheme();
   const [hash, hashError] = usePromise2(async () => {
     if (isDefined4(params)) {
       return await ObjectHasher.hash(params);
     }
-  }, [
-    params
-  ]);
-  const formattedTimestamp = useMemo2(() => isDefined4(timestamp) ? new Date(timestamp).toLocaleString() : "", [
-    timestamp
-  ]);
-  return /* @__PURE__ */ React4.createElement(Stack, {
-    direction: "row",
-    ...props,
-    sx: [
-      {
+  }, [params]);
+  const formattedTimestamp = useMemo2(() => isDefined4(timestamp) ? new Date(timestamp).toLocaleString() : "", [timestamp]);
+  return /* @__PURE__ */ jsxs2(
+    Stack,
+    {
+      direction: "row",
+      ...props,
+      sx: [{
         gap: 2,
         alignItems: "center",
         justifyContent: "space-between"
-      },
-      ...Array.isArray(props.sx) ? props.sx : [
-        props.sx
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        /* @__PURE__ */ jsxs2(
+          Stack,
+          {
+            direction: "row",
+            sx: {
+              gap: 2,
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx4(
+                IconButton2,
+                {
+                  size: "small",
+                  onClick: () => setExpanded?.(!expanded),
+                  children: /* @__PURE__ */ jsx4(ArrowRight, { sx: { transform: expanded ? "rotate(90deg)" : "rotate(0deg)", transition: "transform 0.2s ease-in-out" }, fontSize: "small" })
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Tooltip,
+                {
+                  title: isDefined4(hashError) ? `Error generating hash of params: ${hashError.message}` : isDefined4(params) ? `Params : ${JSON.stringify(params, null, 2)}` : "No Params Provided",
+                  children: /* @__PURE__ */ jsx4(
+                    Avatar,
+                    {
+                      sx: {
+                        backgroundColor: theme.vars?.palette.text.primary,
+                        width: 20,
+                        height: 20,
+                        opacity: isDefined4(hash) ? 1 : 0.5
+                      },
+                      children: /* @__PURE__ */ jsx4(Identicon, { value: hash, size: 14 })
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Typography,
+                {
+                  component: "span",
+                  variant: "body2",
+                  sx: { fontFamily: "monospace" },
+                  children: method
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Typography,
+                {
+                  component: "span",
+                  variant: "caption",
+                  sx: {
+                    color: "text.secondary",
+                    opacity: 0.6
+                  },
+                  children: formattedTimestamp
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx4(Icon, { sx: { justifySelf: "end" }, children: hasResult ? /* @__PURE__ */ jsx4(CheckCircle, { sx: { color: "success" } }) : /* @__PURE__ */ jsx4(Warning, { color: "warning" }) })
       ]
-    ]
-  }, /* @__PURE__ */ React4.createElement(Stack, {
-    direction: "row",
-    sx: {
-      gap: 2,
-      alignItems: "center"
-    }
-  }, /* @__PURE__ */ React4.createElement(IconButton2, {
-    size: "small",
-    onClick: /* @__PURE__ */ __name(() => setExpanded?.(!expanded), "onClick")
-  }, /* @__PURE__ */ React4.createElement(ArrowRight, {
-    sx: {
-      transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
-      transition: "transform 0.2s ease-in-out"
-    },
-    fontSize: "small"
-  })), /* @__PURE__ */ React4.createElement(Tooltip, {
-    title: isDefined4(hashError) ? `Error generating hash of params: ${hashError.message}` : isDefined4(params) ? `Params : ${JSON.stringify(params, null, 2)}` : "No Params Provided"
-  }, /* @__PURE__ */ React4.createElement(Avatar, {
-    sx: {
-      backgroundColor: theme.vars?.palette.text.primary,
-      width: 20,
-      height: 20,
-      opacity: isDefined4(hash) ? 1 : 0.5
-    }
-  }, /* @__PURE__ */ React4.createElement(Identicon, {
-    value: hash,
-    size: 14
-  }))), /* @__PURE__ */ React4.createElement(Typography, {
-    component: "span",
-    variant: "body2",
-    sx: {
-      fontFamily: "monospace"
     }
-  }, method), /* @__PURE__ */ React4.createElement(Typography, {
-    component: "span",
-    variant: "caption",
-    sx: {
-      color: "text.secondary",
-      opacity: 0.6
-    }
-  }, formattedTimestamp)), /* @__PURE__ */ React4.createElement(Icon, {
-    sx: {
-      justifySelf: "end"
-    }
-  }, hasResult ? /* @__PURE__ */ React4.createElement(CheckCircle, {
-    sx: {
-      color: "success"
-    }
-  }) : /* @__PURE__ */ React4.createElement(Warning, {
-    color: "warning"
-  })));
-}, "BroadcastedRpcCallDetailsSummaryStack");
+  );
+};
 
 // src/components/broadcast/details/Card.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var JSON_VIEWER_WIDTH = 600;
-var BroadcastedRpcCallDetailsCard = /* @__PURE__ */ memo(({ rpcRequestResponsePairs, sx, ...props }) => {
+var BroadcastedRpcCallDetailsCard = memo(({
+  rpcRequestResponsePairs,
+  sx,
+  ...props
+}) => {
   const [expanded, setExpanded] = useState5(false);
   if (!rpcRequestResponsePairs) return null;
-  const { request, result, source } = rpcRequestResponsePairs;
-  return /* @__PURE__ */ React5.createElement(Card, {
-    sx: {
-      p: 1,
-      display: "flex",
-      flexDirection: "column",
-      width: JSON_VIEWER_WIDTH,
-      ...sx
-    },
-    ...props
-  }, /* @__PURE__ */ React5.createElement(BroadcastedRpcCallDetailsSummaryStack, {
-    expanded,
-    params: request.rpcCall.params,
-    hasResult: isDefined5(result),
-    method: request.rpcCall.method,
-    setExpanded,
-    timestamp: request.timestamp
-  }), /* @__PURE__ */ React5.createElement(Collapse, {
-    in: expanded,
-    mountOnEnter: true,
-    unmountOnExit: true
-  }, /* @__PURE__ */ React5.createElement(Stack2, {
-    direction: "column",
-    sx: {
-      p: 1,
-      gap: 2,
-      alignItems: "stretch"
-    }
-  }, /* @__PURE__ */ React5.createElement(Typography2, {
-    variant: "body2"
-  }, "Source:", /* @__PURE__ */ React5.createElement(Typography2, {
-    variant: "caption",
-    component: "span",
-    sx: {
-      fontFamily: "monospace",
-      ml: 1
-    }
-  }, source)), /* @__PURE__ */ React5.createElement(Typography2, {
-    variant: "body2"
-  }, "Request:"), /* @__PURE__ */ React5.createElement(JsonViewerEx, {
-    value: request,
-    sx: {
-      maxHeight: 300,
-      overflow: "auto"
-    }
-  }), isDefined5(result) ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(Typography2, {
-    variant: "body2"
-  }, "Result:"), /* @__PURE__ */ React5.createElement(JsonViewerEx, {
-    value: result,
-    sx: {
-      maxHeight: 300,
-      overflow: "auto"
+  const {
+    request,
+    result,
+    source
+  } = rpcRequestResponsePairs;
+  return /* @__PURE__ */ jsxs3(
+    Card,
+    {
+      sx: {
+        p: 1,
+        display: "flex",
+        flexDirection: "column",
+        width: JSON_VIEWER_WIDTH,
+        ...sx
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx5(
+          BroadcastedRpcCallDetailsSummaryStack,
+          {
+            expanded,
+            params: request.rpcCall.params,
+            hasResult: isDefined5(result),
+            method: request.rpcCall.method,
+            setExpanded,
+            timestamp: request.timestamp
+          }
+        ),
+        /* @__PURE__ */ jsx5(Collapse, { in: expanded, mountOnEnter: true, unmountOnExit: true, children: /* @__PURE__ */ jsxs3(
+          Stack2,
+          {
+            direction: "column",
+            sx: {
+              p: 1,
+              gap: 2,
+              alignItems: "stretch"
+            },
+            children: [
+              /* @__PURE__ */ jsxs3(Typography2, { variant: "body2", children: [
+                "Source:",
+                /* @__PURE__ */ jsx5(
+                  Typography2,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    sx: {
+                      fontFamily: "monospace",
+                      ml: 1
+                    },
+                    children: source
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx5(Typography2, { variant: "body2", children: "Request:" }),
+              /* @__PURE__ */ jsx5(
+                JsonViewerEx,
+                {
+                  value: request,
+                  sx: { maxHeight: 300, overflow: "auto" }
+                }
+              ),
+              isDefined5(result) ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+                /* @__PURE__ */ jsx5(Typography2, { variant: "body2", children: "Result:" }),
+                /* @__PURE__ */ jsx5(
+                  JsonViewerEx,
+                  {
+                    value: result,
+                    sx: { maxHeight: 300, overflow: "auto" }
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        ) })
+      ]
     }
-  })) : null)));
+  );
 });
 
 // src/components/broadcast/usePaginatedEventPairs.ts
 import { isDefinedNotNull } from "@xylabs/sdk-js";
-import { useCallback as useCallback3, useMemo as useMemo3, useState as useState6 } from "react";
-var usePaginatedEventPairs = /* @__PURE__ */ __name((formattedEvents, numberOfVisiblePairs, onClearEvents, scrollableDiv) => {
+import {
+  useCallback as useCallback3,
+  useMemo as useMemo3,
+  useState as useState6
+} from "react";
+var usePaginatedEventPairs = (formattedEvents, numberOfVisiblePairs, onClearEvents, scrollableDiv) => {
   const [currentPage, setCurrentPage] = useState6(0);
   const allEventEntries = useMemo3(() => {
     return Object.entries(formattedEvents ?? {}).toSorted(([, a], [, b]) => b.request.timestamp - a.request.timestamp);
-  }, [
-    formattedEvents
-  ]);
+  }, [formattedEvents]);
   const totalPages = useMemo3(() => {
     return Math.ceil(allEventEntries.length / numberOfVisiblePairs);
-  }, [
-    allEventEntries.length,
-    numberOfVisiblePairs
-  ]);
+  }, [allEventEntries.length, numberOfVisiblePairs]);
   const effectiveCurrentPage = useMemo3(() => {
     if (totalPages === 0) return 0;
     return Math.min(currentPage, totalPages - 1);
-  }, [
-    currentPage,
-    totalPages
-  ]);
+  }, [currentPage, totalPages]);
   const visibleEvents = useMemo3(() => {
     if (isDefinedNotNull(scrollableDiv)) {
-      scrollableDiv.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
+      scrollableDiv.scrollTo({ top: 0, behavior: "smooth" });
     }
     const startIndex = effectiveCurrentPage * numberOfVisiblePairs;
     const endIndex = startIndex + numberOfVisiblePairs;
     return allEventEntries.slice(startIndex, endIndex);
-  }, [
-    allEventEntries,
-    effectiveCurrentPage,
-    numberOfVisiblePairs,
-    scrollableDiv
-  ]);
+  }, [allEventEntries, effectiveCurrentPage, numberOfVisiblePairs, scrollableDiv]);
   const handlePreviousPage = useCallback3(() => {
     setCurrentPage((prev) => Math.max(0, prev - 1));
   }, []);
   const handleNextPage = useCallback3(() => {
     setCurrentPage((prev) => Math.min(totalPages - 1, prev + 1));
-  }, [
-    totalPages
-  ]);
+  }, [totalPages]);
   const handleClearEvents = useCallback3(() => {
     setCurrentPage(0);
     onClearEvents?.();
-  }, [
-    onClearEvents
-  ]);
+  }, [onClearEvents]);
   const handlePageChange = useCallback3((_event, page) => {
     setCurrentPage(page - 1);
   }, []);
@@ -485,193 +515,280 @@ var usePaginatedEventPairs = /* @__PURE__ */ __name((formattedEvents, numberOfVi
     allEventEntries,
     visibleEvents,
     effectiveCurrentPage: effectiveCurrentPage + 1,
+    // Return 1-indexed page
     totalPages,
     handlePreviousPage,
     handleNextPage,
     handleClearEvents,
     handlePageChange
   };
-}, "usePaginatedEventPairs");
+};
 
 // src/components/broadcast/Drawer.tsx
-var BroadcastedRpcCallsDrawer = /* @__PURE__ */ __name(({ anchor = "right", onClearEvents, drawerTitle, events, onClose, numberOfVisibleEvents = 25, ...props }) => {
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var BroadcastedRpcCallsDrawer = ({
+  anchor = "right",
+  onClearEvents,
+  drawerTitle,
+  events,
+  onClose,
+  numberOfVisibleEvents = 25,
+  ...props
+}) => {
   const [scrollableDiv, setScrollableDiv] = useState7(null);
-  const { allEventEntries, visibleEvents, totalPages, effectiveCurrentPage, handleClearEvents, handlePageChange } = usePaginatedEventPairs(events, numberOfVisibleEvents, onClearEvents, scrollableDiv);
-  return /* @__PURE__ */ React6.createElement(Drawer, {
-    anchor,
-    onClose,
-    keepMounted: false,
-    ...props
-  }, /* @__PURE__ */ React6.createElement(CloseDrawerIconButton, {
-    anchor,
-    onClose
-  }), /* @__PURE__ */ React6.createElement(Stack3, {
-    sx: {
-      gap: 2,
-      flexShrink: 0,
-      p: 3
-    }
-  }, /* @__PURE__ */ React6.createElement(Stack3, {
-    direction: "row",
-    sx: {
-      justifyContent: "space-between",
-      alignItems: "center",
-      gap: 4
-    }
-  }, /* @__PURE__ */ React6.createElement(Typography3, {
-    variant: "h6"
-  }, drawerTitle ?? "Broadcasted RPC Calls"), /* @__PURE__ */ React6.createElement(Button, {
-    variant: "outlined",
-    size: "small",
-    onClick: handleClearEvents
-  }, "Clear All")), allEventEntries.length > 0 && /* @__PURE__ */ React6.createElement(Pagination, {
-    count: totalPages,
-    page: effectiveCurrentPage,
-    onChange: handlePageChange,
-    color: "primary"
-  })), /* @__PURE__ */ React6.createElement(Stack3, {
-    direction: "column",
-    id: "events-container",
-    sx: {
-      flexGrow: 1,
-      overflowY: "hidden"
-    }
-  }, /* @__PURE__ */ React6.createElement(Box, {
-    ref: /* @__PURE__ */ __name((el) => setScrollableDiv(el), "ref"),
-    sx: {
-      overflowY: "auto",
-      px: 3,
-      pb: 3
-    }
-  }, visibleEvents.map(([id, broadcastedRpcCall], index) => {
-    return /* @__PURE__ */ React6.createElement(BroadcastedRpcCallDetailsCard, {
-      key: id,
-      rpcRequestResponsePairs: broadcastedRpcCall,
-      sx: {
-        mb: index < visibleEvents.length - 1 ? 2 : 0
+  const {
+    allEventEntries,
+    visibleEvents,
+    totalPages,
+    effectiveCurrentPage,
+    handleClearEvents,
+    handlePageChange
+  } = usePaginatedEventPairs(
+    events,
+    numberOfVisibleEvents,
+    onClearEvents,
+    scrollableDiv
+  );
+  return /* @__PURE__ */ jsxs4(Drawer, { anchor, onClose, keepMounted: false, ...props, children: [
+    /* @__PURE__ */ jsx6(CloseDrawerIconButton, { anchor, onClose }),
+    /* @__PURE__ */ jsxs4(
+      Stack3,
+      {
+        sx: {
+          gap: 2,
+          flexShrink: 0,
+          p: 3
+        },
+        children: [
+          /* @__PURE__ */ jsxs4(
+            Stack3,
+            {
+              direction: "row",
+              sx: {
+                justifyContent: "space-between",
+                alignItems: "center",
+                gap: 4
+              },
+              children: [
+                /* @__PURE__ */ jsx6(Typography3, { variant: "h6", children: drawerTitle ?? "Broadcasted RPC Calls" }),
+                /* @__PURE__ */ jsx6(Button, { variant: "outlined", size: "small", onClick: handleClearEvents, children: "Clear All" })
+              ]
+            }
+          ),
+          allEventEntries.length > 0 && /* @__PURE__ */ jsx6(
+            Pagination,
+            {
+              count: totalPages,
+              page: effectiveCurrentPage,
+              onChange: handlePageChange,
+              color: "primary"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      Stack3,
+      {
+        direction: "column",
+        id: "events-container",
+        sx: {
+          flexGrow: 1,
+          overflowY: "hidden"
+        },
+        children: /* @__PURE__ */ jsx6(
+          Box,
+          {
+            ref: (el) => setScrollableDiv(el),
+            sx: {
+              overflowY: "auto",
+              px: 3,
+              pb: 3
+            },
+            children: visibleEvents.map(([id, broadcastedRpcCall], index) => {
+              return /* @__PURE__ */ jsx6(BroadcastedRpcCallDetailsCard, { rpcRequestResponsePairs: broadcastedRpcCall, sx: { mb: index < visibleEvents.length - 1 ? 2 : 0 } }, id);
+            })
+          }
+        )
       }
-    });
-  }))));
-}, "BroadcastedRpcCallsDrawer");
-var BroadcastedRpcCallsDrawerWithEvents = /* @__PURE__ */ __name((props) => {
+    )
+  ] });
+};
+var BroadcastedRpcCallsDrawerWithEvents = (props) => {
   const { clearEvents, events } = useRpcBroadcastListener();
-  return /* @__PURE__ */ React6.createElement(BroadcastedRpcCallsDrawer, {
-    events,
-    onClearEvents: clearEvents,
-    ...props
-  });
-}, "BroadcastedRpcCallsDrawerWithEvents");
+  return /* @__PURE__ */ jsx6(
+    BroadcastedRpcCallsDrawer,
+    {
+      events,
+      onClearEvents: clearEvents,
+      ...props
+    }
+  );
+};
 
 // src/components/menu/Avatar.tsx
 import { Avatar as Avatar2 } from "@mui/material";
-import React8 from "react";
 
 // src/components/menu/Icon.tsx
-import React7 from "react";
-var NetworkIcon = /* @__PURE__ */ __name(({ icon, style, ...props }) => {
-  return /* @__PURE__ */ React7.createElement("span", {
-    // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml
-    dangerouslySetInnerHTML: {
-      __html: icon ?? ""
-    },
-    style: {
-      display: "inline-flex",
-      width: 24,
-      height: 24,
-      ...style
-    },
-    ...props
-  });
-}, "NetworkIcon");
+import { jsx as jsx7 } from "react/jsx-runtime";
+var NetworkIcon = ({
+  icon,
+  style,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx7(
+    "span",
+    {
+      dangerouslySetInnerHTML: { __html: icon ?? "" },
+      style: {
+        display: "inline-flex",
+        width: 24,
+        height: 24,
+        ...style
+      },
+      ...props
+    }
+  );
+};
 
 // src/components/menu/Avatar.tsx
-var NetworkAvatar = /* @__PURE__ */ __name(({ icon, iconStyles, name, sx, ...props }) => {
-  return /* @__PURE__ */ React8.createElement(Avatar2, {
-    sx: {
-      backgroundColor: "white",
-      ...sx
-    },
-    alt: name,
-    ...props
-  }, /* @__PURE__ */ React8.createElement(NetworkIcon, {
-    icon,
-    style: {
-      ...iconStyles
+import { jsx as jsx8 } from "react/jsx-runtime";
+var NetworkAvatar = ({
+  icon,
+  iconStyles,
+  name,
+  sx,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx8(
+    Avatar2,
+    {
+      sx: { backgroundColor: "white", ...sx },
+      alt: name,
+      ...props,
+      children: /* @__PURE__ */ jsx8(
+        NetworkIcon,
+        {
+          icon,
+          style: { ...iconStyles }
+        }
+      )
     }
-  }));
-}, "NetworkAvatar");
-var ActiveNetworkAvatar = /* @__PURE__ */ __name((props) => {
+  );
+};
+var ActiveNetworkAvatar = (props) => {
   const { activeNetwork } = useChainNetwork();
-  return /* @__PURE__ */ React8.createElement(NetworkAvatar, {
-    icon: activeNetwork?.icon,
-    name: activeNetwork?.name,
-    ...props
-  });
-}, "ActiveNetworkAvatar");
+  return /* @__PURE__ */ jsx8(
+    NetworkAvatar,
+    {
+      icon: activeNetwork?.icon,
+      name: activeNetwork?.name,
+      ...props
+    }
+  );
+};
 
 // src/components/menu/MenuItem.tsx
 import { ListItemText } from "@mui/material";
-import { ActiveMenuItem } from "@xyo-network/react-chain-shared";
-import React9 from "react";
-var NetworkMenuItem = /* @__PURE__ */ __name(({ active, network, onClick, updateActiveNetwork, ...props }) => {
-  const handleClick = /* @__PURE__ */ __name((event) => {
+import { ActiveMenuItem } from "@xyo-network/xl1-react-client-sdk";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var NetworkMenuItem = ({
+  active,
+  network,
+  onClick,
+  updateActiveNetwork,
+  ...props
+}) => {
+  const handleClick = (event) => {
     if (network === void 0) throw new Error("Network is undefined");
     updateActiveNetwork?.(network.id);
     onClick?.(event);
-  }, "handleClick");
-  return /* @__PURE__ */ React9.createElement(ActiveMenuItem, {
-    title: network?.name,
-    disableRipple: true,
-    onClick: handleClick,
-    active,
-    sx: {
-      py: 1
-    },
-    ...props
-  }, /* @__PURE__ */ React9.createElement(NetworkAvatar, {
-    icon: network?.icon,
-    name: network?.name,
-    sx: {
-      width: 30,
-      height: 30
+  };
+  return /* @__PURE__ */ jsxs5(
+    ActiveMenuItem,
+    {
+      title: network?.name,
+      disableRipple: true,
+      onClick: handleClick,
+      active,
+      sx: { py: 1 },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx9(NetworkAvatar, { icon: network?.icon, name: network?.name, sx: { width: 30, height: 30 } }),
+        /* @__PURE__ */ jsx9(ListItemText, { children: network?.name })
+      ]
     }
-  }), /* @__PURE__ */ React9.createElement(ListItemText, null, network?.name));
-}, "NetworkMenuItem");
+  );
+};
 
 // src/components/status/Alert.tsx
-import { Alert, AlertTitle, Button as Button3 } from "@mui/material";
-import React11, { useMemo as useMemo4, useState as useState8 } from "react";
+import {
+  Alert,
+  AlertTitle,
+  Button as Button3
+} from "@mui/material";
+import { useMemo as useMemo4, useState as useState8 } from "react";
 
 // src/components/status/Dialog.tsx
-import { Button as Button2, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItem, Typography as Typography4 } from "@mui/material";
-import React10 from "react";
-var NetworkStatusDialog = /* @__PURE__ */ __name(({ updates, ...props }) => {
-  return /* @__PURE__ */ React10.createElement(Dialog, props, /* @__PURE__ */ React10.createElement(DialogTitle, null, "Recent Status Updates"), /* @__PURE__ */ React10.createElement(DialogContent, null, /* @__PURE__ */ React10.createElement(List, null, updates.map(({ start, end, update }) => /* @__PURE__ */ React10.createElement(ListItem, {
-    key: start + update,
-    sx: {
-      flexDirection: "column",
-      alignItems: "start",
-      pl: 0
-    }
-  }, /* @__PURE__ */ React10.createElement(Typography4, null, update), /* @__PURE__ */ React10.createElement(Typography4, {
-    gutterBottom: true,
-    sx: {
-      opacity: 0.75,
-      fontSize: ".8333rem"
-    }
-  }, "Start:", " ", new Date(start).toLocaleString(), " ", /* @__PURE__ */ React10.createElement("br", null), "End:", " ", new Date(end).toLocaleString()))))), /* @__PURE__ */ React10.createElement(DialogActions, null, /* @__PURE__ */ React10.createElement(Button2, {
-    onClick: /* @__PURE__ */ __name((e) => props.onClose?.(e, "backdropClick"), "onClick"),
-    variant: "outlined",
-    sx: {
-      color: "primary"
-    }
-  }, "Close")));
-}, "NetworkStatusDialog");
+import {
+  Button as Button2,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  List,
+  ListItem,
+  Typography as Typography4
+} from "@mui/material";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var NetworkStatusDialog = ({ updates, ...props }) => {
+  return /* @__PURE__ */ jsxs6(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsx10(DialogTitle, { children: "Recent Status Updates" }),
+    /* @__PURE__ */ jsx10(DialogContent, { children: /* @__PURE__ */ jsx10(List, { children: updates.map(({
+      start,
+      end,
+      update
+    }) => /* @__PURE__ */ jsxs6(
+      ListItem,
+      {
+        sx: {
+          flexDirection: "column",
+          alignItems: "start",
+          pl: 0
+        },
+        children: [
+          /* @__PURE__ */ jsx10(Typography4, { children: update }),
+          /* @__PURE__ */ jsxs6(Typography4, { gutterBottom: true, sx: { opacity: 0.75, fontSize: ".8333rem" }, children: [
+            "Start:",
+            " ",
+            new Date(start).toLocaleString(),
+            " ",
+            /* @__PURE__ */ jsx10("br", {}),
+            "End:",
+            " ",
+            new Date(end).toLocaleString()
+          ] })
+        ]
+      },
+      start + update
+    )) }) }),
+    /* @__PURE__ */ jsx10(DialogActions, { children: /* @__PURE__ */ jsx10(
+      Button2,
+      {
+        onClick: (e) => props.onClose?.(e, "backdropClick"),
+        variant: "outlined",
+        sx: { color: "primary" },
+        children: "Close"
+      }
+    ) })
+  ] });
+};
 
 // src/components/status/Alert.tsx
-var NetworkStatusAlert = /* @__PURE__ */ __name(({ status, ...props }) => {
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var NetworkStatusAlert = ({ status, ...props }) => {
   const [open, setOpen] = useState8(false);
-  const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
+  const handleClose = () => setOpen(false);
   const severity = useMemo4(() => {
     if (!status) return;
     switch (status.state) {
@@ -688,86 +805,63 @@ var NetworkStatusAlert = /* @__PURE__ */ __name(({ status, ...props }) => {
         return "error";
       }
     }
-  }, [
-    status
-  ]);
-  return /* @__PURE__ */ React11.createElement(Alert, {
-    severity,
-    ...props
-  }, /* @__PURE__ */ React11.createElement(AlertTitle, null, status?.description), status?.updates && status.updates.length > 0 ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Button3, {
-    variant: "outlined",
-    size: "small",
-    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick"),
-    sx: {
-      color: severity
-    }
-  }, "Updates"), /* @__PURE__ */ React11.createElement(NetworkStatusDialog, {
-    open,
-    onClose: handleClose,
-    updates: status.updates
-  })) : null);
-}, "NetworkStatusAlert");
+  }, [status]);
+  return /* @__PURE__ */ jsxs7(Alert, { severity, ...props, children: [
+    /* @__PURE__ */ jsx11(AlertTitle, { children: status?.description }),
+    status?.updates && status.updates.length > 0 ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx11(
+        Button3,
+        {
+          variant: "outlined",
+          size: "small",
+          onClick: () => setOpen(true),
+          sx: { color: severity },
+          children: "Updates"
+        }
+      ),
+      /* @__PURE__ */ jsx11(NetworkStatusDialog, { open, onClose: handleClose, updates: status.updates })
+    ] }) : null
+  ] });
+};
 
 // src/components/status/NetworkStatus.tsx
-import React12 from "react";
-var validNetworkStates = /* @__PURE__ */ new Set([
-  "online",
-  "unknown"
-]);
-var NetworkStatus = /* @__PURE__ */ __name(({ children, ...props }) => {
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var validNetworkStates = /* @__PURE__ */ new Set(["online", "unknown"]);
+var NetworkStatus = ({ children, ...props }) => {
   const [networkStatus] = usePollNetworkStatus();
   const showStatus = networkStatus && !validNetworkStates.has(networkStatus.state);
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, showStatus ? /* @__PURE__ */ React12.createElement(NetworkStatusAlert, {
-    status: networkStatus,
-    ...props
-  }) : null, children);
-}, "NetworkStatus");
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    showStatus ? /* @__PURE__ */ jsx12(NetworkStatusAlert, { status: networkStatus, ...props }) : null,
+    children
+  ] });
+};
 
 // src/model/BroadcastRpc.ts
 var BroadcastRpcRequestEventName = "xyo:broadcast-rpc-request";
 var BroadcastRpcResponseEventName = "xyo:broadcast-rpc-response";
-var defaultBroadcastConfig = {
-  request: true,
-  response: true
-};
+var defaultBroadcastConfig = { request: true, response: true };
 
 // src/story/NetworkGatewayDecorators.tsx
-import { LocalNetwork as LocalNetwork2, MainNetwork as MainNetwork2, SequenceNetwork } from "@xyo-network/xl1-sdk";
-import React13 from "react";
-var AvailableNetworks = [
-  MainNetwork2,
-  SequenceNetwork,
-  LocalNetwork2
-];
-var networkSettings = {
-  [LocalNetwork2.id]: {
-    proxy: true
-  }
+import {
+  LocalNetwork as LocalNetwork2,
+  MainNetwork as MainNetwork2,
+  SequenceNetwork
+} from "@xyo-network/xl1-sdk";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var AvailableNetworks = [MainNetwork2, SequenceNetwork, LocalNetwork2];
+var networkSettings = { [LocalNetwork2.id]: { proxy: true } };
+var getActiveMainnetNetwork = async () => await Promise.resolve(AvailableNetworks[0]);
+var MainnetNetworkGatewayDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsx13(ChainNetworkProvider, { networks: AvailableNetworks, networkSettings, getActiveNetwork: getActiveMainnetNetwork, children: /* @__PURE__ */ jsx13(ActiveGatewayProvider, { children: /* @__PURE__ */ jsx13(Story, { ...args }) }) });
+};
+var getActiveSequenceNetwork = async () => await Promise.resolve(AvailableNetworks[1]);
+var SequenceNetworkGatewayDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsx13(ChainNetworkProvider, { networks: AvailableNetworks, networkSettings, getActiveNetwork: getActiveSequenceNetwork, children: /* @__PURE__ */ jsx13(ActiveGatewayProvider, { children: /* @__PURE__ */ jsx13(Story, { ...args }) }) });
+};
+var getActiveLocalNetwork = async () => await Promise.resolve(AvailableNetworks[2]);
+var LocalNetworkGatewayDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsx13(ChainNetworkProvider, { networks: AvailableNetworks, networkSettings, getActiveNetwork: getActiveLocalNetwork, children: /* @__PURE__ */ jsx13(ActiveGatewayProvider, { children: /* @__PURE__ */ jsx13(Story, { ...args }) }) });
 };
-var getActiveMainnetNetwork = /* @__PURE__ */ __name(async () => await Promise.resolve(AvailableNetworks[0]), "getActiveMainnetNetwork");
-var MainnetNetworkGatewayDecorator = /* @__PURE__ */ __name((Story, args) => {
-  return /* @__PURE__ */ React13.createElement(ChainNetworkProvider, {
-    networks: AvailableNetworks,
-    networkSettings,
-    getActiveNetwork: getActiveMainnetNetwork
-  }, /* @__PURE__ */ React13.createElement(ActiveGatewayProvider, null, /* @__PURE__ */ React13.createElement(Story, args)));
-}, "MainnetNetworkGatewayDecorator");
-var getActiveSequenceNetwork = /* @__PURE__ */ __name(async () => await Promise.resolve(AvailableNetworks[1]), "getActiveSequenceNetwork");
-var SequenceNetworkGatewayDecorator = /* @__PURE__ */ __name((Story, args) => {
-  return /* @__PURE__ */ React13.createElement(ChainNetworkProvider, {
-    networks: AvailableNetworks,
-    networkSettings,
-    getActiveNetwork: getActiveSequenceNetwork
-  }, /* @__PURE__ */ React13.createElement(ActiveGatewayProvider, null, /* @__PURE__ */ React13.createElement(Story, args)));
-}, "SequenceNetworkGatewayDecorator");
-var getActiveLocalNetwork = /* @__PURE__ */ __name(async () => await Promise.resolve(AvailableNetworks[2]), "getActiveLocalNetwork");
-var LocalNetworkGatewayDecorator = /* @__PURE__ */ __name((Story, args) => {
-  return /* @__PURE__ */ React13.createElement(ChainNetworkProvider, {
-    networks: AvailableNetworks,
-    networkSettings,
-    getActiveNetwork: getActiveLocalNetwork
-  }, /* @__PURE__ */ React13.createElement(ActiveGatewayProvider, null, /* @__PURE__ */ React13.createElement(Story, args)));
-}, "LocalNetworkGatewayDecorator");
 export {
   ActiveGatewayProvider,
   ActiveNetworkAvatar,
@@ -794,4 +888,4 @@ export {
   useViewerInPage,
   useViewerInPageV2
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map