@xyo-network/react-shared 2.77.0-rc.1 → 2.77.1

package/dist/browser/index.js

@@ -1,959 +1,2 @@
-// src/components/Ampersand.tsx
-import { Typography } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var Ampersand = (props) => {
-  return /* @__PURE__ */ jsx(Typography, { marginX: 1, component: "span", ...props, children: "&" });
-};
-
-// src/components/BasicHero/BasicHero.tsx
-import { Container, Grid, Typography as Typography2 } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexGrowCol, FlexGrowRow } from "@xylabs/react-flexbox";
-import { LinkEx } from "@xylabs/react-link";
-
-// src/hooks/GradientStyles/GradientStyles.tsx
-import { useTheme } from "@mui/material";
-import { makeStyles } from "@mui/styles";
-var colorfulGradientLightMode = () => {
-  return {
-    background: {
-      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
-    },
-    border: {
-      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
-      borderImageSlice: 1,
-      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
-      borderRadius: 0,
-      borderStyle: "solid",
-      borderWidth: "2px"
-    },
-    heading: {
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
-      display: "inline-block"
-    }
-  };
-};
-var colorfulGradientDarkMode = () => {
-  return {
-    background: {
-      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
-    },
-    border: {
-      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
-      borderImageSlice: 1,
-      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
-      borderRadius: 0,
-      borderStyle: "solid",
-      borderWidth: "2px"
-    },
-    heading: {
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
-      display: "inline-block"
-    }
-  };
-};
-var useGradientStyles = () => {
-  const theme = useTheme();
-  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
-  const classes = makeStyles(styles);
-  return { classes, styles };
-};
-
-// src/hooks/useDataState.ts
-import { useState } from "react";
-var useDataState = (defaultValue) => {
-  const [state, setState] = useState(defaultValue);
-  const setDataState = (value) => {
-    try {
-      if (JSON.stringify(value) !== JSON.stringify(state)) {
-        setState(value);
-      }
-    } catch {
-      console.error("setDataState failed!  Make sure data type is stringifiable!");
-    }
-  };
-  return [state, setDataState];
-};
-
-// src/hooks/useIsMobile.ts
-import { useTheme as useTheme2 } from "@mui/material";
-
-// src/hooks/useMediaQuery.ts
-import { useMediaQuery } from "@mui/material";
-
-// src/hooks/useIsMobile.ts
-var useIsMobile = () => {
-  const theme = useTheme2();
-  return useMediaQuery(theme.breakpoints.down("md"));
-};
-var useIsSmall = () => {
-  const theme = useTheme2();
-  return useMediaQuery(theme.breakpoints.down("md"));
-};
-
-// src/hooks/usePayloadHash.ts
-import { usePromise } from "@xylabs/react-promise";
-import { PayloadBuilder } from "@xyo-network/payload-builder";
-var usePayloadHash = (payload) => {
-  return usePromise(async () => payload ? await PayloadBuilder.dataHash(payload) : void 0, [payload])[0];
-};
-var usePayloadHashes = (payloads) => {
-  return usePromise(
-    async () => payloads ? await Promise.all(payloads.map(async (payload) => [payload, await PayloadBuilder.dataHash(payload)])) : void 0,
-    [payloads]
-  )[0];
-};
-
-// src/hooks/usePromise.ts
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-
-// src/hooks/useShareForwardRef.ts
-import { useEffect, useRef } from "react";
-var useShareForwardedRef = (forwardedRef, refresh = 0) => {
-  const innerRef = useRef(null);
-  useEffect(() => {
-    if (!forwardedRef) {
-      return;
-    }
-    if (typeof forwardedRef === "function") {
-      forwardedRef(innerRef.current);
-      return;
-    } else {
-      forwardedRef.current = innerRef.current;
-    }
-  }, [forwardedRef, refresh]);
-  return innerRef;
-};
-
-// src/components/BasicHero/BasicHero.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var SubLinkSection = ({ backgroundImageAlignment, subLinkIcon, subLinkPath, subLinkText1, subLinkText2 }) => {
-  return /* @__PURE__ */ jsxs(
-    FlexGrowRow,
-    {
-      width: "100%",
-      sx: { flexDirection: { md: "row", xs: "column" }, justifyContent: { md: backgroundImageAlignment ? "flex-start" : "center", xs: "center" } },
-      children: [
-        subLinkIcon ? /* @__PURE__ */ jsxs("span", { children: [
-          subLinkIcon,
-          "\xA0"
-        ] }) : null,
-        /* @__PURE__ */ jsxs(Typography2, { children: [
-          subLinkText1,
-          "\xA0"
-        ] }),
-        /* @__PURE__ */ jsx2(LinkEx, { href: subLinkPath, underline: "always", target: "_blank", color: "inherit", children: /* @__PURE__ */ jsx2(Typography2, { children: subLinkText2 }) })
-      ]
-    }
-  );
-};
-var ButtonSection = ({ href, to, buttonText }) => {
-  const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx2(
-    ButtonEx,
-    {
-      fullWidth: true,
-      marginTop: 1,
-      marginBottom: 1,
-      marginRight: isMobile ? 2 : 1,
-      marginLeft: isMobile ? 2 : 0,
-      target: href ?? "_blank",
-      to,
-      href,
-      color: "primary",
-      variant: "contained",
-      paddingX: 3,
-      sx: { display: href || to ? "flex" : "none" },
-      children: buttonText
-    }
-  );
-};
-var BasicHero = ({
-  backgroundImage,
-  title,
-  gradientTitle,
-  backgroundColor,
-  textColor,
-  desc,
-  heroImage,
-  title2,
-  subLinkText1,
-  subLinkText2,
-  subLinkPath,
-  button1Text,
-  button2Text,
-  button2To,
-  button1To,
-  button2Href,
-  button1Href,
-  subLinkIcon,
-  sx,
-  ...props
-}) => {
-  const isMobile = useIsMobile();
-  const { classes } = useGradientStyles();
-  return /* @__PURE__ */ jsx2(
-    FlexGrowCol,
-    {
-      sx: {
-        backgroundImage: `url(${backgroundImage})`,
-        backgroundPosition: { lg: "bottom", md: "center left", xs: "top left" },
-        minHeight: {
-          md: "500px",
-          sm: "400px",
-          xs: "200px"
-        },
-        ...sx
-      },
-      style: {
-        backgroundColor: backgroundColor ?? "",
-        backgroundRepeat: "no-repeat",
-        backgroundSize: "cover",
-        color: textColor ?? ""
-      },
-      ...props,
-      children: /* @__PURE__ */ jsx2(Container, { children: /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          container: true,
-          justifyContent: "center",
-          alignItems: "center",
-          sx: {
-            alignItems: { xs: "center" },
-            justifyContent: { xs: "center" }
-          },
-          children: [
-            /* @__PURE__ */ jsx2(Grid, { item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8, children: /* @__PURE__ */ jsxs(FlexGrowCol, { paddingY: 2, sx: { alignItems: { xs: backgroundImage && !isMobile ? "flex-start" : "center" } }, children: [
-              /* @__PURE__ */ jsxs(Typography2, { variant: "h1", component: "h1", gutterBottom: true, textAlign: backgroundImage && !isMobile ? "left" : "center", children: [
-                title ? /* @__PURE__ */ jsx2("span", { children: `${title} ` }) : null,
-                gradientTitle ? /* @__PURE__ */ jsxs("span", { className: classes().heading, children: [
-                  " ",
-                  ` ${gradientTitle}`
-                ] }) : null,
-                title2 ? /* @__PURE__ */ jsx2("span", { children: ` ${title2}` }) : null
-              ] }),
-              /* @__PURE__ */ jsx2(Typography2, { variant: "body1", component: "h2", gutterBottom: true, textAlign: backgroundImage && !isMobile ? "left" : "center", children: desc }),
-              /* @__PURE__ */ jsxs(FlexGrowRow, { sx: { flexDirection: { lg: "row", xs: "column" } }, width: "100%", marginTop: 1, children: [
-                /* @__PURE__ */ jsx2(ButtonSection, { href: button1Href, to: button1To, buttonText: button1Text }),
-                /* @__PURE__ */ jsx2(ButtonSection, { href: button2Href, to: button2To, buttonText: button2Text })
-              ] }),
-              /* @__PURE__ */ jsx2(
-                SubLinkSection,
-                {
-                  subLinkIcon,
-                  subLinkText1,
-                  subLinkText2,
-                  subLinkPath,
-                  backgroundImageAlignment: backgroundImage ? true : false
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx2(Grid, { item: true, xs: 12, md: 6, children: heroImage ? /* @__PURE__ */ jsx2("img", { src: heroImage, width: "100%" }) : null })
-          ]
-        }
-      ) })
-    }
-  );
-};
-
-// src/components/Ellipsize.tsx
-import { Box, styled, Typography as Typography3 } from "@mui/material";
-import { forwardRef, useCallback, useState as useState2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ComponentName = "Ellipsize";
-var EllipsizeRoot = styled(Box, {
-  name: ComponentName,
-  shouldForwardProp: (prop) => prop !== "beforeLineHeight",
-  slot: "Root"
-})(({ beforeLineHeight }) => ({
-  "&": {
-    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
-    // the pseudo element with a hidden character establishes the proper height of the content and hides it
-    ":before": {
-      content: "'nbsp;'",
-      display: "block",
-      // take the pseudo element out of the `display: block` flow so it won't push against our actual content
-      float: "left",
-      visibility: "hidden",
-      // since we are `display: block`, lineHeight is the height
-      ...beforeLineHeight && { lineHeight: beforeLineHeight }
-    }
-  }
-}));
-var EllipsizeInnerWrap = styled(Box, {
-  name: ComponentName,
-  slot: "innerWrap"
-})(() => ({
-  position: "relative"
-}));
-var EllipsizeContentWrap = styled(Typography3, {
-  name: ComponentName,
-  shouldForwardProp: (prop) => prop !== "ellipsisPosition",
-  slot: "contentWrap"
-})(({ theme, ellipsisPosition, fontFamily }) => {
-  return theme.unstable_sx({
-    fontFamily: fontFamily ?? "monospace",
-    left: 0,
-    overflow: "hidden",
-    position: "absolute",
-    right: 0,
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    ...ellipsisPosition === "start" ? {
-      direction: "rtl",
-      textAlign: "left"
-    } : {}
-  });
-});
-var useClientHeight = () => {
-  const [contentWrapHeight, setContentWrapHeight] = useState2();
-  const contentWrapRef = useCallback((node) => {
-    if (node !== null) {
-      setContentWrapHeight(node.clientHeight + "px");
-    }
-  }, []);
-  return { contentWrapHeight, contentWrapRef };
-};
-var EllipsizeBox = forwardRef(
-  ({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
-    const { contentWrapRef, contentWrapHeight } = useClientHeight();
-    const sharedRef = useShareForwardedRef(ref);
-    return /* @__PURE__ */ jsx3(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ jsx3(EllipsizeInnerWrap, { children: /* @__PURE__ */ jsx3(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
-  }
-);
-EllipsizeBox.displayName = "EllipsizeBox";
-
-// src/components/ErrorBoundary.tsx
-import { Typography as Typography4 } from "@mui/material";
-import { FlexCol } from "@xylabs/react-flexbox";
-import { Component } from "react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { error: void 0 };
-  }
-  static getDerivedStateFromError(error) {
-    return { error };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.error(`${error}: ${errorInfo}`);
-  }
-  render() {
-    if (this.state.error) {
-      if (this.props.fallbackWithError) {
-        return this.props.fallbackWithError(this.state.error);
-      }
-      return this.props.fallback ?? /* @__PURE__ */ jsxs2(FlexCol, { children: [
-        /* @__PURE__ */ jsx4(Typography4, { variant: "h1", children: "Something went wrong." }),
-        /* @__PURE__ */ jsxs2(Typography4, { variant: "body1", children: [
-          "[",
-          this.state.error?.message,
-          "]"
-        ] })
-      ] });
-    }
-    return this.props.children;
-  }
-};
-
-// src/components/ListItemButtonEx.tsx
-import { ListItemButton } from "@mui/material";
-import { useNavigate } from "react-router-dom";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ListItemButtonExTo = ({ to, toOptions, onClick, ...props }) => {
-  const navigate = useNavigate();
-  const localOnClick = (event) => {
-    onClick?.(event);
-    if (to) {
-      navigate(to, toOptions);
-    }
-  };
-  return /* @__PURE__ */ jsx5(ListItemButton, { onClick: localOnClick, ...props });
-};
-var ListItemButtonEx = ({ to, ...props }) => {
-  return to ? /* @__PURE__ */ jsx5(ListItemButtonExTo, { to, ...props }) : /* @__PURE__ */ jsx5(ListItemButton, { ...props });
-};
-
-// src/components/LoadResult.tsx
-import { FlexGrowRow as FlexGrowRow2 } from "@xylabs/react-flexbox";
-
-// src/components/NotFound.tsx
-import { Typography as Typography5 } from "@mui/material";
-import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var NotFound = (props) => {
-  return /* @__PURE__ */ jsxs3(FlexGrowCol2, { ...props, children: [
-    /* @__PURE__ */ jsx6(Typography5, { variant: "h2", children: "Sorry!" }),
-    /* @__PURE__ */ jsx6(Typography5, { marginY: 3, variant: "body2", children: "Can't find anything here" })
-  ] });
-};
-
-// src/components/LoadResult.tsx
-import { Fragment, jsx as jsx7 } from "react/jsx-runtime";
-function LoadResult(props) {
-  const { notFound, error, searchResult, children } = props;
-  if (notFound) {
-    return /* @__PURE__ */ jsx7(NotFound, {});
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx7(Fragment, { children });
-  }
-  return searchResult === void 0 ? /* @__PURE__ */ jsx7(FlexGrowRow2, { busy: true, minHeight: "50px" }) : /* @__PURE__ */ jsx7(Fragment, { children });
-}
-
-// src/components/Pipe.tsx
-import { Typography as Typography6 } from "@mui/material";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Pipe = (props) => {
-  return /* @__PURE__ */ jsx8(Typography6, { marginX: 1, component: "span", ...props, children: "|" });
-};
-
-// src/components/pluginValidation/DataMissing.tsx
-import { Alert, AlertTitle } from "@mui/material";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var PayloadDataMissing = ({ alertBody, ...props }) => {
-  return /* @__PURE__ */ jsxs4(Alert, { severity: "warning", ...props, children: [
-    /* @__PURE__ */ jsx9(AlertTitle, { children: "Missing Data" }),
-    alertBody ?? "Payload is missing required data to render correctly"
-  ] });
-};
-
-// src/components/ScrollTableOnSm.tsx
-import { styled as styled2 } from "@mui/material";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var StyledScrollTableOnSm = styled2("div")(({ theme }) => ({
-  [theme.breakpoints.down("md")]: {
-    overflowX: "scroll"
-  },
-  display: "flex",
-  flexGrow: 1
-}));
-var ScrollTableOnSm = ({ children }) => /* @__PURE__ */ jsx10(StyledScrollTableOnSm, { children });
-
-// src/components/SectionSpacingRow/SectionSpacingRow.tsx
-import { useTheme as useTheme3 } from "@mui/material";
-import { FlexGrowRow as FlexGrowRow3 } from "@xylabs/react-flexbox";
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var SectionSpacingRow = forwardRef2(({ children, sx, ...props }, ref) => {
-  const theme = useTheme3();
-  return /* @__PURE__ */ jsx11(
-    FlexGrowRow3,
-    {
-      sx: {
-        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
-        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
-        ...sx
-      },
-      width: "100%",
-      ref,
-      ...props,
-      children
-    }
-  );
-});
-SectionSpacingRow.displayName = "SectionSpacingRow";
-
-// src/components/TableCell/AddressTableCell.tsx
-import { forwardRef as forwardRef4 } from "react";
-
-// src/components/TableCell/EllipsisTableCell.tsx
-import { styled as styled3, TableCell } from "@mui/material";
-import { LinkEx as LinkEx2 } from "@xylabs/react-link";
-import { forwardRef as forwardRef3, useMemo } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var EllipsisTableCellRoot = styled3(TableCell, {
-  name: "EllipsisTableCell",
-  shouldForwardProp: (prop) => prop !== "width",
-  slot: "Root"
-})(({ width = "100%" }) => ({
-  width
-}));
-var EllipsisTableCellWithRef = forwardRef3(
-  ({ children, href, link = false, to, value, ...props }, ref) => {
-    const data = useMemo(() => {
-      if (children) {
-        return children;
-      }
-      if (href || link || to) {
-        return /* @__PURE__ */ jsx12(LinkEx2, { title: value, to, href, target: href ? "_blank" : void 0, children: value });
-      }
-      return value;
-    }, [children, href, link, to, value]);
-    return /* @__PURE__ */ jsx12(EllipsisTableCellRoot, { ref, ...props, children: /* @__PURE__ */ jsx12(EllipsizeBox, { sx: { cursor: link || to || href ? "pointer" : "inherit" }, children: data }) });
-  }
-);
-EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
-var EllipsisTableCell = EllipsisTableCellWithRef;
-
-// src/components/TableCell/AddressTableCell.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var AddressTableCell = forwardRef4(({ value, archive, exploreDomain, link, ...props }, ref) => {
-  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
-  const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
-  return /* @__PURE__ */ jsx13(EllipsisTableCell, { value, href, to, ref, link, ...props });
-});
-AddressTableCell.displayName = "AddressTableCell";
-
-// src/components/TableCell/HashTableCell.tsx
-import { useEvent } from "@xyo-network/react-event";
-import { useRef as useRef2 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var HashTableCell = ({ value, archive, dataType, network, exploreDomain, onHashClick, ...props }) => {
-  const ref = useRef2(null);
-  const [tableCellRef, dispatch] = useEvent(void 0, ref);
-  const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
-  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
-  const handleCellClick = () => {
-    if (onHashClick) {
-      onHashClick(value);
-    } else {
-      dispatch?.("hash", "click", value);
-    }
-  };
-  return /* @__PURE__ */ jsx14(
-    EllipsisTableCell,
-    {
-      onClick: handleCellClick,
-      ref: tableCellRef,
-      value,
-      href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
-      to: exploreDomain ? void 0 : explorePath,
-      ...props
-    }
-  );
-};
-
-// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
-import { Avatar, useTheme as useTheme4 } from "@mui/material";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var ThemeTokenAvatar = ({ ...props }) => {
-  const theme = useTheme4();
-  return /* @__PURE__ */ jsx15(Avatar, { sx: { background: theme.palette.common.white }, ...props });
-};
-
-// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
-import { AvatarGroup } from "@mui/material";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var ThemeTokenAvatarGroup = ({ images, ...props }) => {
-  return /* @__PURE__ */ jsx16(AvatarGroup, { ...props, children: images?.map((image, index) => /* @__PURE__ */ jsx16(ThemeTokenAvatar, { src: image }, index)) });
-};
-
-// src/components/TokenBar/TokenBar.tsx
-import { Paper, Typography as Typography7 } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
-var TokenBar = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {
-  return /* @__PURE__ */ jsx17(Paper, { elevation: 0, className: "TokenBar-root", ...props, children: /* @__PURE__ */ jsxs5(FlexRow, { justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxs5(Typography7, { variant: "body1", fontWeight: 300, margin: 1, ...text1Props, children: [
-      text1,
-      text1Suffix
-    ] }),
-    /* @__PURE__ */ jsxs5(Typography7, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1, ...text2Props, children: [
-      text2,
-      text2Suffix
-    ] })
-  ] }) });
-};
-
-// src/components/TokenData/img/index.ts
-import { default as default2 } from "./ada-JCPSRXND.png";
-import { default as default3 } from "./btc-SRW7TEQV.png";
-import { default as default4 } from "./busd-RAN4SWCI.png";
-import { default as default5 } from "./dai-FZSM2RYY.png";
-import { default as default6 } from "./dogecoin-QOIF7Q5M.png";
-import { default as default7 } from "./dot-P5Z7IW2O.png";
-import { default as default8 } from "./ethereum-3SLTXYTT.png";
-import { default as default9 } from "./frax-TQDXCCOP.png";
-import { default as default10 } from "./link-THYNVLXG.png";
-import { default as default11 } from "./sol-A4J5S4EN.png";
-import { default as default12 } from "./tether-3X63FB23.png";
-import { default as default13 } from "./usd-coin-UCS44T5B.png";
-import { default as default14 } from "./weth-HDGYDSJB.png";
-import { default as default15 } from "./wrapped-bitcoin-TS5QFJLK.png";
-import { default as default16 } from "./xyo-RLMLL56X.png";
-
-// src/components/TokenData/TokenData.ts
-var TokenData = [
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/multi-collateral-dai/",
-    etherscanLink: "https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",
-    icon: default5,
-    readableName: "Dai",
-    tokenSymbol: "dai",
-    uniqueTokenId: "dai"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/weth/",
-    etherscanLink: "https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",
-    icon: default14,
-    readableName: "Weth",
-    tokenSymbol: "weth",
-    uniqueTokenId: "weth"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/ethereum/",
-    etherscanLink: "n/a",
-    icon: default8,
-    readableName: "Ethereum",
-    tokenSymbol: "eth",
-    uniqueTokenId: "ethereum"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/bitcoin/",
-    etherscanLink: "n/a",
-    icon: default3,
-    readableName: "Bitcoin",
-    tokenSymbol: "btc",
-    uniqueTokenId: "btc"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/xyo/",
-    etherscanLink: "https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",
-    icon: default16,
-    readableName: "XYO",
-    tokenSymbol: "xyo",
-    uniqueTokenId: "xyo"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/frax/",
-    etherscanLink: "https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",
-    icon: default9,
-    readableName: "Frax",
-    tokenSymbol: "frax",
-    uniqueTokenId: "frax"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/wrapped-bitcoin/",
-    etherscanLink: "https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",
-    icon: default15,
-    readableName: "Wrapped BTC",
-    tokenSymbol: "wbtc",
-    uniqueTokenId: "wbtc"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/usd-coin/",
-    etherscanLink: "https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
-    icon: default13,
-    readableName: "USDC",
-    tokenSymbol: "usdc",
-    uniqueTokenId: "usdc"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/tether/",
-    etherscanLink: "https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",
-    icon: default12,
-    readableName: "Tether",
-    tokenSymbol: "usdt",
-    uniqueTokenId: "usdt"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/cardano/",
-    etherscanLink: "https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",
-    icon: default2,
-    readableName: "Cardano",
-    tokenSymbol: "ada",
-    uniqueTokenId: "ada"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/binance-usd/",
-    etherscanLink: "https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",
-    icon: default4,
-    readableName: "Binance USD",
-    tokenSymbol: "busd",
-    uniqueTokenId: "busd"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/dogecoin/",
-    etherscanLink: "https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",
-    icon: default6,
-    readableName: "Dogecoin",
-    tokenSymbol: "doge",
-    uniqueTokenId: "doge"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/polkadot-new/",
-    etherscanLink: "https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",
-    icon: default7,
-    readableName: "Polkadot",
-    tokenSymbol: "dot",
-    uniqueTokenId: "dot"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/chainlink/",
-    etherscanLink: "https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",
-    icon: default10,
-    readableName: "ChainLink",
-    tokenSymbol: "link",
-    uniqueTokenId: "link"
-  },
-  {
-    coinmarketcapLink: "https://coinmarketcap.com/currencies/solana/",
-    etherscanLink: "https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",
-    icon: default11,
-    readableName: "Solana",
-    tokenSymbol: "sol",
-    uniqueTokenId: "sol"
-  }
-];
-
-// src/components/TokenData/useGetTokenData.tsx
-var useGetTokenData = (symbols) => {
-  return symbols?.map((symbol) => {
-    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol);
-    const checkedTokenData = additionalTokenData ?? TokenData[0];
-    return checkedTokenData;
-  });
-};
-
-// src/components/TokenSummary/TokenSummary.tsx
-import { CardHeader, Typography as Typography8 } from "@mui/material";
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    /* @__PURE__ */ jsx18(
-      CardHeader,
-      {
-        avatar: /* @__PURE__ */ jsx18(ThemeTokenAvatar, { src: icon, alt: symbol }),
-        title: /* @__PURE__ */ jsx18(Typography8, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
-        ...props
-      }
-    ),
-    children
-  ] });
-};
-
-// src/components/TypographyEx.tsx
-import { Typography as Typography9 } from "@mui/material";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var TypographyEx = ({ gradient, ...props }) => {
-  const { classes } = useGradientStyles();
-  return /* @__PURE__ */ jsx19(Typography9, { className: gradient === "text" ? classes().heading : void 0, ...props });
-};
-
-// src/contexts/contextEx/create.ts
-import { createContext } from "react";
-var createContextEx = () => createContext({ provided: false });
-
-// src/contexts/contextEx/use.ts
-import { useContext } from "react";
-var useContextEx = (context, contextName, required = true) => {
-  const { provided, ...props } = useContext(context);
-  if (!provided && required) {
-    throw new Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`);
-  }
-  return props;
-};
-var useProvided = (context) => {
-  const { provided } = useContext(context);
-  return provided;
-};
-
-// src/contexts/diviner/Context.tsx
-var ResolvedDivinerContext = () => createContextEx();
-
-// src/contexts/diviner/Provider.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var ResolvedDivinerProvider = ({ diviner: divinerProp, required = false, children, context }) => {
-  const [diviner, setDiviner] = useState3(divinerProp);
-  useEffect2(() => {
-    if (divinerProp) {
-      setDiviner(divinerProp);
-    }
-  }, [divinerProp, setDiviner]);
-  const resolveDiviner = () => {
-    if (divinerProp) {
-      return diviner === divinerProp ? diviner : void 0;
-    } else {
-      return diviner;
-    }
-  };
-  return /* @__PURE__ */ jsx20(
-    context.Provider,
-    {
-      value: {
-        diviner: resolveDiviner(),
-        provided: true,
-        setDiviner
-      },
-      children: diviner ? children : required ? null : children
-    }
-  );
-};
-
-// src/contexts/ListMode/Context.ts
-var ListModeContext = createContextEx();
-
-// src/contexts/ListMode/Provider.tsx
-import { useState as useState4 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var ListModeProvider = ({ children, defaultListMode }) => {
-  const [listMode, setListMode] = useState4(defaultListMode ?? "default");
-  return /* @__PURE__ */ jsx21(
-    ListModeContext.Provider,
-    {
-      value: {
-        listMode,
-        provided: true,
-        setListMode
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/ListMode/use.ts
-var useListMode = (required = false) => {
-  return useContextEx(ListModeContext, "ListMode", required);
-};
-
-// src/lib/assertDefinedEx.ts
-var assertDefinedEx = (expr, message) => {
-  if (expr !== null && expr !== void 0)
-    return expr;
-  throw new Error(message);
-};
-
-// src/lib/getActualPaddingX.ts
-var parseMeausureString = (measure, absolute) => {
-  if (measure !== void 0 && measure !== null && measure.length > 0) {
-    if (measure.endsWith("px")) {
-      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2)));
-    } else if (measure.endsWith("%")) {
-      if (absolute !== void 0) {
-        return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 1))) / 100 * absolute;
-      }
-      throw new Error("Error Parsing Measure [missing absolute]");
-    } else if (measure.endsWith("vw")) {
-      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100 * window.innerWidth;
-    } else if (measure.endsWith("vh")) {
-      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100 * window.innerHeight;
-    }
-    throw new Error(`Error Parsing Measure [${measure}]`);
-  }
-};
-var parsePadding = (padding) => {
-  const parts = padding.split(" ");
-  switch (parts.length) {
-    case 4: {
-      return {
-        bottom: parts[2],
-        left: parts[3],
-        right: parts[1],
-        top: parts[0]
-      };
-    }
-    case 3: {
-      return {
-        bottom: parts[2],
-        right: parts[1],
-        top: parts[0]
-      };
-    }
-    case 2: {
-      return {
-        bottom: parts[0],
-        left: parts[1],
-        right: parts[1],
-        top: parts[0]
-      };
-    }
-    case 1: {
-      return {
-        bottom: parts[0],
-        left: parts[0],
-        right: parts[0],
-        top: parts[0]
-      };
-    }
-  }
-};
-var getActualPaddingX = (element) => {
-  const padding = parsePadding(window.getComputedStyle(element, null).getPropertyValue("padding"));
-  const paddingLeft = parseMeausureString(window.getComputedStyle(element, null).getPropertyValue("padding-left") ?? padding?.left, element.clientWidth) ?? 0;
-  const paddingRight = parseMeausureString(window.getComputedStyle(element, null).getPropertyValue("padding-right") ?? padding?.right, element.clientWidth) ?? 0;
-  return paddingLeft + paddingRight;
-};
-
-// src/lib/networkComponents.tsx
-import {
-  BubbleChartRounded as BubbleChartRoundedIcon,
-  HubRounded as HubRoundedIcon,
-  InsertLinkRounded as InsertLinkRoundedIcon,
-  Inventory2Rounded as Inventory2RoundedIcon,
-  TimerRounded as TimerRoundedIcon,
-  VisibilityRounded as VisibilityRoundedIcon
-} from "@mui/icons-material";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var networkComponents = [
-  { icon: (props) => /* @__PURE__ */ jsx22(HubRoundedIcon, { ...props }), name: "Node", slug: "node" },
-  { icon: (props) => /* @__PURE__ */ jsx22(TimerRoundedIcon, { ...props }), name: "Sentinel", slug: "sentinel" },
-  { icon: (props) => /* @__PURE__ */ jsx22(InsertLinkRoundedIcon, { ...props }), name: "Bridge", slug: "bridge" },
-  { icon: (props) => /* @__PURE__ */ jsx22(Inventory2RoundedIcon, { ...props }), name: "Archivist", slug: "archivist" },
-  { icon: (props) => /* @__PURE__ */ jsx22(BubbleChartRoundedIcon, { ...props }), name: "Diviner", slug: "diviner" },
-  { icon: (props) => /* @__PURE__ */ jsx22(VisibilityRoundedIcon, { ...props }), name: "Witness", slug: "witness" }
-];
-var findNetworkComponentIndex = (slug) => {
-  return networkComponents.findIndex((info) => info.slug === slug);
-};
-var findNetworkComponent = (slug) => {
-  return networkComponents.find((info) => info.slug === slug);
-};
-export {
-  AddressTableCell,
-  Ampersand,
-  BasicHero,
-  EllipsisTableCell,
-  EllipsisTableCellWithRef,
-  EllipsizeBox,
-  ErrorBoundary,
-  HashTableCell,
-  ListItemButtonEx,
-  ListItemButtonExTo,
-  ListModeContext,
-  ListModeProvider,
-  LoadResult,
-  NotFound,
-  PayloadDataMissing,
-  Pipe,
-  ResolvedDivinerContext,
-  ResolvedDivinerProvider,
-  ScrollTableOnSm,
-  SectionSpacingRow,
-  ThemeTokenAvatar,
-  ThemeTokenAvatarGroup,
-  TokenBar,
-  TokenData,
-  TokenSummary,
-  TypographyEx,
-  assertDefinedEx,
-  colorfulGradientDarkMode,
-  colorfulGradientLightMode,
-  createContextEx,
-  findNetworkComponent,
-  findNetworkComponentIndex,
-  getActualPaddingX,
-  networkComponents,
-  parseMeausureString,
-  parsePadding,
-  useContextEx,
-  useDataState,
-  useGetTokenData,
-  useGradientStyles,
-  useIsMobile,
-  useIsSmall,
-  useListMode,
-  useMediaQuery,
-  usePayloadHash,
-  usePayloadHashes,
-  usePromise2 as usePromise,
-  useProvided,
-  useShareForwardedRef
-};
+import{Typography as Re}from"@mui/material";import{jsx as ve}from"react/jsx-runtime";var no=e=>ve(Re,{marginX:1,component:"span",...e,children:"&"});import{Container as He,Grid as w,Typography as h}from"@mui/material";import{ButtonEx as Ae}from"@xylabs/react-button";import{FlexGrowCol as $,FlexGrowRow as z}from"@xylabs/react-flexbox";import{LinkEx as Ge}from"@xylabs/react-link";import{useTheme as Fe}from"@mui/material";import{makeStyles as Ie}from"@mui/styles";var Be=()=>({background:{backgroundImage:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"},border:{borderImage:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",borderImageSlice:1,borderImageSource:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",borderRadius:0,borderStyle:"solid",borderWidth:"2px"},heading:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",background:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",display:"inline-block"}}),De=()=>({background:{backgroundImage:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"},border:{borderImage:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",borderImageSlice:1,borderImageSource:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",borderRadius:0,borderStyle:"solid",borderWidth:"2px"},heading:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",background:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",display:"inline-block"}}),f=()=>{let t=Fe().palette.mode==="dark"?De():Be();return{classes:Ie(t),styles:t}};import{useState as Ne}from"react";var fo=e=>{let[t,o]=Ne(e);return[t,n=>{try{JSON.stringify(n)!==JSON.stringify(t)&&o(n)}catch{console.error("setDataState failed!  Make sure data type is stringifiable!")}}]};import{useTheme as W}from"@mui/material";import{useMediaQuery as P}from"@mui/material";var S=()=>{let e=W();return P(e.breakpoints.down("md"))},yo=()=>{let e=W();return P(e.breakpoints.down("md"))};import{usePromise as H}from"@xylabs/react-promise";import{PayloadBuilder as A}from"@xyo-network/payload-builder";var So=e=>H(async()=>e?await A.dataHash(e):void 0,[e])[0],wo=e=>H(async()=>e?await Promise.all(e.map(async t=>[t,await A.dataHash(t)])):void 0,[e])[0];import{usePromise as vo}from"@xylabs/react-promise";import{useEffect as Me,useRef as We}from"react";var G=(e,t=0)=>{let o=We(null);return Me(()=>{if(e)if(typeof e=="function"){e(o.current);return}else e.current=o.current},[e,t]),o};import{jsx as s,jsxs as l}from"react/jsx-runtime";var $e=({backgroundImageAlignment:e,subLinkIcon:t,subLinkPath:o,subLinkText1:r,subLinkText2:n})=>l(z,{width:"100%",sx:{flexDirection:{md:"row",xs:"column"},justifyContent:{md:e?"flex-start":"center",xs:"center"}},children:[t?l("span",{children:[t,"\xA0"]}):null,l(h,{children:[r,"\xA0"]}),s(Ge,{href:o,underline:"always",target:"_blank",color:"inherit",children:s(h,{children:n})})]}),q=({href:e,to:t,buttonText:o})=>{let r=S();return s(Ae,{fullWidth:!0,marginTop:1,marginBottom:1,marginRight:r?2:1,marginLeft:r?2:0,target:e??"_blank",to:t,href:e,color:"primary",variant:"contained",paddingX:3,sx:{display:e||t?"flex":"none"},children:o})},Go=({backgroundImage:e,title:t,gradientTitle:o,backgroundColor:r,textColor:n,desc:i,heroImage:a,title2:p,subLinkText1:c,subLinkText2:T,subLinkPath:m,button1Text:u,button2Text:M,button2To:ye,button1To:Te,button2Href:Ce,button1Href:Pe,subLinkIcon:Se,sx:we,...Ee})=>{let C=S(),{classes:Le}=f();return s($,{sx:{backgroundImage:`url(${e})`,backgroundPosition:{lg:"bottom",md:"center left",xs:"top left"},minHeight:{md:"500px",sm:"400px",xs:"200px"},...we},style:{backgroundColor:r??"",backgroundRepeat:"no-repeat",backgroundSize:"cover",color:n??""},...Ee,children:s(He,{children:l(w,{container:!0,justifyContent:"center",alignItems:"center",sx:{alignItems:{xs:"center"},justifyContent:{xs:"center"}},children:[s(w,{item:!0,xs:12,sm:8,md:e?6:8,lg:e?6:8,children:l($,{paddingY:2,sx:{alignItems:{xs:e&&!C?"flex-start":"center"}},children:[l(h,{variant:"h1",component:"h1",gutterBottom:!0,textAlign:e&&!C?"left":"center",children:[t?s("span",{children:`${t} `}):null,o?l("span",{className:Le().heading,children:[" ",` ${o}`]}):null,p?s("span",{children:` ${p}`}):null]}),s(h,{variant:"body1",component:"h2",gutterBottom:!0,textAlign:e&&!C?"left":"center",children:i}),l(z,{sx:{flexDirection:{lg:"row",xs:"column"}},width:"100%",marginTop:1,children:[s(q,{href:Pe,to:Te,buttonText:u}),s(q,{href:Ce,to:ye,buttonText:M})]}),s($e,{subLinkIcon:Se,subLinkText1:c,subLinkText2:T,subLinkPath:m,backgroundImageAlignment:!!e})]})}),s(w,{item:!0,xs:12,md:6,children:a?s("img",{src:a,width:"100%"}):null})]})})})};import{Box as O,styled as L,Typography as qe}from"@mui/material";import{forwardRef as ze,useCallback as Oe,useState as Xe}from"react";import{jsx as E}from"react/jsx-runtime";var R="Ellipsize",Ve=L(O,{name:R,shouldForwardProp:e=>e!=="beforeLineHeight",slot:"Root"})(({beforeLineHeight:e})=>({"&":{":before":{content:"'nbsp;'",display:"block",float:"left",visibility:"hidden",...e&&{lineHeight:e}}}})),_e=L(O,{name:R,slot:"innerWrap"})(()=>({position:"relative"})),Ye=L(qe,{name:R,shouldForwardProp:e=>e!=="ellipsisPosition",slot:"contentWrap"})(({theme:e,ellipsisPosition:t,fontFamily:o})=>e.unstable_sx({fontFamily:o??"monospace",left:0,overflow:"hidden",position:"absolute",right:0,textOverflow:"ellipsis",whiteSpace:"nowrap",...t==="start"?{direction:"rtl",textAlign:"left"}:{}})),Je=()=>{let[e,t]=Xe(),o=Oe(r=>{r!==null&&t(r.clientHeight+"px")},[]);return{contentWrapHeight:e,contentWrapRef:o}},v=ze(({children:e,ellipsisPosition:t="start",disableSharedRef:o,typographyProps:r,...n},i)=>{let{contentWrapRef:a,contentWrapHeight:p}=Je(),c=G(i);return E(Ve,{beforeLineHeight:c&&!o?p:void 0,...n,ref:i,children:E(_e,{children:E(Ye,{ref:a,component:"span",ellipsisPosition:t,variant:"body2",...r,children:e})})})});v.displayName="EllipsizeBox";import{Typography as X}from"@mui/material";import{FlexCol as Qe}from"@xylabs/react-flexbox";import{Component as Ue}from"react";import{jsx as Ke,jsxs as _}from"react/jsx-runtime";var V=class extends Ue{constructor(t){super(t),this.state={error:void 0}}static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,o){console.error(`${t}: ${o}`)}render(){return this.state.error?this.props.fallbackWithError?this.props.fallbackWithError(this.state.error):this.props.fallback??_(Qe,{children:[Ke(X,{variant:"h1",children:"Something went wrong."}),_(X,{variant:"body1",children:["[",this.state.error?.message,"]"]})]}):this.props.children}};import{ListItemButton as Y}from"@mui/material";import{useNavigate as Ze}from"react-router-dom";import{jsx as F}from"react/jsx-runtime";var je=({to:e,toOptions:t,onClick:o,...r})=>{let n=Ze();return F(Y,{onClick:a=>{o?.(a),e&&n(e,t)},...r})},pr=({to:e,...t})=>e?F(je,{to:e,...t}):F(Y,{...t});import{FlexGrowRow as ot}from"@xylabs/react-flexbox";import{Typography as J}from"@mui/material";import{FlexGrowCol as et}from"@xylabs/react-flexbox";import{jsx as Q,jsxs as tt}from"react/jsx-runtime";var U=e=>tt(et,{...e,children:[Q(J,{variant:"h2",children:"Sorry!"}),Q(J,{marginY:3,variant:"body2",children:"Can't find anything here"})]});import{Fragment as K,jsx as g}from"react/jsx-runtime";function kr(e){let{notFound:t,error:o,searchResult:r,children:n}=e;return t?g(U,{}):o?g(K,{children:n}):r===void 0?g(ot,{busy:!0,minHeight:"50px"}):g(K,{children:n})}import{Typography as rt}from"@mui/material";import{jsx as nt}from"react/jsx-runtime";var Pr=e=>nt(rt,{marginX:1,component:"span",...e,children:"|"});import{Alert as it,AlertTitle as at}from"@mui/material";import{jsx as st,jsxs as pt}from"react/jsx-runtime";var Rr=({alertBody:e,...t})=>pt(it,{severity:"warning",...t,children:[st(at,{children:"Missing Data"}),e??"Payload is missing required data to render correctly"]});import{styled as lt}from"@mui/material";import{jsx as ct}from"react/jsx-runtime";var dt=lt("div")(({theme:e})=>({[e.breakpoints.down("md")]:{overflowX:"scroll"},display:"flex",flexGrow:1})),Br=({children:e})=>ct(dt,{children:e});import{useTheme as mt}from"@mui/material";import{FlexGrowRow as ut}from"@xylabs/react-flexbox";import{forwardRef as ft}from"react";import{jsx as gt}from"react/jsx-runtime";var ht=ft(({children:e,sx:t,...o},r)=>{let n=mt();return gt(ut,{sx:{paddingBottom:{md:n.spacing(5),xs:n.spacing(5)},paddingTop:{md:n.spacing(5),xs:n.spacing(5)},...t},width:"100%",ref:r,...o,children:e})});ht.displayName="SectionSpacingRow";import{forwardRef as Pt}from"react";import{styled as xt,TableCell as kt}from"@mui/material";import{LinkEx as bt}from"@xylabs/react-link";import{forwardRef as yt,useMemo as Tt}from"react";import{jsx as I}from"react/jsx-runtime";var Ct=xt(kt,{name:"EllipsisTableCell",shouldForwardProp:e=>e!=="width",slot:"Root"})(({width:e="100%"})=>({width:e})),Z=yt(({children:e,href:t,link:o=!1,to:r,value:n,...i},a)=>{let p=Tt(()=>e||(t||o||r?I(bt,{title:n,to:r,href:t,target:t?"_blank":void 0,children:n}):n),[e,t,o,r,n]);return I(Ct,{ref:a,...i,children:I(v,{sx:{cursor:o||r||t?"pointer":"inherit"},children:p})})});Z.displayName="EllipsisTableCell";var x=Z;import{jsx as wt}from"react/jsx-runtime";var St=Pt(({value:e,archive:t,exploreDomain:o,link:r,...n},i)=>{let a=o&&t?`${o}/archive/${t}/address/${e}`:void 0,p=o===void 0&&t?`/archive/${t}/address/${e}`:void 0;return wt(x,{value:e,href:a,to:p,ref:i,link:r,...n})});St.displayName="AddressTableCell";import{useEvent as Et}from"@xyo-network/react-event";import{useRef as Lt}from"react";import{jsx as Rt}from"react/jsx-runtime";var rn=({value:e,archive:t,dataType:o,network:r,exploreDomain:n,onHashClick:i,...a})=>{let p=Lt(null),[c,T]=Et(void 0,p),m=`/${o}/hash/${e}?network=${r??"main"}`,u=t?`/archive/${t}${m}`:m;return Rt(x,{onClick:()=>{i?i(e):T?.("hash","click",e)},ref:c,value:e,href:n?`${n}${u}}`:void 0,to:n?void 0:u,...a})};import{Avatar as vt,useTheme as Ft}from"@mui/material";import{jsx as It}from"react/jsx-runtime";var k=({...e})=>{let t=Ft();return It(vt,{sx:{background:t.palette.common.white},...e})};import{AvatarGroup as Bt}from"@mui/material";import{jsx as j}from"react/jsx-runtime";var fn=({images:e,...t})=>j(Bt,{...t,children:e?.map((o,r)=>j(k,{src:o},r))});import{Paper as Dt,Typography as ee}from"@mui/material";import{FlexRow as Nt}from"@xylabs/react-flexbox";import{jsx as Mt,jsxs as B}from"react/jsx-runtime";var Tn=({text1:e,text1Props:t,text1Suffix:o,text2:r,text2Props:n,text2Suffix:i,...a})=>Mt(Dt,{elevation:0,className:"TokenBar-root",...a,children:B(Nt,{justifyContent:"space-between",children:[B(ee,{variant:"body1",fontWeight:300,margin:1,...t,children:[e,o]}),B(ee,{variant:"body1",fontWeight:300,textTransform:"uppercase",color:"gray",margin:1,...n,children:[r,i]})]})});import{default as te}from"./ada-JCPSRXND.png";import{default as oe}from"./btc-SRW7TEQV.png";import{default as re}from"./busd-RAN4SWCI.png";import{default as ne}from"./dai-FZSM2RYY.png";import{default as ie}from"./dogecoin-QOIF7Q5M.png";import{default as ae}from"./dot-P5Z7IW2O.png";import{default as se}from"./ethereum-3SLTXYTT.png";import{default as pe}from"./frax-TQDXCCOP.png";import{default as le}from"./link-THYNVLXG.png";import{default as de}from"./sol-A4J5S4EN.png";import{default as ce}from"./tether-3X63FB23.png";import{default as me}from"./usd-coin-UCS44T5B.png";import{default as ue}from"./weth-HDGYDSJB.png";import{default as fe}from"./wrapped-bitcoin-TS5QFJLK.png";import{default as he}from"./xyo-RLMLL56X.png";var D=[{coinmarketcapLink:"https://coinmarketcap.com/currencies/multi-collateral-dai/",etherscanLink:"https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",icon:ne,readableName:"Dai",tokenSymbol:"dai",uniqueTokenId:"dai"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/weth/",etherscanLink:"https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",icon:ue,readableName:"Weth",tokenSymbol:"weth",uniqueTokenId:"weth"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/ethereum/",etherscanLink:"n/a",icon:se,readableName:"Ethereum",tokenSymbol:"eth",uniqueTokenId:"ethereum"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/bitcoin/",etherscanLink:"n/a",icon:oe,readableName:"Bitcoin",tokenSymbol:"btc",uniqueTokenId:"btc"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/xyo/",etherscanLink:"https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",icon:he,readableName:"XYO",tokenSymbol:"xyo",uniqueTokenId:"xyo"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/frax/",etherscanLink:"https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",icon:pe,readableName:"Frax",tokenSymbol:"frax",uniqueTokenId:"frax"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/wrapped-bitcoin/",etherscanLink:"https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",icon:fe,readableName:"Wrapped BTC",tokenSymbol:"wbtc",uniqueTokenId:"wbtc"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/usd-coin/",etherscanLink:"https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",icon:me,readableName:"USDC",tokenSymbol:"usdc",uniqueTokenId:"usdc"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/tether/",etherscanLink:"https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",icon:ce,readableName:"Tether",tokenSymbol:"usdt",uniqueTokenId:"usdt"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/cardano/",etherscanLink:"https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",icon:te,readableName:"Cardano",tokenSymbol:"ada",uniqueTokenId:"ada"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/binance-usd/",etherscanLink:"https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",icon:re,readableName:"Binance USD",tokenSymbol:"busd",uniqueTokenId:"busd"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/dogecoin/",etherscanLink:"https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",icon:ie,readableName:"Dogecoin",tokenSymbol:"doge",uniqueTokenId:"doge"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/polkadot-new/",etherscanLink:"https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",icon:ae,readableName:"Polkadot",tokenSymbol:"dot",uniqueTokenId:"dot"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/chainlink/",etherscanLink:"https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",icon:le,readableName:"ChainLink",tokenSymbol:"link",uniqueTokenId:"link"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/solana/",etherscanLink:"https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",icon:de,readableName:"Solana",tokenSymbol:"sol",uniqueTokenId:"sol"}];var qn=e=>e?.map(t=>D.find(n=>n.tokenSymbol===t)??D[0]);import{CardHeader as Ht,Typography as At}from"@mui/material";import{Fragment as Gt,jsx as N,jsxs as $t}from"react/jsx-runtime";var Yn=({icon:e,symbol:t,symbolElement:o,children:r,...n})=>$t(Gt,{children:[N(Ht,{avatar:N(k,{src:e,alt:t}),title:N(At,{variant:"h6",fontWeight:300,textTransform:"uppercase",children:o??t}),...n}),r]});import{Typography as qt}from"@mui/material";import{jsx as zt}from"react/jsx-runtime";var jn=({gradient:e,...t})=>{let{classes:o}=f();return zt(qt,{className:e==="text"?o().heading:void 0,...t})};import{createContext as Ot}from"react";var b=()=>Ot({provided:!1});import{useContext as ge}from"react";var xe=(e,t,o=!0)=>{let{provided:r,...n}=ge(e);if(!r&&o)throw new Error(`use${t} can not be used outside of a ${t}Context when required=true`);return n},ai=e=>{let{provided:t}=ge(e);return t};var li=()=>b();import{useEffect as Xt,useState as Vt}from"react";import{jsx as _t}from"react/jsx-runtime";var ui=({diviner:e,required:t=!1,children:o,context:r})=>{let[n,i]=Vt(e);Xt(()=>{e&&i(e)},[e,i]);let a=()=>e?n===e?n:void 0:n;return _t(r.Provider,{value:{diviner:a(),provided:!0,setDiviner:i},children:n?o:t?null:o})};var y=b();import{useState as Yt}from"react";import{jsx as Jt}from"react/jsx-runtime";var yi=({children:e,defaultListMode:t})=>{let[o,r]=Yt(t??"default");return Jt(y.Provider,{value:{listMode:o,provided:!0,setListMode:r},children:e})};var wi=(e=!1)=>xe(y,"ListMode",e);var Li=(e,t)=>{if(e!=null)return e;throw new Error(t)};var ke=(e,t)=>{if(e!=null&&e.length>0){if(e.endsWith("px"))return Number.parseFloat(e.slice(0,Math.max(0,e.length-2)));if(e.endsWith("%")){if(t!==void 0)return Number.parseFloat(e.slice(0,Math.max(0,e.length-1)))/100*t;throw new Error("Error Parsing Measure [missing absolute]")}else{if(e.endsWith("vw"))return Number.parseFloat(e.slice(0,Math.max(0,e.length-2)))/100*window.innerWidth;if(e.endsWith("vh"))return Number.parseFloat(e.slice(0,Math.max(0,e.length-2)))/100*window.innerHeight}throw new Error(`Error Parsing Measure [${e}]`)}},Qt=e=>{let t=e.split(" ");switch(t.length){case 4:return{bottom:t[2],left:t[3],right:t[1],top:t[0]};case 3:return{bottom:t[2],right:t[1],top:t[0]};case 2:return{bottom:t[0],left:t[1],right:t[1],top:t[0]};case 1:return{bottom:t[0],left:t[0],right:t[0],top:t[0]}}},vi=e=>{let t=Qt(window.getComputedStyle(e,null).getPropertyValue("padding")),o=ke(window.getComputedStyle(e,null).getPropertyValue("padding-left")??t?.left,e.clientWidth)??0,r=ke(window.getComputedStyle(e,null).getPropertyValue("padding-right")??t?.right,e.clientWidth)??0;return o+r};import{BubbleChartRounded as Ut,HubRounded as Kt,InsertLinkRounded as Zt,Inventory2Rounded as jt,TimerRounded as eo,VisibilityRounded as to}from"@mui/icons-material";import{jsx as d}from"react/jsx-runtime";var be=[{icon:e=>d(Kt,{...e}),name:"Node",slug:"node"},{icon:e=>d(eo,{...e}),name:"Sentinel",slug:"sentinel"},{icon:e=>d(Zt,{...e}),name:"Bridge",slug:"bridge"},{icon:e=>d(jt,{...e}),name:"Archivist",slug:"archivist"},{icon:e=>d(Ut,{...e}),name:"Diviner",slug:"diviner"},{icon:e=>d(to,{...e}),name:"Witness",slug:"witness"}],Bi=e=>be.findIndex(t=>t.slug===e),Di=e=>be.find(t=>t.slug===e);export{St as AddressTableCell,no as Ampersand,Go as BasicHero,x as EllipsisTableCell,Z as EllipsisTableCellWithRef,v as EllipsizeBox,V as ErrorBoundary,rn as HashTableCell,pr as ListItemButtonEx,je as ListItemButtonExTo,y as ListModeContext,yi as ListModeProvider,kr as LoadResult,U as NotFound,Rr as PayloadDataMissing,Pr as Pipe,li as ResolvedDivinerContext,ui as ResolvedDivinerProvider,Br as ScrollTableOnSm,ht as SectionSpacingRow,k as ThemeTokenAvatar,fn as ThemeTokenAvatarGroup,Tn as TokenBar,D as TokenData,Yn as TokenSummary,jn as TypographyEx,Li as assertDefinedEx,De as colorfulGradientDarkMode,Be as colorfulGradientLightMode,b as createContextEx,Di as findNetworkComponent,Bi as findNetworkComponentIndex,vi as getActualPaddingX,be as networkComponents,ke as parseMeausureString,Qt as parsePadding,xe as useContextEx,fo as useDataState,qn as useGetTokenData,f as useGradientStyles,S as useIsMobile,yo as useIsSmall,wi as useListMode,P as useMediaQuery,So as usePayloadHash,wo as usePayloadHashes,vo as usePromise,ai as useProvided,G as useShareForwardedRef};
 //# sourceMappingURL=index.js.map