@xyo-network/react-gas-price 2.81.9 → 2.82.0

package/dist/browser/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -36,65 +47,74 @@ module.exports = __toCommonJS(src_exports);
 // src/components/Avatar/EthereumGasPriceAvatar.tsx
 var import_icons_material = require("@mui/icons-material");
 var import_material = require("@mui/material");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EthereumGasPriceAvatar = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.LocalGasStationRounded, {}) });
-};
+var import_react = __toESM(require("react"), 1);
+var EthereumGasPriceAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_material.Avatar, props, /* @__PURE__ */ import_react.default.createElement(import_icons_material.LocalGasStationRounded, null));
+}, "EthereumGasPriceAvatar");
 
 // src/components/CardHeader/CardHeader.tsx
-var import_react = require("react");
+var import_react5 = __toESM(require("react"), 1);
 
 // src/components/HeaderComponents/Actions.tsx
 var import_material2 = require("@mui/material");
 var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var GasPriceHeaderActionsBox = ({
-  baseFee,
-  baseFeeLabel = "Base Fee",
-  blockNumber,
-  blockNumberLabel = "Block Number",
-  timestamp,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
-    timestamp ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: new Date(timestamp).toLocaleString() }) : null,
-    baseFee ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
-    blockNumber ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
-  ] });
-};
+var import_react2 = __toESM(require("react"), 1);
+var GasPriceHeaderActionsBox = /* @__PURE__ */ __name(({ baseFee, baseFeeLabel = "Base Fee", blockNumber, blockNumberLabel = "Block Number", timestamp, ...props }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox.FlexRow, {
+    columnGap: 1,
+    rowGap: 1,
+    flexWrap: "wrap",
+    ...props
+  }, timestamp ? /* @__PURE__ */ import_react2.default.createElement(import_material2.Chip, {
+    label: new Date(timestamp).toLocaleString()
+  }) : null, baseFee ? /* @__PURE__ */ import_react2.default.createElement(import_material2.Chip, {
+    label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`
+  }) : null, blockNumber ? /* @__PURE__ */ import_react2.default.createElement(import_material2.Chip, {
+    label: `${blockNumberLabel} - ${blockNumber}`
+  }) : null);
+}, "GasPriceHeaderActionsBox");
 
 // src/components/HeaderComponents/Header/Header.tsx
 var import_material4 = require("@mui/material");
 var import_react_shared2 = require("@xyo-network/react-shared");
+var import_react4 = __toESM(require("react"), 1);
 
 // src/components/HeaderComponents/Header/Heading.tsx
 var import_material3 = require("@mui/material");
 var import_react_shared = require("@xyo-network/react-shared");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var GasPriceHeadingTypography = ({ children, heading, networkIcon, ...props }) => {
+var import_react3 = __toESM(require("react"), 1);
+var GasPriceHeadingTypography = /* @__PURE__ */ __name(({ children, heading, networkIcon, ...props }) => {
   const theme = (0, import_material3.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_shared.TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
-    heading,
-    " ",
-    networkIcon,
-    " ",
-    children
-  ] });
-};
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_shared.TypographyEx, {
+    fontSize: theme.spacing(6),
+    lineHeight: 1,
+    ...props
+  }, heading, " ", networkIcon, " ", children);
+}, "GasPriceHeadingTypography");
 
 // src/components/HeaderComponents/Header/Header.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var GasPriceHeaderTypography = ({ heading, children, ...props }) => {
+var GasPriceHeaderTypography = /* @__PURE__ */ __name(({ heading, children, ...props }) => {
   const theme = (0, import_material4.useTheme)();
-  const [ethData] = (0, import_react_shared2.useGetTokenData)(["eth"]);
-  const networkIcon = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
-};
+  const [ethData] = (0, import_react_shared2.useGetTokenData)([
+    "eth"
+  ]);
+  const networkIcon = /* @__PURE__ */ import_react4.default.createElement("img", {
+    height: theme.spacing(4),
+    src: ethData.icon
+  });
+  return /* @__PURE__ */ import_react4.default.createElement(GasPriceHeadingTypography, {
+    heading,
+    networkIcon,
+    ...props
+  }, children);
+}, "GasPriceHeaderTypography");
 
 // src/components/layout/Header.tsx
 var import_material5 = require("@mui/material");
 var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var StyledGasPriceHeaderBox = (0, import_material5.styled)(import_react_flexbox2.FlexRow, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
+var StyledGasPriceHeaderBox = (0, import_material5.styled)(import_react_flexbox2.FlexRow, {
+  name: "StyledGasPriceEstimateBox"
+})(({ theme }) => ({
   alignItems: "end",
   columnGap: theme.spacing(2),
   flexWrap: "wrap",
@@ -106,130 +126,179 @@ var StyledGasPriceHeaderBox = (0, import_material5.styled)(import_react_flexbox2
 
 // src/components/layout/StyledCardHeader.tsx
 var import_material6 = require("@mui/material");
-var StyledCardHeader = (0, import_material6.styled)(import_material6.CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
+var StyledCardHeader = (0, import_material6.styled)(import_material6.CardHeader, {
+  name: "StyledCardHeader"
+})(({ theme }) => ({
   flexWrap: "wrap",
   rowGap: theme.spacing(2)
 }));
 
 // src/components/CardHeader/CardHeader.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var GasPriceWitnessCardHeader = (0, import_react.forwardRef)(({ title, parsedPayload, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  StyledCardHeader,
-  {
-    title: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GasPriceHeaderTypography, { heading: title }),
-    action: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      GasPriceHeaderActionsBox,
-      {
-        timestamp: parsedPayload?.timestamp,
-        baseFee: parsedPayload?.baseFee?.value,
-        baseFeeLabel: parsedPayload?.baseFee?.label,
-        blockNumber: parsedPayload?.blockNumber?.value,
-        blockNumberLabel: parsedPayload?.blockNumber?.label
-      }
-    ),
-    ref,
-    ...props
-  }
-));
+var GasPriceWitnessCardHeader = /* @__PURE__ */ (0, import_react5.forwardRef)(({ title, parsedPayload, ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(StyledCardHeader, {
+  title: /* @__PURE__ */ import_react5.default.createElement(GasPriceHeaderTypography, {
+    heading: title
+  }),
+  action: /* @__PURE__ */ import_react5.default.createElement(GasPriceHeaderActionsBox, {
+    timestamp: parsedPayload?.timestamp,
+    baseFee: parsedPayload?.baseFee?.value,
+    baseFeeLabel: parsedPayload?.baseFee?.label,
+    blockNumber: parsedPayload?.blockNumber?.value,
+    blockNumberLabel: parsedPayload?.blockNumber?.label
+  }),
+  ref,
+  ...props
+}));
 GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
 
 // src/components/GasFees/Card.tsx
 var import_material10 = require("@mui/material");
 var import_react_flexbox6 = require("@xylabs/react-flexbox");
 var import_react_card = require("@xyo-network/react-card");
+var import_react10 = __toESM(require("react"), 1);
 
 // src/components/GasFees/components/GasPriceBox.tsx
 var import_material7 = require("@mui/material");
 var import_react_flexbox3 = require("@xylabs/react-flexbox");
 var import_react_shared4 = require("@xyo-network/react-shared");
+var import_react7 = __toESM(require("react"), 1);
 
 // src/components/GasFees/components/GweiLabelTypography.tsx
 var import_react_shared3 = require("@xyo-network/react-shared");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var GweiLabelTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_shared3.TypographyEx, { variant: "caption", ...props, children: "GWEI" });
+var import_react6 = __toESM(require("react"), 1);
+var GweiLabelTypography = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react6.default.createElement(import_react_shared3.TypographyEx, {
+  variant: "caption",
+  ...props
+}, "GWEI"), "GweiLabelTypography");
 
 // src/components/GasFees/components/GasPriceBox.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var GasPriceBox = ({ gasPrice, ...props }) => {
+var GasPriceBox = /* @__PURE__ */ __name(({ gasPrice, ...props }) => {
   const theme = (0, import_material7.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_flexbox3.FlexRow, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_shared4.TypographyEx, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GweiLabelTypography, { fontSize: theme.spacing(2) })
-  ] });
-};
+  return /* @__PURE__ */ import_react7.default.createElement(import_react_flexbox3.FlexRow, {
+    columnGap: 1.5,
+    rowGap: 1.5,
+    alignItems: "end",
+    ...props
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_shared4.TypographyEx, {
+    lineHeight: 1,
+    fontWeight: "200",
+    fontSize: theme.spacing(6),
+    title: gasPrice?.toString() ?? ""
+  }, gasPrice?.toFixed(2)), /* @__PURE__ */ import_react7.default.createElement(GweiLabelTypography, {
+    fontSize: theme.spacing(2)
+  }));
+}, "GasPriceBox");
 
 // src/components/GasFees/components/PriorityFeeBox.tsx
 var import_icons_material2 = require("@mui/icons-material");
 var import_material8 = require("@mui/material");
 var import_react_flexbox4 = require("@xylabs/react-flexbox");
 var import_react_shared5 = require("@xyo-network/react-shared");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var PriorityFeeBox = ({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
+var import_react8 = __toESM(require("react"), 1);
+var PriorityFeeBox = /* @__PURE__ */ __name(({ priorityFee, priorityFeeLabel = "Priority Fee", ...props }) => {
   const theme = (0, import_material8.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox4.FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox4.FlexCol, { alignItems: "start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_shared5.TypographyEx, { children: priorityFeeLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_shared5.TypographyEx, { title: priorityFee?.toString() ?? "", children: [
-        priorityFee?.toFixed(2),
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GweiLabelTypography, { fontSize: theme.spacing(1) })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.LocalGasStationRounded, {})
-  ] });
-};
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_flexbox4.FlexGrowRow, {
+    width: "100%",
+    justifyContent: "space-between",
+    alignItems: "end",
+    ...props
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_flexbox4.FlexCol, {
+    alignItems: "start"
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_shared5.TypographyEx, null, priorityFeeLabel), /* @__PURE__ */ import_react8.default.createElement(import_react_shared5.TypographyEx, {
+    title: priorityFee?.toString() ?? ""
+  }, priorityFee?.toFixed(2), " ", /* @__PURE__ */ import_react8.default.createElement(GweiLabelTypography, {
+    fontSize: theme.spacing(1)
+  }))), /* @__PURE__ */ import_react8.default.createElement(import_icons_material2.LocalGasStationRounded, null));
+}, "PriorityFeeBox");
 
 // src/components/GasFees/components/SpeedBox.tsx
 var import_material9 = require("@mui/material");
 var import_react_flexbox5 = require("@xylabs/react-flexbox");
 var import_react_shared6 = require("@xyo-network/react-shared");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var SpeedBox = ({ speed, ...props }) => {
+var import_react9 = __toESM(require("react"), 1);
+var SpeedBox = /* @__PURE__ */ __name(({ speed, ...props }) => {
   const theme = (0, import_material9.useTheme)();
-  return speed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_flexbox5.FlexGrowCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_shared6.TypographyEx, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
-};
+  return speed ? /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox5.FlexGrowCol, props, /* @__PURE__ */ import_react9.default.createElement(import_react_shared6.TypographyEx, {
+    fontSize: theme.spacing(3),
+    fontWeight: "200",
+    p: 1
+  }, speed)) : null;
+}, "SpeedBox");
 
 // src/components/GasFees/Card.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var GasFeeCard = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
+var GasFeeCard = /* @__PURE__ */ __name(({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = "low", ...props }) => {
   const theme = (0, import_material10.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material10.Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_card.CardContentEx, { removePadding: true, sx: { flexDirection: "column", flexGrow: 1, p: 0, rowGap: 2 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_flexbox6.FlexGrowCol, { bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GasPriceBox, { gasPrice }),
-      priorityFee ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material10.Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SpeedBox, { speed }) })
-  ] }) });
-};
+  return /* @__PURE__ */ import_react10.default.createElement(import_material10.Card, {
+    sx: {
+      p: 0
+    },
+    ...props
+  }, /* @__PURE__ */ import_react10.default.createElement(import_react_card.CardContentEx, {
+    removePadding: true,
+    sx: {
+      flexDirection: "column",
+      flexGrow: 1,
+      p: 0,
+      rowGap: 2
+    }
+  }, /* @__PURE__ */ import_react10.default.createElement(import_react_flexbox6.FlexGrowCol, {
+    bgcolor: theme.palette.secondary.dark,
+    alignItems: "start",
+    p: 2,
+    rowGap: 1.5,
+    color: theme.palette.common.white
+  }, /* @__PURE__ */ import_react10.default.createElement(GasPriceBox, {
+    gasPrice
+  }), priorityFee ? /* @__PURE__ */ import_react10.default.createElement(PriorityFeeBox, {
+    priorityFee,
+    priorityFeeLabel
+  }) : null), /* @__PURE__ */ import_react10.default.createElement(import_material10.Paper, {
+    elevation: speedPaperElevation,
+    sx: {
+      borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`
+    }
+  }, /* @__PURE__ */ import_react10.default.createElement(SpeedBox, {
+    speed
+  }))));
+}, "GasFeeCard");
 
 // src/components/HeaderBox.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var GasPriceWitnessHeaderBox = ({ heading, parsedPayload, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(StyledGasPriceHeaderBox, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(GasPriceHeaderTypography, { heading }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      GasPriceHeaderActionsBox,
