0xtrails 0.13.2 → 0.14.0

package/src/widget/hooks/useSwapAmount.tsx

@@ -1,50 +0,0 @@
-import React, {
-  createContext,
-  useContext,
-  useState,
-  type ReactNode,
-} from "react"
-
-interface SwapAmountContextType {
-  amount: string
-  setAmount: (amount: string) => void
-  clearAmount: () => void
-}
-
-const SwapAmountContext = createContext<SwapAmountContextType | undefined>(
-  undefined,
-)
-
-interface SwapAmountProviderProps {
-  children: ReactNode
-}
-
-export const SwapAmountProvider: React.FC<SwapAmountProviderProps> = ({
-  children,
-}) => {
-  const [amount, setAmount] = useState<string>("")
-
-  const clearAmount = () => {
-    setAmount("")
-  }
-
-  return (
-    <SwapAmountContext.Provider
-      value={{
-        amount,
-        setAmount,
-        clearAmount,
-      }}
-    >
-      {children}
-    </SwapAmountContext.Provider>
-  )
-}
-
-export function useSwapAmount() {
-  const context = useContext(SwapAmountContext)
-  if (context === undefined) {
-    throw new Error("useSwapAmount must be used within a SwapAmountProvider")
-  }
-  return context
-}

package/src/widget/hooks/useSwapState.tsx

@@ -1,121 +0,0 @@
-import React, {
-  createContext,
-  useContext,
-  useState,
-  useCallback,
-  type ReactNode,
-} from "react"
-import { TradeType } from "../../prepareSend.js"
-
-// Form mode identifiers
-export type FormMode =
-  | "swap"
-  | "pay"
-  | "earn"
-  | "fund"
-  | "fund-wallet"
-  | "fund-onramp-meld"
-  | "fund-onramp-mesh"
-  | "fund-direct-transfer"
-  | "withdraw"
-  | null
-
-interface SwapStateContextType {
-  tradeType: TradeType | null
-  setTradeType: (tradeType: TradeType | null) => void
-  sellAmount: string
-  setSellAmount: (amount: string) => void
-  buyAmount: string
-  setBuyAmount: (amount: string) => void
-  resetSwapState: () => void
-  lastFormMode: FormMode
-  enterFormMode: (mode: FormMode) => boolean
-}
-
-const SwapStateContext = createContext<SwapStateContextType | undefined>(
-  undefined,
-)
-
-interface SwapStateProviderProps {
-  children: ReactNode
-}
-
-export const SwapStateProvider: React.FC<SwapStateProviderProps> = ({
-  children,
-}) => {
-  const [tradeType, setTradeType] = useState<TradeType | null>(
-    TradeType.EXACT_INPUT,
-  )
-  const [sellAmount, setSellAmount] = useState("")
-  const [buyAmount, setBuyAmount] = useState("")
-  const [lastFormMode, setLastFormMode] = useState<FormMode>(null)
-
-  const resetSwapState = useCallback(() => {
-    setTradeType(null)
-    setSellAmount("")
-    setBuyAmount("")
-  }, [])
-
-  const areModesEquivalent = useCallback(
-    (mode1: FormMode, mode2: FormMode): boolean => {
-      if (mode1 === mode2) return true
-      if (mode1 === null || mode2 === null) return false
-
-      // Modes that share the same swap state
-      const swapEquivalentModes: FormMode[] = [
-        "swap",
-        "fund-direct-transfer",
-        "fund-wallet",
-      ]
-
-      return (
-        swapEquivalentModes.includes(mode1) &&
-        swapEquivalentModes.includes(mode2)
-      )
-    },
-    [],
-  )
-
-  const enterFormMode = useCallback(
-    (mode: FormMode): boolean => {
-      if (
-        lastFormMode !== null &&
-        lastFormMode !== mode &&
-        !areModesEquivalent(lastFormMode, mode)
-      ) {
-        resetSwapState()
-        setLastFormMode(mode)
-        return true
-      }
-      setLastFormMode(mode)
-      return false
-    },
-    [lastFormMode, resetSwapState, areModesEquivalent],
-  )
-
-  return (
-    <SwapStateContext.Provider
-      value={{
-        tradeType,
-        setTradeType,
-        sellAmount,
-        setSellAmount,
-        buyAmount,
-        setBuyAmount,
-        resetSwapState,
-        lastFormMode,
-        enterFormMode,
-      }}
-    >
-      {children}
-    </SwapStateContext.Provider>
-  )
-}
-
-export function useSwapState() {
-  const context = useContext(SwapStateContext)
-  if (context === undefined) {
-    throw new Error("useSwapState must be used within a SwapStateProvider")
-  }
-  return context
-}

