@xyo-network/react-gas-price 2.62.3 → 2.63.1

package/dist/cjs/components/Avatar/EthereumGasPriceAvatar.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EthereumGasPriceAvatar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LocalGasStationRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/LocalGasStationRounded"));
+const material_1 = require("@mui/material");
+const EthereumGasPriceAvatar = (_a) => {
+    var props = tslib_1.__rest(_a, []);
+    return ((0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(LocalGasStationRounded_1.default, {}) })));
+};
+exports.EthereumGasPriceAvatar = EthereumGasPriceAvatar;
+//# sourceMappingURL=EthereumGasPriceAvatar.js.map

package/dist/cjs/components/Avatar/EthereumGasPriceAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EthereumGasPriceAvatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/EthereumGasPriceAvatar.tsx"],"names":[],"mappings":";;;;;AAAA,gHAAmF;AACnF,4CAAmD;AAE5C,MAAM,sBAAsB,GAA0B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,sBAAV,EAAY,CAAF;IACtE,OAAO,CACL,uBAAC,iBAAM,oBAAK,KAAK,cACf,uBAAC,gCAA0B,KAAG,IACvB,CACV,CAAA;AACH,CAAC,CAAA;AANY,QAAA,sBAAsB,0BAMlC"}

package/dist/cjs/components/Avatar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EthereumGasPriceAvatar"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":";;;AAAA,mEAAwC"}

package/dist/cjs/components/CardHeader/CardHeader.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceWitnessCardHeader = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const HeaderComponents_1 = require("../HeaderComponents");
+const layout_1 = require("../layout");
+exports.GasPriceWitnessCardHeader = (0, react_1.forwardRef)((_a, ref) => {
+    var _b, _c, _d, _e;
+    var { title, parsedPayload } = _a, props = tslib_1.__rest(_a, ["title", "parsedPayload"]);
+    return ((0, jsx_runtime_1.jsx)(layout_1.StyledCardHeader, Object.assign({ title: (0, jsx_runtime_1.jsx)(HeaderComponents_1.GasPriceHeaderTypography, { heading: title }), action: (0, jsx_runtime_1.jsx)(HeaderComponents_1.GasPriceHeaderActionsBox, { timestamp: parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.timestamp, baseFee: (_b = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.baseFee) === null || _b === void 0 ? void 0 : _b.value, baseFeeLabel: (_c = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.baseFee) === null || _c === void 0 ? void 0 : _c.label, blockNumber: (_d = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.blockNumber) === null || _d === void 0 ? void 0 : _d.value, blockNumberLabel: (_e = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.blockNumber) === null || _e === void 0 ? void 0 : _e.label }), ref: ref }, props)));
+});
+exports.GasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader';
+//# sourceMappingURL=CardHeader.js.map

package/dist/cjs/components/CardHeader/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;;;AACA,iCAAkC;AAGlC,0DAAwF;AACxF,sCAA4C;AAM/B,QAAA,yBAAyB,GAAG,IAAA,kBAAU,EAA0C,CAAC,EAAkC,EAAE,GAAG,EAAE,EAAE;;QAA3C,EAAE,KAAK,EAAE,aAAa,OAAY,EAAP,KAAK,sBAAhC,0BAAkC,CAAF;IAAY,OAAA,CACxI,uBAAC,yBAAgB,kBACf,KAAK,EAAE,uBAAC,2CAAwB,IAAC,OAAO,EAAE,KAAK,GAAI,EACnD,MAAM,EACJ,uBAAC,2CAAwB,IACvB,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,EACnC,OAAO,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,KAAK,EACtC,YAAY,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,KAAK,EAC3C,WAAW,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,0CAAE,KAAK,EAC9C,gBAAgB,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,0CAAE,KAAK,GACnD,EAEJ,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAA;AAEF,iCAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAA"}