-      {
-        timestamp: parsedPayload?.timestamp,
-        baseFee: parsedPayload?.baseFee?.value,
-        baseFeeLabel: parsedPayload?.baseFee?.label,
-        blockNumber: parsedPayload?.blockNumber?.value,
-        blockNumberLabel: parsedPayload?.blockNumber?.label
-      }
-    )
-  ] });
-};
+var import_react11 = __toESM(require("react"), 1);
+var GasPriceWitnessHeaderBox = /* @__PURE__ */ __name(({ heading, parsedPayload, ...props }) => {
+  return /* @__PURE__ */ import_react11.default.createElement(StyledGasPriceHeaderBox, props, /* @__PURE__ */ import_react11.default.createElement(GasPriceHeaderTypography, {
+    heading
+  }), /* @__PURE__ */ import_react11.default.createElement(GasPriceHeaderActionsBox, {
+    timestamp: parsedPayload?.timestamp,
+    baseFee: parsedPayload?.baseFee?.value,
+    baseFeeLabel: parsedPayload?.baseFee?.label,
+    blockNumber: parsedPayload?.blockNumber?.value,
+    blockNumberLabel: parsedPayload?.blockNumber?.label
+  }));
+}, "GasPriceWitnessHeaderBox");
 
 // src/components/RawPayload/ToggleRawPayloadBox.tsx
 var import_material11 = require("@mui/material");
 var import_react_flexbox7 = require("@xylabs/react-flexbox");
