@xyo-network/xl1-react-transaction 1.20.15 → 1.20.17

package/src/confirmation/helpers/getBlockProgress.ts

@@ -1,22 +0,0 @@
-import { isUndefined, isUndefinedOrNull } from '@xylabs/sdk-js'
-
-export const getBlockProgress = (
-  currentBlockNumber: number | undefined,
-  currentBlockRef: HTMLSpanElement | null,
-  progressElementRef: HTMLDivElement | null,
-) => {
-  if (isUndefined(currentBlockNumber) || isUndefinedOrNull(currentBlockRef) || isUndefinedOrNull(progressElementRef)) {
-    return 0
-  }
-
-  const currentBlockOffsetLeft = currentBlockRef.offsetLeft
-  const currentBlockOffsetWidth = currentBlockRef.clientWidth / 2
-  const currentBlockCenterOffsetLeft = currentBlockOffsetLeft + currentBlockOffsetWidth
-  const parentOffsetLeft = progressElementRef.offsetLeft
-  const parentWidth = progressElementRef.clientWidth
-
-  const relativePosition = currentBlockCenterOffsetLeft - parentOffsetLeft
-  const progress = (relativePosition / parentWidth) * 100
-
-  return Math.min(Math.max(progress, 0), 100)
-}

package/src/confirmation/helpers/index.ts

@@ -1,6 +0,0 @@
-export * from './BlockFormatters.ts'
-export * from './blockProgressColor.ts'
-export * from './createFilledRange.ts'
-export * from './getBlockProgress.ts'
-export * from './isCurrentBlockPassedRange.ts'
-export * from './passedBlocksInRange.ts'

package/src/confirmation/helpers/isCurrentBlockPassedRange.ts

@@ -1,13 +0,0 @@
-import { isDefined } from '@xylabs/sdk-js'
-import type { BlockRange } from '@xyo-network/xl1-sdk'
-
-export const isCurrentBlockPassedRange = (
-  blockRange: BlockRange | undefined,
-  currentBlockNumber: number | undefined,
-) => {
-  if (!isDefined(blockRange) || !isDefined(currentBlockNumber)) {
-    return false
-  }
-  const [, end] = blockRange
-  return currentBlockNumber > end
-}

package/src/confirmation/helpers/passedBlocksInRange.ts

@@ -1,12 +0,0 @@
-import { isDefined } from '@xylabs/sdk-js'
-
-export const passedBlocksInRange = (
-  range: number[] | undefined,
-  currentBlockNumber: number | undefined,
-) => {
-  if (!isDefined(currentBlockNumber) || !isDefined(range)) {
-    return []
-  }
-  const [start] = range
-  return range.filter(block => block < currentBlockNumber && block >= start)
-}

package/src/confirmation/hooks/index.ts

@@ -1 +0,0 @@
-export * from './useBlockRangeState.ts'

package/src/confirmation/hooks/useBlockRangeState.ts

@@ -1,27 +0,0 @@
-import { isDefined } from '@xylabs/sdk-js'
-import type { BlockRange } from '@xyo-network/xl1-sdk'
-import { useMemo } from 'react'
-
-import {
-  blockProgressColor, createFilledRange, isCurrentBlockPassedRange, passedBlocksInRange,
-} from '../helpers/index.ts'
-
-export const useBlockRangeState = (
-  blockRange: BlockRange | undefined,
-  confirmedInBlock: number | undefined,
-  currentBlockNumber?: number | undefined,
-) => {
-  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 = isDefined(confirmedInBlock)
-
-  return {
-    isConfirmed, isExpired, passedBlocks, progressColor, range,
-  }
-}

package/src/confirmation/index.ts

@@ -1,3 +0,0 @@
-export * from './components/index.ts'
-export * from './helpers/index.ts'
-export * from './hooks/index.ts'

package/src/index.ts

@@ -1 +0,0 @@
-export * from './confirmation/index.ts'