package/dist/cjs/components/CardHeader/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CardHeader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CardHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CardHeader/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/components/GasFees/Card.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasFeeCard = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_card_1 = require("@xyo-network/react-card");
+const components_1 = require("./components");
+const GasFeeCard = (_a) => {
+    var { gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low' } = _a, props = tslib_1.__rest(_a, ["gasPrice", "speedPaperElevation", "priorityFee", "priorityFeeLabel", "speed"]);
+    const theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ sx: { p: 0 } }, props, { children: (0, jsx_runtime_1.jsxs)(react_card_1.CardContentEx, Object.assign({ removePadding: true, sx: { flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 } }, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ bgcolor: theme.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.palette.common.white }, { children: [(0, jsx_runtime_1.jsx)(components_1.GasPriceBox, { gasPrice: gasPrice }), priorityFee ? (0, jsx_runtime_1.jsx)(components_1.PriorityFeeBox, { priorityFee: priorityFee, priorityFeeLabel: priorityFeeLabel }) : null] })), (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` } }, { children: (0, jsx_runtime_1.jsx)(components_1.SpeedBox, { speed: speed }) }))] })) })));
+};
+exports.GasFeeCard = GasFeeCard;
+//# sourceMappingURL=Card.js.map

package/dist/cjs/components/GasFees/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAgE;AAChE,yDAAmD;AACnD,wDAAuD;AAEvD,6CAAoE;AAU7D,MAAM,UAAU,GAA8B,CAAC,EAAyF,EAAE,EAAE;QAA7F,EAAE,QAAQ,EAAE,mBAAmB,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAvF,+EAAyF,CAAF;IAC3I,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,eAAI,kBAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAM,KAAK,cAC3B,wBAAC,0BAAa,kBAAC,aAAa,QAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,iBACxF,wBAAC,2BAAW,kBAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,iBACzH,uBAAC,wBAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAClC,WAAW,CAAC,CAAC,CAAC,uBAAC,2BAAc,IAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAAC,CAAC,CAAC,IAAI,KAC1F,EACd,uBAAC,gBAAK,kBAAC,SAAS,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,MAAM,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,gBAC5H,uBAAC,qBAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IACpB,KACM,IACX,CACR,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,UAAU,cAgBtB"}

package/dist/cjs/components/GasFees/components/GasPriceBox.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_shared_1 = require("@xyo-network/react-shared");
+const GweiLabelTypography_1 = require("./GweiLabelTypography");
+const GasPriceBox = (_a) => {
+    var _b;
+    var { gasPrice } = _a, props = tslib_1.__rest(_a, ["gasPrice"]);
+    const theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ columnGap: 1.5, rowGap: 1.5, alignItems: "end" }, props, { children: [(0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: (_b = gasPrice === null || gasPrice === void 0 ? void 0 : gasPrice.toString()) !== null && _b !== void 0 ? _b : '' }, { children: gasPrice === null || gasPrice === void 0 ? void 0 : gasPrice.toFixed(2) })), (0, jsx_runtime_1.jsx)(GweiLabelTypography_1.GweiLabelTypography, { fontSize: theme.spacing(2) })] })));
+};
+exports.GasPriceBox = GasPriceBox;
+//# sourceMappingURL=GasPriceBox.js.map

package/dist/cjs/components/GasFees/components/GasPriceBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasPriceBox.js","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GasPriceBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAA6D;AAC7D,4DAAwD;AAExD,+DAA2D;AAMpD,MAAM,WAAW,GAA+B,CAAC,EAAsB,EAAE,EAAE;;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC1E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,wBAAC,uBAAO,kBAAC,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAC,KAAK,IAAK,KAAK,eAC9D,uBAAC,2BAAY,kBAAC,UAAU,EAAE,CAAC,EAAE,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,mCAAI,EAAE,gBACxG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,CAAC,CAAC,IACR,EACf,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,KAC3C,CACX,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,WAAW,eAUvB"}

package/dist/cjs/components/GasFees/components/GweiLabelTypography.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GweiLabelTypography = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_shared_1 = require("@xyo-network/react-shared");
+const GweiLabelTypography = (props) => ((0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "caption" }, props, { children: "GWEI" })));
+exports.GweiLabelTypography = GweiLabelTypography;
+//# sourceMappingURL=GweiLabelTypography.js.map

package/dist/cjs/components/GasFees/components/GweiLabelTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GweiLabelTypography.js","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/GweiLabelTypography.tsx"],"names":[],"mappings":";;;;AAAA,4DAA2E;AAEpE,MAAM,mBAAmB,GAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzE,uBAAC,2BAAY,kBAAC,OAAO,EAAC,SAAS,IAAK,KAAK,wBAE1B,CAChB,CAAA;AAJY,QAAA,mBAAmB,uBAI/B"}

package/dist/cjs/components/GasFees/components/PriorityFeeBox.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriorityFeeBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LocalGasStationRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/LocalGasStationRounded"));
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_shared_1 = require("@xyo-network/react-shared");
+const GweiLabelTypography_1 = require("./GweiLabelTypography");
+const PriorityFeeBox = (_a) => {
+    var _b;
+    var { priorityFee, priorityFeeLabel = 'Priority Fee' } = _a, props = tslib_1.__rest(_a, ["priorityFee", "priorityFeeLabel"]);
+    const theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ width: "100%", justifyContent: "space-between", alignItems: "end" }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "start" }, { children: [(0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, { children: priorityFeeLabel }), (0, jsx_runtime_1.jsxs)(react_shared_1.TypographyEx, Object.assign({ title: (_b = priorityFee === null || priorityFee === void 0 ? void 0 : priorityFee.toString()) !== null && _b !== void 0 ? _b : '' }, { children: [priorityFee === null || priorityFee === void 0 ? void 0 : priorityFee.toFixed(2), " ", (0, jsx_runtime_1.jsx)(GweiLabelTypography_1.GweiLabelTypography, { fontSize: theme.spacing(1) })] }))] })), (0, jsx_runtime_1.jsx)(LocalGasStationRounded_1.default, {})] })));
+};
+exports.PriorityFeeBox = PriorityFeeBox;
+//# sourceMappingURL=PriorityFeeBox.js.map

package/dist/cjs/components/GasFees/components/PriorityFeeBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriorityFeeBox.js","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/PriorityFeeBox.tsx"],"names":[],"mappings":";;;;;AAAA,gHAAmF;AACnF,4CAAwC;AACxC,yDAA0E;AAC1E,4DAAwD;AAExD,+DAA2D;AAOpD,MAAM,cAAc,GAAkC,CAAC,EAA4D,EAAE,EAAE;;QAAhE,EAAE,WAAW,EAAE,gBAAgB,GAAG,cAAc,OAAY,EAAP,KAAK,sBAA1D,mCAA4D,CAAF;IACtH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,2BAAW,kBAAC,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,KAAK,IAAK,KAAK,eACjF,wBAAC,uBAAO,kBAAC,UAAU,EAAC,OAAO,iBACzB,uBAAC,2BAAY,cAAE,gBAAgB,GAAgB,EAC/C,wBAAC,2BAAY,kBAAC,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAAE,mCAAI,EAAE,iBAC/C,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC,CAAC,OAAE,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,KAChE,KACP,EACV,uBAAC,gCAA0B,KAAG,KAClB,CACf,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,cAAc,kBAc1B"}

package/dist/cjs/components/GasFees/components/SpeedBox.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpeedBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_shared_1 = require("@xyo-network/react-shared");
+const SpeedBox = (_a) => {
+    var { speed } = _a, props = tslib_1.__rest(_a, ["speed"]);
+    const theme = (0, material_1.useTheme)();
+    return speed ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ fontSize: theme.spacing(3), fontWeight: "200", p: 1 }, { children: speed })) }))) : null;
+};
+exports.SpeedBox = SpeedBox;
+//# sourceMappingURL=SpeedBox.js.map

package/dist/cjs/components/GasFees/components/SpeedBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedBox.js","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/SpeedBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAAiE;AACjE,4DAAwD;AAMjD,MAAM,QAAQ,GAA4B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACjE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,uBAAC,2BAAW,oBAAK,KAAK,cACpB,uBAAC,2BAAY,kBAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAC,KAAK,EAAC,CAAC,EAAE,CAAC,gBAC5D,KAAK,IACO,IACH,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAVY,QAAA,QAAQ,YAUpB"}

package/dist/cjs/components/GasFees/components/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./GasPriceBox"), exports);
+tslib_1.__exportStar(require("./PriorityFeeBox"), exports);
+tslib_1.__exportStar(require("./SpeedBox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/GasFees/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/GasFees/components/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B;AAC7B,2DAAgC;AAChC,qDAA0B"}

package/dist/cjs/components/GasFees/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Card"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/GasFees/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GasFees/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB"}

package/dist/cjs/components/HeaderBox.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceWitnessHeaderBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HeaderComponents_1 = require("./HeaderComponents");
+const layout_1 = require("./layout");
+const GasPriceWitnessHeaderBox = (_a) => {
+    var _b, _c, _d, _e;
+    var { heading, parsedPayload } = _a, props = tslib_1.__rest(_a, ["heading", "parsedPayload"]);
+    return ((0, jsx_runtime_1.jsxs)(layout_1.StyledGasPriceHeaderBox, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(HeaderComponents_1.GasPriceHeaderTypography, { heading: heading }), (0, jsx_runtime_1.jsx)(HeaderComponents_1.GasPriceHeaderActionsBox, { timestamp: parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.timestamp, baseFee: (_b = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.baseFee) === null || _b === void 0 ? void 0 : _b.value, baseFeeLabel: (_c = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.baseFee) === null || _c === void 0 ? void 0 : _c.label, blockNumber: (_d = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.blockNumber) === null || _d === void 0 ? void 0 : _d.value, blockNumberLabel: (_e = parsedPayload === null || parsedPayload === void 0 ? void 0 : parsedPayload.blockNumber) === null || _e === void 0 ? void 0 : _e.label })] })));
+};
+exports.GasPriceWitnessHeaderBox = GasPriceWitnessHeaderBox;
+//# sourceMappingURL=HeaderBox.js.map

package/dist/cjs/components/HeaderBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBox.js","sourceRoot":"","sources":["../../../src/components/HeaderBox.tsx"],"names":[],"mappings":";;;;;AAGA,yDAAuF;AACvF,qCAAkD;AAO3C,MAAM,wBAAwB,GAA4C,CAAC,EAAoC,EAAE,EAAE;;QAAxC,EAAE,OAAO,EAAE,aAAa,OAAY,EAAP,KAAK,sBAAlC,4BAAoC,CAAF;IAClH,OAAO,CACL,wBAAC,gCAAuB,oBAAK,KAAK,eAChC,uBAAC,2CAAwB,IAAC,OAAO,EAAE,OAAO,GAAI,EAC9C,uBAAC,2CAAwB,IACvB,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,EACnC,OAAO,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,KAAK,EACtC,YAAY,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,KAAK,EAC3C,WAAW,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,0CAAE,KAAK,EAC9C,gBAAgB,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,0CAAE,KAAK,GACnD,KACsB,CAC3B,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,wBAAwB,4BAapC"}

package/dist/cjs/components/HeaderComponents/Actions.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceHeaderActionsBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const GasPriceHeaderActionsBox = (_a) => {
+    var { baseFee, baseFeeLabel = 'Base Fee', blockNumber, blockNumberLabel = 'Block Number', timestamp } = _a, props = tslib_1.__rest(_a, ["baseFee", "baseFeeLabel", "blockNumber", "blockNumberLabel", "timestamp"]);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ columnGap: 1, rowGap: 1, flexWrap: "wrap" }, props, { children: [timestamp ? (0, jsx_runtime_1.jsx)(material_1.Chip, { label: new Date(timestamp).toLocaleString() }) : null, baseFee ? (0, jsx_runtime_1.jsx)(material_1.Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null, blockNumber ? (0, jsx_runtime_1.jsx)(material_1.Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null] })));
+};
+exports.GasPriceHeaderActionsBox = GasPriceHeaderActionsBox;
+//# sourceMappingURL=Actions.js.map

package/dist/cjs/components/HeaderComponents/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoC;AACpC,yDAA6D;AAUtD,MAAM,wBAAwB,GAA8C,CAAC,EAOnF,EAAE,EAAE;QAP+E,EAClF,OAAO,EACP,YAAY,GAAG,UAAU,EACzB,WAAW,EACX,gBAAgB,GAAG,cAAc,EACjC,SAAS,OAEV,EADI,KAAK,sBAN0E,2EAOnF,CADS;IAER,OAAO,CACL,wBAAC,uBAAO,kBAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,IAAK,KAAK,eACxD,SAAS,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACxE,OAAO,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,GAAG,YAAY,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChF,WAAW,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,GAAG,gBAAgB,MAAM,WAAW,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,KACrE,CACX,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,wBAAwB,4BAepC"}

package/dist/cjs/components/HeaderComponents/Header/Header.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceHeaderTypography = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const Heading_1 = require("./Heading");
+const GasPriceHeaderTypography = (_a) => {
+    var { heading, children } = _a, props = tslib_1.__rest(_a, ["heading", "children"]);
+    const theme = (0, material_1.useTheme)();
+    const [ethData] = (0, react_shared_1.useGetTokenData)(['eth']);
+    const networkIcon = (0, jsx_runtime_1.jsx)("img", { height: theme.spacing(4), src: ethData.icon });
+    return ((0, jsx_runtime_1.jsx)(Heading_1.GasPriceHeadingTypography, Object.assign({ heading: heading, networkIcon: networkIcon }, props, { children: children })));
+};
+exports.GasPriceHeaderTypography = GasPriceHeaderTypography;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/HeaderComponents/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/Header.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AAExC,4DAA8E;AAE9E,uCAAqD;AAM9C,MAAM,wBAAwB,GAA4C,CAAC,EAA+B,EAAE,EAAE;QAAnC,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7B,uBAA+B,CAAF;IAC7G,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,8BAAe,EAAC,CAAC,KAAK,CAAC,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,gCAAK,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,GAAI,CAAA;IAExE,OAAO,CACL,uBAAC,mCAAyB,kBAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,cAC7E,QAAQ,IACiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,wBAAwB,4BAUpC"}

package/dist/cjs/components/HeaderComponents/Header/Heading.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceHeadingTypography = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const GasPriceHeadingTypography = (_a) => {
+    var { children, heading, networkIcon } = _a, props = tslib_1.__rest(_a, ["children", "heading", "networkIcon"]);
+    const theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_shared_1.TypographyEx, Object.assign({ fontSize: theme.spacing(6), lineHeight: 1 }, props, { children: [heading, " ", networkIcon, " ", children] })));
+};
+exports.GasPriceHeadingTypography = GasPriceHeadingTypography;
+//# sourceMappingURL=Heading.js.map

package/dist/cjs/components/HeaderComponents/Header/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/Heading.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,4DAA2E;AASpE,MAAM,yBAAyB,GAA6C,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,OAAY,EAAP,KAAK,sBAA1C,sCAA4C,CAAF;IAC5H,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,wBAAC,2BAAY,kBAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,IAAM,KAAK,eAC/D,OAAO,OAAG,WAAW,OAAG,QAAQ,KACpB,CAChB,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,yBAAyB,6BAOrC"}

package/dist/cjs/components/HeaderComponents/Header/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Header"), exports);
+tslib_1.__exportStar(require("./Heading"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/HeaderComponents/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/HeaderComponents/Header/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,oDAAyB"}

package/dist/cjs/components/HeaderComponents/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Actions"), exports);
+tslib_1.__exportStar(require("./Header"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/HeaderComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,mDAAwB"}

package/dist/cjs/components/RawPayload/ToggleRawPayloadBox.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleRawPayloadBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const ToggleRawPayloadBox = (_a) => {
+    var { gasPricePayload } = _a, props = tslib_1.__rest(_a, ["gasPricePayload"]);
+    const [collapse, setCollapse] = (0, react_1.useState)(false);
+    return gasPricePayload ? ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ rowGap: 1 }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ color: "secondary", sx: { bgcolor: 'secondary.dark', color: 'white' }, variant: "contained", onClick: () => setCollapse(!collapse) }, { children: "Raw Payload" })), (0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: 4, sx: { p: 2 } }, { children: (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) })) }))] }))) : null;
+};
+exports.ToggleRawPayloadBox = ToggleRawPayloadBox;
+//# sourceMappingURL=ToggleRawPayloadBox.js.map

package/dist/cjs/components/RawPayload/ToggleRawPayloadBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleRawPayloadBox.js","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAA6D;AAC7D,iCAAgC;AAMzB,MAAM,mBAAmB,GAAuC,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,eAAe,OAAY,EAAP,KAAK,sBAA3B,mBAA6B,CAAF;IACjG,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC/C,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,wBAAC,uBAAO,kBAAC,MAAM,EAAE,CAAC,IAAM,KAAK,eAC3B,uBAAC,iBAAM,kBAAC,KAAK,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,iCAE7H,EACT,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,QAAQ,gBACpB,uBAAC,gBAAK,kBAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,gBAC/B,0CAAM,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,IAC/C,IACC,KACH,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAdY,QAAA,mBAAmB,uBAc/B"}

package/dist/cjs/components/RawPayload/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ToggleRawPayloadBox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RawPayload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/RawPayload/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC"}

package/dist/cjs/components/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Avatar"), exports);
+tslib_1.__exportStar(require("./CardHeader"), exports);
+tslib_1.__exportStar(require("./GasFees"), exports);
+tslib_1.__exportStar(require("./HeaderBox"), exports);
+tslib_1.__exportStar(require("./HeaderComponents"), exports);
+tslib_1.__exportStar(require("./layout"), exports);
+tslib_1.__exportStar(require("./RawPayload"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,uDAA4B;AAC5B,oDAAyB;AACzB,sDAA2B;AAC3B,6DAAkC;AAClC,mDAAwB;AACxB,uDAA4B"}

package/dist/cjs/components/layout/Header.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledGasPriceHeaderBox = void 0;
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+exports.StyledGasPriceHeaderBox = (0, material_1.styled)(react_flexbox_1.FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({
+    alignItems: 'end',
+    columnGap: theme.spacing(2),
+    flexWrap: 'wrap',
+    justifyContent: 'space-between',
+    justifyItems: 'space-between',
+    rowGap: theme.spacing(2),
+    width: '100%',
+}));
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/layout/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":";;;AAAA,4CAAsC;AACtC,yDAA+C;AAElC,QAAA,uBAAuB,GAAG,IAAA,iBAAM,EAAC,uBAAO,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5G,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3B,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE,eAAe;IAC/B,YAAY,EAAE,eAAe;IAC7B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA"}

package/dist/cjs/components/layout/StyledCardHeader.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledCardHeader = void 0;
+const material_1 = require("@mui/material");
+exports.StyledCardHeader = (0, material_1.styled)(material_1.CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({
+    flexWrap: 'wrap',
+    rowGap: theme.spacing(2),
+}));
+//# sourceMappingURL=StyledCardHeader.js.map

package/dist/cjs/components/layout/StyledCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCardHeader.js","sourceRoot":"","sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"names":[],"mappings":";;;AAAA,4CAAkD;AAErC,QAAA,gBAAgB,GAAG,IAAA,iBAAM,EAAC,qBAAU,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/F,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC,CAAA"}

package/dist/cjs/components/layout/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Header"), exports);
+tslib_1.__exportStar(require("./StyledCardHeader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,6DAAkC"}

package/dist/cjs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}

package/dist/cjs/types/GasPriceWitnessPayload.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=GasPriceWitnessPayload.js.map

package/dist/cjs/types/GasPriceWitnessPayload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasPriceWitnessPayload.js","sourceRoot":"","sources":["../../../src/types/GasPriceWitnessPayload.ts"],"names":[],"mappings":""}

package/dist/cjs/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./GasPriceWitnessPayload"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,mEAAwC"}