package/src/widget/hooks/useTargetAmount.ts

@@ -1,26 +0,0 @@
-import { useAmountUsd } from "./useAmountUsd.js"
-import { useWidgetProps } from "./useWidgetProps.js"
-
-export function useTargetAmount(): {
-  targetAmountUsd: number | null
-  targetAmountUsdFormatted: string
-  targetAmountUsdFormattedLocale: string
-} {
-  const { toAmount, toToken, toChainId } = useWidgetProps()
-
-  const {
-    amountUsd: targetAmountUsd,
-    amountUsdFormatted: targetAmountUsdFormatted,
-    amountUsdFormattedLocale: targetAmountUsdFormattedLocale,
-  } = useAmountUsd({
-    amount: toAmount,
-    token: toToken,
-    chainId: Number(toChainId),
-  })
-
-  return {
-    targetAmountUsd,
-    targetAmountUsdFormatted,
-    targetAmountUsdFormattedLocale,
-  }
-}

package/src/widget/hooks/useTheme.tsx

@@ -1,80 +0,0 @@
-import React, {
-  createContext,
-  useContext,
-  useState,
-  useCallback,
-  type ReactNode,
-} from "react"
-import { logger } from "../../logger.js"
-
-type Theme = "auto" | "light" | "dark"
-
-interface ThemeContextType {
-  selectedTheme: Theme | null
-  setSelectedTheme: (theme: Theme) => void
-  resetThemePreference: () => void
-}
-
-const ThemeContext = createContext<ThemeContextType | undefined>(undefined)
-
-interface ThemeProviderProps {
-  children: ReactNode
-}
-
-const THEME_KEY = "trails-theme"
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
-  // Initialize state from localStorage or return null if no preference is stored
-  const [selectedTheme, setSelectedThemeState] = useState<Theme | null>(() => {
-    try {
-      const stored = localStorage.getItem(THEME_KEY)
-      if (stored && ["auto", "light", "dark"].includes(stored)) {
-        return stored as Theme
-      }
-      return null // No user preference stored
-    } catch (error) {
-      logger.console.warn("Failed to read theme from localStorage:", error)
-      return null
-    }
-  })
-
-  // Function that updates state and saves to localStorage
-  const setSelectedTheme = useCallback((theme: Theme) => {
-    setSelectedThemeState(theme)
-    try {
-      localStorage.setItem(THEME_KEY, theme)
-    } catch (error) {
-      logger.console.warn("Failed to save theme to localStorage:", error)
-    }
-  }, [])
-
-  const resetThemePreference = useCallback(() => {
-    try {
-      localStorage.removeItem(THEME_KEY)
-      setSelectedThemeState(null) // Clear user preference
-    } catch (error) {
-      logger.console.warn("Failed to reset theme preference:", error)
-      setSelectedThemeState(null) // Still reset state even if localStorage fails
-    }
-  }, [])
-
-  const value: ThemeContextType = {
-    selectedTheme,
-    setSelectedTheme,
-    resetThemePreference,
-  }
-
-  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
-}
-
-export function useThemePreference(): ThemeContextType {
-  const context = useContext(ThemeContext)
-
-  if (context === undefined) {
-    throw new Error(
-      "useThemePreference must be used within a ThemePreferenceProvider",
-    )
-  }
-
-  return context
-}