@xyo-network/react-chain-network 1.21.3 → 1.22.0

package/dist/browser/components/broadcast/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/broadcast/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAKvE,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,2BAA2B,CAAA;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDvE,CAAA;AAED,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAUrE,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/broadcast/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAKvE,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,2BAA2B,CAAA;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4EvE,CAAA;AAED,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAUrE,CAAA"}

package/dist/browser/components/broadcast/details/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/broadcast/details/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAO9C,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAKtE,MAAM,WAAW,gCAAiC,SAAQ,SAAS;IACjE,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAoDnF,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/broadcast/details/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAO9C,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAKtE,MAAM,WAAW,gCAAiC,SAAQ,SAAS;IACjE,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAoEnF,CAAA"}

package/dist/browser/components/broadcast/details/SummaryStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/broadcast/details/SummaryStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAIjE,OAAO,EAEoB,KAAK,UAAU,EAEzC,MAAM,eAAe,CAAA;AAKtB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,wCAAyC,SAAQ,UAAU;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CA2CpG,CAAA"}
+{"version":3,"file":"SummaryStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/broadcast/details/SummaryStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAIjE,OAAO,EAEoB,KAAK,UAAU,EAEzC,MAAM,eAAe,CAAA;AAKtB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,wCAAyC,SAAQ,UAAU;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CA0EpG,CAAA"}

package/dist/browser/components/status/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/status/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACzD,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqChE,CAAA"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/status/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACzD,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0ChE,CAAA"}

package/dist/browser/components/status/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,OAAO,EAAE,mBAAmB,EAAE,CAAA;CAC/B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuClE,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,OAAO,EAAE,mBAAmB,EAAE,CAAA;CAC/B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2ClE,CAAA"}

package/dist/browser/context/network/context.d.ts

@@ -1,2 +1,29 @@
-export declare const ChainNetworkContext: Context<import("@xylabs/react-shared").ContextExState<T>>;
+export declare const ChainNetworkContext: import("react").Context<({
+    activeNetwork?: import("@xyo-network/xl1-sdk").NetworkBootstrap;
+    chainNetworkError?: Error;
+    networkSettings: import("./index.ts").ChainNetworkSettings;
+    networks?: import("@xyo-network/xl1-sdk").NetworkBootstrap[];
+    updateActiveNetwork?: (networkId: import("@xyo-network/xl1-sdk").NetworkBootstrap["id"]) => void;
+    updateNetworkSettings?: (networkId: import("@xyo-network/xl1-sdk").NetworkBootstrap["id"], settings: Partial<import("./index.ts").ChainNetworkSettings>) => void;
+} & {
+    provided: true;
+}) | (import("@xylabs/react-shared").FixedValues<import("@xylabs/react-shared").ProvidedContextExState<{
+    activeNetwork?: import("@xyo-network/xl1-sdk").NetworkBootstrap;
+    chainNetworkError?: Error;
+    networkSettings: import("./index.ts").ChainNetworkSettings;
+    networks?: import("@xyo-network/xl1-sdk").NetworkBootstrap[];
+    updateActiveNetwork?: (networkId: import("@xyo-network/xl1-sdk").NetworkBootstrap["id"]) => void;
+    updateNetworkSettings?: (networkId: import("@xyo-network/xl1-sdk").NetworkBootstrap["id"], settings: Partial<import("./index.ts").ChainNetworkSettings>) => void;
+}>, never> & {
+    provided: false;
+}) | (import("@xylabs/react-shared").FixedValues<import("@xylabs/react-shared").NotProvidedContextExState<{
+    activeNetwork?: import("@xyo-network/xl1-sdk").NetworkBootstrap;
+    chainNetworkError?: Error;
+    networkSettings: import("./index.ts").ChainNetworkSettings;
+    networks?: import("@xyo-network/xl1-sdk").NetworkBootstrap[];
+    updateActiveNetwork?: (networkId: import("@xyo-network/xl1-sdk").NetworkBootstrap["id"]) => void;
+    updateNetworkSettings?: (networkId: import("@xyo-network/xl1-sdk").NetworkBootstrap["id"], settings: Partial<import("./index.ts").ChainNetworkSettings>) => void;
+}>, never> & {
+    provided: false;
+})>;
 //# sourceMappingURL=context.d.ts.map

package/dist/browser/context/network/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/context/network/context.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,2DAAuC,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/context/network/context.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAuC,CAAA"}

package/dist/browser/index.mjs

@@ -266,7 +266,9 @@ var CloseDrawerIconButton = /* @__PURE__ */ __name(({ anchor, onClose }) => {
       left: anchor === "left" ? void 0 : 8
     }
   }, /* @__PURE__ */ React3.createElement(Cancel, {
-    fontSize: "small"
+    sx: {
+      fontSize: "small"
+    }
   }));
 }, "CloseDrawerIconButton");
 
