@xyo-network/xl1-react-transaction 1.23.0 → 2.0.0

package/dist/browser/index.mjs

@@ -1,17 +1,16 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/confirmation/components/TransactionStackProgress.tsx
 import { LinearProgress, Stack as Stack3 } from "@mui/material";
 import { isDefined as isDefined7 } from "@xylabs/sdk-js";
-import React3, { useLayoutEffect, useMemo as useMemo2, useRef, useState } from "react";
+import {
+  useLayoutEffect,
+  useMemo as useMemo2,
+  useRef,
+  useState
+} from "react";
 
 // src/confirmation/helpers/BlockFormatters.ts
 import { isDefined } from "@xylabs/sdk-js";
 var BlockFormatters = class {
-  static {
-    __name(this, "BlockFormatters");
-  }
   params;
   constructor(params) {
     this.params = params;
@@ -53,7 +52,7 @@ var BlockFormatters = class {
 
 // src/confirmation/helpers/blockProgressColor.ts
 import { isDefined as isDefined2 } from "@xylabs/sdk-js";
-var blockProgressColor = /* @__PURE__ */ __name((confirmedInBlock, isExpired) => {
+var blockProgressColor = (confirmedInBlock, isExpired) => {
   if (isDefined2(confirmedInBlock)) {
     return "success";
   }
@@ -61,11 +60,11 @@ var blockProgressColor = /* @__PURE__ */ __name((confirmedInBlock, isExpired) =>
     return "error";
   }
   return "primary";
-}, "blockProgressColor");
+};
 
 // src/confirmation/helpers/createFilledRange.ts
 import { isUndefined } from "@xylabs/sdk-js";
-var createFilledRange = /* @__PURE__ */ __name((range) => {
+var createFilledRange = (range) => {
   if (isUndefined(range)) {
     return [];
   }
@@ -79,11 +78,11 @@ var createFilledRange = /* @__PURE__ */ __name((range) => {
     result.push(i);
   }
   return result;
-}, "createFilledRange");
+};
 
 // src/confirmation/helpers/getBlockProgress.ts
 import { isUndefined as isUndefined2, isUndefinedOrNull } from "@xylabs/sdk-js";
-var getBlockProgress = /* @__PURE__ */ __name((currentBlockNumber, currentBlockRef, progressElementRef) => {
+var getBlockProgress = (currentBlockNumber, currentBlockRef, progressElementRef) => {
   if (isUndefined2(currentBlockNumber) || isUndefinedOrNull(currentBlockRef) || isUndefinedOrNull(progressElementRef)) {
     return 0;
   }
@@ -95,47 +94,36 @@ var getBlockProgress = /* @__PURE__ */ __name((currentBlockNumber, currentBlockR
   const relativePosition = currentBlockCenterOffsetLeft - parentOffsetLeft;
   const progress = relativePosition / parentWidth * 100;
   return Math.min(Math.max(progress, 0), 100);
-}, "getBlockProgress");
+};
 
 // src/confirmation/helpers/isCurrentBlockPassedRange.ts
 import { isDefined as isDefined3 } from "@xylabs/sdk-js";
-var isCurrentBlockPassedRange = /* @__PURE__ */ __name((blockRange, currentBlockNumber) => {
+var isCurrentBlockPassedRange = (blockRange, currentBlockNumber) => {
   if (!isDefined3(blockRange) || !isDefined3(currentBlockNumber)) {
     return false;
   }
   const [, end] = blockRange;
   return currentBlockNumber > end;
-}, "isCurrentBlockPassedRange");
+};
 
 // src/confirmation/helpers/passedBlocksInRange.ts
 import { isDefined as isDefined4 } from "@xylabs/sdk-js";
-var passedBlocksInRange = /* @__PURE__ */ __name((range, currentBlockNumber) => {
+var passedBlocksInRange = (range, currentBlockNumber) => {
   if (!isDefined4(currentBlockNumber) || !isDefined4(range)) {
     return [];
   }
   const [start] = range;
   return range.filter((block) => block < currentBlockNumber && block >= start);
-}, "passedBlocksInRange");
+};
 
 // src/confirmation/hooks/useBlockRangeState.ts
 import { isDefined as isDefined5 } from "@xylabs/sdk-js";
 import { useMemo } from "react";
-var useBlockRangeState = /* @__PURE__ */ __name((blockRange, confirmedInBlock, currentBlockNumber) => {
-  const range = useMemo(() => createFilledRange(blockRange), [
-    blockRange
-  ]);
-  const isExpired = useMemo(() => isCurrentBlockPassedRange(blockRange, currentBlockNumber), [
-    blockRange,
-    currentBlockNumber
-  ]);
-  const passedBlocks = useMemo(() => passedBlocksInRange(range, currentBlockNumber), [
-    currentBlockNumber,
-    range
-  ]);
-  const progressColor = useMemo(() => blockProgressColor(confirmedInBlock, isExpired), [
-    confirmedInBlock,
-    isExpired
-  ]);
+var useBlockRangeState = (blockRange, confirmedInBlock, currentBlockNumber) => {
+  const range = useMemo(() => createFilledRange(blockRange), [blockRange]);
+  const isExpired = useMemo(() => isCurrentBlockPassedRange(blockRange, currentBlockNumber), [blockRange, currentBlockNumber]);
+  const passedBlocks = useMemo(() => passedBlocksInRange(range, currentBlockNumber), [currentBlockNumber, range]);
+  const progressColor = useMemo(() => blockProgressColor(confirmedInBlock, isExpired), [confirmedInBlock, isExpired]);
   const isConfirmed = isDefined5(confirmedInBlock);
   return {
     isConfirmed,
@@ -144,82 +132,127 @@ var useBlockRangeState = /* @__PURE__ */ __name((blockRange, confirmedInBlock, c
     progressColor,
     range
   };
-}, "useBlockRangeState");
+};
 
 // src/confirmation/components/support/BlockConfirmationStats.tsx
 import { CheckCircleOutlined } from "@mui/icons-material";
-import { Grow, Stack, Typography } from "@mui/material";
+import {
+  Grow,
+  Stack,
+  Typography
+} from "@mui/material";
 import { isDefined as isDefined6 } from "@xylabs/sdk-js";
-import React from "react";
-var BlockConfirmationStats = /* @__PURE__ */ __name(({ confirmed, currentBlockColor, currentBlockNumberValue, passedBlocks }) => {
-  return /* @__PURE__ */ React.createElement(Stack, null, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "caption",
-    color: currentBlockColor,
-    sx: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: 0.5
-    }
-  }, "Current Block:", " ", currentBlockNumberValue, " ", /* @__PURE__ */ React.createElement(Grow, {
-    in: confirmed
-  }, /* @__PURE__ */ React.createElement(CheckCircleOutlined, {
-    sx: {
-      width: "0.8em",
-      height: "0.8em"
-    },
-    color: "success"
-  }))), /* @__PURE__ */ React.createElement(Typography, {
-    variant: "caption",
-    sx: {
-      color: "warning.light",
-      opacity: 0.75
-    }
-  }, "Passed Blocks:", " ", isDefined6(passedBlocks) && passedBlocks.length > 0 ? passedBlocks.map((block) => new Intl.NumberFormat().format(block)).join(", ") : "N/A"));
-}, "BlockConfirmationStats");
+import { jsx, jsxs } from "react/jsx-runtime";
+var BlockConfirmationStats = ({
+  confirmed,
+  currentBlockColor,
+  currentBlockNumberValue,
+  passedBlocks
+}) => {
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsxs(
+      Typography,
+      {
+        variant: "caption",
+        color: currentBlockColor,
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 0.5
+        },
+        children: [
+          "Current Block:",
+          " ",
+          currentBlockNumberValue,
+          " ",
+          /* @__PURE__ */ jsx(Grow, { in: confirmed, children: /* @__PURE__ */ jsx(CheckCircleOutlined, { sx: { width: "0.8em", height: "0.8em" }, color: "success" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Typography,
+      {
+        variant: "caption",
+        sx: {
+          color: "warning.light",
+          opacity: 0.75
+        },
+        children: [
+          "Passed Blocks:",
+          " ",
+          isDefined6(passedBlocks) && passedBlocks.length > 0 ? passedBlocks.map((block) => new Intl.NumberFormat().format(block)).join(", ") : "N/A"
+        ]
+      }
+    )
+  ] });
+};
 
 // src/confirmation/components/support/BlockRangeEntryStack.tsx
-import { Box, Stack as Stack2, styled, Tooltip, Typography as Typography2 } from "@mui/material";
-import React2 from "react";
-var BlockRangeEntryStack = /* @__PURE__ */ __name(({ block, blockColor, blockStatus, formattedBlockNumber, updateBlockPositionRefs, sx, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(Stack2, {
-    ref: /* @__PURE__ */ __name((ref) => {
-      if (updateBlockPositionRefs) updateBlockPositionRefs(block, ref);
-    }, "ref"),
-    key: block,
-    sx: {
-      position: "relative",
-      ...sx
+import {
+  Box,
+  Stack as Stack2,
+  styled,
+  Tooltip,
+  Typography as Typography2
+} from "@mui/material";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var BlockRangeEntryStack = ({
+  block,
+  blockColor,
+  blockStatus,
+  formattedBlockNumber,
+  updateBlockPositionRefs,
+  sx,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs2(
+    Stack2,
+    {
+      ref: (ref) => {
+        if (updateBlockPositionRefs) updateBlockPositionRefs(block, ref);
+      },
+      sx: { position: "relative", ...sx },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(
+          Box,
+          {
+            component: "span",
+            sx: {
+              display: "flex",
+              position: "relative",
+              width: "100%",
+              height: 5
+            },
+            children: /* @__PURE__ */ jsx2(StyledBlockNumberIndicator, { component: "span", sx: { backgroundColor: blockColor } })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Tooltip,
+          {
+            title: `Block: ${new Intl.NumberFormat().format(block)} (${blockStatus})`,
+            placement: "top",
+            arrow: true,
+            children: /* @__PURE__ */ jsx2(
+              Typography2,
+              {
+                variant: "caption",
+                sx: {
+                  color: blockColor,
+                  cursor: "pointer",
+                  opacity: blockStatus === "missed" ? 0.75 : 1
+                },
+                children: formattedBlockNumber
+              }
+            )
+          }
+        )
+      ]
     },
-    ...props
-  }, /* @__PURE__ */ React2.createElement(Box, {
-    component: "span",
-    sx: {
-      display: "flex",
-      position: "relative",
-      width: "100%",
-      height: 5
-    }
-  }, /* @__PURE__ */ React2.createElement(StyledBlockNumberIndicator, {
-    component: "span",
-    sx: {
-      backgroundColor: blockColor
-    }
-  })), /* @__PURE__ */ React2.createElement(Tooltip, {
-    title: `Block: ${new Intl.NumberFormat().format(block)} (${blockStatus})`,
-    placement: "top",
-    arrow: true
-  }, /* @__PURE__ */ React2.createElement(Typography2, {
-    variant: "caption",
-    sx: {
-      color: blockColor,
-      cursor: "pointer",
-      opacity: blockStatus === "missed" ? 0.75 : 1
-    }
-  }, formattedBlockNumber)));
-}, "BlockRangeEntryStack");
-var StyledBlockNumberIndicator = styled(Box, {
-  name: "StyledBlockNumberIndicator"
-})(({ theme }) => {
+    block
+  );
+};
+var StyledBlockNumberIndicator = styled(Box, { name: "StyledBlockNumberIndicator" })(({ theme }) => {
   return theme.unstable_sx({
     position: "absolute",
     left: "calc(50% - 1px)",
@@ -231,20 +264,26 @@ var StyledBlockNumberIndicator = styled(Box, {
 });
 
 // src/confirmation/components/TransactionStackProgress.tsx
-var TransactionStackProgress = /* @__PURE__ */ __name(({ blockRange, confirmedInBlock, currentBlockNumber, ...props }) => {
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var TransactionStackProgress = ({
+  blockRange,
+  confirmedInBlock,
+  currentBlockNumber,
+  ...props
+}) => {
   const blockPositionsRef = useRef({});
-  const updateBlockPositionRefs = /* @__PURE__ */ __name((blockNumber, ref) => {
+  const updateBlockPositionRefs = (blockNumber, ref) => {
     blockPositionsRef.current[blockNumber] = ref;
-  }, "updateBlockPositionRefs");
+  };
   const progressElementRef = useRef(null);
-  const { passedBlocks, progressColor, range, isConfirmed, isExpired } = useBlockRangeState(blockRange, confirmedInBlock, currentBlockNumber);
-  const blockFormatters = useMemo2(() => new BlockFormatters({
-    confirmedInBlock,
-    currentBlockNumber
-  }), [
-    confirmedInBlock,
-    currentBlockNumber
-  ]);
+  const {
+    passedBlocks,
+    progressColor,
+    range,
+    isConfirmed,
+    isExpired
+  } = useBlockRangeState(blockRange, confirmedInBlock, currentBlockNumber);
+  const blockFormatters = useMemo2(() => new BlockFormatters({ confirmedInBlock, currentBlockNumber }), [confirmedInBlock, currentBlockNumber]);
   const [progressValue, setProgressValue] = useState(0);
   useLayoutEffect(() => {
     if (isDefined7(currentBlockNumber) && isDefined7(confirmedInBlock) && currentBlockNumber > confirmedInBlock) {
@@ -252,48 +291,59 @@ var TransactionStackProgress = /* @__PURE__ */ __name(({ blockRange, confirmedIn
     }
     const currentBlockNumberElement = isDefined7(currentBlockNumber) ? blockPositionsRef.current[currentBlockNumber] : null;
     const progressElement = progressElementRef.current;
-    setProgressValue(getBlockProgress(currentBlockNumber, currentBlockNumberElement, progressElement));
-  }, [
-    confirmedInBlock,
-    currentBlockNumber
-  ]);
-  return /* @__PURE__ */ React3.createElement(Stack3, {
-    direction: "row",
-    ...props
-  }, /* @__PURE__ */ React3.createElement(Stack3, {
-    sx: {
-      width: "100%",
-      gap: 1
-    }
-  }, /* @__PURE__ */ React3.createElement(Stack3, null, /* @__PURE__ */ React3.createElement(LinearProgress, {
-    ref: progressElementRef,
-    variant: "determinate",
-    value: isExpired ? 100 : progressValue,
-    color: progressColor
-  }), /* @__PURE__ */ React3.createElement(Stack3, {
-    direction: "row",
-    sx: {
-      justifyContent: "space-between"
+    setProgressValue(getBlockProgress(
+      currentBlockNumber,
+      currentBlockNumberElement,
+      progressElement
+    ));
+  }, [confirmedInBlock, currentBlockNumber]);
+  return /* @__PURE__ */ jsx3(Stack3, { direction: "row", ...props, children: /* @__PURE__ */ jsxs3(
+    Stack3,
+    {
+      sx: {
+        width: "100%",
+        gap: 1
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(Stack3, { children: [
+          /* @__PURE__ */ jsx3(LinearProgress, { ref: progressElementRef, variant: "determinate", value: isExpired ? 100 : progressValue, color: progressColor }),
+          /* @__PURE__ */ jsx3(
+            Stack3,
+            {
+              direction: "row",
+              sx: { justifyContent: "space-between" },
+              children: range.map((block) => {
+                const blockColor = blockFormatters.color(block);
+                const blockStatus = blockFormatters.confirmationStatus(block);
+                const formattedBlockNumber = blockFormatters.formatNumber(block);
+                return /* @__PURE__ */ jsx3(
+                  BlockRangeEntryStack,
+                  {
+                    block,
+                    blockColor,
+                    blockStatus,
+                    formattedBlockNumber,
+                    updateBlockPositionRefs
+                  },
+                  block
+                );
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3(
+          BlockConfirmationStats,
+          {
+            confirmed: isConfirmed,
+            currentBlockColor: isDefined7(currentBlockNumber) ? blockFormatters.color(currentBlockNumber) : "text.secondary",
+            currentBlockNumberValue: isDefined7(currentBlockNumber) ? new Intl.NumberFormat().format(currentBlockNumber) : "N/A",
+            passedBlocks
+          }
+        )
+      ]
     }
-  }, range.map((block) => {
-    const blockColor = blockFormatters.color(block);
-    const blockStatus = blockFormatters.confirmationStatus(block);
-    const formattedBlockNumber = blockFormatters.formatNumber(block);
-    return /* @__PURE__ */ React3.createElement(BlockRangeEntryStack, {
-      key: block,
-      block,
-      blockColor,
-      blockStatus,
-      formattedBlockNumber,
-      updateBlockPositionRefs
-    });
-  }))), /* @__PURE__ */ React3.createElement(BlockConfirmationStats, {
-    confirmed: isConfirmed,
-    currentBlockColor: isDefined7(currentBlockNumber) ? blockFormatters.color(currentBlockNumber) : "text.secondary",
-    currentBlockNumberValue: isDefined7(currentBlockNumber) ? new Intl.NumberFormat().format(currentBlockNumber) : "N/A",
-    passedBlocks
-  })));
-}, "TransactionStackProgress");
+  ) });
+};
 export {
   BlockFormatters,
   TransactionStackProgress,
@@ -304,4 +354,4 @@ export {
   passedBlocksInRange,
   useBlockRangeState
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../src/confirmation/components/TransactionStackProgress.tsx","../../src/confirmation/helpers/BlockFormatters.ts","../../src/confirmation/helpers/blockProgressColor.ts","../../src/confirmation/helpers/createFilledRange.ts","../../src/confirmation/helpers/getBlockProgress.ts","../../src/confirmation/helpers/isCurrentBlockPassedRange.ts","../../src/confirmation/helpers/passedBlocksInRange.ts","../../src/confirmation/hooks/useBlockRangeState.ts","../../src/confirmation/components/support/BlockConfirmationStats.tsx","../../src/confirmation/components/support/BlockRangeEntryStack.tsx"],"sourcesContent":["import type { StackProps } from '@mui/material'\nimport { LinearProgress, Stack } from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { type BlockRange } from '@xyo-network/xl1-sdk'\nimport React, {\n  useLayoutEffect,\n  useMemo,\n  useRef, useState,\n} from 'react'\n\nimport { BlockFormatters, getBlockProgress } from '../helpers/index.ts'\nimport { useBlockRangeState } from '../hooks/index.ts'\nimport { BlockConfirmationStats, BlockRangeEntryStack } from './support/index.ts'\n\nexport interface TransactionStackProgressProps extends StackProps {\n  blockRange?: BlockRange\n  confirmedInBlock?: number\n  currentBlockNumber?: number\n}\n\nexport const TransactionStackProgress: React.FC<TransactionStackProgressProps> = ({\n  blockRange, confirmedInBlock, currentBlockNumber, ...props\n}) => {\n  const blockPositionsRef = useRef<Record<number, HTMLSpanElement | null>>({})\n  const updateBlockPositionRefs = (blockNumber: number, ref: HTMLSpanElement | null) => {\n    blockPositionsRef.current[blockNumber] = ref\n  }\n\n  const progressElementRef = useRef<HTMLDivElement | null>(null)\n\n  const {\n    passedBlocks, progressColor, range, isConfirmed, isExpired,\n  } = useBlockRangeState(blockRange, confirmedInBlock, currentBlockNumber)\n\n  const blockFormatters = useMemo(() => new BlockFormatters({ confirmedInBlock, currentBlockNumber }), [confirmedInBlock, currentBlockNumber])\n\n  const [progressValue, setProgressValue] = useState(0)\n\n  useLayoutEffect(() => {\n    // prevent updates if the current block is past the confirmed block\n    if (isDefined(currentBlockNumber) && isDefined(confirmedInBlock) && currentBlockNumber > confirmedInBlock) {\n      return\n    }\n    const currentBlockNumberElement = isDefined(currentBlockNumber) ? blockPositionsRef.current[currentBlockNumber] : null\n    const progressElement = progressElementRef.current\n    // since we are relying on htmlElements, we have to use layout effect\n    setProgressValue(getBlockProgress(\n      currentBlockNumber,\n      currentBlockNumberElement,\n      progressElement,\n    ))\n  }, [confirmedInBlock, currentBlockNumber])\n\n  return (\n    <Stack direction=\"row\" {...props}>\n      <Stack\n        sx={{\n          width: '100%',\n          gap: 1,\n        }}\n      >\n        <Stack>\n          <LinearProgress ref={progressElementRef} variant=\"determinate\" value={isExpired ? 100 : progressValue} color={progressColor} />\n          <Stack\n            direction=\"row\"\n            sx={{ justifyContent: 'space-between' }}\n          >\n            {range.map((block) => {\n              const blockColor = blockFormatters.color(block)\n              const blockStatus = blockFormatters.confirmationStatus(block)\n              const formattedBlockNumber = blockFormatters.formatNumber(block)\n              return (\n                <BlockRangeEntryStack\n                  key={block}\n                  block={block}\n                  blockColor={blockColor}\n                  blockStatus={blockStatus}\n                  formattedBlockNumber={formattedBlockNumber}\n                  updateBlockPositionRefs={updateBlockPositionRefs}\n                />\n              )\n            })}\n          </Stack>\n        </Stack>\n        <BlockConfirmationStats\n          confirmed={isConfirmed}\n          currentBlockColor={isDefined(currentBlockNumber) ? blockFormatters.color(currentBlockNumber) : 'text.secondary'}\n          currentBlockNumberValue={isDefined(currentBlockNumber) ? new Intl.NumberFormat().format(currentBlockNumber) : 'N/A'}\n          passedBlocks={passedBlocks}\n        />\n      </Stack>\n    </Stack>\n  )\n}\n","import { isDefined } from '@xylabs/sdk-js'\n\nexport type BlockConfirmationStatus = 'confirmed' | 'missed' | 'pending'\n\ninterface BlockFormattersParams {\n  confirmedInBlock: number | undefined\n  currentBlockNumber: number | undefined\n}\n\nexport class BlockFormatters {\n  private readonly params: BlockFormattersParams\n\n  constructor(params: BlockFormattersParams) {\n    this.params = params\n  }\n\n  color(blockNumber: number): string {\n    const { currentBlockNumber, confirmedInBlock } = this.params\n    if (blockNumber === currentBlockNumber) {\n      return isDefined(confirmedInBlock) && confirmedInBlock === blockNumber ? 'success.dark' : 'text'\n    }\n    const status = this.confirmationStatus(blockNumber)\n    switch (status) {\n      case 'confirmed': {\n        return 'success.dark'\n      }\n      case 'missed': {\n        return 'warning.light'\n      }\n      case 'pending': {\n        return 'text.secondary'\n      }\n      default: {\n        return 'text.secondary'\n      }\n    }\n  }\n\n  confirmationStatus(blockNumber: number): BlockConfirmationStatus | undefined {\n    const { currentBlockNumber, confirmedInBlock } = this.params\n    if (isDefined(currentBlockNumber)) {\n      if (isDefined(confirmedInBlock) && blockNumber === confirmedInBlock) {\n        return 'confirmed'\n      }\n      return currentBlockNumber > blockNumber ? 'missed' : 'pending'\n    }\n  }\n\n  formatNumber(blockNumber: number) {\n    return blockNumber.toString().length <= 5 ? new Intl.NumberFormat().format(blockNumber) : `${blockNumber.toString().slice(-2)}`\n  }\n}\n","import type { LinearProgressProps } from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\n\nexport const blockProgressColor = (\n  confirmedInBlock: number | undefined,\n  isExpired: boolean | undefined,\n): LinearProgressProps['color'] => {\n  if (isDefined(confirmedInBlock)) {\n    return 'success'\n  }\n  if (isExpired) {\n    return 'error'\n  }\n  return 'primary'\n}\n","import { isUndefined } from '@xylabs/sdk-js'\n\nexport const createFilledRange = (range?: [number, number]): number[] => {\n  if (isUndefined(range)) {\n    return []\n  }\n  const [start, end] = range\n  if (end < start) {\n    console.warn('Invalid range: end is less than start')\n    return []\n  }\n\n  const result: number[] = []\n\n  for (let i = start; i <= end; i++) {\n    result.push(i)\n  }\n\n  return result\n}\n","import { isUndefined, isUndefinedOrNull } from '@xylabs/sdk-js'\n\nexport const getBlockProgress = (\n  currentBlockNumber: number | undefined,\n  currentBlockRef: HTMLSpanElement | null,\n  progressElementRef: HTMLDivElement | null,\n) => {\n  if (isUndefined(currentBlockNumber) || isUndefinedOrNull(currentBlockRef) || isUndefinedOrNull(progressElementRef)) {\n    return 0\n  }\n\n  const currentBlockOffsetLeft = currentBlockRef.offsetLeft\n  const currentBlockOffsetWidth = currentBlockRef.clientWidth / 2\n  const currentBlockCenterOffsetLeft = currentBlockOffsetLeft + currentBlockOffsetWidth\n  const parentOffsetLeft = progressElementRef.offsetLeft\n  const parentWidth = progressElementRef.clientWidth\n\n  const relativePosition = currentBlockCenterOffsetLeft - parentOffsetLeft\n  const progress = (relativePosition / parentWidth) * 100\n\n  return Math.min(Math.max(progress, 0), 100)\n}\n","import { isDefined } from '@xylabs/sdk-js'\nimport type { BlockRange } from '@xyo-network/xl1-sdk'\n\nexport const isCurrentBlockPassedRange = (\n  blockRange: BlockRange | undefined,\n  currentBlockNumber: number | undefined,\n) => {\n  if (!isDefined(blockRange) || !isDefined(currentBlockNumber)) {\n    return false\n  }\n  const [, end] = blockRange\n  return currentBlockNumber > end\n}\n","import { isDefined } from '@xylabs/sdk-js'\n\nexport const passedBlocksInRange = (\n  range: number[] | undefined,\n  currentBlockNumber: number | undefined,\n) => {\n  if (!isDefined(currentBlockNumber) || !isDefined(range)) {\n    return []\n  }\n  const [start] = range\n  return range.filter(block => block < currentBlockNumber && block >= start)\n}\n","import type { LinearProgressProps } from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type { BlockRange } from '@xyo-network/xl1-sdk'\nimport { useMemo } from 'react'\n\nimport {\n  blockProgressColor, createFilledRange, isCurrentBlockPassedRange, passedBlocksInRange,\n} from '../helpers/index.ts'\n\ninterface BlockRangeState {\n  isConfirmed: boolean\n  isExpired: boolean\n  passedBlocks: number[]\n  progressColor: LinearProgressProps['color']\n  range: number[]\n}\n\nexport const useBlockRangeState = (\n  blockRange: BlockRange | undefined,\n  confirmedInBlock: number | undefined,\n  currentBlockNumber?: number | undefined,\n): BlockRangeState => {\n  const range = useMemo(() => createFilledRange((blockRange)), [blockRange])\n\n  const isExpired = useMemo(() => isCurrentBlockPassedRange(blockRange, currentBlockNumber), [blockRange, currentBlockNumber])\n\n  const passedBlocks = useMemo(() => passedBlocksInRange(range, currentBlockNumber), [currentBlockNumber, range])\n\n  const progressColor = useMemo(() => blockProgressColor(confirmedInBlock, isExpired), [confirmedInBlock, isExpired])\n\n  const isConfirmed = isDefined(confirmedInBlock)\n\n  return {\n    isConfirmed, isExpired, passedBlocks, progressColor, range,\n  }\n}\n","import { CheckCircleOutlined } from '@mui/icons-material'\nimport {\n  Grow, Stack, Typography,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport React from 'react'\n\nexport interface BlockConfirmationStatsProps {\n  confirmed?: boolean\n  currentBlockColor?: string\n  currentBlockNumberValue?: string\n  passedBlocks?: number[]\n}\n\nexport const BlockConfirmationStats: React.FC<BlockConfirmationStatsProps> = ({\n  confirmed, currentBlockColor, currentBlockNumberValue, passedBlocks,\n}) => {\n  return (\n    <Stack>\n      <Typography\n        variant=\"caption\"\n        color={currentBlockColor}\n        sx={{\n          display: 'inline-flex', alignItems: 'center', gap: 0.5,\n        }}\n      >\n        Current Block:\n        {' '}\n        {currentBlockNumberValue}\n        {' '}\n        <Grow in={confirmed}>\n          <CheckCircleOutlined sx={{ width: '0.8em', height: '0.8em' }} color=\"success\" />\n        </Grow>\n      </Typography>\n      <Typography\n        variant=\"caption\"\n        sx={{\n          color: 'warning.light',\n          opacity: 0.75,\n        }}\n      >\n        Passed Blocks:\n        {' '}\n        {isDefined(passedBlocks) && passedBlocks.length > 0 ? passedBlocks.map(block => new Intl.NumberFormat().format(block)).join(', ') : 'N/A'}\n      </Typography>\n    </Stack>\n  )\n}\n","import type { BoxProps, StackProps } from '@mui/material'\nimport {\n  Box, Stack, styled, Tooltip, Typography,\n} from '@mui/material'\nimport React from 'react'\n\nimport type { BlockConfirmationStatus } from '../../helpers/index.ts'\n\nexport interface BlockRangeEntryStackProps extends StackProps {\n  block: number\n  blockColor: string\n  blockStatus: BlockConfirmationStatus | undefined\n  formattedBlockNumber: string\n  updateBlockPositionRefs?: (blockNumber: number, ref: HTMLSpanElement | null) => void\n}\n\nexport const BlockRangeEntryStack: React.FC<BlockRangeEntryStackProps> = ({\n  block, blockColor, blockStatus, formattedBlockNumber, updateBlockPositionRefs, sx, ...props\n}) => {\n  return (\n    <Stack\n      ref={(ref) => { if (updateBlockPositionRefs) updateBlockPositionRefs(block, ref) }}\n      key={block}\n      sx={{ position: 'relative', ...sx }}\n      {...props}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'flex', position: 'relative', width: '100%', height: 5,\n        }}\n      >\n        <StyledBlockNumberIndicator component=\"span\" sx={{ backgroundColor: blockColor }} />\n      </Box>\n      <Tooltip\n        title={`Block: ${new Intl.NumberFormat().format(block)} (${blockStatus})`}\n        placement=\"top\"\n        arrow\n      >\n        <Typography\n          variant=\"caption\"\n          sx={{\n            color: blockColor,\n            cursor: 'pointer',\n            opacity: blockStatus === 'missed' ? 0.75 : 1,\n          }}\n        >\n          {formattedBlockNumber}\n        </Typography>\n      </Tooltip>\n    </Stack>\n  )\n}\n\nconst StyledBlockNumberIndicator = styled(Box, { name: 'StyledBlockNumberIndicator' })<BoxProps>(({ theme }) => {\n  return theme.unstable_sx({\n    position: 'absolute',\n    left: 'calc(50% - 1px)',\n    transform: 'calc(translateX(-50%) - 1px)',\n    height: 3,\n    width: '1px',\n    backgroundColor: 'primary.main',\n  })\n})\n"],"mappings":";;;;AACA,SAASA,gBAAgBC,SAAAA,cAAa;AACtC,SAASC,aAAAA,kBAAiB;AAE1B,OAAOC,UACLC,iBACAC,WAAAA,UACAC,QAAQC,gBACH;;;ACRP,SAASC,iBAAiB;AASnB,IAAMC,kBAAN,MAAMA;EATb,OASaA;;;EACMC;EAEjB,YAAYA,QAA+B;AACzC,SAAKA,SAASA;EAChB;EAEAC,MAAMC,aAA6B;AACjC,UAAM,EAAEC,oBAAoBC,iBAAgB,IAAK,KAAKJ;AACtD,QAAIE,gBAAgBC,oBAAoB;AACtC,aAAOE,UAAUD,gBAAAA,KAAqBA,qBAAqBF,cAAc,iBAAiB;IAC5F;AACA,UAAMI,SAAS,KAAKC,mBAAmBL,WAAAA;AACvC,YAAQI,QAAAA;MACN,KAAK,aAAa;AAChB,eAAO;MACT;MACA,KAAK,UAAU;AACb,eAAO;MACT;MACA,KAAK,WAAW;AACd,eAAO;MACT;MACA,SAAS;AACP,eAAO;MACT;IACF;EACF;EAEAC,mBAAmBL,aAA0D;AAC3E,UAAM,EAAEC,oBAAoBC,iBAAgB,IAAK,KAAKJ;AACtD,QAAIK,UAAUF,kBAAAA,GAAqB;AACjC,UAAIE,UAAUD,gBAAAA,KAAqBF,gBAAgBE,kBAAkB;AACnE,eAAO;MACT;AACA,aAAOD,qBAAqBD,cAAc,WAAW;IACvD;EACF;EAEAM,aAAaN,aAAqB;AAChC,WAAOA,YAAYO,SAAQ,EAAGC,UAAU,IAAI,IAAIC,KAAKC,aAAY,EAAGC,OAAOX,WAAAA,IAAe,GAAGA,YAAYO,SAAQ,EAAGK,MAAM,EAAC,CAAA;EAC7H;AACF;;;AClDA,SAASC,aAAAA,kBAAiB;AAEnB,IAAMC,qBAAqB,wBAChCC,kBACAC,cAAAA;AAEA,MAAIC,WAAUF,gBAAAA,GAAmB;AAC/B,WAAO;EACT;AACA,MAAIC,WAAW;AACb,WAAO;EACT;AACA,SAAO;AACT,GAXkC;;;ACHlC,SAASE,mBAAmB;AAErB,IAAMC,oBAAoB,wBAACC,UAAAA;AAChC,MAAIC,YAAYD,KAAAA,GAAQ;AACtB,WAAO,CAAA;EACT;AACA,QAAM,CAACE,OAAOC,GAAAA,IAAOH;AACrB,MAAIG,MAAMD,OAAO;AACfE,YAAQC,KAAK,uCAAA;AACb,WAAO,CAAA;EACT;AAEA,QAAMC,SAAmB,CAAA;AAEzB,WAASC,IAAIL,OAAOK,KAAKJ,KAAKI,KAAK;AACjCD,WAAOE,KAAKD,CAAAA;EACd;AAEA,SAAOD;AACT,GAjBiC;;;ACFjC,SAASG,eAAAA,cAAaC,yBAAyB;AAExC,IAAMC,mBAAmB,wBAC9BC,oBACAC,iBACAC,uBAAAA;AAEA,MAAIC,aAAYH,kBAAAA,KAAuBI,kBAAkBH,eAAAA,KAAoBG,kBAAkBF,kBAAAA,GAAqB;AAClH,WAAO;EACT;AAEA,QAAMG,yBAAyBJ,gBAAgBK;AAC/C,QAAMC,0BAA0BN,gBAAgBO,cAAc;AAC9D,QAAMC,+BAA+BJ,yBAAyBE;AAC9D,QAAMG,mBAAmBR,mBAAmBI;AAC5C,QAAMK,cAAcT,mBAAmBM;AAEvC,QAAMI,mBAAmBH,+BAA+BC;AACxD,QAAMG,WAAYD,mBAAmBD,cAAe;AAEpD,SAAOG,KAAKC,IAAID,KAAKE,IAAIH,UAAU,CAAA,GAAI,GAAA;AACzC,GAnBgC;;;ACFhC,SAASI,aAAAA,kBAAiB;AAGnB,IAAMC,4BAA4B,wBACvCC,YACAC,uBAAAA;AAEA,MAAI,CAACC,WAAUF,UAAAA,KAAe,CAACE,WAAUD,kBAAAA,GAAqB;AAC5D,WAAO;EACT;AACA,QAAM,CAAA,EAAGE,GAAAA,IAAOH;AAChB,SAAOC,qBAAqBE;AAC9B,GATyC;;;ACHzC,SAASC,aAAAA,kBAAiB;AAEnB,IAAMC,sBAAsB,wBACjCC,OACAC,uBAAAA;AAEA,MAAI,CAACC,WAAUD,kBAAAA,KAAuB,CAACC,WAAUF,KAAAA,GAAQ;AACvD,WAAO,CAAA;EACT;AACA,QAAM,CAACG,KAAAA,IAASH;AAChB,SAAOA,MAAMI,OAAOC,CAAAA,UAASA,QAAQJ,sBAAsBI,SAASF,KAAAA;AACtE,GATmC;;;ACDnC,SAASG,aAAAA,kBAAiB;AAE1B,SAASC,eAAe;AAcjB,IAAMC,qBAAqB,wBAChCC,YACAC,kBACAC,uBAAAA;AAEA,QAAMC,QAAQC,QAAQ,MAAMC,kBAAmBL,UAAAA,GAAc;IAACA;GAAW;AAEzE,QAAMM,YAAYF,QAAQ,MAAMG,0BAA0BP,YAAYE,kBAAAA,GAAqB;IAACF;IAAYE;GAAmB;AAE3H,QAAMM,eAAeJ,QAAQ,MAAMK,oBAAoBN,OAAOD,kBAAAA,GAAqB;IAACA;IAAoBC;GAAM;AAE9G,QAAMO,gBAAgBN,QAAQ,MAAMO,mBAAmBV,kBAAkBK,SAAAA,GAAY;IAACL;IAAkBK;GAAU;AAElH,QAAMM,cAAcC,WAAUZ,gBAAAA;AAE9B,SAAO;IACLW;IAAaN;IAAWE;IAAcE;IAAeP;EACvD;AACF,GAlBkC;;;ACjBlC,SAASW,2BAA2B;AACpC,SACEC,MAAMC,OAAOC,kBACR;AACP,SAASC,aAAAA,kBAAiB;AAC1B,OAAOC,WAAW;AASX,IAAMC,yBAAgE,wBAAC,EAC5EC,WAAWC,mBAAmBC,yBAAyBC,aAAY,MACpE;AACC,SACE,sBAAA,cAACC,OAAAA,MACC,sBAAA,cAACC,YAAAA;IACCC,SAAQ;IACRC,OAAON;IACPO,IAAI;MACFC,SAAS;MAAeC,YAAY;MAAUC,KAAK;IACrD;KACD,kBAEE,KACAT,yBACA,KACD,sBAAA,cAACU,MAAAA;IAAKC,IAAIb;KACR,sBAAA,cAACc,qBAAAA;IAAoBN,IAAI;MAAEO,OAAO;MAASC,QAAQ;IAAQ;IAAGT,OAAM;QAGxE,sBAAA,cAACF,YAAAA;IACCC,SAAQ;IACRE,IAAI;MACFD,OAAO;MACPU,SAAS;IACX;KACD,kBAEE,KACAC,WAAUf,YAAAA,KAAiBA,aAAagB,SAAS,IAAIhB,aAAaiB,IAAIC,CAAAA,UAAS,IAAIC,KAAKC,aAAY,EAAGC,OAAOH,KAAAA,CAAAA,EAAQI,KAAK,IAAA,IAAQ,KAAA,CAAA;AAI5I,GAjC6E;;;ACb7E,SACEC,KAAKC,SAAAA,QAAOC,QAAQC,SAASC,cAAAA,mBACxB;AACP,OAAOC,YAAW;AAYX,IAAMC,uBAA4D,wBAAC,EACxEC,OAAOC,YAAYC,aAAaC,sBAAsBC,yBAAyBC,IAAI,GAAGC,MAAAA,MACvF;AACC,SACE,gBAAAC,OAAA,cAACC,QAAAA;IACCC,KAAK,wBAACA,QAAAA;AAAU,UAAIL,wBAAyBA,yBAAwBJ,OAAOS,GAAAA;IAAK,GAA5E;IACLC,KAAKV;IACLK,IAAI;MAAEM,UAAU;MAAY,GAAGN;IAAG;IACjC,GAAGC;KAEJ,gBAAAC,OAAA,cAACK,KAAAA;IACCC,WAAU;IACVR,IAAI;MACFS,SAAS;MAAQH,UAAU;MAAYI,OAAO;MAAQC,QAAQ;IAChE;KAEA,gBAAAT,OAAA,cAACU,4BAAAA;IAA2BJ,WAAU;IAAOR,IAAI;MAAEa,iBAAiBjB;IAAW;OAEjF,gBAAAM,OAAA,cAACY,SAAAA;IACCC,OAAO,UAAU,IAAIC,KAAKC,aAAY,EAAGC,OAAOvB,KAAAA,CAAAA,KAAWE,WAAAA;IAC3DsB,WAAU;IACVC,OAAAA;KAEA,gBAAAlB,OAAA,cAACmB,aAAAA;IACCC,SAAQ;IACRtB,IAAI;MACFuB,OAAO3B;MACP4B,QAAQ;MACRC,SAAS5B,gBAAgB,WAAW,OAAO;IAC7C;KAECC,oBAAAA,CAAAA,CAAAA;AAKX,GApCyE;AAsCzE,IAAMc,6BAA6Bc,OAAOnB,KAAK;EAAEoB,MAAM;AAA6B,CAAA,EAAa,CAAC,EAAEC,MAAK,MAAE;AACzG,SAAOA,MAAMC,YAAY;IACvBvB,UAAU;IACVwB,MAAM;IACNC,WAAW;IACXpB,QAAQ;IACRD,OAAO;IACPG,iBAAiB;EACnB,CAAA;AACF,CAAA;;;AT3CO,IAAMmB,2BAAoE,wBAAC,EAChFC,YAAYC,kBAAkBC,oBAAoB,GAAGC,MAAAA,MACtD;AACC,QAAMC,oBAAoBC,OAA+C,CAAC,CAAA;AAC1E,QAAMC,0BAA0B,wBAACC,aAAqBC,QAAAA;AACpDJ,sBAAkBK,QAAQF,WAAAA,IAAeC;EAC3C,GAFgC;AAIhC,QAAME,qBAAqBL,OAA8B,IAAA;AAEzD,QAAM,EACJM,cAAcC,eAAeC,OAAOC,aAAaC,UAAS,IACxDC,mBAAmBhB,YAAYC,kBAAkBC,kBAAAA;AAErD,QAAMe,kBAAkBC,SAAQ,MAAM,IAAIC,gBAAgB;IAAElB;IAAkBC;EAAmB,CAAA,GAAI;IAACD;IAAkBC;GAAmB;AAE3I,QAAM,CAACkB,eAAeC,gBAAAA,IAAoBC,SAAS,CAAA;AAEnDC,kBAAgB,MAAA;AAEd,QAAIC,WAAUtB,kBAAAA,KAAuBsB,WAAUvB,gBAAAA,KAAqBC,qBAAqBD,kBAAkB;AACzG;IACF;AACA,UAAMwB,4BAA4BD,WAAUtB,kBAAAA,IAAsBE,kBAAkBK,QAAQP,kBAAAA,IAAsB;AAClH,UAAMwB,kBAAkBhB,mBAAmBD;AAE3CY,qBAAiBM,iBACfzB,oBACAuB,2BACAC,eAAAA,CAAAA;EAEJ,GAAG;IAACzB;IAAkBC;GAAmB;AAEzC,SACE,gBAAA0B,OAAA,cAACC,QAAAA;IAAMC,WAAU;IAAO,GAAG3B;KACzB,gBAAAyB,OAAA,cAACC,QAAAA;IACCE,IAAI;MACFC,OAAO;MACPC,KAAK;IACP;KAEA,gBAAAL,OAAA,cAACC,QAAAA,MACC,gBAAAD,OAAA,cAACM,gBAAAA;IAAe1B,KAAKE;IAAoByB,SAAQ;IAAcC,OAAOrB,YAAY,MAAMK;IAAeiB,OAAOzB;MAC9G,gBAAAgB,OAAA,cAACC,QAAAA;IACCC,WAAU;IACVC,IAAI;MAAEO,gBAAgB;IAAgB;KAErCzB,MAAM0B,IAAI,CAACC,UAAAA;AACV,UAAMC,aAAaxB,gBAAgBoB,MAAMG,KAAAA;AACzC,UAAME,cAAczB,gBAAgB0B,mBAAmBH,KAAAA;AACvD,UAAMI,uBAAuB3B,gBAAgB4B,aAAaL,KAAAA;AAC1D,WACE,gBAAAZ,OAAA,cAACkB,sBAAAA;MACCC,KAAKP;MACLA;MACAC;MACAC;MACAE;MACAtC;;EAGN,CAAA,CAAA,CAAA,GAGJ,gBAAAsB,OAAA,cAACoB,wBAAAA;IACCC,WAAWnC;IACXoC,mBAAmB1B,WAAUtB,kBAAAA,IAAsBe,gBAAgBoB,MAAMnC,kBAAAA,IAAsB;IAC/FiD,yBAAyB3B,WAAUtB,kBAAAA,IAAsB,IAAIkD,KAAKC,aAAY,EAAGC,OAAOpD,kBAAAA,IAAsB;IAC9GS;;AAKV,GAzEiF;","names":["LinearProgress","Stack","isDefined","React","useLayoutEffect","useMemo","useRef","useState","isDefined","BlockFormatters","params","color","blockNumber","currentBlockNumber","confirmedInBlock","isDefined","status","confirmationStatus","formatNumber","toString","length","Intl","NumberFormat","format","slice","isDefined","blockProgressColor","confirmedInBlock","isExpired","isDefined","isUndefined","createFilledRange","range","isUndefined","start","end","console","warn","result","i","push","isUndefined","isUndefinedOrNull","getBlockProgress","currentBlockNumber","currentBlockRef","progressElementRef","isUndefined","isUndefinedOrNull","currentBlockOffsetLeft","offsetLeft","currentBlockOffsetWidth","clientWidth","currentBlockCenterOffsetLeft","parentOffsetLeft","parentWidth","relativePosition","progress","Math","min","max","isDefined","isCurrentBlockPassedRange","blockRange","currentBlockNumber","isDefined","end","isDefined","passedBlocksInRange","range","currentBlockNumber","isDefined","start","filter","block","isDefined","useMemo","useBlockRangeState","blockRange","confirmedInBlock","currentBlockNumber","range","useMemo","createFilledRange","isExpired","isCurrentBlockPassedRange","passedBlocks","passedBlocksInRange","progressColor","blockProgressColor","isConfirmed","isDefined","CheckCircleOutlined","Grow","Stack","Typography","isDefined","React","BlockConfirmationStats","confirmed","currentBlockColor","currentBlockNumberValue","passedBlocks","Stack","Typography","variant","color","sx","display","alignItems","gap","Grow","in","CheckCircleOutlined","width","height","opacity","isDefined","length","map","block","Intl","NumberFormat","format","join","Box","Stack","styled","Tooltip","Typography","React","BlockRangeEntryStack","block","blockColor","blockStatus","formattedBlockNumber","updateBlockPositionRefs","sx","props","React","Stack","ref","key","position","Box","component","display","width","height","StyledBlockNumberIndicator","backgroundColor","Tooltip","title","Intl","NumberFormat","format","placement","arrow","Typography","variant","color","cursor","opacity","styled","name","theme","unstable_sx","left","transform","TransactionStackProgress","blockRange","confirmedInBlock","currentBlockNumber","props","blockPositionsRef","useRef","updateBlockPositionRefs","blockNumber","ref","current","progressElementRef","passedBlocks","progressColor","range","isConfirmed","isExpired","useBlockRangeState","blockFormatters","useMemo","BlockFormatters","progressValue","setProgressValue","useState","useLayoutEffect","isDefined","currentBlockNumberElement","progressElement","getBlockProgress","React","Stack","direction","sx","width","gap","LinearProgress","variant","value","color","justifyContent","map","block","blockColor","blockStatus","confirmationStatus","formattedBlockNumber","formatNumber","BlockRangeEntryStack","key","BlockConfirmationStats","confirmed","currentBlockColor","currentBlockNumberValue","Intl","NumberFormat","format"]}
+{
+  "version": 3,
+  "sources": ["../../src/confirmation/components/TransactionStackProgress.tsx", "../../src/confirmation/helpers/BlockFormatters.ts", "../../src/confirmation/helpers/blockProgressColor.ts", "../../src/confirmation/helpers/createFilledRange.ts", "../../src/confirmation/helpers/getBlockProgress.ts", "../../src/confirmation/helpers/isCurrentBlockPassedRange.ts", "../../src/confirmation/helpers/passedBlocksInRange.ts", "../../src/confirmation/hooks/useBlockRangeState.ts", "../../src/confirmation/components/support/BlockConfirmationStats.tsx", "../../src/confirmation/components/support/BlockRangeEntryStack.tsx"],
+  "sourcesContent": ["import type { StackProps } from '@mui/material'\nimport { LinearProgress, Stack } from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { type BlockRange } from '@xyo-network/xl1-sdk'\nimport React, {\n  useLayoutEffect,\n  useMemo,\n  useRef, useState,\n} from 'react'\n\nimport { BlockFormatters, getBlockProgress } from '../helpers/index.ts'\nimport { useBlockRangeState } from '../hooks/index.ts'\nimport { BlockConfirmationStats, BlockRangeEntryStack } from './support/index.ts'\n\nexport interface TransactionStackProgressProps extends StackProps {\n  blockRange?: BlockRange\n  confirmedInBlock?: number\n  currentBlockNumber?: number\n}\n\nexport const TransactionStackProgress: React.FC<TransactionStackProgressProps> = ({\n  blockRange, confirmedInBlock, currentBlockNumber, ...props\n}) => {\n  const blockPositionsRef = useRef<Record<number, HTMLSpanElement | null>>({})\n  const updateBlockPositionRefs = (blockNumber: number, ref: HTMLSpanElement | null) => {\n    blockPositionsRef.current[blockNumber] = ref\n  }\n\n  const progressElementRef = useRef<HTMLDivElement | null>(null)\n\n  const {\n    passedBlocks, progressColor, range, isConfirmed, isExpired,\n  } = useBlockRangeState(blockRange, confirmedInBlock, currentBlockNumber)\n\n  const blockFormatters = useMemo(() => new BlockFormatters({ confirmedInBlock, currentBlockNumber }), [confirmedInBlock, currentBlockNumber])\n\n  const [progressValue, setProgressValue] = useState(0)\n\n  useLayoutEffect(() => {\n    // prevent updates if the current block is past the confirmed block\n    if (isDefined(currentBlockNumber) && isDefined(confirmedInBlock) && currentBlockNumber > confirmedInBlock) {\n      return\n    }\n    const currentBlockNumberElement = isDefined(currentBlockNumber) ? blockPositionsRef.current[currentBlockNumber] : null\n    const progressElement = progressElementRef.current\n    // since we are relying on htmlElements, we have to use layout effect\n    setProgressValue(getBlockProgress(\n      currentBlockNumber,\n      currentBlockNumberElement,\n      progressElement,\n    ))\n  }, [confirmedInBlock, currentBlockNumber])\n\n  return (\n    <Stack direction=\"row\" {...props}>\n      <Stack\n        sx={{\n          width: '100%',\n          gap: 1,\n        }}\n      >\n        <Stack>\n          <LinearProgress ref={progressElementRef} variant=\"determinate\" value={isExpired ? 100 : progressValue} color={progressColor} />\n          <Stack\n            direction=\"row\"\n            sx={{ justifyContent: 'space-between' }}\n          >\n            {range.map((block) => {\n              const blockColor = blockFormatters.color(block)\n              const blockStatus = blockFormatters.confirmationStatus(block)\n              const formattedBlockNumber = blockFormatters.formatNumber(block)\n              return (\n                <BlockRangeEntryStack\n                  key={block}\n                  block={block}\n                  blockColor={blockColor}\n                  blockStatus={blockStatus}\n                  formattedBlockNumber={formattedBlockNumber}\n                  updateBlockPositionRefs={updateBlockPositionRefs}\n                />\n              )\n            })}\n          </Stack>\n        </Stack>\n        <BlockConfirmationStats\n          confirmed={isConfirmed}\n          currentBlockColor={isDefined(currentBlockNumber) ? blockFormatters.color(currentBlockNumber) : 'text.secondary'}\n          currentBlockNumberValue={isDefined(currentBlockNumber) ? new Intl.NumberFormat().format(currentBlockNumber) : 'N/A'}\n          passedBlocks={passedBlocks}\n        />\n      </Stack>\n    </Stack>\n  )\n}\n", "import { isDefined } from '@xylabs/sdk-js'\n\nexport type BlockConfirmationStatus = 'confirmed' | 'missed' | 'pending'\n\ninterface BlockFormattersParams {\n  confirmedInBlock: number | undefined\n  currentBlockNumber: number | undefined\n}\n\nexport class BlockFormatters {\n  private readonly params: BlockFormattersParams\n\n  constructor(params: BlockFormattersParams) {\n    this.params = params\n  }\n\n  color(blockNumber: number): string {\n    const { currentBlockNumber, confirmedInBlock } = this.params\n    if (blockNumber === currentBlockNumber) {\n      return isDefined(confirmedInBlock) && confirmedInBlock === blockNumber ? 'success.dark' : 'text'\n    }\n    const status = this.confirmationStatus(blockNumber)\n    switch (status) {\n      case 'confirmed': {\n        return 'success.dark'\n      }\n      case 'missed': {\n        return 'warning.light'\n      }\n      case 'pending': {\n        return 'text.secondary'\n      }\n      default: {\n        return 'text.secondary'\n      }\n    }\n  }\n\n  confirmationStatus(blockNumber: number): BlockConfirmationStatus | undefined {\n    const { currentBlockNumber, confirmedInBlock } = this.params\n    if (isDefined(currentBlockNumber)) {\n      if (isDefined(confirmedInBlock) && blockNumber === confirmedInBlock) {\n        return 'confirmed'\n      }\n      return currentBlockNumber > blockNumber ? 'missed' : 'pending'\n    }\n  }\n\n  formatNumber(blockNumber: number) {\n    return blockNumber.toString().length <= 5 ? new Intl.NumberFormat().format(blockNumber) : `${blockNumber.toString().slice(-2)}`\n  }\n}\n", "import type { LinearProgressProps } from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\n\nexport const blockProgressColor = (\n  confirmedInBlock: number | undefined,\n  isExpired: boolean | undefined,\n): LinearProgressProps['color'] => {\n  if (isDefined(confirmedInBlock)) {\n    return 'success'\n  }\n  if (isExpired) {\n    return 'error'\n  }\n  return 'primary'\n}\n", "import { isUndefined } from '@xylabs/sdk-js'\n\nexport const createFilledRange = (range?: [number, number]): number[] => {\n  if (isUndefined(range)) {\n    return []\n  }\n  const [start, end] = range\n  if (end < start) {\n    console.warn('Invalid range: end is less than start')\n    return []\n  }\n\n  const result: number[] = []\n\n  for (let i = start; i <= end; i++) {\n    result.push(i)\n  }\n\n  return result\n}\n", "import { isUndefined, isUndefinedOrNull } from '@xylabs/sdk-js'\n\nexport const getBlockProgress = (\n  currentBlockNumber: number | undefined,\n  currentBlockRef: HTMLSpanElement | null,\n  progressElementRef: HTMLDivElement | null,\n) => {\n  if (isUndefined(currentBlockNumber) || isUndefinedOrNull(currentBlockRef) || isUndefinedOrNull(progressElementRef)) {\n    return 0\n  }\n\n  const currentBlockOffsetLeft = currentBlockRef.offsetLeft\n  const currentBlockOffsetWidth = currentBlockRef.clientWidth / 2\n  const currentBlockCenterOffsetLeft = currentBlockOffsetLeft + currentBlockOffsetWidth\n  const parentOffsetLeft = progressElementRef.offsetLeft\n  const parentWidth = progressElementRef.clientWidth\n\n  const relativePosition = currentBlockCenterOffsetLeft - parentOffsetLeft\n  const progress = (relativePosition / parentWidth) * 100\n\n  return Math.min(Math.max(progress, 0), 100)\n}\n", "import { isDefined } from '@xylabs/sdk-js'\nimport type { BlockRange } from '@xyo-network/xl1-sdk'\n\nexport const isCurrentBlockPassedRange = (\n  blockRange: BlockRange | undefined,\n  currentBlockNumber: number | undefined,\n) => {\n  if (!isDefined(blockRange) || !isDefined(currentBlockNumber)) {\n    return false\n  }\n  const [, end] = blockRange\n  return currentBlockNumber > end\n}\n", "import { isDefined } from '@xylabs/sdk-js'\n\nexport const passedBlocksInRange = (\n  range: number[] | undefined,\n  currentBlockNumber: number | undefined,\n) => {\n  if (!isDefined(currentBlockNumber) || !isDefined(range)) {\n    return []\n  }\n  const [start] = range\n  return range.filter(block => block < currentBlockNumber && block >= start)\n}\n", "import type { LinearProgressProps } from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type { BlockRange } from '@xyo-network/xl1-sdk'\nimport { useMemo } from 'react'\n\nimport {\n  blockProgressColor, createFilledRange, isCurrentBlockPassedRange, passedBlocksInRange,\n} from '../helpers/index.ts'\n\ninterface BlockRangeState {\n  isConfirmed: boolean\n  isExpired: boolean\n  passedBlocks: number[]\n  progressColor: LinearProgressProps['color']\n  range: number[]\n}\n\nexport const useBlockRangeState = (\n  blockRange: BlockRange | undefined,\n  confirmedInBlock: number | undefined,\n  currentBlockNumber?: number | undefined,\n): BlockRangeState => {\n  const range = useMemo(() => createFilledRange((blockRange)), [blockRange])\n\n  const isExpired = useMemo(() => isCurrentBlockPassedRange(blockRange, currentBlockNumber), [blockRange, currentBlockNumber])\n\n  const passedBlocks = useMemo(() => passedBlocksInRange(range, currentBlockNumber), [currentBlockNumber, range])\n\n  const progressColor = useMemo(() => blockProgressColor(confirmedInBlock, isExpired), [confirmedInBlock, isExpired])\n\n  const isConfirmed = isDefined(confirmedInBlock)\n\n  return {\n    isConfirmed, isExpired, passedBlocks, progressColor, range,\n  }\n}\n", "import { CheckCircleOutlined } from '@mui/icons-material'\nimport {\n  Grow, Stack, Typography,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport React from 'react'\n\nexport interface BlockConfirmationStatsProps {\n  confirmed?: boolean\n  currentBlockColor?: string\n  currentBlockNumberValue?: string\n  passedBlocks?: number[]\n}\n\nexport const BlockConfirmationStats: React.FC<BlockConfirmationStatsProps> = ({\n  confirmed, currentBlockColor, currentBlockNumberValue, passedBlocks,\n}) => {\n  return (\n    <Stack>\n      <Typography\n        variant=\"caption\"\n        color={currentBlockColor}\n        sx={{\n          display: 'inline-flex', alignItems: 'center', gap: 0.5,\n        }}\n      >\n        Current Block:\n        {' '}\n        {currentBlockNumberValue}\n        {' '}\n        <Grow in={confirmed}>\n          <CheckCircleOutlined sx={{ width: '0.8em', height: '0.8em' }} color=\"success\" />\n        </Grow>\n      </Typography>\n      <Typography\n        variant=\"caption\"\n        sx={{\n          color: 'warning.light',\n          opacity: 0.75,\n        }}\n      >\n        Passed Blocks:\n        {' '}\n        {isDefined(passedBlocks) && passedBlocks.length > 0 ? passedBlocks.map(block => new Intl.NumberFormat().format(block)).join(', ') : 'N/A'}\n      </Typography>\n    </Stack>\n  )\n}\n", "import type { BoxProps, StackProps } from '@mui/material'\nimport {\n  Box, Stack, styled, Tooltip, Typography,\n} from '@mui/material'\nimport React from 'react'\n\nimport type { BlockConfirmationStatus } from '../../helpers/index.ts'\n\nexport interface BlockRangeEntryStackProps extends StackProps {\n  block: number\n  blockColor: string\n  blockStatus: BlockConfirmationStatus | undefined\n  formattedBlockNumber: string\n  updateBlockPositionRefs?: (blockNumber: number, ref: HTMLSpanElement | null) => void\n}\n\nexport const BlockRangeEntryStack: React.FC<BlockRangeEntryStackProps> = ({\n  block, blockColor, blockStatus, formattedBlockNumber, updateBlockPositionRefs, sx, ...props\n}) => {\n  return (\n    <Stack\n      ref={(ref) => { if (updateBlockPositionRefs) updateBlockPositionRefs(block, ref) }}\n      key={block}\n      sx={{ position: 'relative', ...sx }}\n      {...props}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'flex', position: 'relative', width: '100%', height: 5,\n        }}\n      >\n        <StyledBlockNumberIndicator component=\"span\" sx={{ backgroundColor: blockColor }} />\n      </Box>\n      <Tooltip\n        title={`Block: ${new Intl.NumberFormat().format(block)} (${blockStatus})`}\n        placement=\"top\"\n        arrow\n      >\n        <Typography\n          variant=\"caption\"\n          sx={{\n            color: blockColor,\n            cursor: 'pointer',\n            opacity: blockStatus === 'missed' ? 0.75 : 1,\n          }}\n        >\n          {formattedBlockNumber}\n        </Typography>\n      </Tooltip>\n    </Stack>\n  )\n}\n\nconst StyledBlockNumberIndicator = styled(Box, { name: 'StyledBlockNumberIndicator' })<BoxProps>(({ theme }) => {\n  return theme.unstable_sx({\n    position: 'absolute',\n    left: 'calc(50% - 1px)',\n    transform: 'calc(translateX(-50%) - 1px)',\n    height: 3,\n    width: '1px',\n    backgroundColor: 'primary.main',\n  })\n})\n"],
+  "mappings": "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",
+  "names": ["Stack", "isDefined", "useMemo", "isDefined", "isUndefined", "isDefined", "isDefined", "isDefined", "isDefined", "isDefined", "Stack", "Typography", "jsx", "jsxs", "jsx", "jsxs", "useMemo", "isDefined", "Stack"]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/xl1-react-transaction",
-  "version": "1.23.0",
+  "version": "2.0.0",
   "description": "XYO Layer One API",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -42,43 +42,43 @@
     "@bitauth/libauth": "~3.0.0",
     "@metamask/json-rpc-engine": "^10.5.0",
     "@metamask/providers": "^22.1.1",
-    "@metamask/utils": "~11.11.0",
-    "@mui/icons-material": "~9.0",
-    "@mui/material": "~9.0",
+    "@metamask/utils": "^11.11.0",
+    "@mui/icons-material": "~9.0.1",
+    "@mui/material": "~9.0.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@scure/base": "~2.2.0",
     "@scure/bip39": "~2.2.0",
-    "@storybook/react-vite": "^10.3.6",
-    "@types/react": "^19.2.14",
-    "@xylabs/fetch": "~5.1.2",
-    "@xylabs/geo": "^5.1.2",
-    "@xylabs/sdk-js": "^5.1.2",
-    "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.24",
-    "@xylabs/tsconfig": "~7.13.24",
-    "@xylabs/tsconfig-dom": "~7.13.24",
-    "@xylabs/tsconfig-react": "~7.13.24",
-    "@xyo-network/account": "~5.6.2",
-    "@xyo-network/account-model": "~5.6.3",
-    "@xyo-network/api": "~5.6.2",
-    "@xyo-network/api-models": "~5.6.3",
-    "@xyo-network/boundwitness-builder": "~5.6.2",
-    "@xyo-network/boundwitness-model": "~5.6.3",
-    "@xyo-network/boundwitness-wrapper": "~5.6.2",
-    "@xyo-network/config-payload-plugin": "~5.6.3",
-    "@xyo-network/huri": "~5.6.2",
-    "@xyo-network/manifest-model": "~5.6.3",
-    "@xyo-network/payload-builder": "~5.6.2",
-    "@xyo-network/payload-model": "~5.6.3",
-    "@xyo-network/payload-plugin": "~5.6.3",
-    "@xyo-network/payload-wrapper": "~5.6.2",
-    "@xyo-network/query-payload-plugin": "~5.6.3",
-    "@xyo-network/sdk-js": "^5.6.4",
-    "@xyo-network/sdk-protocol-js": "~5.6.3",
-    "@xyo-network/wallet": "~5.6.2",
-    "@xyo-network/wallet-model": "^5.6.3",
-    "@xyo-network/xl1-sdk": "^1.30.1",
+    "@storybook/react-vite": "^10.4.0",
+    "@types/react": "^19.2.15",
+    "@xylabs/fetch": "~6.0.2",
+    "@xylabs/geo": "~6.0.2",
+    "@xylabs/sdk-js": "^6.0.2",
+    "@xylabs/threads": "~6.0.2",
+    "@xylabs/toolchain": "~8.1.1",
+    "@xylabs/tsconfig": "~8.1.1",
+    "@xylabs/tsconfig-dom": "~8.1.1",
+    "@xylabs/tsconfig-react": "~8.1.1",
+    "@xyo-network/account": "~6.0.0",
+    "@xyo-network/account-model": "~6.0.0",
+    "@xyo-network/api": "~6.0",
+    "@xyo-network/api-models": "~6.0",
+    "@xyo-network/boundwitness-builder": "~6.0.0",
+    "@xyo-network/boundwitness-model": "~6.0.0",
+    "@xyo-network/boundwitness-wrapper": "~6.0.0",
+    "@xyo-network/config-payload-plugin": "~6.0.0",
+    "@xyo-network/huri": "~6.0",
+    "@xyo-network/manifest-model": "~6.0.0",
+    "@xyo-network/payload-builder": "~6.0.0",
+    "@xyo-network/payload-model": "~6.0.0",
+    "@xyo-network/payload-plugin": "~6.0",
+    "@xyo-network/payload-wrapper": "~6.0.0",
+    "@xyo-network/query-payload-plugin": "~6.0.0",
+    "@xyo-network/sdk-js": "~6.0",
+    "@xyo-network/sdk-protocol-js": "~6.0",
+    "@xyo-network/wallet": "~6.0",
+    "@xyo-network/wallet-model": "^6.0.0",
+    "@xyo-network/xl1-sdk": "~2.0",
     "ajv": "^8.20.0",
     "async-mutex": "^0.5.0",
     "bn.js": "^5.2.3",
@@ -87,22 +87,22 @@
     "cosmiconfig": "^9.0.1",
     "debug": "~4.4.3",
     "dotenv": "~17.4.2",
-    "eslint": "^10.3.0",
+    "eslint": "^10.4.0",
     "ethers": "^6.16.0",
     "hash-wasm": "~4.12.0",
     "idb": "^8.0.3",
-    "lru-cache": "^11.3.6",
-    "mapbox-gl": "^3.23.1",
+    "lru-cache": "^11.5.0",
+    "mapbox-gl": "^3.24.0",
     "observable-fns": "~0.6.1",
     "pako": "^2.1.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "store2": "~2.14.4",
-    "storybook": "^10.3.6",
-    "typescript": "~5.9.3",
+    "storybook": "^10.4.0",
+    "typescript": "~6.0.3",
     "uuid": "~14.0.0",
-    "vite": "^8.0.12",
-    "vitest": "^4.1.6",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.7",
     "wasm-feature-detect": "~1.8.0",
     "webextension-polyfill": "^0.12.0",
     "zod": "~4.4.3"
@@ -111,37 +111,37 @@
     "@bitauth/libauth": "~3.0",
     "@metamask/json-rpc-engine": "^10.3",
     "@metamask/providers": "^22.1",
-    "@metamask/utils": "~11.11",
+    "@metamask/utils": "^11.11",
     "@mui/icons-material": "~9.0",
     "@mui/material": "~9.0",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@scure/base": "~2.2",
     "@scure/bip39": "~2.2",
-    "@xylabs/fetch": "~5.1",
-    "@xylabs/geo": "^5.1",
-    "@xylabs/sdk-js": "^5.1",
-    "@xylabs/threads": "~5.1",
-    "@xyo-network/account": "~5.6",
-    "@xyo-network/account-model": "~5.6",
-    "@xyo-network/api": "~5.6",
-    "@xyo-network/api-models": "~5.6",
-    "@xyo-network/boundwitness-builder": "~5.6",
-    "@xyo-network/boundwitness-model": "~5.6",
-    "@xyo-network/boundwitness-wrapper": "~5.6",
-    "@xyo-network/config-payload-plugin": "~5.6",
-    "@xyo-network/huri": "~5.6",
-    "@xyo-network/manifest-model": "~5.6",
-    "@xyo-network/payload-builder": "~5.6",
-    "@xyo-network/payload-model": "~5.6",
-    "@xyo-network/payload-plugin": "~5.6",
-    "@xyo-network/payload-wrapper": "~5.6",
-    "@xyo-network/query-payload-plugin": "~5.6",
-    "@xyo-network/sdk-js": "^5.6",
-    "@xyo-network/sdk-protocol-js": "~5.6",
-    "@xyo-network/wallet": "~5.6",
-    "@xyo-network/wallet-model": "^5.6",
-    "@xyo-network/xl1-sdk": "^1.28",
+    "@xylabs/fetch": "^6.0",
+    "@xylabs/geo": "^6.0",
+    "@xylabs/sdk-js": "^6.0",
+    "@xylabs/threads": "~6.0",
+    "@xyo-network/account": "~6.0",
+    "@xyo-network/account-model": "~6.0",
+    "@xyo-network/api": "~6.0",
+    "@xyo-network/api-models": "~6.0",
+    "@xyo-network/boundwitness-builder": "~6.0",
+    "@xyo-network/boundwitness-model": "~6.0",
+    "@xyo-network/boundwitness-wrapper": "~6.0",
+    "@xyo-network/config-payload-plugin": "~6.0",
+    "@xyo-network/huri": "~6.0",
+    "@xyo-network/manifest-model": "~6.0",
+    "@xyo-network/payload-builder": "~6.0",
+    "@xyo-network/payload-model": "~6.0",
+    "@xyo-network/payload-plugin": "~6.0",
+    "@xyo-network/payload-wrapper": "~6.0",
+    "@xyo-network/query-payload-plugin": "~6.0",
+    "@xyo-network/sdk-js": "^6.0",
+    "@xyo-network/sdk-protocol-js": "~6.0",
+    "@xyo-network/wallet": "~6.0",
+    "@xyo-network/wallet-model": "^6.0",
+    "@xyo-network/xl1-sdk": "^2.0",
     "ajv": "^8.20",
     "async-mutex": "^0.5",
     "bn.js": "^5.2",