-var import_react2 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
-  const [collapse, setCollapse] = (0, import_react2.useState)(false);
-  return gasPricePayload ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_flexbox7.FlexCol, { rowGap: 1, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Button, { color: "secondary", sx: { bgcolor: "secondary.dark", color: "white" }, variant: "contained", onClick: () => setCollapse(!collapse), children: "Raw Payload" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: collapse, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Paper, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
-  ] }) : null;
-};
+var import_react12 = __toESM(require("react"), 1);
+var ToggleRawPayloadBox = /* @__PURE__ */ __name(({ gasPricePayload, ...props }) => {
+  const [collapse, setCollapse] = (0, import_react12.useState)(false);
+  return gasPricePayload ? /* @__PURE__ */ import_react12.default.createElement(import_react_flexbox7.FlexCol, {
+    rowGap: 1,
+    ...props
+  }, /* @__PURE__ */ import_react12.default.createElement(import_material11.Button, {
+    color: "secondary",
+    sx: {
+      bgcolor: "secondary.dark",
+      color: "white"
+    },
+    variant: "contained",
+    onClick: /* @__PURE__ */ __name(() => setCollapse(!collapse), "onClick")
+  }, "Raw Payload"), /* @__PURE__ */ import_react12.default.createElement(import_material11.Collapse, {
+    in: collapse
+  }, /* @__PURE__ */ import_react12.default.createElement(import_material11.Paper, {
+    elevation: 4,
+    sx: {
+      p: 2
+    }
+  }, /* @__PURE__ */ import_react12.default.createElement("pre", null, JSON.stringify(gasPricePayload, null, 2))))) : null;
+}, "ToggleRawPayloadBox");
 //# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["export * from './components/index.js'\nexport * from './types/index.js'\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  return (\n    <Avatar {...props}>\n      <LocalGasStationRoundedIcon />\n    </Avatar>\n  )\n}\n","import { CardProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../../types/index.js'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.js'\nimport { StyledCardHeader } from '../layout/index.js'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n  parsedPayload?: GasPriceWitnessUIBasePayload\n  title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n  <StyledCardHeader\n    title={<GasPriceHeaderTypography heading={title} />}\n    action={\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    }\n    ref={ref}\n    {...props}\n  />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp ?\n        <Chip label={new Date(timestamp).toLocaleString()} />\n      : null}\n      {baseFee ?\n        <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n      : null}\n      {blockNumber ?\n        <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n      : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\n\nimport { GasPriceHeadingTypography } from './Heading.js'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading} {networkIcon} {children}\n    </TypographyEx>\n  )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n  alignItems: 'end',\n  columnGap: theme.spacing(2),\n  flexWrap: 'wrap',\n  justifyContent: 'space-between',\n  justifyItems: 'space-between',\n  rowGap: theme.spacing(2),\n  width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n  flexWrap: 'wrap',\n  rowGap: theme.spacing(2),\n}))\n","import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components/index.js'\n\nexport interface GasFeeCardProps extends CardProps {\n  gasPrice?: number\n  priorityFee?: number\n  priorityFeeLabel?: string\n  speed?: string\n  speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n        <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee ?\n            <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n          : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.js'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = (props) => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.js'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n  priorityFee?: number\n  priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n      <FlexCol alignItems=\"start\">\n        <TypographyEx>{priorityFeeLabel}</TypographyEx>\n        <TypographyEx title={priorityFee?.toString() ?? ''}>\n          {priorityFee?.toFixed(2)} <GweiLabelTypography fontSize={theme.spacing(1)} />\n        </TypographyEx>\n      </FlexCol>\n      <LocalGasStationRoundedIcon />\n    </FlexGrowRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n  speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n  const theme = useTheme()\n\n  return speed ?\n      <FlexGrowCol {...props}>\n        <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n          {speed}\n        </TypographyEx>\n      </FlexGrowCol>\n    : null\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { GasPriceWitnessUIBasePayload } from '../types/index.js'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.js'\nimport { StyledGasPriceHeaderBox } from './layout/index.js'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n  heading?: string\n  parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n  return (\n    <StyledGasPriceHeaderBox {...props}>\n      <GasPriceHeaderTypography heading={heading} />\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    </StyledGasPriceHeaderBox>\n  )\n}\n","import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n  gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n  const [collapse, setCollapse] = useState(false)\n  return gasPricePayload ?\n      <FlexCol rowGap={1} {...props}>\n        <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n          Raw Payload\n        </Button>\n        <Collapse in={collapse}>\n          <Paper elevation={4} sx={{ p: 2 }}>\n            <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n          </Paper>\n        </Collapse>\n      </FlexCol>\n    : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAAqE;AACrE,sBAAoC;AAK9B;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,4CAAC,0BAAQ,GAAG,OACV,sDAAC,sBAAAA,wBAAA,EAA2B,GAC9B;AAEJ;;;ACRA,mBAA2B;;;ACD3B,IAAAC,mBAAqB;AACrB,2BAAsC;AAmBlC,IAAAC,sBAAA;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,8CAAC,gCAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBACC,6CAAC,yBAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IACnD;AAAA,IACD,UACC,6CAAC,yBAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAC7D;AAAA,IACD,cACC,6CAAC,yBAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IACrD;AAAA,KACJ;AAEJ;;;AChCA,IAAAC,mBAAyB;AAEzB,IAAAC,uBAAmD;;;ACFnD,IAAAC,mBAAyB;AACzB,0BAAgD;AAY5C,IAAAC,sBAAA;AAHG,IAAM,4BAAsE,CAAC,EAAE,UAAU,SAAS,aAAa,GAAG,MAAM,MAAM;AACnI,QAAM,YAAQ,2BAAS;AACvB,SACE,8CAAC,oCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IAAQ;AAAA,IAAE;AAAA,IAAY;AAAA,IAAE;AAAA,KAC3B;AAEJ;;;ADJsB,IAAAC,sBAAA;AAHf,IAAM,2BAAoE,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACpH,QAAM,YAAQ,2BAAS;AACvB,QAAM,CAAC,OAAO,QAAI,sCAAgB,CAAC,KAAK,CAAC;AACzC,QAAM,cAAc,6CAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,6CAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;;;AEpBA,IAAAC,mBAAuB;AACvB,IAAAC,wBAAwB;AAEjB,IAAM,8BAA0B,yBAAO,+BAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;;;ACXF,IAAAC,mBAAmC;AAE5B,IAAM,uBAAmB,yBAAO,6BAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;;;ALQS,IAAAC,sBAAA;AAFJ,IAAM,gCAA4B,yBAAoD,CAAC,EAAE,OAAO,eAAe,GAAG,MAAM,GAAG,QAChI;AAAA,EAAC;AAAA;AAAA,IACC,OAAO,6CAAC,4BAAyB,SAAS,OAAO;AAAA,IACjD,QACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,IAEF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,0BAA0B,cAAc;;;AM5BxC,IAAAC,oBAAiD;AACjD,IAAAC,wBAA4B;AAC5B,wBAA8B;;;ACF9B,IAAAC,mBAAyB;AACzB,IAAAC,wBAAsC;AACtC,IAAAC,uBAA6B;;;ACF7B,IAAAC,uBAAgD;AAG9C,IAAAC,sBAAA;AADK,IAAM,sBAAmD,CAAC,UAC/D,6CAAC,qCAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADQE,IAAAC,sBAAA;AAHG,IAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,YAAQ,2BAAS;AACvB,SACE,8CAAC,iCAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,iDAAC,qCAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,OAAO,UAAU,SAAS,KAAK,IACtG,oBAAU,QAAQ,CAAC,GACtB;AAAA,IACA,6CAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;;;AEpBA,IAAAC,yBAAqE;AACrE,IAAAC,mBAAyB;AACzB,IAAAC,wBAAmD;AACnD,IAAAC,uBAA6B;AAerB,IAAAC,sBAAA;AAND,IAAM,iBAAgD,CAAC,EAAE,aAAa,mBAAmB,gBAAgB,GAAG,MAAM,MAAM;AAC7H,QAAM,YAAQ,2BAAS;AAEvB,SACE,8CAAC,qCAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,kDAAC,iCAAQ,YAAW,SAClB;AAAA,mDAAC,qCAAc,4BAAiB;AAAA,MAChC,8CAAC,qCAAa,OAAO,aAAa,SAAS,KAAK,IAC7C;AAAA,qBAAa,QAAQ,CAAC;AAAA,QAAE;AAAA,QAAC,6CAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SAC7E;AAAA,OACF;AAAA,IACA,6CAAC,uBAAAC,wBAAA,EAA2B;AAAA,KAC9B;AAEJ;;;AC1BA,IAAAC,mBAAyB;AACzB,IAAAC,wBAA0C;AAC1C,IAAAC,uBAA6B;AAWrB,IAAAC,sBAAA;AALD,IAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,YAAQ,2BAAS;AAEvB,SAAO,QACH,6CAAC,qCAAa,GAAG,OACf,uDAAC,qCAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IACA;AACN;;;AJEQ,IAAAC,uBAAA;AAND,IAAM,aAAwC,CAAC,EAAE,UAAU,qBAAqB,aAAa,kBAAkB,QAAQ,OAAO,GAAG,MAAM,MAAM;AAClJ,QAAM,YAAQ,4BAAS;AAEvB,SACE,8CAAC,0BAAK,IAAI,EAAE,GAAG,EAAE,GAAI,GAAG,OACtB,yDAAC,mCAAc,eAAa,MAAC,IAAI,EAAE,eAAe,UAAU,UAAU,GAAG,GAAG,GAAG,QAAQ,EAAE,GACvF;AAAA,mDAAC,qCAAY,SAAS,MAAM,QAAQ,UAAU,MAAM,YAAW,SAAQ,GAAG,GAAG,QAAQ,KAAK,OAAO,MAAM,QAAQ,OAAO,OACpH;AAAA,oDAAC,eAAY,UAAoB;AAAA,MAChC,cACC,8CAAC,kBAAe,aAA0B,kBAAoC,IAC9E;AAAA,OACJ;AAAA,IACA,8CAAC,2BAAM,WAAW,qBAAqB,IAAI,EAAE,cAAc,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,MAAM,YAAY,KAAK,GAC3H,wDAAC,YAAS,OAAc,GAC1B;AAAA,KACF,GACF;AAEJ;;;AKnBI,IAAAC,uBAAA;AAFG,IAAM,2BAAoE,CAAC,EAAE,SAAS,eAAe,GAAG,MAAM,MAAM;AACzH,SACE,+CAAC,2BAAyB,GAAG,OAC3B;AAAA,kDAAC,4BAAyB,SAAkB;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,KACF;AAEJ;;;ACxBA,IAAAC,oBAAwC;AACxC,IAAAC,wBAAsC;AACtC,IAAAC,gBAAyB;AASnB,IAAAC,uBAAA;AAHC,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,KAAK;AAC9C,SAAO,kBACH,+CAAC,iCAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,kDAAC,4BAAO,OAAM,aAAY,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ,GAAG,SAAQ,aAAY,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,yBAExI;AAAA,IACA,8CAAC,8BAAS,IAAI,UACZ,wDAAC,2BAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,wDAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IACA;AACN;","names":["LocalGasStationRoundedIcon","import_material","import_jsx_runtime","import_material","import_react_shared","import_material","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_material","import_jsx_runtime","import_material","import_react_flexbox","import_material","import_react_flexbox","import_react_shared","import_react_shared","import_jsx_runtime","import_jsx_runtime","import_icons_material","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","LocalGasStationRoundedIcon","import_material","import_react_flexbox","import_react_shared","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_material","import_react_flexbox","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/index.ts","../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["export * from './components/index.ts'\nexport * from './types/index.ts'\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  return (\n    <Avatar {...props}>\n      <LocalGasStationRoundedIcon />\n    </Avatar>\n  )\n}\n","import { CardProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n  parsedPayload?: GasPriceWitnessUIBasePayload\n  title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n  <StyledCardHeader\n    title={<GasPriceHeaderTypography heading={title} />}\n    action={(\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    )}\n    ref={ref}\n    {...props}\n  />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n  baseFee?: number\n  baseFeeLabel?: string\n  blockNumber?: number\n  blockNumberLabel?: string\n  timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n  baseFee,\n  baseFeeLabel = 'Base Fee',\n  blockNumber,\n  blockNumberLabel = 'Block Number',\n  timestamp,\n  ...props\n}) => {\n  return (\n    <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n      {timestamp\n        ? <Chip label={new Date(timestamp).toLocaleString()} />\n        : null}\n      {baseFee\n        ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n        : null}\n      {blockNumber\n        ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n        : null}\n    </FlexRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n  heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n  const theme = useTheme()\n  const [ethData] = useGetTokenData(['eth'])\n  const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n  return (\n    <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n      {children}\n    </GasPriceHeadingTypography>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport React, { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n  children?: ReactNode\n  heading?: string\n  networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n  const theme = useTheme()\n  return (\n    <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n      {heading}\n      {' '}\n      {networkIcon}\n      {' '}\n      {children}\n    </TypographyEx>\n  )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n  alignItems: 'end',\n  columnGap: theme.spacing(2),\n  flexWrap: 'wrap',\n  justifyContent: 'space-between',\n  justifyItems: 'space-between',\n  rowGap: theme.spacing(2),\n  width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n  flexWrap: 'wrap',\n  rowGap: theme.spacing(2),\n}))\n","import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components/index.ts'\n\nexport interface GasFeeCardProps extends CardProps {\n  gasPrice?: number\n  priorityFee?: number\n  priorityFeeLabel?: string\n  speed?: string\n  speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <Card sx={{ p: 0 }} {...props}>\n      <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n        <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n          <GasPriceBox gasPrice={gasPrice} />\n          {priorityFee\n            ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n            : null}\n        </FlexGrowCol>\n        <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n          <SpeedBox speed={speed} />\n        </Paper>\n      </CardContentEx>\n    </Card>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n  gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n  const theme = useTheme()\n  return (\n    <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n      <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n        {gasPrice?.toFixed(2)}\n      </TypographyEx>\n      <GweiLabelTypography fontSize={theme.spacing(2)} />\n    </FlexRow>\n  )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = props => (\n  <TypographyEx variant=\"caption\" {...props}>\n    GWEI\n  </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n  priorityFee?: number\n  priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n      <FlexCol alignItems=\"start\">\n        <TypographyEx>{priorityFeeLabel}</TypographyEx>\n        <TypographyEx title={priorityFee?.toString() ?? ''}>\n          {priorityFee?.toFixed(2)}\n          {' '}\n          <GweiLabelTypography fontSize={theme.spacing(1)} />\n        </TypographyEx>\n      </FlexCol>\n      <LocalGasStationRoundedIcon />\n    </FlexGrowRow>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n  speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n  const theme = useTheme()\n\n  return speed\n    ? (\n        <FlexGrowCol {...props}>\n          <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n            {speed}\n          </TypographyEx>\n        </FlexGrowCol>\n      )\n    : null\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n  heading?: string\n  parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n  return (\n    <StyledGasPriceHeaderBox {...props}>\n      <GasPriceHeaderTypography heading={heading} />\n      <GasPriceHeaderActionsBox\n        timestamp={parsedPayload?.timestamp}\n        baseFee={parsedPayload?.baseFee?.value}\n        baseFeeLabel={parsedPayload?.baseFee?.label}\n        blockNumber={parsedPayload?.blockNumber?.value}\n        blockNumberLabel={parsedPayload?.blockNumber?.label}\n      />\n    </StyledGasPriceHeaderBox>\n  )\n}\n","import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n  gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n  const [collapse, setCollapse] = useState(false)\n  return gasPricePayload\n    ? (\n        <FlexCol rowGap={1} {...props}>\n          <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n            Raw Payload\n          </Button>\n          <Collapse in={collapse}>\n            <Paper elevation={4} sx={{ p: 2 }}>\n              <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n            </Paper>\n          </Collapse>\n        </FlexCol>\n      )\n    : null\n}\n"],"mappings":"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","names":["EthereumGasPriceAvatar","props","React","Avatar","LocalGasStationRoundedIcon","import_react","import_material","import_react","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","React","FlexRow","columnGap","rowGap","flexWrap","Chip","label","Date","toLocaleString","toFixed","import_material","import_react_shared","import_react","import_material","import_react","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","useTheme","React","TypographyEx","fontSize","spacing","lineHeight","GasPriceHeaderTypography","heading","children","props","theme","useTheme","ethData","useGetTokenData","networkIcon","React","img","height","spacing","src","icon","GasPriceHeadingTypography","import_material","import_react_flexbox","StyledGasPriceHeaderBox","styled","FlexRow","name","theme","alignItems","columnGap","spacing","flexWrap","justifyContent","justifyItems","rowGap","width","import_material","StyledCardHeader","styled","CardHeader","name","theme","flexWrap","rowGap","spacing","GasPriceWitnessCardHeader","forwardRef","title","parsedPayload","props","ref","React","StyledCardHeader","GasPriceHeaderTypography","heading","action","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","displayName","import_material","import_react_flexbox","import_react","import_material","import_react_flexbox","import_react_shared","import_react","import_react_shared","import_react","GweiLabelTypography","props","React","TypographyEx","variant","GasPriceBox","gasPrice","props","theme","useTheme","React","FlexRow","columnGap","rowGap","alignItems","TypographyEx","lineHeight","fontWeight","fontSize","spacing","title","toString","toFixed","GweiLabelTypography","import_icons_material","import_material","import_react_flexbox","import_react_shared","import_react","PriorityFeeBox","priorityFee","priorityFeeLabel","props","theme","useTheme","React","FlexGrowRow","width","justifyContent","alignItems","FlexCol","TypographyEx","title","toString","toFixed","GweiLabelTypography","fontSize","spacing","LocalGasStationRoundedIcon","import_material","import_react_flexbox","import_react_shared","import_react","SpeedBox","speed","props","theme","useTheme","React","FlexGrowCol","TypographyEx","fontSize","spacing","fontWeight","p","GasFeeCard","gasPrice","speedPaperElevation","priorityFee","priorityFeeLabel","speed","props","theme","useTheme","React","Card","sx","p","CardContentEx","removePadding","flexDirection","flexGrow","rowGap","FlexGrowCol","bgcolor","palette","secondary","dark","alignItems","color","common","white","GasPriceBox","PriorityFeeBox","Paper","elevation","borderRadius","shape","SpeedBox","import_react","GasPriceWitnessHeaderBox","heading","parsedPayload","props","React","StyledGasPriceHeaderBox","GasPriceHeaderTypography","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","import_material","import_react_flexbox","import_react","ToggleRawPayloadBox","gasPricePayload","props","collapse","setCollapse","useState","React","FlexCol","rowGap","Button","color","sx","bgcolor","variant","onClick","Collapse","in","Paper","elevation","p","pre","JSON","stringify"]}

package/dist/browser/index.d.cts

@@ -1,3 +1,3 @@
-export * from './components/index.js';
-export * from './types/index.js';
+export * from './components/index.ts';
+export * from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.mts

@@ -1,3 +1,3 @@
-export * from './components/index.js';
-export * from './types/index.js';
+export * from './components/index.ts';
+export * from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts

@@ -1,3 +1,3 @@
-export * from './components/index.js';
-export * from './types/index.js';
+export * from './components/index.ts';
+export * from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map