@@ -298,14 +300,23 @@ var BroadcastedRpcCallDetailsSummaryStack = /* @__PURE__ */ __name(({ expanded,
   ]);
   return /* @__PURE__ */ React4.createElement(Stack, {
     direction: "row",
-    gap: 2,
-    alignItems: "center",
-    justifyContent: "space-between",
-    ...props
+    ...props,
+    sx: [
+      {
+        gap: 2,
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      ...Array.isArray(props.sx) ? props.sx : [
+        props.sx
+      ]
+    ]
   }, /* @__PURE__ */ React4.createElement(Stack, {
     direction: "row",
-    gap: 2,
-    alignItems: "center"
+    sx: {
+      gap: 2,
+      alignItems: "center"
+    }
   }, /* @__PURE__ */ React4.createElement(IconButton2, {
     size: "small",
     onClick: /* @__PURE__ */ __name(() => setExpanded?.(!expanded), "onClick")
@@ -330,12 +341,14 @@ var BroadcastedRpcCallDetailsSummaryStack = /* @__PURE__ */ __name(({ expanded,
   }))), /* @__PURE__ */ React4.createElement(Typography, {
     component: "span",
     variant: "body2",
-    fontFamily: "monospace"
+    sx: {
+      fontFamily: "monospace"
+    }
   }, method), /* @__PURE__ */ React4.createElement(Typography, {
     component: "span",
     variant: "caption",
-    color: "text.secondary",
     sx: {
+      color: "text.secondary",
       opacity: 0.6
     }
   }, formattedTimestamp)), /* @__PURE__ */ React4.createElement(Icon, {
@@ -343,7 +356,9 @@ var BroadcastedRpcCallDetailsSummaryStack = /* @__PURE__ */ __name(({ expanded,
       justifySelf: "end"
     }
   }, hasResult ? /* @__PURE__ */ React4.createElement(CheckCircle, {
-    color: "success"
+    sx: {
+      color: "success"
+    }
   }) : /* @__PURE__ */ React4.createElement(Warning, {
     color: "warning"
   })));
@@ -377,16 +392,18 @@ var BroadcastedRpcCallDetailsCard = /* @__PURE__ */ memo(({ rpcRequestResponsePa
     unmountOnExit: true
   }, /* @__PURE__ */ React5.createElement(Stack2, {
     direction: "column",
-    p: 1,
-    gap: 2,
-    alignItems: "stretch"
+    sx: {
+      p: 1,
+      gap: 2,
+      alignItems: "stretch"
+    }
   }, /* @__PURE__ */ React5.createElement(Typography2, {
     variant: "body2"
   }, "Source:", /* @__PURE__ */ React5.createElement(Typography2, {
     variant: "caption",
     component: "span",
-    fontFamily: "monospace",
     sx: {
+      fontFamily: "monospace",
       ml: 1
     }
   }, source)), /* @__PURE__ */ React5.createElement(Typography2, {
@@ -489,16 +506,18 @@ var BroadcastedRpcCallsDrawer = /* @__PURE__ */ __name(({ anchor = "right", onCl
     anchor,
     onClose
   }), /* @__PURE__ */ React6.createElement(Stack3, {
-    gap: 2,
     sx: {
+      gap: 2,
+      flexShrink: 0,
       p: 3
-    },
-    flexShrink: 0
+    }
   }, /* @__PURE__ */ React6.createElement(Stack3, {
     direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: 4
+    sx: {
+      justifyContent: "space-between",
+      alignItems: "center",
+      gap: 4
+    }
   }, /* @__PURE__ */ React6.createElement(Typography3, {
     variant: "h6"
   }, drawerTitle ?? "Broadcasted RPC Calls"), /* @__PURE__ */ React6.createElement(Button, {
@@ -513,8 +532,8 @@ var BroadcastedRpcCallsDrawer = /* @__PURE__ */ __name(({ anchor = "right", onCl
   })), /* @__PURE__ */ React6.createElement(Stack3, {
     direction: "column",
     id: "events-container",
-    flexGrow: 1,
     sx: {
+      flexGrow: 1,
       overflowY: "hidden"
     }
   }, /* @__PURE__ */ React6.createElement(Box, {
@@ -642,8 +661,10 @@ var NetworkStatusDialog = /* @__PURE__ */ __name(({ updates, ...props }) => {
     }
   }, "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"),
-    color: "primary",
-    variant: "outlined"
+    variant: "outlined",
+    sx: {
+      color: "primary"
+    }
   }, "Close")));
 }, "NetworkStatusDialog");
 
@@ -674,10 +695,12 @@ var NetworkStatusAlert = /* @__PURE__ */ __name(({ status, ...props }) => {
     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, {
-    color: severity,
     variant: "outlined",
     size: "small",
-    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
+    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick"),
+    sx: {
+      color: severity
+    }
   }, "Updates"), /* @__PURE__ */ React11.createElement(NetworkStatusDialog, {
     open,
     onClose: handleClose,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/broadcast/Drawer.tsx","../../src/hooks/provider/useRpcBroadcastListener.ts","../../src/hooks/provider/useViewerInPage.ts","../../src/context/ActiveGatewayProvider.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/context/network/settings/defaultChainNetworkSettings.ts","../../src/context/network/settings/useChainNetworkSettings.ts","../../src/context/network/use.ts","../../src/hooks/status/usePollNetworkStatus.ts","../../src/components/broadcast/CloseDrawerIconButton.tsx","../../src/components/broadcast/details/Card.tsx","../../src/components/broadcast/details/SummaryStack.tsx","../../src/components/broadcast/usePaginatedEventPairs.ts","../../src/components/menu/Avatar.tsx","../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/components/status/Alert.tsx","../../src/components/status/Dialog.tsx","../../src/components/status/NetworkStatus.tsx","../../src/model/BroadcastRpc.ts","../../src/story/NetworkGatewayDecorators.tsx"],"sourcesContent":["import type { DrawerProps } from '@mui/material'\nimport {\n  Box, Button, Drawer, Pagination, Stack, Typography,\n} from '@mui/material'\nimport React, { useState } from 'react'\n\nimport { useRpcBroadcastListener } from '../../hooks/index.ts'\nimport type { RpcRequestResponsePairsById } from '../../model/index.ts'\nimport { CloseDrawerIconButton } from './CloseDrawerIconButton.tsx'\nimport { BroadcastedRpcCallDetailsCard } from './details/index.ts'\nimport { usePaginatedEventPairs } from './usePaginatedEventPairs.ts'\n\nexport interface BroadcastRpcCallsDrawer extends DrawerProps {\n  drawerTitle?: string\n  events: RpcRequestResponsePairsById\n  numberOfVisibleEvents?: number\n  onClearEvents?: () => void\n}\n\nexport const BroadcastedRpcCallsDrawer: React.FC<BroadcastRpcCallsDrawer> = ({\n  anchor = 'right',\n  onClearEvents,\n  drawerTitle,\n  events,\n  onClose,\n  numberOfVisibleEvents = 25,\n  ...props\n}) => {\n  const [scrollableDiv, setScrollableDiv] = useState<HTMLDivElement | null>(null)\n  const {\n    allEventEntries,\n    visibleEvents,\n    totalPages,\n    effectiveCurrentPage,\n    handleClearEvents,\n    handlePageChange,\n  } = usePaginatedEventPairs(\n    events,\n    numberOfVisibleEvents,\n    onClearEvents,\n    scrollableDiv,\n  )\n\n  return (\n    <Drawer anchor={anchor} onClose={onClose} keepMounted={false} {...props}>\n      <CloseDrawerIconButton anchor={anchor} onClose={onClose} />\n      <Stack gap={2} sx={{ p: 3 }} flexShrink={0}>\n        <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" gap={4}>\n          <Typography variant=\"h6\">{drawerTitle ?? 'Broadcasted RPC Calls'}</Typography>\n          <Button variant=\"outlined\" size=\"small\" onClick={handleClearEvents}>Clear All</Button>\n        </Stack>\n        {allEventEntries.length > 0 && (\n          <Pagination\n            count={totalPages}\n            page={effectiveCurrentPage}\n            onChange={handlePageChange}\n            color=\"primary\"\n          />\n        )}\n\n      </Stack>\n      <Stack direction=\"column\" id=\"events-container\" flexGrow={1} sx={{ overflowY: 'hidden' }}>\n        <Box\n          ref={(el: HTMLDivElement) => setScrollableDiv(el)}\n          sx={{\n            overflowY: 'auto', px: 3, pb: 3,\n          }}\n        >\n          {visibleEvents.map(([id, broadcastedRpcCall], index) => {\n            return <BroadcastedRpcCallDetailsCard key={id} rpcRequestResponsePairs={broadcastedRpcCall} sx={{ mb: index < visibleEvents.length - 1 ? 2 : 0 }} />\n          })}\n        </Box>\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport const BroadcastedRpcCallsDrawerWithEvents: React.FC<DrawerProps> = (props) => {\n  const { clearEvents, events } = useRpcBroadcastListener()\n\n  return (\n    <BroadcastedRpcCallsDrawer\n      events={events}\n      onClearEvents={clearEvents}\n      {...props}\n    />\n  )\n}\n","import type { JsonRpcRequest, JsonRpcResponse } from '@metamask/utils'\nimport { isJsonRpcRequest, isJsonRpcResponse } from '@metamask/utils'\nimport { isDefined, isString } from '@xylabs/sdk-js'\nimport { useEffect, useState } from 'react'\n\nimport type {\n  BroadcastedRpcCall, RpcRequestResponsePairs, RpcRequestResponsePairsById,\n} from '../../model/index.ts'\n\nconst parseRpcCall = (acc: RpcRequestResponsePairsById, event: BroadcastedRpcCall) => {\n  if (isJsonRpcResponse(event.rpcCall)) {\n    const castedEvent = event as BroadcastedRpcCall<JsonRpcResponse>\n    acc[castedEvent.rpcCall.id as string].result = castedEvent\n  } else if (isJsonRpcRequest(event.rpcCall)) {\n    const castedEvent = event as BroadcastedRpcCall<JsonRpcRequest>\n    acc[castedEvent.rpcCall.id as string].request = castedEvent\n  } else {\n    console.error('Unknown RPC call type', event)\n  }\n  acc[event.rpcCall.id as string].source = event.source\n\n  return acc\n}\n\nexport const useRpcBroadcastListener = () => {\n  const [events, setEvents] = useState<RpcRequestResponsePairsById>({})\n  const clearEvents = () => setEvents({})\n\n  useEffect(() => {\n    const listener = (e: Event) => {\n      if ('detail' in e) {\n        const { detail } = e ?? {}\n        if (isString(detail)) {\n          try {\n            const parsedDetail = JSON.parse(detail)\n            const { data: rpcCall, source } = parsedDetail\n            // TODO - make zod type for parsing details\n            const broadcastedRpcCall: BroadcastedRpcCall = {\n              rpcCall,\n              source,\n              timestamp: Date.now(),\n            }\n            setEvents((prev) => {\n              const { id } = broadcastedRpcCall.rpcCall\n              const newState = { ...prev }\n              if (isDefined(newState[id as string])) {\n                parseRpcCall(newState, broadcastedRpcCall)\n              } else {\n                newState[id as string] = {} as RpcRequestResponsePairs\n                parseRpcCall(newState, broadcastedRpcCall)\n              }\n              return newState\n            })\n          } catch (err) {\n            console.error(err)\n          }\n        }\n      }\n    }\n    globalThis.addEventListener('xyo:broadcast-rpc-request', listener)\n    globalThis.addEventListener('xyo:broadcast-rpc-response', listener)\n\n    return () => {\n      globalThis.removeEventListener('xyo:broadcast-rpc-request', listener)\n      globalThis.removeEventListener('xyo:broadcast-rpc-response', listener)\n    }\n  }, [])\n\n  return { events, clearEvents }\n}\n","import {\n  isDefined, isNull, isUndefined,\n} from '@xylabs/sdk-js'\nimport { useProvidedGateway } from '@xyo-network/react-chain-client'\nimport type { NetworkId } from '@xyo-network/xl1-sdk'\n\nimport type { ChainNetworkSettings } from '../../context/index.ts'\nimport { useChainNetwork } from '../../context/index.ts'\n\nconst shouldProxy = (networkSettings: ChainNetworkSettings, networkId: NetworkId | undefined) => {\n  return isDefined(networkId)\n    && isDefined(networkSettings[networkId])\n    && networkSettings[networkId].proxy\n}\n\n/**\n * Finds the appropriate viewer based on network settings and available gateways\n *\n * Specifically, if the network settings indicate that the network should be proxied, it will attempt to use the wallet viewer.\n * If the wallet viewer is not available, it will fall back to the in-page viewer and log a warning. If the network should not\n * be proxied, it will use the in-page viewer.\n */\nexport const useViewerInPage = () => {\n  const { networkSettings, activeNetwork } = useChainNetwork()\n  const { gateways } = useProvidedGateway()\n\n  const { inPageGateway, walletGateway } = gateways\n\n  const inPageViewer = inPageGateway?.connection?.viewer\n  const walletViewer = walletGateway?.connection?.viewer\n\n  // If the wallet viewer is undefined, don't return it yet, walletViewer is still checking\n  if (isUndefined(walletGateway)) return\n\n  if (shouldProxy(networkSettings, activeNetwork?.id)) {\n    if (isNull(walletGateway)) {\n      console.warn(`Network ${activeNetwork?.id} is set to proxy but no wallet viewer is available, falling back to HTTP RPC viewer`)\n      return inPageViewer\n    }\n    // If the network setting is to proxy and the wallet viewer is available,\n    // try to use the wallet viewer\n    return walletViewer\n  }\n\n  return inPageViewer\n}\n/** @deprecated - use useViewerInPage instead */\nexport const useViewerInPageV2 = useViewerInPage\n","import { GatewayProvider, InPageGatewaysProvider } from '@xyo-network/react-chain-provider'\nimport type { RpcTransport, XyoSignerRpcSchemas } from '@xyo-network/xl1-sdk'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { useChainNetwork } from './network/index.ts'\n\nexport interface ActiveGatewayProviderProps extends PropsWithChildren {\n  signerTransport?: RpcTransport<XyoSignerRpcSchemas>\n}\n\nexport const ActiveGatewayProvider: React.FC<ActiveGatewayProviderProps> = ({ signerTransport, children }) => {\n  const { activeNetwork } = useChainNetwork()\n  return (\n    <InPageGatewaysProvider signerTransport={signerTransport}>\n      <GatewayProvider gatewayName={activeNetwork?.id}>\n        {children}\n      </GatewayProvider>\n    </InPageGatewaysProvider>\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { MainNetwork } from '@xyo-network/xl1-sdk'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkSettings } from './settings/index.ts'\nimport { defaultChainNetworkSettings, useChainNetworkSettings } from './settings/index.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networkSettings?: ChainNetworkSettings\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networkSettings: networkSettingsProp = defaultChainNetworkSettings, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n  const { networkSettings, updateNetworkSettings } = useChainNetworkSettings(networkSettingsProp)\n\n  // Set the active network upon initialization\n  const [resolvedActiveNetwork, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    // ensure the active network saved is found in the list of networks\n    if (activeNetwork && networks?.find(network => network.id === activeNetwork.id)) {\n      // Set the active network if it exists\n      return activeNetwork\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      return defaultNetwork\n    }\n  }, [networks])\n\n  const [previousResolvedActiveNetwork, setPreviousResolvedActiveNetwork] = useState(resolvedActiveNetwork)\n  if (isDefined(resolvedActiveNetwork) && resolvedActiveNetwork !== previousResolvedActiveNetwork) {\n    setActiveNetwork(resolvedActiveNetwork)\n    setPreviousResolvedActiveNetwork(resolvedActiveNetwork)\n  }\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    if (!network) {\n      setError(new Error(`Network with id ${networkId} not found`))\n      return\n    }\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks, setActiveNetworkExternal])\n\n  const value: ChainNetworkState = useMemo(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    networkSettings,\n    updateNetworkSettings,\n    chainNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, activeNetworkError, error, networkSettings, networks, updateActiveNetwork, updateNetworkSettings])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"ChainNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","import { LocalNetwork } from '@xyo-network/xl1-sdk'\n\nimport type { ChainNetworkSettings } from './types.ts'\n\nexport const defaultChainNetworkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }\n","import type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { useCallback, useState } from 'react'\n\nimport { defaultChainNetworkSettings } from './defaultChainNetworkSettings.ts'\nimport type { ChainNetworkSettings } from './types.ts'\n\nexport const useChainNetworkSettings = (defaults = defaultChainNetworkSettings) => {\n  const [networkSettings, setNetworkSettings] = useState<ChainNetworkSettings>(defaults)\n\n  const updateNetworkSettings = useCallback((\n    networkId: NetworkBootstrap['id'],\n    settings: Partial<ChainNetworkSettings>,\n  ) => {\n    setNetworkSettings(prevSettings => ({\n      ...prevSettings,\n      [networkId]: {\n        ...prevSettings[networkId],\n        ...settings,\n      },\n    }))\n  }, [])\n\n  return {\n    networkSettings,\n    updateNetworkSettings,\n  }\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx<ChainNetworkState>(ChainNetworkContext, 'ChainNetwork', required)\n","import { delay, isUndefined } from '@xylabs/sdk-js'\nimport { useNetworkFromGateway } from '@xyo-network/react-chain-provider'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport { useEffect, useState } from 'react'\n\nconst STATUS_CHECK_INTERVAL = 10_000\n\nexport const usePollNetworkStatus = () => {\n  const network = useNetworkFromGateway()\n  const [networkStatus, setNetworkStatus] = useState<NetworkStatus>()\n  const [networkStatusError, setNetworkStatusError] = useState<Error>()\n\n  // Check network status every 10 seconds\n  useEffect(() => {\n    let checkNetwork = true\n    void (async () => {\n      if (isUndefined(network)) return\n      while (checkNetwork) {\n        try {\n          const response = await network.status()\n          setNetworkStatus(response)\n          setNetworkStatusError(undefined)\n        } catch (error) {\n          console.info('Error fetching network status:', error)\n          setNetworkStatus(undefined)\n          setNetworkStatusError(error as Error)\n        }\n        await delay(STATUS_CHECK_INTERVAL)\n      }\n    })()\n\n    return () => {\n      // Cleanup function to stop checking network status at the current statusUrl\n      checkNetwork = false\n    }\n  }, [network])\n\n  return [networkStatus, networkStatusError] as const\n}\n","import { Cancel } from '@mui/icons-material'\nimport type { DrawerProps, IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport React from 'react'\n\nexport interface CloseDrawerIconButtonProps extends IconButtonProps {\n  anchor?: DrawerProps['anchor']\n  onClose?: DrawerProps['onClose']\n}\n\nexport const CloseDrawerIconButton: React.FC<CloseDrawerIconButtonProps> = ({ anchor, onClose }) => {\n  return (\n    <IconButton\n      onClick={e => onClose?.(e, 'backdropClick')}\n      size=\"small\"\n      sx={{\n        alignSelf: anchor === 'right' ? 'start' : 'end', top: 8, right: anchor === 'right' ? undefined : 8, left: anchor === 'left' ? undefined : 8,\n      }}\n    >\n      <Cancel fontSize=\"small\" />\n    </IconButton>\n  )\n}\n","import type { CardProps } from '@mui/material'\nimport {\n  Card, Collapse,\n  Stack, Typography,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport React, { memo, useState } from 'react'\n\nimport type { RpcRequestResponsePairs } from '../../../model/index.ts'\nimport { BroadcastedRpcCallDetailsSummaryStack } from './SummaryStack.tsx'\n\nconst JSON_VIEWER_WIDTH = 600\n\nexport interface BroadcastRpcCallDetailsCardProps extends CardProps {\n  rpcRequestResponsePairs?: RpcRequestResponsePairs\n}\n\nexport const BroadcastedRpcCallDetailsCard: React.FC<BroadcastRpcCallDetailsCardProps> = memo(({\n  rpcRequestResponsePairs, sx, ...props\n}) => {\n  const [expanded, setExpanded] = useState(false)\n\n  if (!rpcRequestResponsePairs) return null\n\n  const {\n    request, result, source,\n  } = rpcRequestResponsePairs\n\n  return (\n    <Card\n      sx={{\n        p: 1, display: 'flex', flexDirection: 'column', width: JSON_VIEWER_WIDTH, ...sx,\n      }}\n      {...props}\n    >\n      <BroadcastedRpcCallDetailsSummaryStack\n        expanded={expanded}\n        params={request.rpcCall.params}\n        hasResult={isDefined(result)}\n        method={request.rpcCall.method}\n        setExpanded={setExpanded}\n        timestamp={request.timestamp}\n      />\n      <Collapse in={expanded} mountOnEnter unmountOnExit>\n        <Stack direction=\"column\" p={1} gap={2} alignItems=\"stretch\">\n          <Typography variant=\"body2\">\n            Source:\n            <Typography variant=\"caption\" component=\"span\" fontFamily=\"monospace\" sx={{ ml: 1 }}>{source}</Typography>\n          </Typography>\n          <Typography variant=\"body2\">Request:</Typography>\n          <JsonViewerEx\n            value={request}\n            sx={{ maxHeight: 300, overflow: 'auto' }}\n          />\n          {isDefined(result)\n            ? (\n                <>\n                  <Typography variant=\"body2\">Result:</Typography>\n                  <JsonViewerEx\n                    value={result}\n                    sx={{ maxHeight: 300, overflow: 'auto' }}\n                  />\n                </>\n              )\n            : null}\n        </Stack>\n      </Collapse>\n    </Card>\n  )\n})\n","import type { JsonRpcParams } from '@metamask/json-rpc-engine/v2'\nimport {\n  ArrowRight, CheckCircle, Warning,\n} from '@mui/icons-material'\nimport {\n  Avatar,\n  Icon, IconButton, Stack, type StackProps, Tooltip, Typography,\n  useTheme,\n} from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { ObjectHasher } from '@xyo-network/hash'\nimport React, { useMemo } from 'react'\n\nexport interface BroadcastRpcCallDetailsSummaryStackProps extends StackProps {\n  expanded?: boolean\n  hasResult?: boolean\n  method?: string\n  params?: JsonRpcParams\n  setExpanded?: (expanded: boolean) => void\n  timestamp?: number\n}\n\nexport const BroadcastedRpcCallDetailsSummaryStack: React.FC<BroadcastRpcCallDetailsSummaryStackProps> = ({\n  expanded, setExpanded, method, timestamp, hasResult, params, ...props\n}) => {\n  const theme = useTheme()\n  const [hash, hashError] = usePromise(async () => {\n    if (isDefined(params)) {\n      return await ObjectHasher.hash(params)\n    }\n  }, [params])\n\n  const formattedTimestamp = useMemo(() => isDefined(timestamp) ? new Date(timestamp).toLocaleString() : '', [timestamp])\n\n  return (\n    <Stack direction=\"row\" gap={2} alignItems=\"center\" justifyContent=\"space-between\" {...props}>\n      <Stack direction=\"row\" gap={2} alignItems=\"center\">\n        <IconButton\n          size=\"small\"\n          onClick={() => setExpanded?.(!expanded)}\n        >\n          <ArrowRight sx={{ transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 0.2s ease-in-out' }} fontSize=\"small\" />\n        </IconButton>\n        <Tooltip\n          title={isDefined(hashError)\n            ? `Error generating hash of params: ${hashError.message}`\n            : isDefined(params) ? `Params : ${JSON.stringify(params, null, 2)}` : 'No Params Provided'}\n        >\n          <Avatar sx={{\n            backgroundColor: theme.vars?.palette.text.primary, width: 20, height: 20, opacity: isDefined(hash) ? 1 : 0.5,\n          }}\n          >\n            <Identicon value={hash} size={14} />\n          </Avatar>\n        </Tooltip>\n        <Typography component=\"span\" variant=\"body2\" fontFamily=\"monospace\">\n          {method}\n        </Typography>\n        <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\" sx={{ opacity: 0.6 }}>\n          {formattedTimestamp}\n        </Typography>\n      </Stack>\n      <Icon sx={{ justifySelf: 'end' }}>{hasResult ? <CheckCircle color=\"success\" /> : <Warning color=\"warning\" />}</Icon>\n    </Stack>\n  )\n}\n","import { isDefinedNotNull } from '@xylabs/sdk-js'\nimport type { ChangeEvent } from 'react'\nimport {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport type { RpcRequestResponsePairsById } from '../../model/index.ts'\n\nexport const usePaginatedEventPairs = (\n  formattedEvents: RpcRequestResponsePairsById,\n  numberOfVisiblePairs: number,\n  onClearEvents?: () => void,\n  scrollableDiv?: HTMLDivElement | null,\n) => {\n  const [currentPage, setCurrentPage] = useState(0)\n\n  const allEventEntries = useMemo(() => {\n    return Object.entries(formattedEvents ?? {}).toSorted(([, a], [, b]) => b.request.timestamp - a.request.timestamp)\n  }, [formattedEvents])\n\n  const totalPages = useMemo(() => {\n    return Math.ceil(allEventEntries.length / numberOfVisiblePairs)\n  }, [allEventEntries.length, numberOfVisiblePairs])\n\n  // Clamp current page to valid range\n  const effectiveCurrentPage = useMemo(() => {\n    if (totalPages === 0) return 0\n    return Math.min(currentPage, totalPages - 1)\n  }, [currentPage, totalPages])\n\n  const visibleEvents = useMemo(() => {\n    if (isDefinedNotNull(scrollableDiv)) {\n      scrollableDiv.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n    const startIndex = effectiveCurrentPage * numberOfVisiblePairs\n    const endIndex = startIndex + numberOfVisiblePairs\n    return allEventEntries.slice(startIndex, endIndex)\n  }, [allEventEntries, effectiveCurrentPage, numberOfVisiblePairs, scrollableDiv])\n\n  const handlePreviousPage = useCallback(() => {\n    setCurrentPage(prev => Math.max(0, prev - 1))\n  }, [])\n\n  const handleNextPage = useCallback(() => {\n    setCurrentPage(prev => Math.min(totalPages - 1, prev + 1))\n  }, [totalPages])\n\n  const handleClearEvents = useCallback(() => {\n    setCurrentPage(0)\n    onClearEvents?.()\n  }, [onClearEvents])\n\n  // Compatible with TablePagination's onPageChange signature\n  // Accepts 1-indexed page, converts to 0-indexed internally\n  const handlePageChange = useCallback((_event: ChangeEvent<unknown>, page: number) => {\n    setCurrentPage(page - 1)\n  }, [])\n\n  return {\n    allEventEntries,\n    visibleEvents,\n    effectiveCurrentPage: effectiveCurrentPage + 1, // Return 1-indexed page\n    totalPages,\n    handlePreviousPage,\n    handleNextPage,\n    handleClearEvents,\n    handlePageChange,\n  }\n}\n","import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport type { CSSProperties } from 'react'\nimport React from 'react'\n\nimport { useChainNetwork } from '../../context/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkAvatarProps extends AvatarProps {\n  icon?: string\n  iconStyles?: CSSProperties\n  name?: string\n}\n\nexport const NetworkAvatar: React.FC<NetworkAvatarProps> = ({\n  icon, iconStyles, name, sx, ...props\n}) => {\n  return (\n    <Avatar\n      sx={{ backgroundColor: 'white', ...sx }}\n      alt={name}\n      {...props}\n    >\n      <NetworkIcon\n        icon={icon}\n        style={{ ...iconStyles }}\n      />\n    </Avatar>\n  )\n}\n\nexport const ActiveNetworkAvatar: React.FC<AvatarProps> = (props) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return (\n    <NetworkAvatar\n      icon={activeNetwork?.icon}\n      name={activeNetwork?.name}\n      {...props}\n    />\n  )\n}\n","import type { DetailedHTMLProps, HtmlHTMLAttributes } from 'react'\nimport React from 'react'\n\nexport interface NetworkIconProps extends DetailedHTMLProps<HtmlHTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {\n  icon?: string\n}\n\nexport const NetworkIcon: React.FC<NetworkIconProps> = ({\n  icon, style, ...props\n}) => {\n  return (\n    <span\n      // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml\n      dangerouslySetInnerHTML={{ __html: icon ?? '' }} // Placeholder for SVG\\\n      style={{\n        display: 'inline-flex', width: 24, height: 24, ...style,\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { NetworkBootstrap, NetworkId } from '@xyo-network/xl1-sdk'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport { NetworkAvatar } from './Avatar.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: NetworkId) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      sx={{ py: 1 }}\n      {...props}\n    >\n      <NetworkAvatar icon={network?.icon} name={network?.name} sx={{ width: 30, height: 30 }} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport {\n  Alert, AlertTitle, Button,\n} from '@mui/material'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport React, { useMemo, useState } from 'react'\n\nimport { NetworkStatusDialog } from './Dialog.tsx'\n\nexport interface NetworkStatusAlertProps extends AlertProps {\n  status?: NetworkStatus\n}\n\nexport const NetworkStatusAlert: React.FC<NetworkStatusAlertProps> = ({ status, ...props }) => {\n  const [open, setOpen] = useState(false)\n  const handleClose = () => setOpen(false)\n\n  const severity = useMemo(() => {\n    if (!status) return\n    switch (status.state) {\n      case 'online': {\n        return 'success'\n      }\n      case 'offline': {\n        return 'error'\n      }\n      case 'degraded': {\n        return 'warning'\n      }\n      case 'unknown': {\n        return 'error'\n      }\n    }\n  }, [status])\n\n  return (\n    <Alert severity={severity} {...props}>\n      <AlertTitle>{status?.description}</AlertTitle>\n      {status?.updates && status.updates.length > 0\n        ? (\n            <>\n              <Button color={severity} variant=\"outlined\" size=\"small\" onClick={() => setOpen(true)}>\n                Updates\n              </Button>\n              <NetworkStatusDialog open={open} onClose={handleClose} updates={status.updates} />\n            </>\n          )\n        : null}\n    </Alert>\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItem, Typography,\n} from '@mui/material'\nimport type { NetworkStatusUpdate } from '@xyo-network/xl1-sdk'\nimport React from 'react'\n\nexport interface NetworkStatusDialogProps extends DialogProps {\n  updates: NetworkStatusUpdate[]\n}\n\nexport const NetworkStatusDialog: React.FC<NetworkStatusDialogProps> = ({ updates, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Recent Status Updates</DialogTitle>\n      <DialogContent>\n        <List>\n          {updates.map(({\n            start, end, update,\n          }) => (\n            <ListItem\n              key={start + update}\n              sx={{\n                flexDirection: 'column', alignItems: 'start', pl: 0,\n              }}\n            >\n              <Typography>\n                {update}\n              </Typography>\n              <Typography gutterBottom sx={{ opacity: 0.75, fontSize: '.8333rem' }}>\n                Start:\n                {' '}\n                {new Date(start).toLocaleString()}\n                {' '}\n                <br />\n                End:\n                {' '}\n                {new Date(end).toLocaleString()}\n              </Typography>\n            </ListItem>\n          ))}\n        </List>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={e => props.onClose?.(e, 'backdropClick')} color=\"primary\" variant=\"outlined\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { usePollNetworkStatus } from '../../hooks/index.ts'\nimport { NetworkStatusAlert } from './Alert.tsx'\n\nconst validNetworkStates = new Set(['online', 'unknown'])\n\nexport interface NetworkStatusProps extends PropsWithChildren<AlertProps> {}\n\nexport const NetworkStatus: React.FC<NetworkStatusProps> = ({ children, ...props }) => {\n  const [networkStatus] = usePollNetworkStatus()\n  const showStatus = networkStatus && !validNetworkStates.has(networkStatus.state)\n  return (\n    <>\n      {showStatus ? <NetworkStatusAlert status={networkStatus} {...props} /> : null}\n      {children}\n    </>\n  )\n}\n","import type { JsonRpcRequest } from '@metamask/json-rpc-engine/v2'\nimport type { JsonRpcResponse } from '@metamask/utils'\n\n// Configuration options for broadcasting RPC calls\nexport interface BroadcastRpcConfig { request: boolean; response: boolean }\n\n// Event Names\nexport const BroadcastRpcRequestEventName = 'xyo:broadcast-rpc-request' as const\nexport const BroadcastRpcResponseEventName = 'xyo:broadcast-rpc-response' as const\nexport type BroadcastRpcEventNames = typeof BroadcastRpcRequestEventName | typeof BroadcastRpcResponseEventName\n\n// default options are to broadcast all events\nexport const defaultBroadcastConfig: BroadcastRpcConfig = { request: true, response: true }\n\nexport interface BroadcastedRpcCall<TRpcCall extends JsonRpcRequest | JsonRpcResponse = JsonRpcRequest | JsonRpcResponse> {\n  rpcCall: TRpcCall\n  source: string\n  timestamp: number\n}\n\nexport interface RpcRequestResponsePairs {\n  request: BroadcastedRpcCall<JsonRpcRequest>\n  result?: BroadcastedRpcCall<JsonRpcResponse>\n  source?: string\n}\n\nexport type RpcRequestResponsePairsById = Record<string, RpcRequestResponsePairs>\n","import type { Decorator } from '@storybook/react-vite'\nimport {\n  LocalNetwork, MainNetwork, SequenceNetwork,\n} from '@xyo-network/xl1-sdk'\nimport React from 'react'\n\nimport type { ChainNetworkSettings } from '../context/index.ts'\nimport { ActiveGatewayProvider, ChainNetworkProvider } from '../context/index.ts'\n\nconst AvailableNetworks = [MainNetwork, SequenceNetwork, LocalNetwork]\nconst networkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }\n\nconst getActiveMainnetNetwork = async () => await Promise.resolve(AvailableNetworks[0])\nexport const MainnetNetworkGatewayDecorator: Decorator = (Story, args) => {\n  return (\n    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveMainnetNetwork}>\n      <ActiveGatewayProvider>\n        <Story {...args} />\n      </ActiveGatewayProvider>\n    </ChainNetworkProvider>\n  )\n}\n\nconst getActiveSequenceNetwork = async () => await Promise.resolve(AvailableNetworks[1])\nexport const SequenceNetworkGatewayDecorator: Decorator = (Story, args) => {\n  return (\n    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveSequenceNetwork}>\n      <ActiveGatewayProvider>\n        <Story {...args} />\n      </ActiveGatewayProvider>\n    </ChainNetworkProvider>\n  )\n}\n\nconst getActiveLocalNetwork = async () => await Promise.resolve(AvailableNetworks[2])\nexport const LocalNetworkGatewayDecorator: Decorator = (Story, args) => {\n  return (\n    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveLocalNetwork}>\n      <ActiveGatewayProvider>\n        <Story {...args} />\n      </ActiveGatewayProvider>\n    </ChainNetworkProvider>\n  )\n}\n"],"mappings":"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","names":["Box","Button","Drawer","Pagination","Stack","Typography","React","useState","isJsonRpcRequest","isJsonRpcResponse","isDefined","isString","useEffect","useState","parseRpcCall","acc","event","isJsonRpcResponse","rpcCall","castedEvent","id","result","isJsonRpcRequest","request","console","error","source","useRpcBroadcastListener","events","setEvents","useState","clearEvents","useEffect","listener","e","detail","isString","parsedDetail","JSON","parse","data","broadcastedRpcCall","timestamp","Date","now","prev","newState","isDefined","err","globalThis","addEventListener","removeEventListener","isDefined","isNull","isUndefined","useProvidedGateway","GatewayProvider","InPageGatewaysProvider","React","createContextEx","ChainNetworkContext","ErrorRender","usePromise","isDefined","MainNetwork","React","useCallback","useMemo","useState","LocalNetwork","defaultChainNetworkSettings","id","proxy","useCallback","useState","useChainNetworkSettings","defaults","defaultChainNetworkSettings","networkSettings","setNetworkSettings","useState","updateNetworkSettings","useCallback","networkId","settings","prevSettings","ChainNetworkProvider","children","getActiveNetwork","networkSettings","networkSettingsProp","defaultChainNetworkSettings","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","updateNetworkSettings","useChainNetworkSettings","resolvedActiveNetwork","activeNetworkError","usePromise","find","network","id","defaultNetwork","MainNetwork","previousResolvedActiveNetwork","setPreviousResolvedActiveNetwork","isDefined","updateActiveNetwork","useCallback","networkId","undefined","Error","value","useMemo","provided","chainNetworkError","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext","ActiveGatewayProvider","signerTransport","children","activeNetwork","useChainNetwork","React","InPageGatewaysProvider","GatewayProvider","gatewayName","id","shouldProxy","networkSettings","networkId","isDefined","proxy","useViewerInPage","activeNetwork","useChainNetwork","gateways","useProvidedGateway","inPageGateway","walletGateway","inPageViewer","connection","viewer","walletViewer","isUndefined","id","isNull","console","warn","useViewerInPageV2","delay","isUndefined","useNetworkFromGateway","useEffect","useState","STATUS_CHECK_INTERVAL","usePollNetworkStatus","network","useNetworkFromGateway","networkStatus","setNetworkStatus","useState","networkStatusError","setNetworkStatusError","useEffect","checkNetwork","isUndefined","response","status","undefined","error","console","info","delay","Cancel","IconButton","React","CloseDrawerIconButton","anchor","onClose","React","IconButton","onClick","e","size","sx","alignSelf","top","right","undefined","left","Cancel","fontSize","Card","Collapse","Stack","Typography","isDefined","JsonViewerEx","React","memo","useState","ArrowRight","CheckCircle","Warning","Avatar","Icon","IconButton","Stack","Tooltip","Typography","useTheme","Identicon","usePromise","isDefined","ObjectHasher","React","useMemo","BroadcastedRpcCallDetailsSummaryStack","expanded","setExpanded","method","timestamp","hasResult","params","props","theme","useTheme","hash","hashError","usePromise","isDefined","ObjectHasher","formattedTimestamp","useMemo","Date","toLocaleString","React","Stack","direction","gap","alignItems","justifyContent","IconButton","size","onClick","ArrowRight","sx","transform","transition","fontSize","Tooltip","title","message","JSON","stringify","Avatar","backgroundColor","vars","palette","text","primary","width","height","opacity","Identicon","value","Typography","component","variant","fontFamily","color","Icon","justifySelf","CheckCircle","Warning","JSON_VIEWER_WIDTH","BroadcastedRpcCallDetailsCard","memo","rpcRequestResponsePairs","sx","props","expanded","setExpanded","useState","request","result","source","React","Card","p","display","flexDirection","width","BroadcastedRpcCallDetailsSummaryStack","params","rpcCall","hasResult","isDefined","method","timestamp","Collapse","in","mountOnEnter","unmountOnExit","Stack","direction","gap","alignItems","Typography","variant","component","fontFamily","ml","JsonViewerEx","value","maxHeight","overflow","isDefinedNotNull","useCallback","useMemo","useState","usePaginatedEventPairs","formattedEvents","numberOfVisiblePairs","onClearEvents","scrollableDiv","currentPage","setCurrentPage","useState","allEventEntries","useMemo","Object","entries","toSorted","a","b","request","timestamp","totalPages","Math","ceil","length","effectiveCurrentPage","min","visibleEvents","isDefinedNotNull","scrollTo","top","behavior","startIndex","endIndex","slice","handlePreviousPage","useCallback","prev","max","handleNextPage","handleClearEvents","handlePageChange","_event","page","BroadcastedRpcCallsDrawer","anchor","onClearEvents","drawerTitle","events","onClose","numberOfVisibleEvents","props","scrollableDiv","setScrollableDiv","useState","allEventEntries","visibleEvents","totalPages","effectiveCurrentPage","handleClearEvents","handlePageChange","usePaginatedEventPairs","React","Drawer","keepMounted","CloseDrawerIconButton","Stack","gap","sx","p","flexShrink","direction","justifyContent","alignItems","Typography","variant","Button","size","onClick","length","Pagination","count","page","onChange","color","id","flexGrow","overflowY","Box","ref","el","px","pb","map","broadcastedRpcCall","index","BroadcastedRpcCallDetailsCard","key","rpcRequestResponsePairs","mb","BroadcastedRpcCallsDrawerWithEvents","clearEvents","useRpcBroadcastListener","Avatar","React","React","NetworkIcon","icon","style","props","React","span","dangerouslySetInnerHTML","__html","display","width","height","NetworkAvatar","icon","iconStyles","name","sx","props","React","Avatar","backgroundColor","alt","NetworkIcon","style","ActiveNetworkAvatar","activeNetwork","useChainNetwork","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","sx","py","NetworkAvatar","icon","width","height","ListItemText","Alert","AlertTitle","Button","React","useMemo","useState","Button","Dialog","DialogActions","DialogContent","DialogTitle","List","ListItem","Typography","React","NetworkStatusDialog","updates","props","React","Dialog","DialogTitle","DialogContent","List","map","start","end","update","ListItem","key","sx","flexDirection","alignItems","pl","Typography","gutterBottom","opacity","fontSize","Date","toLocaleString","br","DialogActions","Button","onClick","e","onClose","color","variant","NetworkStatusAlert","status","props","open","setOpen","useState","handleClose","severity","useMemo","state","React","Alert","AlertTitle","description","updates","length","Button","color","variant","size","onClick","NetworkStatusDialog","onClose","React","validNetworkStates","Set","NetworkStatus","children","props","networkStatus","usePollNetworkStatus","showStatus","has","state","React","NetworkStatusAlert","status","BroadcastRpcRequestEventName","BroadcastRpcResponseEventName","defaultBroadcastConfig","request","response","LocalNetwork","MainNetwork","SequenceNetwork","React","AvailableNetworks","MainNetwork","SequenceNetwork","LocalNetwork","networkSettings","id","proxy","getActiveMainnetNetwork","Promise","resolve","MainnetNetworkGatewayDecorator","Story","args","React","ChainNetworkProvider","networks","getActiveNetwork","ActiveGatewayProvider","getActiveSequenceNetwork","SequenceNetworkGatewayDecorator","getActiveLocalNetwork","LocalNetworkGatewayDecorator"]}
+{"version":3,"sources":["../../src/components/broadcast/Drawer.tsx","../../src/hooks/provider/useRpcBroadcastListener.ts","../../src/hooks/provider/useViewerInPage.ts","../../src/context/ActiveGatewayProvider.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/context/network/settings/defaultChainNetworkSettings.ts","../../src/context/network/settings/useChainNetworkSettings.ts","../../src/context/network/use.ts","../../src/hooks/status/usePollNetworkStatus.ts","../../src/components/broadcast/CloseDrawerIconButton.tsx","../../src/components/broadcast/details/Card.tsx","../../src/components/broadcast/details/SummaryStack.tsx","../../src/components/broadcast/usePaginatedEventPairs.ts","../../src/components/menu/Avatar.tsx","../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/components/status/Alert.tsx","../../src/components/status/Dialog.tsx","../../src/components/status/NetworkStatus.tsx","../../src/model/BroadcastRpc.ts","../../src/story/NetworkGatewayDecorators.tsx"],"sourcesContent":["import type { DrawerProps } from '@mui/material'\nimport {\n  Box, Button, Drawer, Pagination, Stack, Typography,\n} from '@mui/material'\nimport React, { useState } from 'react'\n\nimport { useRpcBroadcastListener } from '../../hooks/index.ts'\nimport type { RpcRequestResponsePairsById } from '../../model/index.ts'\nimport { CloseDrawerIconButton } from './CloseDrawerIconButton.tsx'\nimport { BroadcastedRpcCallDetailsCard } from './details/index.ts'\nimport { usePaginatedEventPairs } from './usePaginatedEventPairs.ts'\n\nexport interface BroadcastRpcCallsDrawer extends DrawerProps {\n  drawerTitle?: string\n  events: RpcRequestResponsePairsById\n  numberOfVisibleEvents?: number\n  onClearEvents?: () => void\n}\n\nexport const BroadcastedRpcCallsDrawer: React.FC<BroadcastRpcCallsDrawer> = ({\n  anchor = 'right',\n  onClearEvents,\n  drawerTitle,\n  events,\n  onClose,\n  numberOfVisibleEvents = 25,\n  ...props\n}) => {\n  const [scrollableDiv, setScrollableDiv] = useState<HTMLDivElement | null>(null)\n  const {\n    allEventEntries,\n    visibleEvents,\n    totalPages,\n    effectiveCurrentPage,\n    handleClearEvents,\n    handlePageChange,\n  } = usePaginatedEventPairs(\n    events,\n    numberOfVisibleEvents,\n    onClearEvents,\n    scrollableDiv,\n  )\n\n  return (\n    <Drawer anchor={anchor} onClose={onClose} keepMounted={false} {...props}>\n      <CloseDrawerIconButton anchor={anchor} onClose={onClose} />\n      <Stack\n        sx={{\n          gap: 2,\n          flexShrink: 0,\n          p: 3,\n        }}\n      >\n        <Stack\n          direction=\"row\"\n          sx={{\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            gap: 4,\n          }}\n        >\n          <Typography variant=\"h6\">{drawerTitle ?? 'Broadcasted RPC Calls'}</Typography>\n          <Button variant=\"outlined\" size=\"small\" onClick={handleClearEvents}>Clear All</Button>\n        </Stack>\n        {allEventEntries.length > 0 && (\n          <Pagination\n            count={totalPages}\n            page={effectiveCurrentPage}\n            onChange={handlePageChange}\n            color=\"primary\"\n          />\n        )}\n\n      </Stack>\n      <Stack\n        direction=\"column\"\n        id=\"events-container\"\n        sx={{\n          flexGrow: 1,\n          overflowY: 'hidden',\n        }}\n      >\n        <Box\n          ref={(el: HTMLDivElement) => setScrollableDiv(el)}\n          sx={{\n            overflowY: 'auto', px: 3, pb: 3,\n          }}\n        >\n          {visibleEvents.map(([id, broadcastedRpcCall], index) => {\n            return <BroadcastedRpcCallDetailsCard key={id} rpcRequestResponsePairs={broadcastedRpcCall} sx={{ mb: index < visibleEvents.length - 1 ? 2 : 0 }} />\n          })}\n        </Box>\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport const BroadcastedRpcCallsDrawerWithEvents: React.FC<DrawerProps> = (props) => {\n  const { clearEvents, events } = useRpcBroadcastListener()\n\n  return (\n    <BroadcastedRpcCallsDrawer\n      events={events}\n      onClearEvents={clearEvents}\n      {...props}\n    />\n  )\n}\n","import type { JsonRpcRequest, JsonRpcResponse } from '@metamask/utils'\nimport { isJsonRpcRequest, isJsonRpcResponse } from '@metamask/utils'\nimport { isDefined, isString } from '@xylabs/sdk-js'\nimport { useEffect, useState } from 'react'\n\nimport type {\n  BroadcastedRpcCall, RpcRequestResponsePairs, RpcRequestResponsePairsById,\n} from '../../model/index.ts'\n\nconst parseRpcCall = (acc: RpcRequestResponsePairsById, event: BroadcastedRpcCall) => {\n  if (isJsonRpcResponse(event.rpcCall)) {\n    const castedEvent = event as BroadcastedRpcCall<JsonRpcResponse>\n    acc[castedEvent.rpcCall.id as string].result = castedEvent\n  } else if (isJsonRpcRequest(event.rpcCall)) {\n    const castedEvent = event as BroadcastedRpcCall<JsonRpcRequest>\n    acc[castedEvent.rpcCall.id as string].request = castedEvent\n  } else {\n    console.error('Unknown RPC call type', event)\n  }\n  acc[event.rpcCall.id as string].source = event.source\n\n  return acc\n}\n\nexport const useRpcBroadcastListener = () => {\n  const [events, setEvents] = useState<RpcRequestResponsePairsById>({})\n  const clearEvents = () => setEvents({})\n\n  useEffect(() => {\n    const listener = (e: Event) => {\n      if ('detail' in e) {\n        const { detail } = e ?? {}\n        if (isString(detail)) {\n          try {\n            const parsedDetail = JSON.parse(detail)\n            const { data: rpcCall, source } = parsedDetail\n            // TODO - make zod type for parsing details\n            const broadcastedRpcCall: BroadcastedRpcCall = {\n              rpcCall,\n              source,\n              timestamp: Date.now(),\n            }\n            setEvents((prev) => {\n              const { id } = broadcastedRpcCall.rpcCall\n              const newState = { ...prev }\n              if (isDefined(newState[id as string])) {\n                parseRpcCall(newState, broadcastedRpcCall)\n              } else {\n                newState[id as string] = {} as RpcRequestResponsePairs\n                parseRpcCall(newState, broadcastedRpcCall)\n              }\n              return newState\n            })\n          } catch (err) {\n            console.error(err)\n          }\n        }\n      }\n    }\n    globalThis.addEventListener('xyo:broadcast-rpc-request', listener)\n    globalThis.addEventListener('xyo:broadcast-rpc-response', listener)\n\n    return () => {\n      globalThis.removeEventListener('xyo:broadcast-rpc-request', listener)\n      globalThis.removeEventListener('xyo:broadcast-rpc-response', listener)\n    }\n  }, [])\n\n  return { events, clearEvents }\n}\n","import {\n  isDefined, isNull, isUndefined,\n} from '@xylabs/sdk-js'\nimport { useProvidedGateway } from '@xyo-network/react-chain-client'\nimport type { NetworkId } from '@xyo-network/xl1-sdk'\n\nimport type { ChainNetworkSettings } from '../../context/index.ts'\nimport { useChainNetwork } from '../../context/index.ts'\n\nconst shouldProxy = (networkSettings: ChainNetworkSettings, networkId: NetworkId | undefined) => {\n  return isDefined(networkId)\n    && isDefined(networkSettings[networkId])\n    && networkSettings[networkId].proxy\n}\n\n/**\n * Finds the appropriate viewer based on network settings and available gateways\n *\n * Specifically, if the network settings indicate that the network should be proxied, it will attempt to use the wallet viewer.\n * If the wallet viewer is not available, it will fall back to the in-page viewer and log a warning. If the network should not\n * be proxied, it will use the in-page viewer.\n */\nexport const useViewerInPage = () => {\n  const { networkSettings, activeNetwork } = useChainNetwork()\n  const { gateways } = useProvidedGateway()\n\n  const { inPageGateway, walletGateway } = gateways\n\n  const inPageViewer = inPageGateway?.connection?.viewer\n  const walletViewer = walletGateway?.connection?.viewer\n\n  // If the wallet viewer is undefined, don't return it yet, walletViewer is still checking\n  if (isUndefined(walletGateway)) return\n\n  if (shouldProxy(networkSettings, activeNetwork?.id)) {\n    if (isNull(walletGateway)) {\n      console.warn(`Network ${activeNetwork?.id} is set to proxy but no wallet viewer is available, falling back to HTTP RPC viewer`)\n      return inPageViewer\n    }\n    // If the network setting is to proxy and the wallet viewer is available,\n    // try to use the wallet viewer\n    return walletViewer\n  }\n\n  return inPageViewer\n}\n/** @deprecated - use useViewerInPage instead */\nexport const useViewerInPageV2 = useViewerInPage\n","import { GatewayProvider, InPageGatewaysProvider } from '@xyo-network/react-chain-provider'\nimport type { RpcTransport, XyoSignerRpcSchemas } from '@xyo-network/xl1-sdk'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { useChainNetwork } from './network/index.ts'\n\nexport interface ActiveGatewayProviderProps extends PropsWithChildren {\n  signerTransport?: RpcTransport<XyoSignerRpcSchemas>\n}\n\nexport const ActiveGatewayProvider: React.FC<ActiveGatewayProviderProps> = ({ signerTransport, children }) => {\n  const { activeNetwork } = useChainNetwork()\n  return (\n    <InPageGatewaysProvider signerTransport={signerTransport}>\n      <GatewayProvider gatewayName={activeNetwork?.id}>\n        {children}\n      </GatewayProvider>\n    </InPageGatewaysProvider>\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { MainNetwork } from '@xyo-network/xl1-sdk'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkSettings } from './settings/index.ts'\nimport { defaultChainNetworkSettings, useChainNetworkSettings } from './settings/index.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networkSettings?: ChainNetworkSettings\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networkSettings: networkSettingsProp = defaultChainNetworkSettings, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n  const { networkSettings, updateNetworkSettings } = useChainNetworkSettings(networkSettingsProp)\n\n  // Set the active network upon initialization\n  const [resolvedActiveNetwork, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    // ensure the active network saved is found in the list of networks\n    if (activeNetwork && networks?.find(network => network.id === activeNetwork.id)) {\n      // Set the active network if it exists\n      return activeNetwork\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      return defaultNetwork\n    }\n  }, [networks])\n\n  const [previousResolvedActiveNetwork, setPreviousResolvedActiveNetwork] = useState(resolvedActiveNetwork)\n  if (isDefined(resolvedActiveNetwork) && resolvedActiveNetwork !== previousResolvedActiveNetwork) {\n    setActiveNetwork(resolvedActiveNetwork)\n    setPreviousResolvedActiveNetwork(resolvedActiveNetwork)\n  }\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    if (!network) {\n      setError(new Error(`Network with id ${networkId} not found`))\n      return\n    }\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks, setActiveNetworkExternal])\n\n  const value: ChainNetworkState = useMemo(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    networkSettings,\n    updateNetworkSettings,\n    chainNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, activeNetworkError, error, networkSettings, networks, updateActiveNetwork, updateNetworkSettings])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"ChainNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","import { LocalNetwork } from '@xyo-network/xl1-sdk'\n\nimport type { ChainNetworkSettings } from './types.ts'\n\nexport const defaultChainNetworkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }\n","import type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { useCallback, useState } from 'react'\n\nimport { defaultChainNetworkSettings } from './defaultChainNetworkSettings.ts'\nimport type { ChainNetworkSettings } from './types.ts'\n\nexport const useChainNetworkSettings = (defaults = defaultChainNetworkSettings) => {\n  const [networkSettings, setNetworkSettings] = useState<ChainNetworkSettings>(defaults)\n\n  const updateNetworkSettings = useCallback((\n    networkId: NetworkBootstrap['id'],\n    settings: Partial<ChainNetworkSettings>,\n  ) => {\n    setNetworkSettings(prevSettings => ({\n      ...prevSettings,\n      [networkId]: {\n        ...prevSettings[networkId],\n        ...settings,\n      },\n    }))\n  }, [])\n\n  return {\n    networkSettings,\n    updateNetworkSettings,\n  }\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx<ChainNetworkState>(ChainNetworkContext, 'ChainNetwork', required)\n","import { delay, isUndefined } from '@xylabs/sdk-js'\nimport { useNetworkFromGateway } from '@xyo-network/react-chain-provider'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport { useEffect, useState } from 'react'\n\nconst STATUS_CHECK_INTERVAL = 10_000\n\nexport const usePollNetworkStatus = () => {\n  const network = useNetworkFromGateway()\n  const [networkStatus, setNetworkStatus] = useState<NetworkStatus>()\n  const [networkStatusError, setNetworkStatusError] = useState<Error>()\n\n  // Check network status every 10 seconds\n  useEffect(() => {\n    let checkNetwork = true\n    void (async () => {\n      if (isUndefined(network)) return\n      while (checkNetwork) {\n        try {\n          const response = await network.status()\n          setNetworkStatus(response)\n          setNetworkStatusError(undefined)\n        } catch (error) {\n          console.info('Error fetching network status:', error)\n          setNetworkStatus(undefined)\n          setNetworkStatusError(error as Error)\n        }\n        await delay(STATUS_CHECK_INTERVAL)\n      }\n    })()\n\n    return () => {\n      // Cleanup function to stop checking network status at the current statusUrl\n      checkNetwork = false\n    }\n  }, [network])\n\n  return [networkStatus, networkStatusError] as const\n}\n","import { Cancel } from '@mui/icons-material'\nimport type { DrawerProps, IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport React from 'react'\n\nexport interface CloseDrawerIconButtonProps extends IconButtonProps {\n  anchor?: DrawerProps['anchor']\n  onClose?: DrawerProps['onClose']\n}\n\nexport const CloseDrawerIconButton: React.FC<CloseDrawerIconButtonProps> = ({ anchor, onClose }) => {\n  return (\n    <IconButton\n      onClick={e => onClose?.(e, 'backdropClick')}\n      size=\"small\"\n      sx={{\n        alignSelf: anchor === 'right' ? 'start' : 'end', top: 8, right: anchor === 'right' ? undefined : 8, left: anchor === 'left' ? undefined : 8,\n      }}\n    >\n      <Cancel sx={{ fontSize: 'small' }} />\n    </IconButton>\n  )\n}\n","import type { CardProps } from '@mui/material'\nimport {\n  Card, Collapse,\n  Stack, Typography,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport React, { memo, useState } from 'react'\n\nimport type { RpcRequestResponsePairs } from '../../../model/index.ts'\nimport { BroadcastedRpcCallDetailsSummaryStack } from './SummaryStack.tsx'\n\nconst JSON_VIEWER_WIDTH = 600\n\nexport interface BroadcastRpcCallDetailsCardProps extends CardProps {\n  rpcRequestResponsePairs?: RpcRequestResponsePairs\n}\n\nexport const BroadcastedRpcCallDetailsCard: React.FC<BroadcastRpcCallDetailsCardProps> = memo(({\n  rpcRequestResponsePairs, sx, ...props\n}) => {\n  const [expanded, setExpanded] = useState(false)\n\n  if (!rpcRequestResponsePairs) return null\n\n  const {\n    request, result, source,\n  } = rpcRequestResponsePairs\n\n  return (\n    <Card\n      sx={{\n        p: 1, display: 'flex', flexDirection: 'column', width: JSON_VIEWER_WIDTH, ...sx,\n      }}\n      {...props}\n    >\n      <BroadcastedRpcCallDetailsSummaryStack\n        expanded={expanded}\n        params={request.rpcCall.params}\n        hasResult={isDefined(result)}\n        method={request.rpcCall.method}\n        setExpanded={setExpanded}\n        timestamp={request.timestamp}\n      />\n      <Collapse in={expanded} mountOnEnter unmountOnExit>\n        <Stack\n          direction=\"column\"\n          sx={{\n            p: 1,\n            gap: 2,\n            alignItems: 'stretch',\n          }}\n        >\n          <Typography variant=\"body2\">\n            Source:\n            <Typography\n              variant=\"caption\"\n              component=\"span\"\n              sx={{\n                fontFamily: 'monospace',\n                ml: 1,\n              }}\n            >\n              {source}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">Request:</Typography>\n          <JsonViewerEx\n            value={request}\n            sx={{ maxHeight: 300, overflow: 'auto' }}\n          />\n          {isDefined(result)\n            ? (\n                <>\n                  <Typography variant=\"body2\">Result:</Typography>\n                  <JsonViewerEx\n                    value={result}\n                    sx={{ maxHeight: 300, overflow: 'auto' }}\n                  />\n                </>\n              )\n            : null}\n        </Stack>\n      </Collapse>\n    </Card>\n  )\n})\n","import type { JsonRpcParams } from '@metamask/json-rpc-engine/v2'\nimport {\n  ArrowRight, CheckCircle, Warning,\n} from '@mui/icons-material'\nimport {\n  Avatar,\n  Icon, IconButton, Stack, type StackProps, Tooltip, Typography,\n  useTheme,\n} from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { ObjectHasher } from '@xyo-network/hash'\nimport React, { useMemo } from 'react'\n\nexport interface BroadcastRpcCallDetailsSummaryStackProps extends StackProps {\n  expanded?: boolean\n  hasResult?: boolean\n  method?: string\n  params?: JsonRpcParams\n  setExpanded?: (expanded: boolean) => void\n  timestamp?: number\n}\n\nexport const BroadcastedRpcCallDetailsSummaryStack: React.FC<BroadcastRpcCallDetailsSummaryStackProps> = ({\n  expanded, setExpanded, method, timestamp, hasResult, params, ...props\n}) => {\n  const theme = useTheme()\n  const [hash, hashError] = usePromise(async () => {\n    if (isDefined(params)) {\n      return await ObjectHasher.hash(params)\n    }\n  }, [params])\n\n  const formattedTimestamp = useMemo(() => isDefined(timestamp) ? new Date(timestamp).toLocaleString() : '', [timestamp])\n\n  return (\n    <Stack\n      direction=\"row\"\n      {...props}\n      sx={[{\n        gap: 2,\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <Stack\n        direction=\"row\"\n        sx={{\n          gap: 2,\n          alignItems: 'center',\n        }}\n      >\n        <IconButton\n          size=\"small\"\n          onClick={() => setExpanded?.(!expanded)}\n        >\n          <ArrowRight sx={{ transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 0.2s ease-in-out' }} fontSize=\"small\" />\n        </IconButton>\n        <Tooltip\n          title={isDefined(hashError)\n            ? `Error generating hash of params: ${hashError.message}`\n            : isDefined(params) ? `Params : ${JSON.stringify(params, null, 2)}` : 'No Params Provided'}\n        >\n          <Avatar sx={{\n            backgroundColor: theme.vars?.palette.text.primary, width: 20, height: 20, opacity: isDefined(hash) ? 1 : 0.5,\n          }}\n          >\n            <Identicon value={hash} size={14} />\n          </Avatar>\n        </Tooltip>\n        <Typography\n          component=\"span\"\n          variant=\"body2\"\n          sx={{ fontFamily: 'monospace' }}\n        >\n          {method}\n        </Typography>\n        <Typography\n          component=\"span\"\n          variant=\"caption\"\n          sx={{\n            color: 'text.secondary',\n            opacity: 0.6,\n          }}\n        >\n          {formattedTimestamp}\n        </Typography>\n      </Stack>\n      <Icon sx={{ justifySelf: 'end' }}>\n        {hasResult\n          ? (\n              <CheckCircle sx={{ color: 'success' }} />\n            )\n          : <Warning color=\"warning\" />}\n      </Icon>\n    </Stack>\n  )\n}\n","import { isDefinedNotNull } from '@xylabs/sdk-js'\nimport type { ChangeEvent } from 'react'\nimport {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport type { RpcRequestResponsePairsById } from '../../model/index.ts'\n\nexport const usePaginatedEventPairs = (\n  formattedEvents: RpcRequestResponsePairsById,\n  numberOfVisiblePairs: number,\n  onClearEvents?: () => void,\n  scrollableDiv?: HTMLDivElement | null,\n) => {\n  const [currentPage, setCurrentPage] = useState(0)\n\n  const allEventEntries = useMemo(() => {\n    return Object.entries(formattedEvents ?? {}).toSorted(([, a], [, b]) => b.request.timestamp - a.request.timestamp)\n  }, [formattedEvents])\n\n  const totalPages = useMemo(() => {\n    return Math.ceil(allEventEntries.length / numberOfVisiblePairs)\n  }, [allEventEntries.length, numberOfVisiblePairs])\n\n  // Clamp current page to valid range\n  const effectiveCurrentPage = useMemo(() => {\n    if (totalPages === 0) return 0\n    return Math.min(currentPage, totalPages - 1)\n  }, [currentPage, totalPages])\n\n  const visibleEvents = useMemo(() => {\n    if (isDefinedNotNull(scrollableDiv)) {\n      scrollableDiv.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n    const startIndex = effectiveCurrentPage * numberOfVisiblePairs\n    const endIndex = startIndex + numberOfVisiblePairs\n    return allEventEntries.slice(startIndex, endIndex)\n  }, [allEventEntries, effectiveCurrentPage, numberOfVisiblePairs, scrollableDiv])\n\n  const handlePreviousPage = useCallback(() => {\n    setCurrentPage(prev => Math.max(0, prev - 1))\n  }, [])\n\n  const handleNextPage = useCallback(() => {\n    setCurrentPage(prev => Math.min(totalPages - 1, prev + 1))\n  }, [totalPages])\n\n  const handleClearEvents = useCallback(() => {\n    setCurrentPage(0)\n    onClearEvents?.()\n  }, [onClearEvents])\n\n  // Compatible with TablePagination's onPageChange signature\n  // Accepts 1-indexed page, converts to 0-indexed internally\n  const handlePageChange = useCallback((_event: ChangeEvent<unknown>, page: number) => {\n    setCurrentPage(page - 1)\n  }, [])\n\n  return {\n    allEventEntries,\n    visibleEvents,\n    effectiveCurrentPage: effectiveCurrentPage + 1, // Return 1-indexed page\n    totalPages,\n    handlePreviousPage,\n    handleNextPage,\n    handleClearEvents,\n    handlePageChange,\n  }\n}\n","import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport type { CSSProperties } from 'react'\nimport React from 'react'\n\nimport { useChainNetwork } from '../../context/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkAvatarProps extends AvatarProps {\n  icon?: string\n  iconStyles?: CSSProperties\n  name?: string\n}\n\nexport const NetworkAvatar: React.FC<NetworkAvatarProps> = ({\n  icon, iconStyles, name, sx, ...props\n}) => {\n  return (\n    <Avatar\n      sx={{ backgroundColor: 'white', ...sx }}\n      alt={name}\n      {...props}\n    >\n      <NetworkIcon\n        icon={icon}\n        style={{ ...iconStyles }}\n      />\n    </Avatar>\n  )\n}\n\nexport const ActiveNetworkAvatar: React.FC<AvatarProps> = (props) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return (\n    <NetworkAvatar\n      icon={activeNetwork?.icon}\n      name={activeNetwork?.name}\n      {...props}\n    />\n  )\n}\n","import type { DetailedHTMLProps, HtmlHTMLAttributes } from 'react'\nimport React from 'react'\n\nexport interface NetworkIconProps extends DetailedHTMLProps<HtmlHTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {\n  icon?: string\n}\n\nexport const NetworkIcon: React.FC<NetworkIconProps> = ({\n  icon, style, ...props\n}) => {\n  return (\n    <span\n      // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml\n      dangerouslySetInnerHTML={{ __html: icon ?? '' }} // Placeholder for SVG\\\n      style={{\n        display: 'inline-flex', width: 24, height: 24, ...style,\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { NetworkBootstrap, NetworkId } from '@xyo-network/xl1-sdk'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport { NetworkAvatar } from './Avatar.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: NetworkId) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      sx={{ py: 1 }}\n      {...props}\n    >\n      <NetworkAvatar icon={network?.icon} name={network?.name} sx={{ width: 30, height: 30 }} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport {\n  Alert, AlertTitle, Button,\n} from '@mui/material'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport React, { useMemo, useState } from 'react'\n\nimport { NetworkStatusDialog } from './Dialog.tsx'\n\nexport interface NetworkStatusAlertProps extends AlertProps {\n  status?: NetworkStatus\n}\n\nexport const NetworkStatusAlert: React.FC<NetworkStatusAlertProps> = ({ status, ...props }) => {\n  const [open, setOpen] = useState(false)\n  const handleClose = () => setOpen(false)\n\n  const severity = useMemo(() => {\n    if (!status) return\n    switch (status.state) {\n      case 'online': {\n        return 'success'\n      }\n      case 'offline': {\n        return 'error'\n      }\n      case 'degraded': {\n        return 'warning'\n      }\n      case 'unknown': {\n        return 'error'\n      }\n    }\n  }, [status])\n\n  return (\n    <Alert severity={severity} {...props}>\n      <AlertTitle>{status?.description}</AlertTitle>\n      {status?.updates && status.updates.length > 0\n        ? (\n            <>\n              <Button\n                variant=\"outlined\"\n                size=\"small\"\n                onClick={() => setOpen(true)}\n                sx={{ color: severity }}\n              >\n                Updates\n              </Button>\n              <NetworkStatusDialog open={open} onClose={handleClose} updates={status.updates} />\n            </>\n          )\n        : null}\n    </Alert>\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItem, Typography,\n} from '@mui/material'\nimport type { NetworkStatusUpdate } from '@xyo-network/xl1-sdk'\nimport React from 'react'\n\nexport interface NetworkStatusDialogProps extends DialogProps {\n  updates: NetworkStatusUpdate[]\n}\n\nexport const NetworkStatusDialog: React.FC<NetworkStatusDialogProps> = ({ updates, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Recent Status Updates</DialogTitle>\n      <DialogContent>\n        <List>\n          {updates.map(({\n            start, end, update,\n          }) => (\n            <ListItem\n              key={start + update}\n              sx={{\n                flexDirection: 'column', alignItems: 'start', pl: 0,\n              }}\n            >\n              <Typography>\n                {update}\n              </Typography>\n              <Typography gutterBottom sx={{ opacity: 0.75, fontSize: '.8333rem' }}>\n                Start:\n                {' '}\n                {new Date(start).toLocaleString()}\n                {' '}\n                <br />\n                End:\n                {' '}\n                {new Date(end).toLocaleString()}\n              </Typography>\n            </ListItem>\n          ))}\n        </List>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={e => props.onClose?.(e, 'backdropClick')}\n          variant=\"outlined\"\n          sx={{ color: 'primary' }}\n        >\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { usePollNetworkStatus } from '../../hooks/index.ts'\nimport { NetworkStatusAlert } from './Alert.tsx'\n\nconst validNetworkStates = new Set(['online', 'unknown'])\n\nexport interface NetworkStatusProps extends PropsWithChildren<AlertProps> {}\n\nexport const NetworkStatus: React.FC<NetworkStatusProps> = ({ children, ...props }) => {\n  const [networkStatus] = usePollNetworkStatus()\n  const showStatus = networkStatus && !validNetworkStates.has(networkStatus.state)\n  return (\n    <>\n      {showStatus ? <NetworkStatusAlert status={networkStatus} {...props} /> : null}\n      {children}\n    </>\n  )\n}\n","import type { JsonRpcRequest } from '@metamask/json-rpc-engine/v2'\nimport type { JsonRpcResponse } from '@metamask/utils'\n\n// Configuration options for broadcasting RPC calls\nexport interface BroadcastRpcConfig { request: boolean; response: boolean }\n\n// Event Names\nexport const BroadcastRpcRequestEventName = 'xyo:broadcast-rpc-request' as const\nexport const BroadcastRpcResponseEventName = 'xyo:broadcast-rpc-response' as const\nexport type BroadcastRpcEventNames = typeof BroadcastRpcRequestEventName | typeof BroadcastRpcResponseEventName\n\n// default options are to broadcast all events\nexport const defaultBroadcastConfig: BroadcastRpcConfig = { request: true, response: true }\n\nexport interface BroadcastedRpcCall<TRpcCall extends JsonRpcRequest | JsonRpcResponse = JsonRpcRequest | JsonRpcResponse> {\n  rpcCall: TRpcCall\n  source: string\n  timestamp: number\n}\n\nexport interface RpcRequestResponsePairs {\n  request: BroadcastedRpcCall<JsonRpcRequest>\n  result?: BroadcastedRpcCall<JsonRpcResponse>\n  source?: string\n}\n\nexport type RpcRequestResponsePairsById = Record<string, RpcRequestResponsePairs>\n","import type { Decorator } from '@storybook/react-vite'\nimport {\n  LocalNetwork, MainNetwork, SequenceNetwork,\n} from '@xyo-network/xl1-sdk'\nimport React from 'react'\n\nimport type { ChainNetworkSettings } from '../context/index.ts'\nimport { ActiveGatewayProvider, ChainNetworkProvider } from '../context/index.ts'\n\nconst AvailableNetworks = [MainNetwork, SequenceNetwork, LocalNetwork]\nconst networkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }\n\nconst getActiveMainnetNetwork = async () => await Promise.resolve(AvailableNetworks[0])\nexport const MainnetNetworkGatewayDecorator: Decorator = (Story, args) => {\n  return (\n    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveMainnetNetwork}>\n      <ActiveGatewayProvider>\n        <Story {...args} />\n      </ActiveGatewayProvider>\n    </ChainNetworkProvider>\n  )\n}\n\nconst getActiveSequenceNetwork = async () => await Promise.resolve(AvailableNetworks[1])\nexport const SequenceNetworkGatewayDecorator: Decorator = (Story, args) => {\n  return (\n    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveSequenceNetwork}>\n      <ActiveGatewayProvider>\n        <Story {...args} />\n      </ActiveGatewayProvider>\n    </ChainNetworkProvider>\n  )\n}\n\nconst getActiveLocalNetwork = async () => await Promise.resolve(AvailableNetworks[2])\nexport const LocalNetworkGatewayDecorator: Decorator = (Story, args) => {\n  return (\n    <ChainNetworkProvider networks={AvailableNetworks} networkSettings={networkSettings} getActiveNetwork={getActiveLocalNetwork}>\n      <ActiveGatewayProvider>\n        <Story {...args} />\n      </ActiveGatewayProvider>\n    </ChainNetworkProvider>\n  )\n}\n"],"mappings":"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","names":["Box","Button","Drawer","Pagination","Stack","Typography","React","useState","isJsonRpcRequest","isJsonRpcResponse","isDefined","isString","useEffect","useState","parseRpcCall","acc","event","isJsonRpcResponse","rpcCall","castedEvent","id","result","isJsonRpcRequest","request","console","error","source","useRpcBroadcastListener","events","setEvents","useState","clearEvents","useEffect","listener","e","detail","isString","parsedDetail","JSON","parse","data","broadcastedRpcCall","timestamp","Date","now","prev","newState","isDefined","err","globalThis","addEventListener","removeEventListener","isDefined","isNull","isUndefined","useProvidedGateway","GatewayProvider","InPageGatewaysProvider","React","createContextEx","ChainNetworkContext","ErrorRender","usePromise","isDefined","MainNetwork","React","useCallback","useMemo","useState","LocalNetwork","defaultChainNetworkSettings","id","proxy","useCallback","useState","useChainNetworkSettings","defaults","defaultChainNetworkSettings","networkSettings","setNetworkSettings","useState","updateNetworkSettings","useCallback","networkId","settings","prevSettings","ChainNetworkProvider","children","getActiveNetwork","networkSettings","networkSettingsProp","defaultChainNetworkSettings","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","updateNetworkSettings","useChainNetworkSettings","resolvedActiveNetwork","activeNetworkError","usePromise","find","network","id","defaultNetwork","MainNetwork","previousResolvedActiveNetwork","setPreviousResolvedActiveNetwork","isDefined","updateActiveNetwork","useCallback","networkId","undefined","Error","value","useMemo","provided","chainNetworkError","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext","ActiveGatewayProvider","signerTransport","children","activeNetwork","useChainNetwork","React","InPageGatewaysProvider","GatewayProvider","gatewayName","id","shouldProxy","networkSettings","networkId","isDefined","proxy","useViewerInPage","activeNetwork","useChainNetwork","gateways","useProvidedGateway","inPageGateway","walletGateway","inPageViewer","connection","viewer","walletViewer","isUndefined","id","isNull","console","warn","useViewerInPageV2","delay","isUndefined","useNetworkFromGateway","useEffect","useState","STATUS_CHECK_INTERVAL","usePollNetworkStatus","network","useNetworkFromGateway","networkStatus","setNetworkStatus","useState","networkStatusError","setNetworkStatusError","useEffect","checkNetwork","isUndefined","response","status","undefined","error","console","info","delay","Cancel","IconButton","React","CloseDrawerIconButton","anchor","onClose","React","IconButton","onClick","e","size","sx","alignSelf","top","right","undefined","left","Cancel","fontSize","Card","Collapse","Stack","Typography","isDefined","JsonViewerEx","React","memo","useState","ArrowRight","CheckCircle","Warning","Avatar","Icon","IconButton","Stack","Tooltip","Typography","useTheme","Identicon","usePromise","isDefined","ObjectHasher","React","useMemo","BroadcastedRpcCallDetailsSummaryStack","expanded","setExpanded","method","timestamp","hasResult","params","props","theme","useTheme","hash","hashError","usePromise","isDefined","ObjectHasher","formattedTimestamp","useMemo","Date","toLocaleString","React","Stack","direction","sx","gap","alignItems","justifyContent","Array","isArray","IconButton","size","onClick","ArrowRight","transform","transition","fontSize","Tooltip","title","message","JSON","stringify","Avatar","backgroundColor","vars","palette","text","primary","width","height","opacity","Identicon","value","Typography","component","variant","fontFamily","color","Icon","justifySelf","CheckCircle","Warning","JSON_VIEWER_WIDTH","BroadcastedRpcCallDetailsCard","memo","rpcRequestResponsePairs","sx","props","expanded","setExpanded","useState","request","result","source","React","Card","p","display","flexDirection","width","BroadcastedRpcCallDetailsSummaryStack","params","rpcCall","hasResult","isDefined","method","timestamp","Collapse","in","mountOnEnter","unmountOnExit","Stack","direction","gap","alignItems","Typography","variant","component","fontFamily","ml","JsonViewerEx","value","maxHeight","overflow","isDefinedNotNull","useCallback","useMemo","useState","usePaginatedEventPairs","formattedEvents","numberOfVisiblePairs","onClearEvents","scrollableDiv","currentPage","setCurrentPage","useState","allEventEntries","useMemo","Object","entries","toSorted","a","b","request","timestamp","totalPages","Math","ceil","length","effectiveCurrentPage","min","visibleEvents","isDefinedNotNull","scrollTo","top","behavior","startIndex","endIndex","slice","handlePreviousPage","useCallback","prev","max","handleNextPage","handleClearEvents","handlePageChange","_event","page","BroadcastedRpcCallsDrawer","anchor","onClearEvents","drawerTitle","events","onClose","numberOfVisibleEvents","props","scrollableDiv","setScrollableDiv","useState","allEventEntries","visibleEvents","totalPages","effectiveCurrentPage","handleClearEvents","handlePageChange","usePaginatedEventPairs","React","Drawer","keepMounted","CloseDrawerIconButton","Stack","sx","gap","flexShrink","p","direction","justifyContent","alignItems","Typography","variant","Button","size","onClick","length","Pagination","count","page","onChange","color","id","flexGrow","overflowY","Box","ref","el","px","pb","map","broadcastedRpcCall","index","BroadcastedRpcCallDetailsCard","key","rpcRequestResponsePairs","mb","BroadcastedRpcCallsDrawerWithEvents","clearEvents","useRpcBroadcastListener","Avatar","React","React","NetworkIcon","icon","style","props","React","span","dangerouslySetInnerHTML","__html","display","width","height","NetworkAvatar","icon","iconStyles","name","sx","props","React","Avatar","backgroundColor","alt","NetworkIcon","style","ActiveNetworkAvatar","activeNetwork","useChainNetwork","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","sx","py","NetworkAvatar","icon","width","height","ListItemText","Alert","AlertTitle","Button","React","useMemo","useState","Button","Dialog","DialogActions","DialogContent","DialogTitle","List","ListItem","Typography","React","NetworkStatusDialog","updates","props","React","Dialog","DialogTitle","DialogContent","List","map","start","end","update","ListItem","key","sx","flexDirection","alignItems","pl","Typography","gutterBottom","opacity","fontSize","Date","toLocaleString","br","DialogActions","Button","onClick","e","onClose","variant","color","NetworkStatusAlert","status","props","open","setOpen","useState","handleClose","severity","useMemo","state","React","Alert","AlertTitle","description","updates","length","Button","variant","size","onClick","sx","color","NetworkStatusDialog","onClose","React","validNetworkStates","Set","NetworkStatus","children","props","networkStatus","usePollNetworkStatus","showStatus","has","state","React","NetworkStatusAlert","status","BroadcastRpcRequestEventName","BroadcastRpcResponseEventName","defaultBroadcastConfig","request","response","LocalNetwork","MainNetwork","SequenceNetwork","React","AvailableNetworks","MainNetwork","SequenceNetwork","LocalNetwork","networkSettings","id","proxy","getActiveMainnetNetwork","Promise","resolve","MainnetNetworkGatewayDecorator","Story","args","React","ChainNetworkProvider","networks","getActiveNetwork","ActiveGatewayProvider","getActiveSequenceNetwork","SequenceNetworkGatewayDecorator","getActiveLocalNetwork","LocalNetworkGatewayDecorator"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-network",
-  "version": "1.21.3",
+  "version": "1.22.0",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -39,19 +39,21 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-chain-client": "~1.21.3",
-    "@xyo-network/react-chain-provider": "~1.21.3",
-    "@xyo-network/react-chain-shared": "~1.21.3"
+    "@xyo-network/react-chain-shared": "~1.22.0",
+    "@xyo-network/react-chain-client": "~1.22.0",
+    "@xyo-network/react-chain-provider": "~1.22.0"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@metamask/json-rpc-engine": "^10.3.0",
+    "@metamask/json-rpc-engine": "^10.4.0",
     "@metamask/providers": "^22.1.1",
     "@metamask/utils": "~11.11.0",
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
+    "@mixpanel/rrweb": "^2.0.0-alpha.18",
+    "@mixpanel/rrweb-utils": "^2.0.0-alpha.18",
+    "@mui/icons-material": "^9.0.1",
+    "@mui/material": "^9.0.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@react-spring/web": "~10.0.3",
@@ -59,26 +61,28 @@
     "@scure/base": "~2.2.0",
     "@scure/bip39": "~2.2.0",
     "@storybook/react-vite": "^10.3.6",
+    "@testing-library/dom": ">=7.21.4",
     "@textea/json-viewer": "^4.0.1",
+    "@types/node": "^20.19.0 || >=22.12.0",
     "@types/react": "^19.2.14",
     "@xylabs/fetch": "~5.1.2",
     "@xylabs/geo": "^5.1.2",
     "@xylabs/pixel": "~5.1.2",
-    "@xylabs/react-button": "~7.2.5",
-    "@xylabs/react-error": "~7.2.5",
-    "@xylabs/react-flexbox": "~7.2.5",
-    "@xylabs/react-hooks": "~7.2.5",
-    "@xylabs/react-identicon": "~7.2.5",
-    "@xylabs/react-link": "~7.2.5",
-    "@xylabs/react-promise": "^7.2.5",
-    "@xylabs/react-shared": "~7.2.5",
-    "@xylabs/react-theme": "~7.2.5",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-error": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-identicon": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1.2",
     "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.15",
-    "@xylabs/tsconfig": "~7.13.15",
-    "@xylabs/tsconfig-dom": "~7.13.15",
-    "@xylabs/tsconfig-react": "~7.13.15",
+    "@xylabs/toolchain": "~7.13.22",
+    "@xylabs/tsconfig": "~7.13.22",
+    "@xylabs/tsconfig-dom": "~7.13.22",
+    "@xylabs/tsconfig-react": "~7.13.22",
     "@xyo-network/account": "~5.6.2",
     "@xyo-network/account-model": "~5.6.3",
     "@xyo-network/api": "~5.6.2",
@@ -96,15 +100,17 @@
     "@xyo-network/payload-plugin": "~5.6.3",
     "@xyo-network/payload-wrapper": "~5.6.2",
     "@xyo-network/query-payload-plugin": "~5.6.3",
-    "@xyo-network/react-error": "~7.6.3",
-    "@xyo-network/react-payload-raw-info": "~7.6.3",
+    "@xyo-network/react-error": "~8.0",
+    "@xyo-network/react-payload-raw-info": "~8.0",
     "@xyo-network/sdk-js": "^5.6.4",
     "@xyo-network/sdk-protocol-js": "~5.6.3",
     "@xyo-network/wallet": "~5.6.2",
     "@xyo-network/wallet-model": "^5.6.3",
     "@xyo-network/xl1-sdk": "^1.28.5",
+    "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0",
     "ajv": "^8.20.0",
     "async-mutex": "^0.5.0",
+    "axios": "^1",
     "bn.js": "^5.2.3",
     "bowser": "^2.14.1",
     "buffer": "^6.0.3",
@@ -114,6 +120,7 @@
     "eslint": "^10.3.0",
     "ethers": "^6.16.0",
     "fast-deep-equal": "~3.1.3",
+    "firebase": "^12",
     "hash-wasm": "~4.12.0",
     "idb": "^8.0.3",
     "js-cookie": "~3.0.5",
@@ -130,17 +137,19 @@
     "react-is": "~19.2.6",
     "react-router-dom": "^7.15.0",
     "recharts": "~3.8.1",
+    "redux": "^5.0.0",
     "rollbar": "^3.1.0",
+    "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0",
     "spark-md5": "~3.0.2",
     "store2": "~2.14.4",
     "storybook": "^10.3.6",
     "typescript": "~5.9.3",
     "uuid": "~14.0.0",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
     "wasm-feature-detect": "~1.8.0",
     "webextension-polyfill": "^0.12.0",
     "zod": "~4.4.3",
-    "@xyo-network/react-chain-model": "~1.21.3"
+    "@xyo-network/react-chain-model": "~1.22.0"
   },
   "peerDependencies": {
     "@bitauth/libauth": "~3.0",
@@ -149,8 +158,10 @@
     "@metamask/json-rpc-engine": "^10.3",
     "@metamask/providers": "^22.1",
     "@metamask/utils": "~11.11",
-    "@mui/icons-material": "^7.3",
-    "@mui/material": "^7.3",
+    "@mixpanel/rrweb": "^2.0.0-alpha.18",
+    "@mixpanel/rrweb-utils": "^2.0.0-alpha.18",
+    "@mui/icons-material": "^9.0",
+    "@mui/material": "^9.0",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@react-spring/web": "~10.0",
@@ -158,19 +169,20 @@
     "@scure/base": "~2.2",
     "@scure/bip39": "~2.2",
     "@storybook/react-vite": "^10.3",
+    "@testing-library/dom": ">=7.21.4",
     "@textea/json-viewer": "^4.0",
     "@xylabs/fetch": "~5.1",
     "@xylabs/geo": "^5.1",
     "@xylabs/pixel": "~5.1",
-    "@xylabs/react-button": "~7.2",
-    "@xylabs/react-error": "~7.2",
-    "@xylabs/react-flexbox": "~7.2",
-    "@xylabs/react-hooks": "~7.2",
-    "@xylabs/react-identicon": "~7.2",
-    "@xylabs/react-link": "~7.2",
-    "@xylabs/react-promise": "^7.2",
-    "@xylabs/react-shared": "~7.2",
-    "@xylabs/react-theme": "~7.2",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-error": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-identicon": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1",
     "@xylabs/threads": "~5.1",
     "@xyo-network/account": "~5.6",
@@ -190,8 +202,8 @@
     "@xyo-network/payload-plugin": "~5.6",
     "@xyo-network/payload-wrapper": "~5.6",
     "@xyo-network/query-payload-plugin": "~5.6",
-    "@xyo-network/react-error": "~7.6",
-    "@xyo-network/react-payload-raw-info": "~7.6",
+    "@xyo-network/react-error": "~8.0",
+    "@xyo-network/react-payload-raw-info": "~8.0",
     "@xyo-network/sdk-js": "^5.6",
     "@xyo-network/sdk-protocol-js": "~5.6",
     "@xyo-network/wallet": "~5.6",
@@ -199,6 +211,7 @@
     "@xyo-network/xl1-sdk": "^1.28",
     "ajv": "^8.20",
     "async-mutex": "^0.5",
+    "axios": "^1",
     "bn.js": "^5.2",
     "bowser": "^2.14",
     "buffer": "^6.0",
@@ -207,6 +220,7 @@
     "debug": "~4.4",
     "ethers": "^6.16",
     "fast-deep-equal": "~3.1",
+    "firebase": "^12",
     "hash-wasm": "~4.12",
     "idb": "^8.0",
     "js-cookie": "~3.0",
@@ -223,6 +237,7 @@
     "react-is": "~19.2",
     "react-router-dom": "^7.15",
     "recharts": "~3.8",
+    "redux": "^5.0.0",
     "rollbar": "^3.1",
     "spark-md5": "~3.0",
     "store2": "~2.14",