diff --git a/eslint.config.mjs b/eslint.config.mjs index 957358493..86a4dd8bd 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -45,6 +45,10 @@ export default tseslint.config( order: 'asc', caseInsensitive: true }, + named: { + enabled: true, + types: "types-last" + }, pathGroups: [ { pattern: '~/**', diff --git a/examples/components/src/CardButton.tsx b/examples/components/src/CardButton.tsx index 03e74cd16..4b0cc52a0 100644 --- a/examples/components/src/CardButton.tsx +++ b/examples/components/src/CardButton.tsx @@ -1,4 +1,4 @@ -import { Card, Text, Spinner } from '@0xsequence/design-system' +import { Card, Spinner, Text } from '@0xsequence/design-system' interface CardButtonProps { title: string diff --git a/examples/components/src/Header.tsx b/examples/components/src/Header.tsx index e110e5f50..fa0f3e5e0 100644 --- a/examples/components/src/Header.tsx +++ b/examples/components/src/Header.tsx @@ -1,13 +1,13 @@ import { - Image, - Text, - GradientAvatar, - truncateAddress, - NetworkImage, - Card, Button, + Card, ChevronDownIcon, - SignoutIcon + GradientAvatar, + Image, + NetworkImage, + SignoutIcon, + Text, + truncateAddress } from '@0xsequence/design-system' import * as PopoverPrimitive from '@radix-ui/react-popover' import { useState } from 'react' diff --git a/examples/next/src/app/components/Connected.tsx b/examples/next/src/app/components/Connected.tsx index 2f82a9f5c..be87c960a 100644 --- a/examples/next/src/app/components/Connected.tsx +++ b/examples/next/src/app/components/Connected.tsx @@ -1,19 +1,19 @@ import type { CheckoutSettings } from '@0xsequence/checkout' import { + ContractVerificationStatus, signEthAuthProof, - useWallets, + useOpenConnectModal, useStorage, useWaasFeeOptions, - validateEthProof, - ContractVerificationStatus, - useOpenConnectModal + useWallets, + validateEthProof } from '@0xsequence/connect' -import { Text, Card, Button, Select, cn } from '@0xsequence/design-system' +import { Button, Card, cn, Select, Text } from '@0xsequence/design-system' import { useIndexerClient } from '@0xsequence/hooks' -import { ChainId, allNetworks } from '@0xsequence/network' +import { allNetworks, ChainId } from '@0xsequence/network' import { useOpenWalletModal } from '@0xsequence/wallet-widget' import { CardButton, Header, WalletListItem } from 'example-shared-components' -import { type ComponentProps, useEffect, useState } from 'react' +import { useEffect, useState, type ComponentProps } from 'react' import { encodeFunctionData, formatUnits, parseAbi, parseUnits } from 'viem' import { useAccount, useChainId, usePublicClient, useSendTransaction, useWalletClient, useWriteContract } from 'wagmi' diff --git a/examples/next/src/app/page.tsx b/examples/next/src/app/page.tsx index 16697c58f..3145daaa6 100644 --- a/examples/next/src/app/page.tsx +++ b/examples/next/src/app/page.tsx @@ -1,7 +1,7 @@ 'use client' -import { useWallets, useOpenConnectModal } from '@0xsequence/connect' -import { Image, Button } from '@0xsequence/design-system' +import { useOpenConnectModal, useWallets } from '@0xsequence/connect' +import { Button, Image } from '@0xsequence/design-system' import { Footer } from 'example-shared-components' import { Connected } from './components/Connected' diff --git a/examples/next/tsconfig.json b/examples/next/tsconfig.json index 7b2858930..e41a3d59c 100644 --- a/examples/next/tsconfig.json +++ b/examples/next/tsconfig.json @@ -6,8 +6,8 @@ "strict": true, "noEmit": true, "esModuleInterop": true, - "module": "esnext", - "moduleResolution": "bundler", + "module": "ESNext", + "moduleResolution": "Bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx index 491cae22d..5beda3fb9 100644 --- a/examples/react/src/App.tsx +++ b/examples/react/src/App.tsx @@ -2,11 +2,11 @@ import { SequenceCheckoutProvider } from '@0xsequence/checkout' import { SequenceConnect } from '@0xsequence/connect' import { ThemeProvider } from '@0xsequence/design-system' import { SequenceWalletProvider } from '@0xsequence/wallet-widget' -import { BrowserRouter, Routes, Route } from 'react-router-dom' +import { BrowserRouter, Route, Routes } from 'react-router-dom' import { Homepage } from './components/Homepage' import { ImmutableCallback } from './components/ImmutableCallback' -import { config, checkoutConfig } from './config' +import { checkoutConfig, config } from './config' export const App = () => { return ( diff --git a/examples/react/src/components/Connected.tsx b/examples/react/src/components/Connected.tsx index 90ee7ecae..2d6dbef31 100644 --- a/examples/react/src/components/Connected.tsx +++ b/examples/react/src/components/Connected.tsx @@ -1,26 +1,26 @@ import { - useCheckoutModal, + TransactionOnRampProvider, useAddFundsModal, + useCheckoutModal, useSelectPaymentModal, - useSwapModal, - TransactionOnRampProvider + useSwapModal } from '@0xsequence/checkout' import type { SwapModalSettings } from '@0xsequence/checkout' import { - useStorage, - useWaasFeeOptions, - signEthAuthProof, - validateEthProof, getModalPositionCss, + signEthAuthProof, useOpenConnectModal, - useWallets + useStorage, + useWaasFeeOptions, + useWallets, + validateEthProof } from '@0xsequence/connect' -import { Button, Card, Modal, Scroll, Select, Switch, Text, TextInput, cn } from '@0xsequence/design-system' +import { Button, Card, cn, Modal, Scroll, Select, Switch, Text, TextInput } from '@0xsequence/design-system' import { allNetworks, ChainId } from '@0xsequence/network' import { useOpenWalletModal } from '@0xsequence/wallet-widget' import { CardButton, Header, WalletListItem } from 'example-shared-components' import { AnimatePresence } from 'motion/react' -import React, { type ComponentProps, useEffect } from 'react' +import React, { useEffect, type ComponentProps } from 'react' import { encodeFunctionData, formatUnits, parseAbi, toHex } from 'viem' import { useAccount, useChainId, usePublicClient, useSendTransaction, useWalletClient, useWriteContract } from 'wagmi' diff --git a/examples/react/src/components/CustomCheckout/index.tsx b/examples/react/src/components/CustomCheckout/index.tsx index a5f63ef34..92ffcfb48 100644 --- a/examples/react/src/components/CustomCheckout/index.tsx +++ b/examples/react/src/components/CustomCheckout/index.tsx @@ -1,6 +1,6 @@ -import { useCheckoutUI, CreditCardProviders } from '@0xsequence/checkout' +import { CreditCardProviders, useCheckoutUI } from '@0xsequence/checkout' import { CryptoOption } from '@0xsequence/connect' -import { Text, Button, Spinner, NetworkImage, Image } from '@0xsequence/design-system' +import { Button, Image, NetworkImage, Spinner, Text } from '@0xsequence/design-system' import { useState } from 'react' import { encodeFunctionData, toHex } from 'viem' import { useAccount } from 'wagmi' diff --git a/examples/react/src/components/Homepage.tsx b/examples/react/src/components/Homepage.tsx index 90af020d9..1929fed26 100644 --- a/examples/react/src/components/Homepage.tsx +++ b/examples/react/src/components/Homepage.tsx @@ -1,5 +1,5 @@ -import { useWallets, useOpenConnectModal, WalletType } from '@0xsequence/connect' -import { Button, Card, Text, Image, CheckmarkIcon } from '@0xsequence/design-system' +import { useOpenConnectModal, useWallets, WalletType } from '@0xsequence/connect' +import { Button, Card, CheckmarkIcon, Image, Text } from '@0xsequence/design-system' import { clsx } from 'clsx' import { Footer } from 'example-shared-components' diff --git a/examples/react/src/utils/helpers.ts b/examples/react/src/utils/helpers.ts index d1284009c..4262526cd 100644 --- a/examples/react/src/utils/helpers.ts +++ b/examples/react/src/utils/helpers.ts @@ -1,5 +1,5 @@ import { CheckoutSettings } from '@0xsequence/checkout' -import { Hex, encodeFunctionData } from 'viem' +import { encodeFunctionData, Hex } from 'viem' import { orderbookAbi } from '../constants/orderbook-abi' diff --git a/examples/react/tsconfig.json b/examples/react/tsconfig.json index 0870318d0..008980a88 100644 --- a/examples/react/tsconfig.json +++ b/examples/react/tsconfig.json @@ -9,7 +9,7 @@ "strict": true, "forceConsistentCasingInFileNames": true, "noFallthroughCasesInSwitch": true, - "module": "esnext", + "module": "ESNext", "moduleResolution": "Bundler", "resolveJsonModule": true, "isolatedModules": true, diff --git a/packages/checkout/package.json b/packages/checkout/package.json index c6d2f33e9..c2ff8f209 100644 --- a/packages/checkout/package.json +++ b/packages/checkout/package.json @@ -21,8 +21,8 @@ ], "scripts": { "build": "pnpm build:clean && pnpm build:esm && pnpm build:cjs", - "build:cjs": "tsc --module commonjs --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", - "build:esm": "tsc --module es2022 --declaration --declarationMap --outDir dist/esm", + "build:cjs": "tsc --module commonjs --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", + "build:esm": "tsc --module es2022 --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/esm", "build:clean": "rimraf -g ./dist", "build:check": "attw --pack .", "dev": "tsc --watch --module es2022 --declaration --declarationMap --outDir dist/esm", diff --git a/packages/checkout/src/api/data.ts b/packages/checkout/src/api/data.ts index e80eba91d..4d839b3ed 100644 --- a/packages/checkout/src/api/data.ts +++ b/packages/checkout/src/api/data.ts @@ -1,8 +1,8 @@ -import { SequenceAPIClient } from '@0xsequence/api' -import { TokenMetadata } from '@0xsequence/metadata' -import { ChainId, networks } from '@0xsequence/network' +import type { SequenceAPIClient } from '@0xsequence/api' +import type { TokenMetadata } from '@0xsequence/metadata' +import { networks, type ChainId } from '@0xsequence/network' -import { CreditCardCheckout } from '../contexts' +import type { CreditCardCheckout } from '../contexts' export interface FetchSardineClientTokenReturn { token: string diff --git a/packages/checkout/src/components/CopyButton.tsx b/packages/checkout/src/components/CopyButton.tsx index 3f8f4b5f2..21a185077 100644 --- a/packages/checkout/src/components/CopyButton.tsx +++ b/packages/checkout/src/components/CopyButton.tsx @@ -1,5 +1,5 @@ -import { Button, CopyIcon, CheckmarkIcon } from '@0xsequence/design-system' -import React, { useEffect, useState, ComponentProps } from 'react' +import { Button, CheckmarkIcon, CopyIcon } from '@0xsequence/design-system' +import React, { useEffect, useState, type ComponentProps } from 'react' import { CopyToClipboard } from 'react-copy-to-clipboard' type ButtonProps = ComponentProps diff --git a/packages/checkout/src/components/NavigationHeader.tsx b/packages/checkout/src/components/NavigationHeader.tsx index fd144949d..c2ce838b0 100644 --- a/packages/checkout/src/components/NavigationHeader.tsx +++ b/packages/checkout/src/components/NavigationHeader.tsx @@ -1,4 +1,4 @@ -import { IconButton, ChevronLeftIcon, Text, ModalPrimitive } from '@0xsequence/design-system' +import { ChevronLeftIcon, IconButton, ModalPrimitive, Text } from '@0xsequence/design-system' import React from 'react' import { HEADER_HEIGHT } from '../constants' diff --git a/packages/checkout/src/components/SequenceCheckoutProvider/SequenceCheckoutProvider.tsx b/packages/checkout/src/components/SequenceCheckoutProvider/SequenceCheckoutProvider.tsx index 529d9a9a4..7dc514735 100644 --- a/packages/checkout/src/components/SequenceCheckoutProvider/SequenceCheckoutProvider.tsx +++ b/packages/checkout/src/components/SequenceCheckoutProvider/SequenceCheckoutProvider.tsx @@ -3,37 +3,37 @@ import { getModalPositionCss, ShadowRoot, useConnectConfigContext, useTheme } from '@0xsequence/connect' import { Modal } from '@0xsequence/design-system' import { AnimatePresence } from 'motion/react' -import React, { useState, useEffect } from 'react' +import React, { useEffect, useState, type ReactNode } from 'react' import { - History, - Navigation, - NavigationContextProvider, - CheckoutModalContextProvider, - CheckoutSettings, AddFundsContextProvider, - AddFundsSettings, + CheckoutModalContextProvider, + EnvironmentContextProvider, + NavigationContextProvider, SelectPaymentContextProvider, - SelectPaymentSettings, - TransferFundsContextProvider, - TransferFundsSettings, - TransactionStatusSettings, - TransactionStatusModalContextProvider, - SwapModalSettings, SwapModalContextProvider, - EnvironmentContextProvider, - EnvironmentOverrides + TransactionStatusModalContextProvider, + TransferFundsContextProvider, + type AddFundsSettings, + type CheckoutSettings, + type EnvironmentOverrides, + type History, + type Navigation, + type SelectPaymentSettings, + type SwapModalSettings, + type TransactionStatusSettings, + type TransferFundsSettings } from '../../contexts' import { - PendingCreditCardTransaction, - TransactionError, - TransactionSuccess, - CheckoutSelection, AddFundsContent, + CheckoutSelection, PaymentSelection, - TransferToWallet, + PendingCreditCardTransaction, + Swap, + TransactionError, TransactionStatus, - Swap + TransactionSuccess, + TransferToWallet } from '../../views' import { NavigationHeader } from '../NavigationHeader' @@ -42,7 +42,7 @@ export interface SequenceCheckoutConfig { } export type SequenceCheckoutProviderProps = { - children: React.ReactNode + children: ReactNode config?: SequenceCheckoutConfig } diff --git a/packages/checkout/src/contexts/AddFundsModal.ts b/packages/checkout/src/contexts/AddFundsModal.ts index 2343732df..69ec0896b 100644 --- a/packages/checkout/src/contexts/AddFundsModal.ts +++ b/packages/checkout/src/contexts/AddFundsModal.ts @@ -1,5 +1,5 @@ import { TransactionOnRampProvider } from '@0xsequence/marketplace' -import { Hex } from 'viem' +import type { Hex } from 'viem' import { createGenericContext } from './genericContext' @@ -28,4 +28,4 @@ type AddFundsModalContext = { const [useAddFundsModalContext, AddFundsContextProvider] = createGenericContext() -export { useAddFundsModalContext, AddFundsContextProvider } +export { AddFundsContextProvider, useAddFundsModalContext } diff --git a/packages/checkout/src/contexts/CheckoutModal.ts b/packages/checkout/src/contexts/CheckoutModal.ts index 4528d1c31..f7a529aed 100644 --- a/packages/checkout/src/contexts/CheckoutModal.ts +++ b/packages/checkout/src/contexts/CheckoutModal.ts @@ -1,9 +1,9 @@ 'use client' -import { Theme } from '@0xsequence/design-system' +import type { Theme } from '@0xsequence/design-system' import { createGenericContext } from './genericContext' -import { SupplementaryAnalyticsInfo } from './SelectPaymentModal' +import type { SupplementaryAnalyticsInfo } from './SelectPaymentModal' interface CoinQuantity { contractAddress: string @@ -64,4 +64,4 @@ type CheckoutModalContext = { const [useCheckoutModalContext, CheckoutModalContextProvider] = createGenericContext() -export { useCheckoutModalContext, CheckoutModalContextProvider } +export { CheckoutModalContextProvider, useCheckoutModalContext } diff --git a/packages/checkout/src/contexts/Environment.ts b/packages/checkout/src/contexts/Environment.ts index 491a53e49..d732dc485 100644 --- a/packages/checkout/src/contexts/Environment.ts +++ b/packages/checkout/src/contexts/Environment.ts @@ -12,4 +12,4 @@ export interface EnvironmentOverrides { const [useEnvironmentContext, EnvironmentContextProvider] = createGenericContext() -export { useEnvironmentContext, EnvironmentContextProvider } +export { EnvironmentContextProvider, useEnvironmentContext } diff --git a/packages/checkout/src/contexts/Navigation.ts b/packages/checkout/src/contexts/Navigation.ts index 05051e571..d99091cf7 100644 --- a/packages/checkout/src/contexts/Navigation.ts +++ b/packages/checkout/src/contexts/Navigation.ts @@ -1,5 +1,6 @@ 'use client' -import { CreditCardCheckout } from '../contexts' + +import type { CreditCardCheckout } from '../contexts' import { createGenericContext } from './genericContext' @@ -55,4 +56,4 @@ type NavigationContext = { const [useNavigationContext, NavigationContextProvider] = createGenericContext() -export { useNavigationContext, NavigationContextProvider } +export { NavigationContextProvider, useNavigationContext } diff --git a/packages/checkout/src/contexts/SelectPaymentModal.ts b/packages/checkout/src/contexts/SelectPaymentModal.ts index 5309d42ab..15abc4bd3 100644 --- a/packages/checkout/src/contexts/SelectPaymentModal.ts +++ b/packages/checkout/src/contexts/SelectPaymentModal.ts @@ -1,5 +1,5 @@ import { TransactionOnRampProvider } from '@0xsequence/marketplace' -import { Hex } from 'viem' +import type { Hex } from 'viem' import type { TransakConfig } from '../contexts/CheckoutModal' @@ -59,4 +59,4 @@ type SelectPaymentModalContext = { const [useSelectPaymentContext, SelectPaymentContextProvider] = createGenericContext() -export { useSelectPaymentContext, SelectPaymentContextProvider } +export { SelectPaymentContextProvider, useSelectPaymentContext } diff --git a/packages/checkout/src/contexts/SwapModal.ts b/packages/checkout/src/contexts/SwapModal.ts index a414d1885..3254fbc93 100644 --- a/packages/checkout/src/contexts/SwapModal.ts +++ b/packages/checkout/src/contexts/SwapModal.ts @@ -1,6 +1,6 @@ 'use client' -import { Hex } from 'viem' +import type { Hex } from 'viem' import { createGenericContext } from './genericContext' @@ -33,4 +33,4 @@ type SwapModalContext = { const [useSwapModalContext, SwapModalContextProvider] = createGenericContext() -export { useSwapModalContext, SwapModalContextProvider } +export { SwapModalContextProvider, useSwapModalContext } diff --git a/packages/checkout/src/contexts/TransactionStatusModal.ts b/packages/checkout/src/contexts/TransactionStatusModal.ts index 39e907420..b37d64754 100644 --- a/packages/checkout/src/contexts/TransactionStatusModal.ts +++ b/packages/checkout/src/contexts/TransactionStatusModal.ts @@ -27,4 +27,4 @@ type TransactionStatusContext = { const [useTransactionStatusContext, TransactionStatusModalContextProvider] = createGenericContext() -export { useTransactionStatusContext, TransactionStatusModalContextProvider } +export { TransactionStatusModalContextProvider, useTransactionStatusContext } diff --git a/packages/checkout/src/contexts/TransferFundsModal.ts b/packages/checkout/src/contexts/TransferFundsModal.ts index f6a90641a..708fe1588 100644 --- a/packages/checkout/src/contexts/TransferFundsModal.ts +++ b/packages/checkout/src/contexts/TransferFundsModal.ts @@ -1,4 +1,4 @@ -import { Hex } from 'viem' +import type { Hex } from 'viem' import { createGenericContext } from './genericContext' @@ -15,4 +15,4 @@ type TransferFundsModalContext = { const [useTransferFundsModalContext, TransferFundsContextProvider] = createGenericContext() -export { useTransferFundsModalContext, TransferFundsContextProvider } +export { TransferFundsContextProvider, useTransferFundsModalContext } diff --git a/packages/checkout/src/contexts/genericContext.ts b/packages/checkout/src/contexts/genericContext.ts index 0ca6a4c99..453a6e9af 100644 --- a/packages/checkout/src/contexts/genericContext.ts +++ b/packages/checkout/src/contexts/genericContext.ts @@ -1,4 +1,4 @@ -import { useContext, createContext } from 'react' +import { createContext, useContext } from 'react' // https://medium.com/@rivoltafilippo/typing-react-context-to-avoid-an-undefined-default-value-2c7c5a7d5947 diff --git a/packages/checkout/src/hooks/useAddFundsModal.ts b/packages/checkout/src/hooks/useAddFundsModal.ts index cf09cc840..ac6d6350f 100644 --- a/packages/checkout/src/hooks/useAddFundsModal.ts +++ b/packages/checkout/src/hooks/useAddFundsModal.ts @@ -1,4 +1,4 @@ -import { AddFundsSettings, useAddFundsModalContext } from '../contexts/AddFundsModal' +import { useAddFundsModalContext, type AddFundsSettings } from '../contexts/AddFundsModal' /** * Return type for the useAddFundsModal hook. diff --git a/packages/checkout/src/hooks/useCheckoutModal.ts b/packages/checkout/src/hooks/useCheckoutModal.ts index 209589af3..4a8706762 100644 --- a/packages/checkout/src/hooks/useCheckoutModal.ts +++ b/packages/checkout/src/hooks/useCheckoutModal.ts @@ -1,4 +1,4 @@ -import { CheckoutSettings, useCheckoutModalContext } from '../contexts/CheckoutModal' +import { useCheckoutModalContext, type CheckoutSettings } from '../contexts/CheckoutModal' /** * Return type for the useCheckoutModal hook. diff --git a/packages/checkout/src/hooks/useCheckoutOptionsSalesContract.ts b/packages/checkout/src/hooks/useCheckoutOptionsSalesContract.ts index bffbfa1d9..b7bbfbc7f 100644 --- a/packages/checkout/src/hooks/useCheckoutOptionsSalesContract.ts +++ b/packages/checkout/src/hooks/useCheckoutOptionsSalesContract.ts @@ -1,4 +1,4 @@ -import { CheckoutOptionsSalesContractArgs } from '@0xsequence/marketplace' +import type { CheckoutOptionsSalesContractArgs } from '@0xsequence/marketplace' import { useQuery } from '@tanstack/react-query' import { useMarketplaceClient } from './useMarketplaceClient' diff --git a/packages/checkout/src/hooks/useCheckoutUI/index.tsx b/packages/checkout/src/hooks/useCheckoutUI/index.tsx index f379d7136..62e2d982a 100644 --- a/packages/checkout/src/hooks/useCheckoutUI/index.tsx +++ b/packages/checkout/src/hooks/useCheckoutUI/index.tsx @@ -1,9 +1,9 @@ -import { useGetTokenMetadata, useGetContractInfo } from '@0xsequence/hooks' +import { useGetContractInfo, useGetTokenMetadata } from '@0xsequence/hooks' import { findSupportedNetwork } from '@0xsequence/network' -import { Hex } from 'viem' +import type { Hex } from 'viem' -import { TransakConfig } from '../../contexts/CheckoutModal' -import { Collectible, CreditCardProviders } from '../../contexts/SelectPaymentModal' +import type { TransakConfig } from '../../contexts/CheckoutModal' +import type { Collectible, CreditCardProviders } from '../../contexts/SelectPaymentModal' import { useCreditCardPayment, type UseCreditCardPaymentReturn } from './useCreditCardPayment' import { useCryptoPayment, type UseCryptoPaymentReturn } from './useCryptoPayment' diff --git a/packages/checkout/src/hooks/useCheckoutUI/useCreditCardPayment.tsx b/packages/checkout/src/hooks/useCheckoutUI/useCreditCardPayment.tsx index 97c49ff2b..4f78fbe34 100644 --- a/packages/checkout/src/hooks/useCheckoutUI/useCreditCardPayment.tsx +++ b/packages/checkout/src/hooks/useCheckoutUI/useCreditCardPayment.tsx @@ -1,16 +1,16 @@ import { useProjectAccessKey } from '@0xsequence/connect' import { compareAddress } from '@0xsequence/connect' import { useConfig } from '@0xsequence/hooks' -import { ContractInfo, TokenMetadata } from '@0xsequence/metadata' +import type { ContractInfo, TokenMetadata } from '@0xsequence/metadata' import { findSupportedNetwork } from '@0xsequence/network' import pako from 'pako' import React, { useEffect, useRef } from 'react' -import { Hex, formatUnits, zeroAddress } from 'viem' +import { formatUnits, zeroAddress, type Hex } from 'viem' import { fetchSardineOrderStatus } from '../../api' import { useEnvironmentContext } from '../../contexts' -import { TransakConfig } from '../../contexts/CheckoutModal' -import { Collectible, CreditCardProviders } from '../../contexts/SelectPaymentModal' +import type { TransakConfig } from '../../contexts/CheckoutModal' +import type { Collectible, CreditCardProviders } from '../../contexts/SelectPaymentModal' import { TRANSAK_PROXY_ADDRESS } from '../../utils/transak' import { useSardineClientToken } from '../useSardineClientToken' diff --git a/packages/checkout/src/hooks/useCheckoutUI/useCryptoPayment.tsx b/packages/checkout/src/hooks/useCheckoutUI/useCryptoPayment.tsx index 4102260a2..2494a12a7 100644 --- a/packages/checkout/src/hooks/useCheckoutUI/useCryptoPayment.tsx +++ b/packages/checkout/src/hooks/useCheckoutUI/useCryptoPayment.tsx @@ -1,13 +1,13 @@ import { compareAddress, ContractVerificationStatus, formatDisplay, sendTransactions } from '@0xsequence/connect' -import { useIndexerClient, useGetTokenBalancesSummary, useGetSwapQuote, useGetSwapRoutes } from '@0xsequence/hooks' -import { ContractInfo, TokenMetadata } from '@0xsequence/metadata' +import { useGetSwapQuote, useGetSwapRoutes, useGetTokenBalancesSummary, useIndexerClient } from '@0xsequence/hooks' +import type { ContractInfo, TokenMetadata } from '@0xsequence/metadata' import { findSupportedNetwork } from '@0xsequence/network' import { useState } from 'react' -import { Hex, encodeFunctionData, formatUnits, zeroAddress } from 'viem' -import { usePublicClient, useAccount, useReadContract, useWalletClient } from 'wagmi' +import { encodeFunctionData, formatUnits, zeroAddress, type Hex } from 'viem' +import { useAccount, usePublicClient, useReadContract, useWalletClient } from 'wagmi' import { ERC_20_CONTRACT_ABI } from '../../constants/abi' -import { Collectible } from '../../contexts/SelectPaymentModal' +import type { Collectible } from '../../contexts/SelectPaymentModal' export interface UseCryptoPaymentArgs { chain: string | number diff --git a/packages/checkout/src/hooks/useCheckoutUI/useOrderSummary.tsx b/packages/checkout/src/hooks/useCheckoutUI/useOrderSummary.tsx index bd1ff78d4..7fb10d0a9 100644 --- a/packages/checkout/src/hooks/useCheckoutUI/useOrderSummary.tsx +++ b/packages/checkout/src/hooks/useCheckoutUI/useOrderSummary.tsx @@ -1,12 +1,12 @@ import { compareAddress, formatDisplay, NetworkBadge } from '@0xsequence/connect' import { networkImageUrl } from '@0xsequence/design-system' import { useGetCoinPrices } from '@0xsequence/hooks' -import { ContractInfo, TokenMetadata } from '@0xsequence/metadata' +import type { ContractInfo, TokenMetadata } from '@0xsequence/metadata' import { findSupportedNetwork } from '@0xsequence/network' -import { ReactNode } from 'react' +import type { ReactNode } from 'react' import { formatUnits, zeroAddress } from 'viem' -import { Collectible } from '../../contexts/SelectPaymentModal' +import type { Collectible } from '../../contexts/SelectPaymentModal' export interface UseOrderSummaryArgs { chain: string | number diff --git a/packages/checkout/src/hooks/useCheckoutWhitelistStatus.ts b/packages/checkout/src/hooks/useCheckoutWhitelistStatus.ts index 7978ed2a0..5ae09ff0e 100644 --- a/packages/checkout/src/hooks/useCheckoutWhitelistStatus.ts +++ b/packages/checkout/src/hooks/useCheckoutWhitelistStatus.ts @@ -2,7 +2,7 @@ import { useProjectAccessKey } from '@0xsequence/connect' import { useConfig } from '@0xsequence/hooks' import { useQuery } from '@tanstack/react-query' -import { checkSardineWhitelistStatus, CheckSardineWhitelistStatusArgs } from '../utils' +import { checkSardineWhitelistStatus, type CheckSardineWhitelistStatusArgs } from '../utils' export const useCheckoutWhitelistStatus = (args: CheckSardineWhitelistStatusArgs, disabled?: boolean) => { const projectAccessKey = useProjectAccessKey() diff --git a/packages/checkout/src/hooks/useERC1155SaleContractCheckout.ts b/packages/checkout/src/hooks/useERC1155SaleContractCheckout.ts index b94130300..87d42ceeb 100644 --- a/packages/checkout/src/hooks/useERC1155SaleContractCheckout.ts +++ b/packages/checkout/src/hooks/useERC1155SaleContractCheckout.ts @@ -1,10 +1,10 @@ -import { CheckoutOptionsSalesContractArgs, TransactionSwapProvider } from '@0xsequence/marketplace' +import { TransactionSwapProvider, type CheckoutOptionsSalesContractArgs } from '@0xsequence/marketplace' import { findSupportedNetwork } from '@0xsequence/network' -import { Abi, Hex, encodeFunctionData, toHex, zeroAddress } from 'viem' +import { encodeFunctionData, toHex, zeroAddress, type Abi, type Hex } from 'viem' import { useReadContract, useReadContracts } from 'wagmi' import { ERC_1155_SALE_CONTRACT } from '../constants/abi' -import { SelectPaymentSettings } from '../contexts/SelectPaymentModal' +import type { SelectPaymentSettings } from '../contexts/SelectPaymentModal' import { useCheckoutOptionsSalesContract } from './useCheckoutOptionsSalesContract' import { useSelectPaymentModal } from './useSelectPaymentModal' diff --git a/packages/checkout/src/hooks/useNavigation.ts b/packages/checkout/src/hooks/useNavigation.ts index 059898a91..619179486 100644 --- a/packages/checkout/src/hooks/useNavigation.ts +++ b/packages/checkout/src/hooks/useNavigation.ts @@ -1,4 +1,4 @@ -import { useNavigationContext, Navigation, History } from '../contexts/Navigation' +import { useNavigationContext, type History, type Navigation } from '../contexts/Navigation' interface UseNavigation { setNavigation: (navigation: Navigation) => void diff --git a/packages/checkout/src/hooks/useSardineClientToken.ts b/packages/checkout/src/hooks/useSardineClientToken.ts index 3811459a2..9507e3c79 100644 --- a/packages/checkout/src/hooks/useSardineClientToken.ts +++ b/packages/checkout/src/hooks/useSardineClientToken.ts @@ -1,6 +1,6 @@ import { useQuery } from '@tanstack/react-query' -import { FetchSardineClientTokenArgs, fetchSardineClientToken } from '../api/data' +import { fetchSardineClientToken, type FetchSardineClientTokenArgs } from '../api/data' export const useSardineClientToken = (args: FetchSardineClientTokenArgs, disabled?: boolean) => { return useQuery({ diff --git a/packages/checkout/src/hooks/useSardineOnRampLink.ts b/packages/checkout/src/hooks/useSardineOnRampLink.ts index 692718074..12a8dd1da 100644 --- a/packages/checkout/src/hooks/useSardineOnRampLink.ts +++ b/packages/checkout/src/hooks/useSardineOnRampLink.ts @@ -1,6 +1,6 @@ import { useQuery } from '@tanstack/react-query' -import { SardineLinkOnRampArgs, fetchSardineOnRampLink } from '../api/data' +import { fetchSardineOnRampLink, type SardineLinkOnRampArgs } from '../api/data' export const useSardineOnRampLink = (args: SardineLinkOnRampArgs, disabled?: boolean) => { return useQuery({ diff --git a/packages/checkout/src/hooks/useSelectPaymentModal.ts b/packages/checkout/src/hooks/useSelectPaymentModal.ts index dad159fec..ff2233f3e 100644 --- a/packages/checkout/src/hooks/useSelectPaymentModal.ts +++ b/packages/checkout/src/hooks/useSelectPaymentModal.ts @@ -1,4 +1,4 @@ -import { SelectPaymentSettings, useSelectPaymentContext } from '../contexts/SelectPaymentModal' +import { useSelectPaymentContext, type SelectPaymentSettings } from '../contexts/SelectPaymentModal' /** * Return type for the useSelectPaymentModal hook. diff --git a/packages/checkout/src/hooks/useSwapModal.ts b/packages/checkout/src/hooks/useSwapModal.ts index a2db176ef..9ee2abe42 100644 --- a/packages/checkout/src/hooks/useSwapModal.ts +++ b/packages/checkout/src/hooks/useSwapModal.ts @@ -1,4 +1,4 @@ -import { SwapModalSettings, useSwapModalContext } from '../contexts/SwapModal' +import { useSwapModalContext, type SwapModalSettings } from '../contexts/SwapModal' /** * Return type for the useSwapModal hook. diff --git a/packages/checkout/src/utils/transak.ts b/packages/checkout/src/utils/transak.ts index 607ea90c4..206941946 100644 --- a/packages/checkout/src/utils/transak.ts +++ b/packages/checkout/src/utils/transak.ts @@ -1,4 +1,4 @@ -import { AddFundsSettings } from '../contexts' +import type { AddFundsSettings } from '../contexts' export const TRANSAK_PROXY_ADDRESS = '0x4a598b7ec77b1562ad0df7dc64a162695ce4c78a' diff --git a/packages/checkout/src/views/AddFunds.tsx b/packages/checkout/src/views/AddFunds.tsx index 0da31c3c4..70673a44d 100644 --- a/packages/checkout/src/views/AddFunds.tsx +++ b/packages/checkout/src/views/AddFunds.tsx @@ -4,7 +4,7 @@ import React, { useEffect, useRef } from 'react' import { HEADER_HEIGHT } from '../constants' import { useEnvironmentContext } from '../contexts' -import { AddFundsSettings } from '../contexts/AddFundsModal' +import type { AddFundsSettings } from '../contexts/AddFundsModal' import { useAddFundsModal, useSardineOnRampLink } from '../hooks' import { getTransakLink } from '../utils/transak' diff --git a/packages/checkout/src/views/CheckoutSelection/component/OrderSummaryItem.tsx b/packages/checkout/src/views/CheckoutSelection/component/OrderSummaryItem.tsx index e6755a851..a98b71d1c 100644 --- a/packages/checkout/src/views/CheckoutSelection/component/OrderSummaryItem.tsx +++ b/packages/checkout/src/views/CheckoutSelection/component/OrderSummaryItem.tsx @@ -1,6 +1,6 @@ import { formatDisplay } from '@0xsequence/connect' -import { Card, Image, Text, Skeleton, TokenImage, NetworkImage } from '@0xsequence/design-system' -import { useGetTokenMetadata, useGetContractInfo } from '@0xsequence/hooks' +import { Card, Image, NetworkImage, Skeleton, Text, TokenImage } from '@0xsequence/design-system' +import { useGetContractInfo, useGetTokenMetadata } from '@0xsequence/hooks' import { formatUnits } from 'viem' interface OrderSummaryItem { diff --git a/packages/checkout/src/views/CheckoutSelection/index.tsx b/packages/checkout/src/views/CheckoutSelection/index.tsx index 96bdfa808..ae1765956 100644 --- a/packages/checkout/src/views/CheckoutSelection/index.tsx +++ b/packages/checkout/src/views/CheckoutSelection/index.tsx @@ -1,22 +1,22 @@ -import { ContractVerificationStatus, getNativeTokenInfoByChainId, compareAddress, formatDisplay } from '@0xsequence/connect' +import { compareAddress, ContractVerificationStatus, formatDisplay, getNativeTokenInfoByChainId } from '@0xsequence/connect' import { Button, ChevronRightIcon, Divider, HelpIcon, - Text, - Tooltip, PaymentsIcon, Skeleton, - TokenImage + Text, + TokenImage, + Tooltip } from '@0xsequence/design-system' -import { useGetTokenBalancesSummary, useGetContractInfo } from '@0xsequence/hooks' +import { useGetContractInfo, useGetTokenBalancesSummary } from '@0xsequence/hooks' import { useEffect } from 'react' -import { zeroAddress, formatUnits } from 'viem' +import { formatUnits, zeroAddress } from 'viem' import { useAccount, useConfig } from 'wagmi' import { HEADER_HEIGHT } from '../../constants' -import { useNavigation, useCheckoutModal } from '../../hooks' +import { useCheckoutModal, useNavigation } from '../../hooks' import { OrderSummaryItem } from './component/OrderSummaryItem' diff --git a/packages/checkout/src/views/PaymentSelection/FundWithFiat.tsx b/packages/checkout/src/views/PaymentSelection/FundWithFiat.tsx index b5fcf4819..abb3d7082 100644 --- a/packages/checkout/src/views/PaymentSelection/FundWithFiat.tsx +++ b/packages/checkout/src/views/PaymentSelection/FundWithFiat.tsx @@ -2,7 +2,7 @@ import { ArrowRightIcon, Card, CurrencyIcon, Text } from '@0xsequence/design-sys import { TransactionOnRampProvider } from '@0xsequence/marketplace' import { findSupportedNetwork } from '@0xsequence/network' -import { useSelectPaymentModal, useAddFundsModal } from '../../hooks' +import { useAddFundsModal, useSelectPaymentModal } from '../../hooks' interface FundWithFiatProps { cryptoSymbol?: string diff --git a/packages/checkout/src/views/PaymentSelection/OrderSummary/index.tsx b/packages/checkout/src/views/PaymentSelection/OrderSummary/index.tsx index 8496f8ca4..b818aa770 100644 --- a/packages/checkout/src/views/PaymentSelection/OrderSummary/index.tsx +++ b/packages/checkout/src/views/PaymentSelection/OrderSummary/index.tsx @@ -1,6 +1,6 @@ -import { formatDisplay, NetworkBadge, CollectibleTileImage } from '@0xsequence/connect' -import { Spinner, NetworkImage, Text } from '@0xsequence/design-system' -import { useGetTokenMetadata, useGetContractInfo, useGetCoinPrices } from '@0xsequence/hooks' +import { CollectibleTileImage, formatDisplay, NetworkBadge } from '@0xsequence/connect' +import { NetworkImage, Spinner, Text } from '@0xsequence/design-system' +import { useGetCoinPrices, useGetContractInfo, useGetTokenMetadata } from '@0xsequence/hooks' import { findSupportedNetwork } from '@0xsequence/network' import { formatUnits } from 'viem' diff --git a/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.tsx b/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.tsx index 611b85724..9867918fa 100644 --- a/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.tsx +++ b/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.tsx @@ -1,5 +1,5 @@ import { Card, cn, Text } from '@0xsequence/design-system' -import { JSX } from 'react' +import type { JSX } from 'react' interface PaymentProviderOptionProps { name: string diff --git a/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/index.tsx b/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/index.tsx index 6dde9cc2c..d5f47dfa6 100644 --- a/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/index.tsx +++ b/packages/checkout/src/views/PaymentSelection/PayWithCreditCard/index.tsx @@ -4,8 +4,8 @@ import { findSupportedNetwork } from '@0xsequence/network' import { useEffect, useState } from 'react' import { useAccount } from 'wagmi' -import { SelectPaymentSettings } from '../../../contexts' -import { CheckoutSettings } from '../../../contexts/CheckoutModal' +import type { SelectPaymentSettings } from '../../../contexts' +import type { CheckoutSettings } from '../../../contexts/CheckoutModal' import { useCheckoutModal, useSelectPaymentModal } from '../../../hooks' interface PayWithCreditCardProps { diff --git a/packages/checkout/src/views/PaymentSelection/PayWithCrypto/index.tsx b/packages/checkout/src/views/PaymentSelection/PayWithCrypto/index.tsx index c78238a18..1b708d339 100644 --- a/packages/checkout/src/views/PaymentSelection/PayWithCrypto/index.tsx +++ b/packages/checkout/src/views/PaymentSelection/PayWithCrypto/index.tsx @@ -1,13 +1,13 @@ -import { CryptoOption, compareAddress, ContractVerificationStatus, formatDisplay } from '@0xsequence/connect' -import { AddIcon, Button, SubtractIcon, Text, Spinner } from '@0xsequence/design-system' -import { useClearCachedBalances, useGetTokenBalancesSummary, useGetContractInfo, useGetSwapRoutes } from '@0xsequence/hooks' +import { compareAddress, ContractVerificationStatus, CryptoOption, formatDisplay } from '@0xsequence/connect' +import { AddIcon, Button, Spinner, SubtractIcon, Text } from '@0xsequence/design-system' +import { useClearCachedBalances, useGetContractInfo, useGetSwapRoutes, useGetTokenBalancesSummary } from '@0xsequence/hooks' import { findSupportedNetwork } from '@0xsequence/network' import { motion } from 'motion/react' -import { useState, useEffect, Fragment, SetStateAction, useMemo } from 'react' +import { Fragment, useEffect, useMemo, useState, type SetStateAction } from 'react' import { formatUnits, zeroAddress } from 'viem' import { useAccount } from 'wagmi' -import { SelectPaymentSettings } from '../../../contexts' +import type { SelectPaymentSettings } from '../../../contexts' interface PayWithCryptoProps { settings: SelectPaymentSettings diff --git a/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx b/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx index 341b5b586..18a253e94 100644 --- a/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx +++ b/packages/checkout/src/views/PaymentSelection/TransferFunds.tsx @@ -1,6 +1,6 @@ import { Card, CheckmarkIcon, CopyIcon, IconButton, Text, truncateAddress } from '@0xsequence/design-system' import { QRCodeCanvas } from 'qrcode.react' -import { useState, useEffect } from 'react' +import { useEffect, useState } from 'react' import { CopyToClipboard } from 'react-copy-to-clipboard' import { useAccount } from 'wagmi' diff --git a/packages/checkout/src/views/PaymentSelection/index.tsx b/packages/checkout/src/views/PaymentSelection/index.tsx index 77cb35ce9..6481c2512 100644 --- a/packages/checkout/src/views/PaymentSelection/index.tsx +++ b/packages/checkout/src/views/PaymentSelection/index.tsx @@ -1,23 +1,23 @@ -import { LifiToken } from '@0xsequence/api' -import { useAnalyticsContext, compareAddress, TRANSACTION_CONFIRMATIONS_DEFAULT, sendTransactions } from '@0xsequence/connect' -import { Button, Divider, Text, Spinner } from '@0xsequence/design-system' +import type { LifiToken } from '@0xsequence/api' +import { compareAddress, sendTransactions, TRANSACTION_CONFIRMATIONS_DEFAULT, useAnalyticsContext } from '@0xsequence/connect' +import { Button, Divider, Spinner, Text } from '@0xsequence/design-system' import { useClearCachedBalances, useGetContractInfo, useGetSwapQuote, - useIndexerClient, - useGetSwapRoutes + useGetSwapRoutes, + useIndexerClient } from '@0xsequence/hooks' import { findSupportedNetwork } from '@0xsequence/network' -import { useState, useEffect } from 'react' -import { encodeFunctionData, Hex, zeroAddress } from 'viem' -import { usePublicClient, useWalletClient, useReadContract, useAccount } from 'wagmi' +import { useEffect, useState } from 'react' +import { encodeFunctionData, zeroAddress, type Hex } from 'viem' +import { useAccount, usePublicClient, useReadContract, useWalletClient } from 'wagmi' import { NavigationHeader } from '../../components/NavigationHeader' import { HEADER_HEIGHT, NFT_CHECKOUT_SOURCE } from '../../constants' import { ERC_20_CONTRACT_ABI } from '../../constants/abi' -import { SelectPaymentSettings } from '../../contexts/SelectPaymentModal' -import { useSelectPaymentModal, useTransactionStatusModal, useSkipOnCloseCallback } from '../../hooks' +import type { SelectPaymentSettings } from '../../contexts/SelectPaymentModal' +import { useSelectPaymentModal, useSkipOnCloseCallback, useTransactionStatusModal } from '../../hooks' import { Footer } from './Footer' import { FundWithFiat } from './FundWithFiat' diff --git a/packages/checkout/src/views/PendingCreditCardTransaction.tsx b/packages/checkout/src/views/PendingCreditCardTransaction.tsx index f2485cffe..2d61581d0 100644 --- a/packages/checkout/src/views/PendingCreditCardTransaction.tsx +++ b/packages/checkout/src/views/PendingCreditCardTransaction.tsx @@ -1,6 +1,6 @@ import { useAnalyticsContext, useProjectAccessKey } from '@0xsequence/connect' import { Spinner, Text } from '@0xsequence/design-system' -import { useConfig, useGetTokenMetadata, useGetContractInfo } from '@0xsequence/hooks' +import { useConfig, useGetContractInfo, useGetTokenMetadata } from '@0xsequence/hooks' import { findSupportedNetwork } from '@0xsequence/network' import pako from 'pako' import { useEffect, useRef } from 'react' @@ -8,13 +8,13 @@ import { formatUnits } from 'viem' import { fetchSardineOrderStatus } from '../api' import { NFT_CHECKOUT_SOURCE } from '../constants' -import { TransactionPendingNavigation, useEnvironmentContext } from '../contexts' +import { useEnvironmentContext, type TransactionPendingNavigation } from '../contexts' import { - useNavigation, useCheckoutModal, + useNavigation, useSardineClientToken, - useTransactionStatusModal, - useSkipOnCloseCallback + useSkipOnCloseCallback, + useTransactionStatusModal } from '../hooks' import { TRANSAK_PROXY_ADDRESS } from '../utils/transak' diff --git a/packages/checkout/src/views/Swap/index.tsx b/packages/checkout/src/views/Swap/index.tsx index 8b5f22298..31a621d26 100644 --- a/packages/checkout/src/views/Swap/index.tsx +++ b/packages/checkout/src/views/Swap/index.tsx @@ -1,15 +1,15 @@ -import { CryptoOption, compareAddress, formatDisplay, sendTransactions } from '@0xsequence/connect' +import { compareAddress, CryptoOption, formatDisplay, sendTransactions } from '@0xsequence/connect' import { Button, Spinner, Text } from '@0xsequence/design-system' import { useGetContractInfo, - useGetSwapRoutes, useGetSwapQuote, + useGetSwapRoutes, useGetTokenBalancesSummary, useIndexerClient } from '@0xsequence/hooks' import { findSupportedNetwork } from '@0xsequence/network' -import { useState, useEffect, useMemo } from 'react' -import { zeroAddress, formatUnits, Hex } from 'viem' +import { useEffect, useMemo, useState } from 'react' +import { formatUnits, zeroAddress, type Hex } from 'viem' import { useAccount, usePublicClient, useWalletClient } from 'wagmi' import { HEADER_HEIGHT } from '../../constants' diff --git a/packages/checkout/src/views/TransactionError.tsx b/packages/checkout/src/views/TransactionError.tsx index a2e2c1053..0864ed425 100644 --- a/packages/checkout/src/views/TransactionError.tsx +++ b/packages/checkout/src/views/TransactionError.tsx @@ -1,7 +1,7 @@ import { CloseIcon, Text } from '@0xsequence/design-system' import React, { useEffect } from 'react' -import { TransactionErrorNavigation } from '../contexts' +import type { TransactionErrorNavigation } from '../contexts' import { useCheckoutModal, useNavigation } from '../hooks' export const TransactionError = () => { diff --git a/packages/checkout/src/views/TransactionStatus/index.tsx b/packages/checkout/src/views/TransactionStatus/index.tsx index e36b44815..92603a4af 100644 --- a/packages/checkout/src/views/TransactionStatus/index.tsx +++ b/packages/checkout/src/views/TransactionStatus/index.tsx @@ -7,20 +7,20 @@ import { import { ArrowDownIcon, Card, + CheckmarkIcon, + CloseIcon, NetworkImage, Spinner, Text, TokenImage, - CheckmarkIcon, - CloseIcon, truncateAddress } from '@0xsequence/design-system' -import { useGetTokenMetadata, useGetContractInfo, useIndexerClient } from '@0xsequence/hooks' +import { useGetContractInfo, useGetTokenMetadata, useIndexerClient } from '@0xsequence/hooks' import { TransactionStatus as TransactionStatusSequence } from '@0xsequence/indexer' import { findSupportedNetwork } from '@0xsequence/network' -import { useState, useEffect } from 'react' +import { useEffect, useState } from 'react' import TimeAgo from 'timeago-react' -import { formatUnits, Hex, PublicClient } from 'viem' +import { formatUnits, type Hex, type PublicClient } from 'viem' import { usePublicClient } from 'wagmi' import { HEADER_HEIGHT } from '../../constants' diff --git a/packages/checkout/src/views/TransactionSuccess.tsx b/packages/checkout/src/views/TransactionSuccess.tsx index 8ab2c5496..e2e8b41df 100644 --- a/packages/checkout/src/views/TransactionSuccess.tsx +++ b/packages/checkout/src/views/TransactionSuccess.tsx @@ -1,8 +1,8 @@ import { CheckmarkIcon, Text } from '@0xsequence/design-system' -import { ChainId, allNetworks } from '@0xsequence/network' +import { allNetworks, ChainId } from '@0xsequence/network' import React, { useEffect } from 'react' -import { TransactionSuccessNavigation } from '../contexts' +import type { TransactionSuccessNavigation } from '../contexts' import { useCheckoutModal, useNavigation } from '../hooks' export const TransactionSuccess = () => { diff --git a/packages/checkout/src/views/TransferToWallet/CopyButton.tsx b/packages/checkout/src/views/TransferToWallet/CopyButton.tsx index 55edccb84..1c50ef1dd 100644 --- a/packages/checkout/src/views/TransferToWallet/CopyButton.tsx +++ b/packages/checkout/src/views/TransferToWallet/CopyButton.tsx @@ -1,5 +1,5 @@ -import { Button, CopyIcon, CheckmarkIcon } from '@0xsequence/design-system' -import { useEffect, useState, ComponentProps } from 'react' +import { Button, CheckmarkIcon, CopyIcon } from '@0xsequence/design-system' +import { useEffect, useState, type ComponentProps } from 'react' import { CopyToClipboard } from 'react-copy-to-clipboard' type ButtonProps = ComponentProps diff --git a/packages/checkout/tsconfig.json b/packages/checkout/tsconfig.json index b4416ddf7..17eff1e50 100644 --- a/packages/checkout/tsconfig.json +++ b/packages/checkout/tsconfig.json @@ -7,6 +7,7 @@ "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, + "verbatimModuleSyntax": true, "strict": true, // "noUncheckedIndexedAccess": true, "module": "ESNext", diff --git a/packages/connect/package.json b/packages/connect/package.json index c9cbbadaa..5a9b52c29 100644 --- a/packages/connect/package.json +++ b/packages/connect/package.json @@ -26,8 +26,8 @@ ], "scripts": { "build": "pnpm run writeVersion && pnpm build:clean && pnpm build:css && pnpm build:esm && pnpm build:cjs", - "build:cjs": "tsc --module commonjs --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", - "build:esm": "tsc --module es2022 --declaration --declarationMap --outDir dist/esm", + "build:cjs": "tsc --module commonjs --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", + "build:esm": "tsc --module es2022 --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/esm", "build:css": "rimraf ./src/styles.ts && tailwindcss -i ./src/index.css -o - | echo \"export const styles = String.raw\\`\n$(cat)\\`\" > ./src/styles.ts", "build:clean": "rimraf -g ./dist", "build:check": "attw --pack .", diff --git a/packages/connect/src/components/CollectibleTileImage/CollectibleTileImage.tsx b/packages/connect/src/components/CollectibleTileImage/CollectibleTileImage.tsx index 5a4be42e2..e37a119c8 100644 --- a/packages/connect/src/components/CollectibleTileImage/CollectibleTileImage.tsx +++ b/packages/connect/src/components/CollectibleTileImage/CollectibleTileImage.tsx @@ -1,11 +1,11 @@ import { Card, Image } from '@0xsequence/design-system' -import React from 'react' +import type { FC } from 'react' interface CollectibleTileImageProps { imageUrl?: string } -export const CollectibleTileImage = ({ imageUrl }: CollectibleTileImageProps) => { +export const CollectibleTileImage: FC = ({ imageUrl }) => { return ( diff --git a/packages/connect/src/components/Connect/Banner.tsx b/packages/connect/src/components/Connect/Banner.tsx index 8757fd9ab..0bb7586c1 100644 --- a/packages/connect/src/components/Connect/Banner.tsx +++ b/packages/connect/src/components/Connect/Banner.tsx @@ -1,6 +1,6 @@ import { Image } from '@0xsequence/design-system' -import { ConnectConfig } from '../../types' +import type { ConnectConfig } from '../../types' interface BannerProps { config: ConnectConfig diff --git a/packages/connect/src/components/Connect/Connect.tsx b/packages/connect/src/components/Connect/Connect.tsx index a6dceb79f..963890218 100644 --- a/packages/connect/src/components/Connect/Connect.tsx +++ b/packages/connect/src/components/Connect/Connect.tsx @@ -1,9 +1,9 @@ 'use client' -import { ArrowRightIcon, Divider, Text, TextInput, Spinner, Image, IconButton, ModalPrimitive } from '@0xsequence/design-system' +import { ArrowRightIcon, Divider, IconButton, Image, ModalPrimitive, Spinner, Text, TextInput } from '@0xsequence/design-system' import { genUserId } from '@databeat/tracker' import { clsx } from 'clsx' -import React, { useState, useEffect } from 'react' +import { useEffect, useState, type ChangeEventHandler, type ReactNode } from 'react' import { appleAuthHelpers, useScript } from 'react-apple-signin-auth' import { useConnect, useConnections, useSignMessage } from 'wagmi' @@ -12,14 +12,14 @@ import { CHAIN_ID_FOR_SIGNATURE } from '../../constants/walletLinking' import { useAnalyticsContext } from '../../contexts/Analytics' import { useStorage } from '../../hooks/useStorage' import { useEmailAuth } from '../../hooks/useWaasEmailAuth' -import { FormattedEmailConflictInfo } from '../../hooks/useWaasEmailConflict' +import type { FormattedEmailConflictInfo } from '../../hooks/useWaasEmailConflict' import { useWaasLinkWallet } from '../../hooks/useWaasLinkWallet' import { useWallets } from '../../hooks/useWallets' import { useWalletSettings } from '../../hooks/useWalletSettings' -import { ExtendedConnector, ConnectConfig, LogoProps } from '../../types' +import type { ConnectConfig, ExtendedConnector, LogoProps } from '../../types' import { isEmailValid } from '../../utils/helpers' import { AppleWaasConnectButton, ConnectButton, GoogleWaasConnectButton, ShowAllWalletsButton } from '../ConnectButton' -import { SequenceConnectProviderProps } from '../SequenceConnectProvider' +import type { SequenceConnectProviderProps } from '../SequenceConnectProvider' import { PoweredBySequence } from '../SequenceLogo' import { Banner } from './Banner' @@ -224,7 +224,7 @@ export const Connect = (props: ConnectProps) => { ) const emailConnector = (connectors as ExtendedConnector[]).find(c => c._wallet?.id.includes('email')) - const onChangeEmail: React.ChangeEventHandler = ev => { + const onChangeEmail: ChangeEventHandler = ev => { setEmail(ev.target.value) } @@ -518,7 +518,7 @@ export const Connect = (props: ConnectProps) => { ) } -const TitleWrapper = ({ children, isPreview }: { children: React.ReactNode; isPreview: boolean }) => { +const TitleWrapper = ({ children, isPreview }: { children: ReactNode; isPreview: boolean }) => { if (isPreview) { return <>{children} } diff --git a/packages/connect/src/components/Connect/ConnectedWallets.tsx b/packages/connect/src/components/Connect/ConnectedWallets.tsx index 13bccb82c..e8dbd9c21 100644 --- a/packages/connect/src/components/Connect/ConnectedWallets.tsx +++ b/packages/connect/src/components/Connect/ConnectedWallets.tsx @@ -1,10 +1,10 @@ -import { LinkedWallet } from '@0xsequence/api' -import { motion, AnimatePresence } from 'motion/react' -import React, { useMemo, useEffect, useRef, JSX } from 'react' +import type { LinkedWallet } from '@0xsequence/api' +import { AnimatePresence, motion } from 'motion/react' +import { useEffect, useMemo, useRef, type JSX } from 'react' -import { ConnectedWallet } from '../../hooks/useWallets' +import type { ConnectedWallet } from '../../hooks/useWallets' -import { WalletListItem, WalletListItemProps } from './WalletListItem' +import { WalletListItem, type WalletListItemProps } from './WalletListItem' interface ConnectedWalletsProps { wallets: ConnectedWallet[] diff --git a/packages/connect/src/components/Connect/EmailWaasVerify.tsx b/packages/connect/src/components/Connect/EmailWaasVerify.tsx index f34aa73a9..a5b3ecba4 100644 --- a/packages/connect/src/components/Connect/EmailWaasVerify.tsx +++ b/packages/connect/src/components/Connect/EmailWaasVerify.tsx @@ -1,5 +1,5 @@ import { Button, CheckmarkIcon, PINCodeInput, Spinner, Text } from '@0xsequence/design-system' -import { useState, useEffect, useRef } from 'react' +import { useEffect, useRef, useState } from 'react' interface EmailWaasVerifyProps { isLoading: boolean diff --git a/packages/connect/src/components/Connect/ExtendedWalletList.tsx b/packages/connect/src/components/Connect/ExtendedWalletList.tsx index b848b79d5..09404f4f9 100644 --- a/packages/connect/src/components/Connect/ExtendedWalletList.tsx +++ b/packages/connect/src/components/Connect/ExtendedWalletList.tsx @@ -12,7 +12,7 @@ import { import Fuse from 'fuse.js' import { useState } from 'react' -import { ExtendedConnector } from '../../types' +import type { ExtendedConnector } from '../../types' import { getLogo } from '../ConnectButton' interface ExtendedWalletListProps { diff --git a/packages/connect/src/components/ConnectButton/ConnectButton.tsx b/packages/connect/src/components/ConnectButton/ConnectButton.tsx index 3f69260fc..f6a9a4c62 100644 --- a/packages/connect/src/components/ConnectButton/ConnectButton.tsx +++ b/packages/connect/src/components/ConnectButton/ConnectButton.tsx @@ -4,7 +4,7 @@ import { appleAuthHelpers } from 'react-apple-signin-auth' import { LocalStorageKey } from '../../constants' import { useStorage, useStorageItem } from '../../hooks/useStorage' -import { ExtendedConnector, WalletProperties } from '../../types' +import type { ExtendedConnector, WalletProperties } from '../../types' const BUTTON_HEIGHT = '52px' const BUTTON_HEIGHT_DESCRIPTIVE = '44px' diff --git a/packages/connect/src/components/ConnectButton/index.ts b/packages/connect/src/components/ConnectButton/index.ts index 55dd456df..386382190 100644 --- a/packages/connect/src/components/ConnectButton/index.ts +++ b/packages/connect/src/components/ConnectButton/index.ts @@ -1 +1 @@ -export { getLogo, ConnectButton, GoogleWaasConnectButton, AppleWaasConnectButton, ShowAllWalletsButton } from './ConnectButton' +export { AppleWaasConnectButton, ConnectButton, getLogo, GoogleWaasConnectButton, ShowAllWalletsButton } from './ConnectButton' diff --git a/packages/connect/src/components/PageHeading/PageHeading.tsx b/packages/connect/src/components/PageHeading/PageHeading.tsx index 79b7a62ac..e270aef21 100644 --- a/packages/connect/src/components/PageHeading/PageHeading.tsx +++ b/packages/connect/src/components/PageHeading/PageHeading.tsx @@ -1,7 +1,8 @@ import { cn, Text } from '@0xsequence/design-system' +import type { ReactNode } from 'react' interface PageHeadingProps { - children: React.ReactNode + children: ReactNode className?: string } diff --git a/packages/connect/src/components/SequenceConnect/SequenceConnect.tsx b/packages/connect/src/components/SequenceConnect/SequenceConnect.tsx index 20b75cc74..aceacc01a 100644 --- a/packages/connect/src/components/SequenceConnect/SequenceConnect.tsx +++ b/packages/connect/src/components/SequenceConnect/SequenceConnect.tsx @@ -1,7 +1,8 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query' -import { State, WagmiProvider } from 'wagmi' +import type { ReactNode } from 'react' +import { WagmiProvider, type State } from 'wagmi' -import { SequenceConnectConfig } from '../../config/createConfig' +import type { SequenceConnectConfig } from '../../config/createConfig' import { SequenceConnectProvider } from '../SequenceConnectProvider' const defaultQueryClient = new QueryClient() @@ -10,7 +11,7 @@ interface SequenceConnectProps { config: SequenceConnectConfig queryClient?: QueryClient initialState?: State | undefined - children: React.ReactNode + children: ReactNode } export const SequenceConnect = (props: SequenceConnectProps) => { diff --git a/packages/connect/src/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.tsx b/packages/connect/src/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.tsx index c7eac6c77..987d4ece1 100644 --- a/packages/connect/src/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.tsx +++ b/packages/connect/src/components/SequenceConnectPreviewProvider/SequenceConnectPreviewProvider.tsx @@ -1,10 +1,10 @@ 'use client' import { sequence } from '0xsequence' -import { Theme, ThemeProvider } from '@0xsequence/design-system' +import { ThemeProvider, type Theme } from '@0xsequence/design-system' import { SequenceClient } from '@0xsequence/provider' import { GoogleOAuthProvider } from '@react-oauth/google' -import React, { useState, useEffect } from 'react' +import { useEffect, useState, type ReactNode } from 'react' import { useAccount, useConfig } from 'wagmi' import { DEFAULT_SESSION_EXPIRATION, LocalStorageKey } from '../../constants' @@ -15,11 +15,17 @@ import { ThemeContextProvider } from '../../contexts/Theme' import { WalletConfigContextProvider } from '../../contexts/WalletConfig' import { useStorage } from '../../hooks/useStorage' import { useEmailConflict } from '../../hooks/useWaasEmailConflict' -import { ExtendedConnector, DisplayedAsset, EthAuthSettings, ConnectConfig, ModalPosition } from '../../types' +import { + type ConnectConfig, + type DisplayedAsset, + type EthAuthSettings, + type ExtendedConnector, + type ModalPosition +} from '../../types' import { Connect } from '../Connect/Connect' export type SequenceConnectProviderProps = { - children: React.ReactNode + children: ReactNode config: ConnectConfig } diff --git a/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx b/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx index d7d4cacd5..42f05908c 100644 --- a/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx +++ b/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx @@ -1,17 +1,17 @@ 'use client' import { sequence } from '0xsequence' -import { Button, Card, Collapsible, Modal, ModalPrimitive, Text, Theme } from '@0xsequence/design-system' +import { Button, Card, Collapsible, Modal, ModalPrimitive, Text, type Theme } from '@0xsequence/design-system' import { SequenceHooksProvider } from '@0xsequence/hooks' import { ChainId } from '@0xsequence/network' import { SequenceClient } from '@0xsequence/provider' import { GoogleOAuthProvider } from '@react-oauth/google' import { AnimatePresence } from 'motion/react' -import React, { useState, useEffect } from 'react' -import { Hex, hexToString } from 'viem' -import { Connector, useAccount, useConfig, useConnections } from 'wagmi' +import React, { useEffect, useState } from 'react' +import { hexToString, type Hex } from 'viem' +import { useAccount, useConfig, useConnections, type Connector } from 'wagmi' -import { DEFAULT_SESSION_EXPIRATION, WEB_SDK_VERSION, LocalStorageKey } from '../../constants' +import { DEFAULT_SESSION_EXPIRATION, LocalStorageKey, WEB_SDK_VERSION } from '../../constants' import { AnalyticsContextProvider } from '../../contexts/Analytics' import { ConnectConfigContextProvider } from '../../contexts/ConnectConfig' import { ConnectModalContextProvider } from '../../contexts/ConnectModal' @@ -20,7 +20,13 @@ import { WalletConfigContextProvider } from '../../contexts/WalletConfig' import { useStorage } from '../../hooks/useStorage' import { useWaasConfirmationHandler } from '../../hooks/useWaasConfirmationHandler' import { useEmailConflict } from '../../hooks/useWaasEmailConflict' -import { ExtendedConnector, DisplayedAsset, EthAuthSettings, ConnectConfig, ModalPosition } from '../../types' +import { + type ConnectConfig, + type DisplayedAsset, + type EthAuthSettings, + type ExtendedConnector, + type ModalPosition +} from '../../types' import { isJSON } from '../../utils/helpers' import { getModalPositionCss } from '../../utils/styling' import { Connect } from '../Connect/Connect' diff --git a/packages/connect/src/components/ShadowRoot/ShadowRoot.tsx b/packages/connect/src/components/ShadowRoot/ShadowRoot.tsx index d6f2c819d..66bbfb231 100644 --- a/packages/connect/src/components/ShadowRoot/ShadowRoot.tsx +++ b/packages/connect/src/components/ShadowRoot/ShadowRoot.tsx @@ -1,7 +1,7 @@ 'use client' -import { ThemeProvider, Theme } from '@0xsequence/design-system' -import { ReactNode, useEffect, useRef, useState } from 'react' +import { ThemeProvider, type Theme } from '@0xsequence/design-system' +import { useEffect, useRef, useState, type ReactNode } from 'react' import { createPortal } from 'react-dom' import { styles } from '../../styles' diff --git a/packages/connect/src/components/TxnDetails/TxnDetails.tsx b/packages/connect/src/components/TxnDetails/TxnDetails.tsx index 122bc7afa..7262ae597 100644 --- a/packages/connect/src/components/TxnDetails/TxnDetails.tsx +++ b/packages/connect/src/components/TxnDetails/TxnDetails.tsx @@ -6,9 +6,9 @@ import { useEffect, useState } from 'react' import { formatUnits, zeroAddress } from 'viem' import { useConfig } from 'wagmi' -import { compareAddress, capitalize, truncateAtMiddle } from '../../utils/helpers' +import { capitalize, compareAddress, truncateAtMiddle } from '../../utils/helpers' import { getNativeTokenInfoByChainId } from '../../utils/tokens' -import { DecodingType, TransferProps, AwardItemProps, decodeTransactions } from '../../utils/txnDecoding' +import { decodeTransactions, DecodingType, type AwardItemProps, type TransferProps } from '../../utils/txnDecoding' import { CollectibleTileImage } from '../CollectibleTileImage' interface TxnDetailsProps { diff --git a/packages/connect/src/config/createConfig.ts b/packages/connect/src/config/createConfig.ts index aaa311414..e9084222e 100644 --- a/packages/connect/src/config/createConfig.ts +++ b/packages/connect/src/config/createConfig.ts @@ -1,9 +1,9 @@ -import { createConfig as createWagmiConfig, type CreateConfigParameters, type Config } from 'wagmi' +import { createConfig as createWagmiConfig, type Config, type CreateConfigParameters } from 'wagmi' -import { ConnectConfig, WalletType } from '../types' +import type { ConnectConfig, WalletType } from '../types' import { getDefaultChains } from './defaultChains' -import { DefaultConnectorOptions, getDefaultConnectors } from './defaultConnectors' +import { getDefaultConnectors, type DefaultConnectorOptions } from './defaultConnectors' import { getDefaultTransports } from './defaultTransports' export type CreateConfigOptions = ConnectConfig & diff --git a/packages/connect/src/config/defaultChains.ts b/packages/connect/src/config/defaultChains.ts index b9c8836d4..757a72646 100644 --- a/packages/connect/src/config/defaultChains.ts +++ b/packages/connect/src/config/defaultChains.ts @@ -1,4 +1,4 @@ -import { Chain } from 'viem' +import type { Chain } from 'viem' import { chains } from '../chains' diff --git a/packages/connect/src/config/defaultConnectors.ts b/packages/connect/src/config/defaultConnectors.ts index 91674ed9b..3be97cfe4 100644 --- a/packages/connect/src/config/defaultConnectors.ts +++ b/packages/connect/src/config/defaultConnectors.ts @@ -1,4 +1,4 @@ -import { CreateConnectorFn } from 'wagmi' +import type { CreateConnectorFn } from 'wagmi' import { apple } from '../connectors/apple' import { appleWaas } from '../connectors/apple/appleWaas' @@ -13,7 +13,7 @@ import { metaMask } from '../connectors/metaMask' import { sequence } from '../connectors/sequence' import { twitch } from '../connectors/twitch' import { walletConnect } from '../connectors/walletConnect' -import { Wallet, WalletType } from '../types' +import type { Wallet, WalletType } from '../types' import { getConnectWallets } from '../utils/getConnectWallets' export interface CommonConnectorOptions { diff --git a/packages/connect/src/config/defaultTransports.ts b/packages/connect/src/config/defaultTransports.ts index bee4c19b4..efd407a50 100644 --- a/packages/connect/src/config/defaultTransports.ts +++ b/packages/connect/src/config/defaultTransports.ts @@ -1,4 +1,4 @@ -import { Chain, http } from 'viem' +import { http, type Chain } from 'viem' export const getDefaultTransports = (chains: readonly [Chain, ...Chain[]]) => { return Object.fromEntries(chains.map(chain => [chain.id, http()])) diff --git a/packages/connect/src/connectors/apple/AppleLogo.tsx b/packages/connect/src/connectors/apple/AppleLogo.tsx index 1b7ddb69d..8af2b661d 100644 --- a/packages/connect/src/connectors/apple/AppleLogo.tsx +++ b/packages/connect/src/connectors/apple/AppleLogo.tsx @@ -1,6 +1,6 @@ import React from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' interface GetAppleLogo { isDarkMode: boolean diff --git a/packages/connect/src/connectors/apple/apple.ts b/packages/connect/src/connectors/apple/apple.ts index 2414f0fe6..95cf2872c 100644 --- a/packages/connect/src/connectors/apple/apple.ts +++ b/packages/connect/src/connectors/apple/apple.ts @@ -1,5 +1,5 @@ -import { Wallet } from '../../types' -import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors' +import type { Wallet } from '../../types' +import { sequenceWallet, type BaseSequenceConnectorOptions } from '../wagmiConnectors' import { getAppleLogo, getAppleMonochromeLogo } from './AppleLogo' diff --git a/packages/connect/src/connectors/apple/appleWaas.ts b/packages/connect/src/connectors/apple/appleWaas.ts index 35d3bfd28..97e1bd7d4 100644 --- a/packages/connect/src/connectors/apple/appleWaas.ts +++ b/packages/connect/src/connectors/apple/appleWaas.ts @@ -1,5 +1,5 @@ -import { Wallet } from '../../types' -import { sequenceWaasWallet, BaseSequenceWaasConnectorOptions } from '../wagmiConnectors/sequenceWaasConnector' +import type { Wallet } from '../../types' +import { sequenceWaasWallet, type BaseSequenceWaasConnectorOptions } from '../wagmiConnectors/sequenceWaasConnector' import { getAppleLogo, getAppleMonochromeLogo } from './AppleLogo' diff --git a/packages/connect/src/connectors/coinbaseWallet/CoinbaseWalletLogo.tsx b/packages/connect/src/connectors/coinbaseWallet/CoinbaseWalletLogo.tsx index 189c3af1c..9288c6686 100644 --- a/packages/connect/src/connectors/coinbaseWallet/CoinbaseWalletLogo.tsx +++ b/packages/connect/src/connectors/coinbaseWallet/CoinbaseWalletLogo.tsx @@ -1,8 +1,8 @@ -import React from 'react' +import type { FunctionComponent } from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' -export const CoinbaseWalletLogo: React.FunctionComponent = props => { +export const CoinbaseWalletLogo: FunctionComponent = props => { return ( diff --git a/packages/connect/src/connectors/coinbaseWallet/coinbaseWallet.ts b/packages/connect/src/connectors/coinbaseWallet/coinbaseWallet.ts index 2c64da635..5bae9d71e 100644 --- a/packages/connect/src/connectors/coinbaseWallet/coinbaseWallet.ts +++ b/packages/connect/src/connectors/coinbaseWallet/coinbaseWallet.ts @@ -1,7 +1,7 @@ -import { CreateConnectorFn } from 'wagmi' -import { coinbaseWallet as coinbaseWalletBase, CoinbaseWalletParameters } from 'wagmi/connectors' +import type { CreateConnectorFn } from 'wagmi' +import { coinbaseWallet as coinbaseWalletBase, type CoinbaseWalletParameters } from 'wagmi/connectors' -import { Wallet } from '../../types' +import type { Wallet } from '../../types' import { CoinbaseWalletLogo } from './CoinbaseWalletLogo' diff --git a/packages/connect/src/connectors/discord/DiscordLogo.tsx b/packages/connect/src/connectors/discord/DiscordLogo.tsx index 4f2e300ee..3a955ce6c 100644 --- a/packages/connect/src/connectors/discord/DiscordLogo.tsx +++ b/packages/connect/src/connectors/discord/DiscordLogo.tsx @@ -1,6 +1,6 @@ -import React from 'react' +import type { FunctionComponent } from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' interface GetDiscordLogo { isDarkMode: boolean @@ -9,7 +9,7 @@ interface GetDiscordLogo { export const getDiscordLogo = ({ isDarkMode }: GetDiscordLogo) => { const fillColor = isDarkMode ? 'white' : 'black' - const DiscordLogo: React.FunctionComponent = (props: LogoProps) => { + const DiscordLogo: FunctionComponent = props => { return ( diff --git a/packages/connect/src/connectors/discord/discord.ts b/packages/connect/src/connectors/discord/discord.ts index 888016367..f14c41287 100644 --- a/packages/connect/src/connectors/discord/discord.ts +++ b/packages/connect/src/connectors/discord/discord.ts @@ -1,5 +1,5 @@ -import { Wallet } from '../../types' -import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors' +import type { Wallet } from '../../types' +import { sequenceWallet, type BaseSequenceConnectorOptions } from '../wagmiConnectors' import { getDiscordLogo } from './DiscordLogo' diff --git a/packages/connect/src/connectors/ecosystem/ecosystemWallet.ts b/packages/connect/src/connectors/ecosystem/ecosystemWallet.ts index c40c8faa5..deec2a1ed 100644 --- a/packages/connect/src/connectors/ecosystem/ecosystemWallet.ts +++ b/packages/connect/src/connectors/ecosystem/ecosystemWallet.ts @@ -1,6 +1,6 @@ import { ethers } from 'ethers' import { getAddress } from 'viem' -import { createConnector, Connector } from 'wagmi' +import { createConnector, type Connector } from 'wagmi' import { normalizeChainId } from '../../utils/helpers' diff --git a/packages/connect/src/connectors/ecosystem/index.ts b/packages/connect/src/connectors/ecosystem/index.ts index 4565f0d7a..cc09e865e 100644 --- a/packages/connect/src/connectors/ecosystem/index.ts +++ b/packages/connect/src/connectors/ecosystem/index.ts @@ -1,6 +1,6 @@ -import { Wallet, WalletProperties } from '../../types' +import type { Wallet, WalletProperties } from '../../types' -import { ecosystemWallet as baseEcosystemWallet, BaseEcosystemConnectorOptions } from './ecosystemWallet' +import { ecosystemWallet as baseEcosystemWallet, type BaseEcosystemConnectorOptions } from './ecosystemWallet' export type EcosystemWalletOptions = BaseEcosystemConnectorOptions & Pick & { diff --git a/packages/connect/src/connectors/ecosystem/provider.ts b/packages/connect/src/connectors/ecosystem/provider.ts index 2df1170e4..7d50774bd 100644 --- a/packages/connect/src/connectors/ecosystem/provider.ts +++ b/packages/connect/src/connectors/ecosystem/provider.ts @@ -1,4 +1,4 @@ -import { EIP1193Provider, allNetworks } from '@0xsequence/network' +import { allNetworks, type EIP1193Provider } from '@0xsequence/network' import { ethers } from 'ethers' import { getAddress, TransactionRejectedRpcError } from 'viem' diff --git a/packages/connect/src/connectors/email/EmailLogo.tsx b/packages/connect/src/connectors/email/EmailLogo.tsx index bf19eb087..fe68d6348 100644 --- a/packages/connect/src/connectors/email/EmailLogo.tsx +++ b/packages/connect/src/connectors/email/EmailLogo.tsx @@ -1,6 +1,6 @@ -import React from 'react' +import type { FunctionComponent } from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' interface GetEmailLogo { isDarkMode: boolean @@ -9,7 +9,7 @@ interface GetEmailLogo { export const getEmailLogo = ({ isDarkMode }: GetEmailLogo) => { const fillColor = isDarkMode ? 'white' : 'black' - const EmailLogo: React.FunctionComponent = (props: LogoProps) => { + const EmailLogo: FunctionComponent = props => { return ( { +export const FacebookLogo: FunctionComponent = props => { return ( { const fillColor = isDarkMode ? '#FFFFFF' : '#000000' - const FacebookMonochromeLogo: React.FunctionComponent = (props: LogoProps) => { + const FacebookMonochromeLogo: FunctionComponent = props => { return ( { +export const GoogleLogo: FunctionComponent = (props: LogoProps) => { return ( @@ -40,7 +40,7 @@ interface GetGoogleMonochromeLogo { export const getMonochromeGoogleLogo = ({ isDarkMode }: GetGoogleMonochromeLogo) => { const fillColor = isDarkMode ? 'white' : 'black' - const GoogleMonochromeLogo: React.FunctionComponent = (props: LogoProps) => { + const GoogleMonochromeLogo: FunctionComponent = (props: LogoProps) => { return ( diff --git a/packages/connect/src/connectors/metaMask/MetaMaskLogo.tsx b/packages/connect/src/connectors/metaMask/MetaMaskLogo.tsx index dcdba20ae..3f0b10a4b 100644 --- a/packages/connect/src/connectors/metaMask/MetaMaskLogo.tsx +++ b/packages/connect/src/connectors/metaMask/MetaMaskLogo.tsx @@ -1,8 +1,8 @@ -import React from 'react' +import type { FunctionComponent } from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' -export const MetaMaskLogo: React.FunctionComponent = props => ( +export const MetaMaskLogo: FunctionComponent = props => ( ({ diff --git a/packages/connect/src/connectors/sequence/SequenceLogo.tsx b/packages/connect/src/connectors/sequence/SequenceLogo.tsx index 01bc06d84..6ed96e761 100644 --- a/packages/connect/src/connectors/sequence/SequenceLogo.tsx +++ b/packages/connect/src/connectors/sequence/SequenceLogo.tsx @@ -1,8 +1,8 @@ -import React from 'react' +import type { FunctionComponent } from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' -export const SequenceLogo: React.FunctionComponent = (props: LogoProps) => { +export const SequenceLogo: FunctionComponent = props => { return ( diff --git a/packages/connect/src/connectors/sequence/sequence.ts b/packages/connect/src/connectors/sequence/sequence.ts index d42462f75..df5f240e7 100644 --- a/packages/connect/src/connectors/sequence/sequence.ts +++ b/packages/connect/src/connectors/sequence/sequence.ts @@ -1,5 +1,5 @@ -import { Wallet } from '../../types' -import { sequenceWallet, BaseSequenceConnectorOptions } from '../wagmiConnectors' +import type { Wallet } from '../../types' +import { sequenceWallet, type BaseSequenceConnectorOptions } from '../wagmiConnectors' import { SequenceLogo } from './SequenceLogo' diff --git a/packages/connect/src/connectors/twitch/TwitchLogo.tsx b/packages/connect/src/connectors/twitch/TwitchLogo.tsx index 37df876d1..265c47f73 100644 --- a/packages/connect/src/connectors/twitch/TwitchLogo.tsx +++ b/packages/connect/src/connectors/twitch/TwitchLogo.tsx @@ -1,6 +1,6 @@ -import React from 'react' +import type { FunctionComponent } from 'react' -import { LogoProps } from '../../types' +import type { LogoProps } from '../../types' interface GetTwitchLogo { isDarkMode?: boolean @@ -14,7 +14,7 @@ export const getTwitchLogo = ({ isDarkMode }: GetTwitchLogo) => { fillColor = isDarkMode ? 'white' : 'black' } - const TwitchLogo: React.FunctionComponent = (props: LogoProps) => { + const TwitchLogo: FunctionComponent = props => { return ( { return ( diff --git a/packages/connect/src/connectors/walletConnect/walletConnect.ts b/packages/connect/src/connectors/walletConnect/walletConnect.ts index 764b7901f..a2bfe9522 100644 --- a/packages/connect/src/connectors/walletConnect/walletConnect.ts +++ b/packages/connect/src/connectors/walletConnect/walletConnect.ts @@ -1,7 +1,7 @@ import { createConnector } from 'wagmi' -import { walletConnect as walletConnectbase, WalletConnectParameters } from 'wagmi/connectors' +import { walletConnect as walletConnectbase, type WalletConnectParameters } from 'wagmi/connectors' -import { Wallet } from '../../types' +import type { Wallet } from '../../types' import { WalletConnectLogo } from './WalletConnectLogo' diff --git a/packages/connect/src/contexts/Analytics.ts b/packages/connect/src/contexts/Analytics.ts index 018a00e3f..327ff7786 100644 --- a/packages/connect/src/contexts/Analytics.ts +++ b/packages/connect/src/contexts/Analytics.ts @@ -1,15 +1,15 @@ 'use client' -import { SequenceClient } from '@0xsequence/provider' -import React from 'react' +import type { SequenceClient } from '@0xsequence/provider' +import type { Dispatch, SetStateAction } from 'react' import { createGenericContext } from './genericContext' type AnalyticsContext = { - setAnalytics: React.Dispatch> + setAnalytics: Dispatch> analytics: SequenceClient['analytics'] } const [useAnalyticsContext, AnalyticsContextProvider] = createGenericContext() -export { useAnalyticsContext, AnalyticsContextProvider } +export { AnalyticsContextProvider, useAnalyticsContext } diff --git a/packages/connect/src/contexts/ConnectConfig.ts b/packages/connect/src/contexts/ConnectConfig.ts index 9a06cffa4..6ef9ea2d8 100644 --- a/packages/connect/src/contexts/ConnectConfig.ts +++ b/packages/connect/src/contexts/ConnectConfig.ts @@ -1,9 +1,9 @@ 'use client' -import { ConnectConfig } from '../types' +import type { ConnectConfig } from '../types' import { createGenericContext } from './genericContext' const [useConnectConfigContext, ConnectConfigContextProvider] = createGenericContext() -export { useConnectConfigContext, ConnectConfigContextProvider } +export { ConnectConfigContextProvider, useConnectConfigContext } diff --git a/packages/connect/src/contexts/ConnectModal.ts b/packages/connect/src/contexts/ConnectModal.ts index 3dc017a14..402fec51a 100644 --- a/packages/connect/src/contexts/ConnectModal.ts +++ b/packages/connect/src/contexts/ConnectModal.ts @@ -1,15 +1,15 @@ 'use client' -import React from 'react' +import type { Dispatch, SetStateAction } from 'react' import { createGenericContext } from './genericContext' type ConnectModalContext = { isConnectModalOpen: boolean - setOpenConnectModal: React.Dispatch> + setOpenConnectModal: Dispatch> openConnectModalState: boolean } const [useConnectModalContext, ConnectModalContextProvider] = createGenericContext() -export { useConnectModalContext, ConnectModalContextProvider } +export { ConnectModalContextProvider, useConnectModalContext } diff --git a/packages/connect/src/contexts/Theme.ts b/packages/connect/src/contexts/Theme.ts index 135954de8..2842a8345 100644 --- a/packages/connect/src/contexts/Theme.ts +++ b/packages/connect/src/contexts/Theme.ts @@ -1,19 +1,19 @@ 'use client' -import { Theme } from '@0xsequence/design-system' -import React from 'react' +import type { Theme } from '@0xsequence/design-system' +import type { Dispatch, SetStateAction } from 'react' -import { ModalPosition } from '../index' +import type { ModalPosition } from '../index' import { createGenericContext } from './genericContext' type ThemeContext = { - setTheme: React.Dispatch> + setTheme: Dispatch> theme: Theme position: ModalPosition - setPosition: React.Dispatch> + setPosition: Dispatch> } const [useThemeContext, ThemeContextProvider] = createGenericContext() -export { useThemeContext, ThemeContextProvider } +export { ThemeContextProvider, useThemeContext } diff --git a/packages/connect/src/contexts/WalletConfig.ts b/packages/connect/src/contexts/WalletConfig.ts index f0f8655e0..7729b3954 100644 --- a/packages/connect/src/contexts/WalletConfig.ts +++ b/packages/connect/src/contexts/WalletConfig.ts @@ -1,6 +1,6 @@ 'use client' -import { DisplayedAsset } from '../types' +import type { DisplayedAsset } from '../types' import { createGenericContext } from './genericContext' diff --git a/packages/connect/src/contexts/genericContext.ts b/packages/connect/src/contexts/genericContext.ts index 0ca6a4c99..453a6e9af 100644 --- a/packages/connect/src/contexts/genericContext.ts +++ b/packages/connect/src/contexts/genericContext.ts @@ -1,4 +1,4 @@ -import { useContext, createContext } from 'react' +import { createContext, useContext } from 'react' // https://medium.com/@rivoltafilippo/typing-react-context-to-avoid-an-undefined-default-value-2c7c5a7d5947 diff --git a/packages/connect/src/hooks/useChain.ts b/packages/connect/src/hooks/useChain.ts index f31f95927..88ebcdf86 100644 --- a/packages/connect/src/hooks/useChain.ts +++ b/packages/connect/src/hooks/useChain.ts @@ -1,5 +1,5 @@ import { useChainId, useChains } from 'wagmi' -import { Chain } from 'wagmi/chains' +import type { Chain } from 'wagmi/chains' /** * Hook for retrieving chain configuration information from wagmi's chain configurations diff --git a/packages/connect/src/hooks/useCheckWaasFeeOptions.ts b/packages/connect/src/hooks/useCheckWaasFeeOptions.ts index c4b562c4a..a6e20aee5 100644 --- a/packages/connect/src/hooks/useCheckWaasFeeOptions.ts +++ b/packages/connect/src/hooks/useCheckWaasFeeOptions.ts @@ -1,6 +1,6 @@ 'use client' -import { FeeOption, Transaction } from '@0xsequence/waas' +import type { FeeOption, Transaction } from '@0xsequence/waas' import { useConnections } from 'wagmi' /** diff --git a/packages/connect/src/hooks/useDirectEcosystemConnect.ts b/packages/connect/src/hooks/useDirectEcosystemConnect.ts index 5859c8d64..69c4cb2fd 100644 --- a/packages/connect/src/hooks/useDirectEcosystemConnect.ts +++ b/packages/connect/src/hooks/useDirectEcosystemConnect.ts @@ -1,6 +1,6 @@ import { useConnect } from 'wagmi' -import { EcosystemConnector } from '../connectors/ecosystem/ecosystemWallet' +import type { EcosystemConnector } from '../connectors/ecosystem/ecosystemWallet' /** * Hook to directly connect to an ecosystem wallet with email diff --git a/packages/connect/src/hooks/useListAccounts.ts b/packages/connect/src/hooks/useListAccounts.ts index bd096f2e5..2e22db3cd 100644 --- a/packages/connect/src/hooks/useListAccounts.ts +++ b/packages/connect/src/hooks/useListAccounts.ts @@ -1,4 +1,4 @@ -import { IntentResponseAccountList, SequenceWaaS } from '@0xsequence/waas' +import { SequenceWaaS, type IntentResponseAccountList } from '@0xsequence/waas' import { useQuery } from '@tanstack/react-query' import { useConnections } from 'wagmi' diff --git a/packages/connect/src/hooks/useSignInEmail.ts b/packages/connect/src/hooks/useSignInEmail.ts index 71f5f68ce..7ca4da84a 100644 --- a/packages/connect/src/hooks/useSignInEmail.ts +++ b/packages/connect/src/hooks/useSignInEmail.ts @@ -1,7 +1,7 @@ 'use client' import { useEffect, useState } from 'react' -import { useConfig, useAccount } from 'wagmi' +import { useAccount, useConfig } from 'wagmi' import { LocalStorageKey } from '../constants/localStorage' diff --git a/packages/connect/src/hooks/useStorage.ts b/packages/connect/src/hooks/useStorage.ts index 9ddb7dbc1..6c52ff76a 100644 --- a/packages/connect/src/hooks/useStorage.ts +++ b/packages/connect/src/hooks/useStorage.ts @@ -1,7 +1,7 @@ -import { UseQueryResult, useQuery } from '@tanstack/react-query' -import { useConfig, Storage } from 'wagmi' +import { useQuery, type UseQueryResult } from '@tanstack/react-query' +import { useConfig, type Storage } from 'wagmi' -import { StorageItem } from '../types' +import type { StorageItem } from '../types' /** * Hook to access the storage instance configured in the Sequence Connect client. diff --git a/packages/connect/src/hooks/useWaasConfirmationHandler.ts b/packages/connect/src/hooks/useWaasConfirmationHandler.ts index 734fe339b..878610957 100644 --- a/packages/connect/src/hooks/useWaasConfirmationHandler.ts +++ b/packages/connect/src/hooks/useWaasConfirmationHandler.ts @@ -1,5 +1,5 @@ -import { commons } from '@0xsequence/core' -import { useState, useEffect } from 'react' +import type { commons } from '@0xsequence/core' +import { useEffect, useState } from 'react' import { Deferred } from '../utils/deferred' diff --git a/packages/connect/src/hooks/useWaasEmailAuth.ts b/packages/connect/src/hooks/useWaasEmailAuth.ts index 929442ac3..9ab0f43c2 100644 --- a/packages/connect/src/hooks/useWaasEmailAuth.ts +++ b/packages/connect/src/hooks/useWaasEmailAuth.ts @@ -1,9 +1,9 @@ -import { SequenceWaaS, SignInResponse } from '@0xsequence/waas' +import { SequenceWaaS, type SignInResponse } from '@0xsequence/waas' import { useState } from 'react' // import { EmailWaasOptions } from '../connectors/email/emailWaas' import { randomName } from '../connectors/wagmiConnectors' -import { ExtendedConnector } from '../types' +import type { ExtendedConnector } from '../types' interface SuccessResultV1 { version: 1 diff --git a/packages/connect/src/hooks/useWaasEmailConflict.ts b/packages/connect/src/hooks/useWaasEmailConflict.ts index d7880c357..0eae09504 100644 --- a/packages/connect/src/hooks/useWaasEmailConflict.ts +++ b/packages/connect/src/hooks/useWaasEmailConflict.ts @@ -1,4 +1,4 @@ -import { IdentityType, EmailConflictInfo, SequenceWaaS } from '@0xsequence/waas' +import { IdentityType, SequenceWaaS, type EmailConflictInfo } from '@0xsequence/waas' import { useEffect, useRef, useState } from 'react' import { useConnect } from 'wagmi' diff --git a/packages/connect/src/hooks/useWaasFeeOptions.ts b/packages/connect/src/hooks/useWaasFeeOptions.ts index 6060a873e..2e53075eb 100644 --- a/packages/connect/src/hooks/useWaasFeeOptions.ts +++ b/packages/connect/src/hooks/useWaasFeeOptions.ts @@ -3,8 +3,8 @@ import { useIndexerClient } from '@0xsequence/hooks' import { ContractVerificationStatus } from '@0xsequence/indexer' import type { FeeOption } from '@0xsequence/waas' -import { type ethers } from 'ethers' -import { useState, useEffect, useRef } from 'react' +import type { ethers } from 'ethers' +import { useEffect, useRef, useState } from 'react' import { formatUnits } from 'viem' import type { Connector } from 'wagmi' import { useConnections } from 'wagmi' diff --git a/packages/connect/src/hooks/useWaasGetLinkedWalletsSignature.ts b/packages/connect/src/hooks/useWaasGetLinkedWalletsSignature.ts index 39c72d8e8..c1c73cbe9 100644 --- a/packages/connect/src/hooks/useWaasGetLinkedWalletsSignature.ts +++ b/packages/connect/src/hooks/useWaasGetLinkedWalletsSignature.ts @@ -1,9 +1,9 @@ 'use client' import { SequenceWaaS } from '@0xsequence/waas' -import { useState, useEffect } from 'react' -import { Address } from 'viem' -import { Connector } from 'wagmi' +import { useEffect, useState } from 'react' +import type { Address } from 'viem' +import type { Connector } from 'wagmi' import { CHAIN_ID_FOR_SIGNATURE } from '../constants/walletLinking' diff --git a/packages/connect/src/hooks/useWaasLinkWallet.ts b/packages/connect/src/hooks/useWaasLinkWallet.ts index 33d9f1397..4bad7ac24 100644 --- a/packages/connect/src/hooks/useWaasLinkWallet.ts +++ b/packages/connect/src/hooks/useWaasLinkWallet.ts @@ -1,9 +1,9 @@ 'use client' import { useAPIClient } from '@0xsequence/hooks' -import { SequenceWaaS } from '@0xsequence/waas' +import type { SequenceWaaS } from '@0xsequence/waas' import { useState } from 'react' -import { Connector } from 'wagmi' +import type { Connector } from 'wagmi' import { CHAIN_ID_FOR_SIGNATURE } from '../constants/walletLinking' diff --git a/packages/connect/src/hooks/useWaasSignInEmail.ts b/packages/connect/src/hooks/useWaasSignInEmail.ts index 735947074..7c4af75ac 100644 --- a/packages/connect/src/hooks/useWaasSignInEmail.ts +++ b/packages/connect/src/hooks/useWaasSignInEmail.ts @@ -1,7 +1,7 @@ 'use client' import { useEffect, useState } from 'react' -import { useConfig, useAccount } from 'wagmi' +import { useAccount, useConfig } from 'wagmi' import { LocalStorageKey } from '../constants/localStorage' diff --git a/packages/connect/src/hooks/useWallets.ts b/packages/connect/src/hooks/useWallets.ts index ac0b66224..b615399c8 100644 --- a/packages/connect/src/hooks/useWallets.ts +++ b/packages/connect/src/hooks/useWallets.ts @@ -1,12 +1,12 @@ 'use client' -import { SequenceAPIClient, GetLinkedWalletsArgs, LinkedWallet } from '@0xsequence/api' +import { SequenceAPIClient, type GetLinkedWalletsArgs, type LinkedWallet } from '@0xsequence/api' import { useAPIClient } from '@0xsequence/hooks' import { useCallback, useEffect, useRef, useState } from 'react' -import { Connector, type UseConnectionsReturnType, useAccount, useConnect, useConnections, useDisconnect } from 'wagmi' +import { useAccount, useConnect, useConnections, useDisconnect, type Connector, type UseConnectionsReturnType } from 'wagmi' import { SEQUENCE_UNIVERSAL_CONNECTOR_NAME } from '../components/Connect/Connect' -import { ExtendedConnector } from '../types' +import type { ExtendedConnector } from '../types' import { useWaasGetLinkedWalletsSignature } from './useWaasGetLinkedWalletsSignature' diff --git a/packages/connect/src/index.ts b/packages/connect/src/index.ts index 3218e2535..da82e6237 100644 --- a/packages/connect/src/index.ts +++ b/packages/connect/src/index.ts @@ -6,57 +6,57 @@ export { SequenceConnectPreviewProvider } from './components/SequenceConnectPrev // Types export type { - Wallet, - WalletField, - WalletProperties, - WalletType, + ConnectConfig, DisplayedAsset, - ExtendedConnector, EthAuthSettings, + ExtendedConnector, + LogoProps, ModalPosition, - ConnectConfig, StorageItem, - LogoProps + Wallet, + WalletField, + WalletProperties, + WalletType } from './types' // Config export { createConfig, type CreateConfigOptions } from './config/createConfig' export { getDefaultConnectors, - getDefaultWaasConnectors, getDefaultUniversalConnectors, + getDefaultWaasConnectors, type DefaultConnectorOptions, - type DefaultWaasConnectorOptions, - type DefaultUniversalConnectorOptions + type DefaultUniversalConnectorOptions, + type DefaultWaasConnectorOptions } from './config/defaultConnectors' export { getDefaultChains } from './config/defaultChains' export { getDefaultTransports } from './config/defaultTransports' // Constants export { - LocalStorageKey, DEFAULT_SESSION_EXPIRATION, - TRANSACTION_CONFIRMATIONS_DEFAULT, + LocalStorageKey, NATIVE_TOKEN_ADDRESS_0X, QUERY_KEYS, + TRANSACTION_CONFIRMATIONS_DEFAULT, WEB_SDK_VERSION } from './constants' // Utils export { getConnectWallets } from './utils/getConnectWallets' -export { isEmailValid, compareAddress, formatDisplay, capitalize, truncateAtMiddle, formatAddress } from './utils/helpers' -export { getNativeTokenInfoByChainId, createNativeTokenBalance } from './utils/tokens' +export { capitalize, compareAddress, formatAddress, formatDisplay, isEmailValid, truncateAtMiddle } from './utils/helpers' +export { createNativeTokenBalance, getNativeTokenInfoByChainId } from './utils/tokens' export { getModalPositionCss } from './utils/styling' -export { getNetwork, getNetworkColor, getNetworkBackgroundColor } from './utils/networks' -export { walletClientToSigner, publicClientToProvider } from './utils/adapters' +export { getNetwork, getNetworkBackgroundColor, getNetworkColor } from './utils/networks' +export { publicClientToProvider, walletClientToSigner } from './utils/adapters' export { signEthAuthProof, validateEthProof } from './utils/ethAuth' export { sendTransactions, waitForTransactionReceipt } from './utils/transactions' // Contexts -export { useConnectConfigContext, ConnectConfigContextProvider } from './contexts/ConnectConfig' -export { useAnalyticsContext, AnalyticsContextProvider } from './contexts/Analytics' -export { useConnectModalContext, ConnectModalContextProvider } from './contexts/ConnectModal' -export { useThemeContext, ThemeContextProvider } from './contexts/Theme' +export { ConnectConfigContextProvider, useConnectConfigContext } from './contexts/ConnectConfig' +export { AnalyticsContextProvider, useAnalyticsContext } from './contexts/Analytics' +export { ConnectModalContextProvider, useConnectModalContext } from './contexts/ConnectModal' +export { ThemeContextProvider, useThemeContext } from './contexts/Theme' export { useWalletConfigContext, WalletConfigContextProvider } from './contexts/WalletConfig' // Connectors @@ -75,8 +75,8 @@ export { twitch, type TwitchOptions } from './connectors/twitch' export { walletConnect } from './connectors/walletConnect' export { ecosystemWallet, type EcosystemWalletOptions } from './connectors/ecosystem' export { - sequenceWallet, sequenceWaasWallet, + sequenceWallet, type BaseSequenceConnectorOptions, type BaseSequenceWaasConnectorOptions } from './connectors/wagmiConnectors' diff --git a/packages/connect/src/types.ts b/packages/connect/src/types.ts index ee9f0aa2b..6a017c911 100644 --- a/packages/connect/src/types.ts +++ b/packages/connect/src/types.ts @@ -1,8 +1,8 @@ -import { ETHAuthProof } from '@0xsequence/auth' -import { Theme } from '@0xsequence/design-system' -import { SequenceHooksEnv } from '@0xsequence/hooks' -import { FunctionComponent } from 'react' -import { Connector, CreateConnectorFn } from 'wagmi' +import type { ETHAuthProof } from '@0xsequence/auth' +import type { Theme } from '@0xsequence/design-system' +import type { SequenceHooksEnv } from '@0xsequence/hooks' +import type { FunctionComponent } from 'react' +import type { Connector, CreateConnectorFn } from 'wagmi' import { LocalStorageKey } from './constants' diff --git a/packages/connect/src/utils/adapters.ts b/packages/connect/src/utils/adapters.ts index 4739d3f43..1e1c86af6 100644 --- a/packages/connect/src/utils/adapters.ts +++ b/packages/connect/src/utils/adapters.ts @@ -1,5 +1,5 @@ import { ethers } from 'ethers' -import { type HttpTransport, Account, Chain, Client, Transport } from 'viem' +import type { Account, Chain, Client, HttpTransport, Transport } from 'viem' export const walletClientToSigner = async (walletClient: Client) => { const { account, chain, transport } = walletClient diff --git a/packages/connect/src/utils/ethAuth.ts b/packages/connect/src/utils/ethAuth.ts index 7899e3cbd..f867e290a 100644 --- a/packages/connect/src/utils/ethAuth.ts +++ b/packages/connect/src/utils/ethAuth.ts @@ -1,11 +1,11 @@ -import { ETHAuthProof } from '@0xsequence/auth' +import type { ETHAuthProof } from '@0xsequence/auth' import { ETHAuth, Proof } from '@0xsequence/ethauth' import { isValidTypedDataSignature } from '@0xsequence/provider' -import { UsePublicClientReturnType, Storage } from 'wagmi' -import { GetWalletClientData } from 'wagmi/query' +import type { Storage, UsePublicClientReturnType } from 'wagmi' +import type { GetWalletClientData } from 'wagmi/query' -import { LocalStorageKey, DEFAULT_SESSION_EXPIRATION } from '../constants' -import { StorageItem } from '../types' +import { DEFAULT_SESSION_EXPIRATION, LocalStorageKey } from '../constants' +import type { StorageItem } from '../types' import { publicClientToProvider, walletClientToSigner } from './adapters' diff --git a/packages/connect/src/utils/getConnectWallets.ts b/packages/connect/src/utils/getConnectWallets.ts index 6b8ace451..e3508e003 100644 --- a/packages/connect/src/utils/getConnectWallets.ts +++ b/packages/connect/src/utils/getConnectWallets.ts @@ -1,6 +1,6 @@ -import { CreateConnectorFn } from 'wagmi' +import type { CreateConnectorFn } from 'wagmi' -import { ExtendedConnector, Wallet } from '../types' +import type { ExtendedConnector, Wallet } from '../types' export const getConnectWallets = (projectAccessKey: string, wallets: Wallet[]): CreateConnectorFn[] => { const connectors: CreateConnectorFn[] = [] diff --git a/packages/connect/src/utils/networks.ts b/packages/connect/src/utils/networks.ts index b418f6b88..7f27caf5b 100644 --- a/packages/connect/src/utils/networks.ts +++ b/packages/connect/src/utils/networks.ts @@ -1,4 +1,4 @@ -import { networks, ChainId } from '@0xsequence/network' +import { ChainId, networks } from '@0xsequence/network' export const getNetworkColor = (chainId: number, mode: 'dark' | 'light' = 'light') => { switch (chainId) { diff --git a/packages/connect/src/utils/styling.ts b/packages/connect/src/utils/styling.ts index 9b3b79d8a..a69d15c31 100644 --- a/packages/connect/src/utils/styling.ts +++ b/packages/connect/src/utils/styling.ts @@ -1,4 +1,4 @@ -import { ModalPosition } from '../types' +import type { ModalPosition } from '../types' export interface modalPositionCss { top?: string diff --git a/packages/connect/src/utils/tokens.ts b/packages/connect/src/utils/tokens.ts index 38311d805..6b9a7f60c 100644 --- a/packages/connect/src/utils/tokens.ts +++ b/packages/connect/src/utils/tokens.ts @@ -1,7 +1,7 @@ import { nativeTokenImageUrl } from '@0xsequence/design-system' -import { ContractType, TokenBalance } from '@0xsequence/indexer' +import { ContractType, type TokenBalance } from '@0xsequence/indexer' import { zeroAddress } from 'viem' -import { Chain } from 'wagmi/chains' +import type { Chain } from 'wagmi/chains' import { chains } from '../chains' diff --git a/packages/connect/src/utils/transactions.ts b/packages/connect/src/utils/transactions.ts index 9277a97ee..5332c4a88 100644 --- a/packages/connect/src/utils/transactions.ts +++ b/packages/connect/src/utils/transactions.ts @@ -1,11 +1,11 @@ import { sequence } from '0xsequence' -import { SequenceIndexer, TransactionReceipt, TransactionStatus } from '@0xsequence/indexer' -import { FeeOption, SequenceWaaS } from '@0xsequence/waas' -import { Hex, PublicClient, WalletClient } from 'viem' -import { Connector } from 'wagmi' +import { SequenceIndexer, TransactionStatus, type TransactionReceipt } from '@0xsequence/indexer' +import { SequenceWaaS, type FeeOption } from '@0xsequence/waas' +import type { Hex, PublicClient, WalletClient } from 'viem' +import type { Connector } from 'wagmi' import { TRANSACTION_CONFIRMATIONS_DEFAULT } from '../constants' -import { ExtendedConnector } from '../types' +import type { ExtendedConnector } from '../types' import { compareAddress } from '../utils/helpers' class FeeOptionInsufficientFundsError extends Error { diff --git a/packages/connect/src/utils/txnDecoding.ts b/packages/connect/src/utils/txnDecoding.ts index bacfed7e2..6833886f6 100644 --- a/packages/connect/src/utils/txnDecoding.ts +++ b/packages/connect/src/utils/txnDecoding.ts @@ -1,7 +1,7 @@ -import { ContractCall, SequenceAPIClient } from '@0xsequence/api' +import { SequenceAPIClient, type ContractCall } from '@0xsequence/api' import { commons } from '@0xsequence/core' import { ContractType, TxnTransferType } from '@0xsequence/indexer' -import { getAddress, encodeFunctionData, zeroAddress, Hex, slice, toHex } from 'viem' +import { encodeFunctionData, getAddress, slice, toHex, zeroAddress, type Hex } from 'viem' interface TransactionEncodedWithCall extends commons.transaction.TransactionEncoded { call?: ContractCall diff --git a/packages/connect/tsconfig.json b/packages/connect/tsconfig.json index b4416ddf7..17eff1e50 100644 --- a/packages/connect/tsconfig.json +++ b/packages/connect/tsconfig.json @@ -7,6 +7,7 @@ "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, + "verbatimModuleSyntax": true, "strict": true, // "noUncheckedIndexedAccess": true, "module": "ESNext", diff --git a/packages/hooks/package.json b/packages/hooks/package.json index ad301fcdf..fc45a5e5e 100644 --- a/packages/hooks/package.json +++ b/packages/hooks/package.json @@ -21,13 +21,14 @@ ], "scripts": { "build": "pnpm build:clean && pnpm build:esm && pnpm build:cjs", - "build:cjs": "tsc --module commonjs --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", - "build:esm": "tsc --module es2022 --declaration --declarationMap --outDir dist/esm", + "build:cjs": "tsc --module commonjs --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", + "build:esm": "tsc --module es2022 --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/esm", "build:clean": "rimraf -g ./dist", "build:check": "attw --pack .", "dev": "tsc --watch --module es2022 --declaration --declarationMap --outDir dist/esm", "test": "vitest --run", - "test:watch": "vitest" + "test:watch": "vitest", + "typecheck": "tsc --noEmit" }, "peerDependencies": { "@0xsequence/api": "2.3.11", diff --git a/packages/hooks/src/hooks/API/useGetCoinPrices.ts b/packages/hooks/src/hooks/API/useGetCoinPrices.ts index 3d20efe46..20a332d11 100644 --- a/packages/hooks/src/hooks/API/useGetCoinPrices.ts +++ b/packages/hooks/src/hooks/API/useGetCoinPrices.ts @@ -1,8 +1,8 @@ -import { SequenceAPIClient, Token } from '@0xsequence/api' +import { SequenceAPIClient, type Token } from '@0xsequence/api' import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useAPIClient } from './useAPIClient' diff --git a/packages/hooks/src/hooks/API/useGetCollectiblePrices.ts b/packages/hooks/src/hooks/API/useGetCollectiblePrices.ts index a07c07155..cb1f1add6 100644 --- a/packages/hooks/src/hooks/API/useGetCollectiblePrices.ts +++ b/packages/hooks/src/hooks/API/useGetCollectiblePrices.ts @@ -1,8 +1,8 @@ -import { SequenceAPIClient, Token } from '@0xsequence/api' +import { SequenceAPIClient, type Token } from '@0xsequence/api' import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useAPIClient } from './useAPIClient' diff --git a/packages/hooks/src/hooks/API/useGetExchangeRate.ts b/packages/hooks/src/hooks/API/useGetExchangeRate.ts index 6a0c49125..a1afbcb7c 100644 --- a/packages/hooks/src/hooks/API/useGetExchangeRate.ts +++ b/packages/hooks/src/hooks/API/useGetExchangeRate.ts @@ -1,7 +1,7 @@ import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useAPIClient } from './useAPIClient' diff --git a/packages/hooks/src/hooks/Combination/useGetSwapQuote.ts b/packages/hooks/src/hooks/Combination/useGetSwapQuote.ts index 2ee77e125..00f9877ec 100644 --- a/packages/hooks/src/hooks/Combination/useGetSwapQuote.ts +++ b/packages/hooks/src/hooks/Combination/useGetSwapQuote.ts @@ -1,8 +1,8 @@ -import { GetLifiSwapQuoteArgs } from '@0xsequence/api' +import type { GetLifiSwapQuoteArgs } from '@0xsequence/api' import { useQuery } from '@tanstack/react-query' -import { QUERY_KEYS, ZERO_ADDRESS, time } from '../../constants' -import { HooksOptions } from '../../types' +import { QUERY_KEYS, time, ZERO_ADDRESS } from '../../constants' +import type { HooksOptions } from '../../types' import { compareAddress } from '../../utils/helpers' import { useAPIClient } from '../API/useAPIClient' diff --git a/packages/hooks/src/hooks/Combination/useGetSwapRoutes.ts b/packages/hooks/src/hooks/Combination/useGetSwapRoutes.ts index 96172e3a6..019261376 100644 --- a/packages/hooks/src/hooks/Combination/useGetSwapRoutes.ts +++ b/packages/hooks/src/hooks/Combination/useGetSwapRoutes.ts @@ -1,8 +1,8 @@ -import { GetLifiSwapRoutesArgs, type LifiSwapRoute, SequenceAPIClient } from '@0xsequence/api' +import { SequenceAPIClient, type GetLifiSwapRoutesArgs, type LifiSwapRoute } from '@0xsequence/api' import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useAPIClient } from '../API/useAPIClient' /** diff --git a/packages/hooks/src/hooks/Indexer/useGetTransactionHistory.ts b/packages/hooks/src/hooks/Indexer/useGetTransactionHistory.ts index 1a671c63b..662e32af6 100644 --- a/packages/hooks/src/hooks/Indexer/useGetTransactionHistory.ts +++ b/packages/hooks/src/hooks/Indexer/useGetTransactionHistory.ts @@ -1,9 +1,9 @@ -import { Page, SequenceIndexer } from '@0xsequence/indexer' +import { SequenceIndexer, type Page } from '@0xsequence/indexer' import { useInfiniteQuery } from '@tanstack/react-query' import { getAddress } from 'viem' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useIndexerClient } from './useIndexerClient' diff --git a/packages/hooks/src/hooks/Indexer/useGetTransactionHistorySummary.ts b/packages/hooks/src/hooks/Indexer/useGetTransactionHistorySummary.ts index 27ced3745..3fba40939 100644 --- a/packages/hooks/src/hooks/Indexer/useGetTransactionHistorySummary.ts +++ b/packages/hooks/src/hooks/Indexer/useGetTransactionHistorySummary.ts @@ -1,9 +1,9 @@ -import { SequenceIndexer, Transaction } from '@0xsequence/indexer' +import type { SequenceIndexer, Transaction } from '@0xsequence/indexer' import { useQuery } from '@tanstack/react-query' import { getAddress } from 'viem' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useIndexerClients } from './useIndexerClient' diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetNativeTokenBalance.ts b/packages/hooks/src/hooks/IndexerGateway/useGetNativeTokenBalance.ts index 1a749eecb..40612a083 100644 --- a/packages/hooks/src/hooks/IndexerGateway/useGetNativeTokenBalance.ts +++ b/packages/hooks/src/hooks/IndexerGateway/useGetNativeTokenBalance.ts @@ -1,8 +1,8 @@ -import { IndexerGateway, SequenceIndexerGateway, TokenBalance } from '@0xsequence/indexer' +import { SequenceIndexerGateway, type IndexerGateway, type TokenBalance } from '@0xsequence/indexer' import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { createNativeTokenBalance } from '../../utils/helpers' import { useIndexerGatewayClient } from './useIndexerGatewayClient' diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts b/packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts index 28cdc4e20..efa55efc3 100644 --- a/packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts +++ b/packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts @@ -1,8 +1,8 @@ -import { SequenceIndexerGateway } from '@0xsequence/indexer' +import type { SequenceIndexerGateway } from '@0xsequence/indexer' import { useQuery } from '@tanstack/react-query' -import { ZERO_ADDRESS, QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import { QUERY_KEYS, time, ZERO_ADDRESS } from '../../constants' +import type { HooksOptions } from '../../types' import { compareAddress, createNativeTokenBalance } from '../../utils/helpers' import { useIndexerGatewayClient } from './useIndexerGatewayClient' diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesByContract.ts b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesByContract.ts index 2d249c5f0..b21510ea4 100644 --- a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesByContract.ts +++ b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesByContract.ts @@ -1,8 +1,8 @@ -import { IndexerGateway, Page, SequenceIndexerGateway } from '@0xsequence/indexer' +import { SequenceIndexerGateway, type IndexerGateway, type Page } from '@0xsequence/indexer' import { useInfiniteQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useIndexerGatewayClient } from './useIndexerGatewayClient' diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesDetails.ts b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesDetails.ts index ed5e14c2f..63b14dd61 100644 --- a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesDetails.ts +++ b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesDetails.ts @@ -1,8 +1,8 @@ -import { IndexerGateway, Page, SequenceIndexerGateway, TokenBalance } from '@0xsequence/indexer' +import { SequenceIndexerGateway, type IndexerGateway, type Page, type TokenBalance } from '@0xsequence/indexer' import { useInfiniteQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { createNativeTokenBalance, sortBalancesByType } from '../../utils/helpers' import { useIndexerGatewayClient } from './useIndexerGatewayClient' diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesSummary.ts b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesSummary.ts index 926e129ac..a30d4c42b 100644 --- a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesSummary.ts +++ b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesSummary.ts @@ -1,8 +1,8 @@ -import { IndexerGateway, Page, SequenceIndexerGateway, TokenBalance } from '@0xsequence/indexer' +import { SequenceIndexerGateway, type IndexerGateway, type Page, type TokenBalance } from '@0xsequence/indexer' import { useInfiniteQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { createNativeTokenBalance, sortBalancesByType } from '../../utils/helpers' import { useIndexerGatewayClient } from './useIndexerGatewayClient' diff --git a/packages/hooks/src/hooks/Metadata/useGetContractInfo.ts b/packages/hooks/src/hooks/Metadata/useGetContractInfo.ts index cabc77c04..0af96626b 100644 --- a/packages/hooks/src/hooks/Metadata/useGetContractInfo.ts +++ b/packages/hooks/src/hooks/Metadata/useGetContractInfo.ts @@ -1,9 +1,9 @@ -import { ContractInfo, GetContractInfoArgs } from '@0xsequence/metadata' +import type { ContractInfo, GetContractInfoArgs } from '@0xsequence/metadata' import { findSupportedNetwork } from '@0xsequence/network' -import { UseQueryResult, useQuery } from '@tanstack/react-query' +import { useQuery, type UseQueryResult } from '@tanstack/react-query' -import { QUERY_KEYS, ZERO_ADDRESS, time } from '../../constants' -import { HooksOptions } from '../../types' +import { QUERY_KEYS, time, ZERO_ADDRESS } from '../../constants' +import type { HooksOptions } from '../../types' import { compareAddress } from '../../utils/helpers' import { useMetadataClient } from './useMetadataClient' diff --git a/packages/hooks/src/hooks/Metadata/useGetMultipleContractsInfo.ts b/packages/hooks/src/hooks/Metadata/useGetMultipleContractsInfo.ts index bc64c89f2..e49c8c016 100644 --- a/packages/hooks/src/hooks/Metadata/useGetMultipleContractsInfo.ts +++ b/packages/hooks/src/hooks/Metadata/useGetMultipleContractsInfo.ts @@ -1,8 +1,8 @@ -import { ContractInfo, SequenceMetadata, GetContractInfoArgs } from '@0xsequence/metadata' +import { SequenceMetadata, type ContractInfo, type GetContractInfoArgs } from '@0xsequence/metadata' import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { useMetadataClient } from './useMetadataClient' diff --git a/packages/hooks/src/hooks/Metadata/useGetTokenMetadata.ts b/packages/hooks/src/hooks/Metadata/useGetTokenMetadata.ts index ac51db39d..b53297462 100644 --- a/packages/hooks/src/hooks/Metadata/useGetTokenMetadata.ts +++ b/packages/hooks/src/hooks/Metadata/useGetTokenMetadata.ts @@ -1,8 +1,8 @@ -import { GetTokenMetadataArgs, SequenceMetadata } from '@0xsequence/metadata' +import { SequenceMetadata, type GetTokenMetadataArgs } from '@0xsequence/metadata' import { useQuery } from '@tanstack/react-query' import { QUERY_KEYS, time } from '../../constants' -import { HooksOptions } from '../../types' +import type { HooksOptions } from '../../types' import { splitEvery } from '../../utils/helpers' import { useConfig } from '../useConfig' diff --git a/packages/hooks/src/index.ts b/packages/hooks/src/index.ts index b3de77dec..f66fdae3c 100644 --- a/packages/hooks/src/index.ts +++ b/packages/hooks/src/index.ts @@ -1,5 +1,5 @@ // Constants -export { QUERY_KEYS } from './constants' +export { QUERY_KEYS } from './constants.js' // Contexts export { @@ -7,39 +7,39 @@ export { SequenceHooksProvider, type SequenceHooksConfig, type SequenceHooksEnv -} from './contexts/ConfigContext' -export { useConfig } from './hooks/useConfig' +} from './contexts/ConfigContext.js' +export { useConfig } from './hooks/useConfig.js' // API -export { useAPIClient } from './hooks/API/useAPIClient' -export { useGetCoinPrices } from './hooks/API/useGetCoinPrices' -export { useGetCollectiblePrices } from './hooks/API/useGetCollectiblePrices' -export { useGetExchangeRate } from './hooks/API/useGetExchangeRate' +export { useAPIClient } from './hooks/API/useAPIClient.js' +export { useGetCoinPrices } from './hooks/API/useGetCoinPrices.js' +export { useGetCollectiblePrices } from './hooks/API/useGetCollectiblePrices.js' +export { useGetExchangeRate } from './hooks/API/useGetExchangeRate.js' // Indexer -export { useIndexerClient, useIndexerClients } from './hooks/Indexer/useIndexerClient' -export { useGetTransactionHistory } from './hooks/Indexer/useGetTransactionHistory' +export { useIndexerClient, useIndexerClients } from './hooks/Indexer/useIndexerClient.js' +export { useGetTransactionHistory } from './hooks/Indexer/useGetTransactionHistory.js' export { useGetTransactionHistorySummary, type GetTransactionHistorySummaryArgs -} from './hooks/Indexer/useGetTransactionHistorySummary' +} from './hooks/Indexer/useGetTransactionHistorySummary.js' // IndexerGateway -export { useIndexerGatewayClient } from './hooks/IndexerGateway/useIndexerGatewayClient' -export { useGetNativeTokenBalance } from './hooks/IndexerGateway/useGetNativeTokenBalance' -export { useGetSingleTokenBalance, type GetSingleTokenBalanceArgs } from './hooks/IndexerGateway/useGetSingleTokenBalance' -export { useGetTokenBalancesByContract } from './hooks/IndexerGateway/useGetTokenBalancesByContract' -export { useGetTokenBalancesDetails } from './hooks/IndexerGateway/useGetTokenBalancesDetails' -export { useGetTokenBalancesSummary } from './hooks/IndexerGateway/useGetTokenBalancesSummary' +export { useIndexerGatewayClient } from './hooks/IndexerGateway/useIndexerGatewayClient.js' +export { useGetNativeTokenBalance } from './hooks/IndexerGateway/useGetNativeTokenBalance.js' +export { useGetSingleTokenBalance, type GetSingleTokenBalanceArgs } from './hooks/IndexerGateway/useGetSingleTokenBalance.js' +export { useGetTokenBalancesByContract } from './hooks/IndexerGateway/useGetTokenBalancesByContract.js' +export { useGetTokenBalancesDetails } from './hooks/IndexerGateway/useGetTokenBalancesDetails.js' +export { useGetTokenBalancesSummary } from './hooks/IndexerGateway/useGetTokenBalancesSummary.js' // Metadata -export { useMetadataClient } from './hooks/Metadata/useMetadataClient' -export { useGetContractInfo } from './hooks/Metadata/useGetContractInfo' -export { useGetMultipleContractsInfo } from './hooks/Metadata/useGetMultipleContractsInfo' -export { useGetTokenMetadata } from './hooks/Metadata/useGetTokenMetadata' +export { useMetadataClient } from './hooks/Metadata/useMetadataClient.js' +export { useGetContractInfo } from './hooks/Metadata/useGetContractInfo.js' +export { useGetMultipleContractsInfo } from './hooks/Metadata/useGetMultipleContractsInfo.js' +export { useGetTokenMetadata } from './hooks/Metadata/useGetTokenMetadata.js' export { useGetSwapQuote } from './hooks/Combination/useGetSwapQuote' export { useGetSwapRoutes } from './hooks/Combination/useGetSwapRoutes' // Etc -export { useClearCachedBalances } from './hooks/useClearCachedBalances' +export { useClearCachedBalances } from './hooks/useClearCachedBalances.js' diff --git a/packages/hooks/src/tests/API/useGetCoinPrices.test.ts b/packages/hooks/src/tests/API/useGetCoinPrices.test.ts index 44b8603e0..bdbb7fad8 100644 --- a/packages/hooks/src/tests/API/useGetCoinPrices.test.ts +++ b/packages/hooks/src/tests/API/useGetCoinPrices.test.ts @@ -1,6 +1,6 @@ -import { Token } from '@0xsequence/api' +import type { Token } from '@0xsequence/api' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ZERO_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/API/useGetCollectiblePrices.test.ts b/packages/hooks/src/tests/API/useGetCollectiblePrices.test.ts index a9b7ab53f..38f68e66a 100644 --- a/packages/hooks/src/tests/API/useGetCollectiblePrices.test.ts +++ b/packages/hooks/src/tests/API/useGetCollectiblePrices.test.ts @@ -1,6 +1,6 @@ -import { Token } from '@0xsequence/api' +import type { Token } from '@0xsequence/api' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ZERO_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/API/useGetExchangeRate.test.ts b/packages/hooks/src/tests/API/useGetExchangeRate.test.ts index 694065087..899e529dd 100644 --- a/packages/hooks/src/tests/API/useGetExchangeRate.test.ts +++ b/packages/hooks/src/tests/API/useGetExchangeRate.test.ts @@ -1,5 +1,5 @@ import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { useGetExchangeRate } from '../../hooks/API/useGetExchangeRate' diff --git a/packages/hooks/src/tests/Combination/useGetSwapQuote.test.ts b/packages/hooks/src/tests/Combination/useGetSwapQuote.test.ts index 11863def1..2a980988b 100644 --- a/packages/hooks/src/tests/Combination/useGetSwapQuote.test.ts +++ b/packages/hooks/src/tests/Combination/useGetSwapQuote.test.ts @@ -1,5 +1,5 @@ import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS, ZERO_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/Indexer/useGetTransactionHistory.test.ts b/packages/hooks/src/tests/Indexer/useGetTransactionHistory.test.ts index 1dfa32e07..fdef76682 100644 --- a/packages/hooks/src/tests/Indexer/useGetTransactionHistory.test.ts +++ b/packages/hooks/src/tests/Indexer/useGetTransactionHistory.test.ts @@ -1,9 +1,9 @@ import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS, ZERO_ADDRESS } from '../../constants' -import { UseGetTransactionHistoryArgs, useGetTransactionHistory } from '../../hooks/Indexer/useGetTransactionHistory' +import { useGetTransactionHistory, type UseGetTransactionHistoryArgs } from '../../hooks/Indexer/useGetTransactionHistory' import { createWrapper } from '../createWrapper' import { server } from '../setup' diff --git a/packages/hooks/src/tests/Indexer/useGetTransactionHistorySummary.test.ts b/packages/hooks/src/tests/Indexer/useGetTransactionHistorySummary.test.ts index e155a6325..811b586c8 100644 --- a/packages/hooks/src/tests/Indexer/useGetTransactionHistorySummary.test.ts +++ b/packages/hooks/src/tests/Indexer/useGetTransactionHistorySummary.test.ts @@ -1,11 +1,11 @@ import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS } from '../../constants' import { - GetTransactionHistorySummaryArgs, - useGetTransactionHistorySummary + useGetTransactionHistorySummary, + type GetTransactionHistorySummaryArgs } from '../../hooks/Indexer/useGetTransactionHistorySummary' import { createWrapper } from '../createWrapper' import { server } from '../setup' diff --git a/packages/hooks/src/tests/IndexerGateway/useGetNativeTokenBalance.test.ts b/packages/hooks/src/tests/IndexerGateway/useGetNativeTokenBalance.test.ts index f1abf5ea8..a05a97925 100644 --- a/packages/hooks/src/tests/IndexerGateway/useGetNativeTokenBalance.test.ts +++ b/packages/hooks/src/tests/IndexerGateway/useGetNativeTokenBalance.test.ts @@ -1,5 +1,5 @@ import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/IndexerGateway/useGetSingleTokenBalanceSummary.test.ts b/packages/hooks/src/tests/IndexerGateway/useGetSingleTokenBalanceSummary.test.ts index 3700d9629..7564883a6 100644 --- a/packages/hooks/src/tests/IndexerGateway/useGetSingleTokenBalanceSummary.test.ts +++ b/packages/hooks/src/tests/IndexerGateway/useGetSingleTokenBalanceSummary.test.ts @@ -1,9 +1,9 @@ import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS, ZERO_ADDRESS } from '../../constants' -import { GetSingleTokenBalanceArgs, useGetSingleTokenBalance } from '../../hooks/IndexerGateway/useGetSingleTokenBalance' +import { useGetSingleTokenBalance, type GetSingleTokenBalanceArgs } from '../../hooks/IndexerGateway/useGetSingleTokenBalance' import { createWrapper } from '../createWrapper' import { server } from '../setup' diff --git a/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesByContract.test.ts b/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesByContract.test.ts index 7ab0cd484..c23d42174 100644 --- a/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesByContract.test.ts +++ b/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesByContract.test.ts @@ -1,6 +1,6 @@ import { IndexerGateway } from '@0xsequence/indexer' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesDetails.test.ts b/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesDetails.test.ts index e38c9bb26..8029e0360 100644 --- a/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesDetails.test.ts +++ b/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesDetails.test.ts @@ -1,6 +1,6 @@ import { IndexerGateway } from '@0xsequence/indexer' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesSummary.test.ts b/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesSummary.test.ts index 5ae326333..38db0e13b 100644 --- a/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesSummary.test.ts +++ b/packages/hooks/src/tests/IndexerGateway/useGetTokenBalancesSummary.test.ts @@ -1,6 +1,6 @@ import { IndexerGateway } from '@0xsequence/indexer' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { ACCOUNT_ADDRESS } from '../../constants' diff --git a/packages/hooks/src/tests/Metadata/useGetContractInfo.test.ts b/packages/hooks/src/tests/Metadata/useGetContractInfo.test.ts index 880f4db2c..0c78dd93a 100644 --- a/packages/hooks/src/tests/Metadata/useGetContractInfo.test.ts +++ b/packages/hooks/src/tests/Metadata/useGetContractInfo.test.ts @@ -1,6 +1,6 @@ -import { GetContractInfoArgs } from '@0xsequence/metadata' +import type { GetContractInfoArgs } from '@0xsequence/metadata' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { useGetContractInfo } from '../../hooks/Metadata/useGetContractInfo' diff --git a/packages/hooks/src/tests/Metadata/useGetMultipleContractsInfo.test.ts b/packages/hooks/src/tests/Metadata/useGetMultipleContractsInfo.test.ts index e1c8cf40e..99ae2c754 100644 --- a/packages/hooks/src/tests/Metadata/useGetMultipleContractsInfo.test.ts +++ b/packages/hooks/src/tests/Metadata/useGetMultipleContractsInfo.test.ts @@ -1,6 +1,6 @@ -import { GetContractInfoArgs } from '@0xsequence/metadata' +import type { GetContractInfoArgs } from '@0xsequence/metadata' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { useGetMultipleContractsInfo } from '../../hooks/Metadata/useGetMultipleContractsInfo' diff --git a/packages/hooks/src/tests/Metadata/useGetTokenMetadata.test.ts b/packages/hooks/src/tests/Metadata/useGetTokenMetadata.test.ts index a2cfc6cb5..85c4f8038 100644 --- a/packages/hooks/src/tests/Metadata/useGetTokenMetadata.test.ts +++ b/packages/hooks/src/tests/Metadata/useGetTokenMetadata.test.ts @@ -1,6 +1,6 @@ -import { GetTokenMetadataArgs } from '@0xsequence/metadata' +import type { GetTokenMetadataArgs } from '@0xsequence/metadata' import { renderHook, waitFor } from '@testing-library/react' -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' import { describe, expect, it } from 'vitest' import { useGetTokenMetadata } from '../../hooks/Metadata/useGetTokenMetadata' diff --git a/packages/hooks/src/tests/handlers.ts b/packages/hooks/src/tests/handlers.ts index 472f4c78d..0596b426a 100644 --- a/packages/hooks/src/tests/handlers.ts +++ b/packages/hooks/src/tests/handlers.ts @@ -1,4 +1,4 @@ -import { HttpResponse, http } from 'msw' +import { http, HttpResponse } from 'msw' export const handlers = [ http.get('/hello', () => { diff --git a/packages/hooks/src/utils/helpers.ts b/packages/hooks/src/utils/helpers.ts index aff8fd2a6..f2cef6b37 100644 --- a/packages/hooks/src/utils/helpers.ts +++ b/packages/hooks/src/utils/helpers.ts @@ -1,4 +1,4 @@ -import { ContractType, TokenBalance } from '@0xsequence/indexer' +import { ContractType, type TokenBalance } from '@0xsequence/indexer' import { ZERO_ADDRESS } from '../constants' diff --git a/packages/hooks/tsconfig.json b/packages/hooks/tsconfig.json index b4416ddf7..17eff1e50 100644 --- a/packages/hooks/tsconfig.json +++ b/packages/hooks/tsconfig.json @@ -7,6 +7,7 @@ "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, + "verbatimModuleSyntax": true, "strict": true, // "noUncheckedIndexedAccess": true, "module": "ESNext", diff --git a/packages/immutable-connector/package.json b/packages/immutable-connector/package.json index 31d7daa70..afb0125c0 100644 --- a/packages/immutable-connector/package.json +++ b/packages/immutable-connector/package.json @@ -21,8 +21,8 @@ ], "scripts": { "build": "pnpm build:clean && pnpm build:esm && pnpm build:cjs", - "build:cjs": "tsc --module commonjs --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", - "build:esm": "tsc --module es2022 --declaration --declarationMap --outDir dist/esm", + "build:cjs": "tsc --module commonjs --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", + "build:esm": "tsc --module es2022 --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/esm", "build:clean": "rimraf -g ./dist", "build:check": "attw --pack .", "dev": "tsc --watch --module es2022 --declaration --declarationMap --outDir dist/esm", diff --git a/packages/immutable-connector/src/connectConnector/ImmutableLogo.tsx b/packages/immutable-connector/src/connectConnector/ImmutableLogo.tsx index 87eabbe33..c013e237f 100644 --- a/packages/immutable-connector/src/connectConnector/ImmutableLogo.tsx +++ b/packages/immutable-connector/src/connectConnector/ImmutableLogo.tsx @@ -1,4 +1,4 @@ -import { LogoProps } from '@0xsequence/connect' +import type { LogoProps } from '@0xsequence/connect' import React from 'react' export const ImmutableLogo: React.FunctionComponent = (props: LogoProps) => { diff --git a/packages/immutable-connector/src/wagmiConnector/index.ts b/packages/immutable-connector/src/wagmiConnector/index.ts index 51f1ac537..4a9f7ba3c 100644 --- a/packages/immutable-connector/src/wagmiConnector/index.ts +++ b/packages/immutable-connector/src/wagmiConnector/index.ts @@ -1,6 +1,6 @@ import { Environment } from '@imtbl/config' import { passport } from '@imtbl/sdk' -import { type Address } from 'viem' +import type { Address } from 'viem' import { createConnector } from 'wagmi' export interface BaseImmutableConnectorOptions { diff --git a/packages/immutable-connector/tsconfig.json b/packages/immutable-connector/tsconfig.json index 32b2d62f6..17eff1e50 100644 --- a/packages/immutable-connector/tsconfig.json +++ b/packages/immutable-connector/tsconfig.json @@ -7,6 +7,7 @@ "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, + "verbatimModuleSyntax": true, "strict": true, // "noUncheckedIndexedAccess": true, "module": "ESNext", @@ -17,4 +18,4 @@ "jsx": "react-jsx" }, "include": ["./src/**/*.ts", "./src/**/*.tsx"] -} \ No newline at end of file +} diff --git a/packages/wallet-widget/package.json b/packages/wallet-widget/package.json index fe551fadc..d3e0cd5ae 100644 --- a/packages/wallet-widget/package.json +++ b/packages/wallet-widget/package.json @@ -21,8 +21,8 @@ ], "scripts": { "build": "pnpm build:clean && pnpm build:esm && pnpm build:cjs", - "build:cjs": "tsc --module commonjs --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", - "build:esm": "tsc --module es2022 --declaration --declarationMap --outDir dist/esm", + "build:cjs": "tsc --module commonjs --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json", + "build:esm": "tsc --module es2022 --verbatimModuleSyntax false --declaration --declarationMap --outDir dist/esm", "build:clean": "rimraf -g ./dist", "build:check": "attw --pack .", "dev": "tsc --watch --module es2022 --declaration --declarationMap --outDir dist/esm", diff --git a/packages/wallet-widget/src/components/Alert.tsx b/packages/wallet-widget/src/components/Alert.tsx index 7e24d4c17..684faac25 100644 --- a/packages/wallet-widget/src/components/Alert.tsx +++ b/packages/wallet-widget/src/components/Alert.tsx @@ -1,5 +1,5 @@ import { Button, cn, Text } from '@0xsequence/design-system' -import React, { ComponentProps } from 'react' +import React, { type ComponentProps } from 'react' export type AlertProps = { title: string diff --git a/packages/wallet-widget/src/components/ConnectorLogos/getConnectorLogos.tsx b/packages/wallet-widget/src/components/ConnectorLogos/getConnectorLogos.tsx index 374f25ae0..6bac5b731 100644 --- a/packages/wallet-widget/src/components/ConnectorLogos/getConnectorLogos.tsx +++ b/packages/wallet-widget/src/components/ConnectorLogos/getConnectorLogos.tsx @@ -1,4 +1,4 @@ -import { ReactNode } from 'react' +import type { ReactNode } from 'react' import { AppleLogo } from './AppleLogo' import { CoinbaseWalletLogo } from './CoinbaseWalletLogo' diff --git a/packages/wallet-widget/src/components/CopyButton.tsx b/packages/wallet-widget/src/components/CopyButton.tsx index fa306a99d..e5f9dff13 100644 --- a/packages/wallet-widget/src/components/CopyButton.tsx +++ b/packages/wallet-widget/src/components/CopyButton.tsx @@ -1,5 +1,5 @@ -import { Button, CopyIcon, CheckmarkIcon } from '@0xsequence/design-system' -import React, { useEffect, useState, ComponentProps } from 'react' +import { Button, CheckmarkIcon, CopyIcon } from '@0xsequence/design-system' +import { useEffect, useState, type ComponentProps } from 'react' import { CopyToClipboard } from 'react-copy-to-clipboard' type ButtonProps = ComponentProps diff --git a/packages/wallet-widget/src/components/FeeOptionSelector.tsx b/packages/wallet-widget/src/components/FeeOptionSelector.tsx index 3a08f53ce..4c2e78c7e 100644 --- a/packages/wallet-widget/src/components/FeeOptionSelector.tsx +++ b/packages/wallet-widget/src/components/FeeOptionSelector.tsx @@ -1,8 +1,8 @@ import { cn, Text, TokenImage } from '@0xsequence/design-system' -import React from 'react' +import { useState, type FC } from 'react' import { formatUnits, parseUnits, zeroAddress } from 'viem' -import { Alert, AlertProps } from './Alert' +import { Alert, type AlertProps } from './Alert' export interface FeeOption { token: FeeToken @@ -39,13 +39,13 @@ const isBalanceSufficient = (balance: string, fee: string, decimals: number) => return balanceBN >= feeBN } -export const FeeOptionSelector: React.FC = ({ +export const FeeOptionSelector: FC = ({ txnFeeOptions, feeOptionBalances, selectedFeeOptionAddress, setSelectedFeeOptionAddress }) => { - const [feeOptionAlert, setFeeOptionAlert] = React.useState() + const [feeOptionAlert, setFeeOptionAlert] = useState() const sortedOptions = [...txnFeeOptions].sort((a, b) => { const balanceA = feeOptionBalances.find(balance => balance.tokenName === a.token.name) diff --git a/packages/wallet-widget/src/components/Filter/CollectionsFilter.tsx b/packages/wallet-widget/src/components/Filter/CollectionsFilter.tsx index b9529713f..05c5b92f0 100644 --- a/packages/wallet-widget/src/components/Filter/CollectionsFilter.tsx +++ b/packages/wallet-widget/src/components/Filter/CollectionsFilter.tsx @@ -1,6 +1,6 @@ -import { TokenImage, Text } from '@0xsequence/design-system' +import { Text, TokenImage } from '@0xsequence/design-system' -import { useSettings, useGetCollections } from '../../hooks' +import { useGetCollections, useSettings } from '../../hooks' import { MediaIconWrapper } from '../IconWrappers' import { ListCardSelect } from '../ListCard/ListCardSelect' diff --git a/packages/wallet-widget/src/components/Filter/FilterButton.tsx b/packages/wallet-widget/src/components/Filter/FilterButton.tsx index 21f248939..1ae63abb7 100644 --- a/packages/wallet-widget/src/components/Filter/FilterButton.tsx +++ b/packages/wallet-widget/src/components/Filter/FilterButton.tsx @@ -1,5 +1,5 @@ import { useWallets } from '@0xsequence/connect' -import { FilterIcon, cn, cardVariants, Text } from '@0xsequence/design-system' +import { cardVariants, cn, FilterIcon, Text } from '@0xsequence/design-system' import { AnimatePresence } from 'motion/react' import { useMemo, useState } from 'react' diff --git a/packages/wallet-widget/src/components/Filter/FilterMenu.tsx b/packages/wallet-widget/src/components/Filter/FilterMenu.tsx index c16e22d8a..4b84f8e50 100644 --- a/packages/wallet-widget/src/components/Filter/FilterMenu.tsx +++ b/packages/wallet-widget/src/components/Filter/FilterMenu.tsx @@ -3,7 +3,7 @@ import { Text, TokenImage } from '@0xsequence/design-system' import { useObservable } from 'micro-observables' import { useState } from 'react' -import { useSettings, useGetCollections } from '../../hooks' +import { useGetCollections, useSettings } from '../../hooks' import { StackedIconTag } from '../IconWrappers' import { ListCardNav } from '../ListCard' import { SlideupDrawer } from '../Select/SlideupDrawer' diff --git a/packages/wallet-widget/src/components/InfiniteScroll.tsx b/packages/wallet-widget/src/components/InfiniteScroll.tsx index 8520183f6..cbe00099f 100644 --- a/packages/wallet-widget/src/components/InfiniteScroll.tsx +++ b/packages/wallet-widget/src/components/InfiniteScroll.tsx @@ -1,4 +1,4 @@ -import React, { RefObject, PropsWithChildren, useEffect, useRef, useState, useMemo } from 'react' +import React, { useEffect, useMemo, useRef, useState, type PropsWithChildren, type RefObject } from 'react' export const useIntersectionObserver = (ref: RefObject, options?: IntersectionObserverInit) => { const [entry, setEntry] = useState(null) diff --git a/packages/wallet-widget/src/components/ListCard/ListCardNav.tsx b/packages/wallet-widget/src/components/ListCard/ListCardNav.tsx index 24032ace4..7d9f25075 100644 --- a/packages/wallet-widget/src/components/ListCard/ListCardNav.tsx +++ b/packages/wallet-widget/src/components/ListCard/ListCardNav.tsx @@ -1,4 +1,4 @@ -import { cn, ChevronRightIcon } from '@0xsequence/design-system' +import { ChevronRightIcon, cn } from '@0xsequence/design-system' export const ListCardNav = ({ children, diff --git a/packages/wallet-widget/src/components/NavigationHeader/index.tsx b/packages/wallet-widget/src/components/NavigationHeader/index.tsx index 7455e85c2..4c02319c5 100644 --- a/packages/wallet-widget/src/components/NavigationHeader/index.tsx +++ b/packages/wallet-widget/src/components/NavigationHeader/index.tsx @@ -1,4 +1,4 @@ -import { IconButton, ChevronLeftIcon, Text, ModalPrimitive } from '@0xsequence/design-system' +import { ChevronLeftIcon, IconButton, ModalPrimitive, Text } from '@0xsequence/design-system' import { HEADER_HEIGHT } from '../../constants' import { useNavigationContext } from '../../contexts/Navigation' diff --git a/packages/wallet-widget/src/components/NetworkBadge.tsx b/packages/wallet-widget/src/components/NetworkBadge.tsx index 462211d47..5e2079823 100644 --- a/packages/wallet-widget/src/components/NetworkBadge.tsx +++ b/packages/wallet-widget/src/components/NetworkBadge.tsx @@ -1,4 +1,4 @@ -import { getNetwork, getNetworkColor, getNetworkBackgroundColor } from '@0xsequence/connect' +import { getNetwork, getNetworkBackgroundColor, getNetworkColor } from '@0xsequence/connect' import { NetworkImage, Text } from '@0xsequence/design-system' import React from 'react' diff --git a/packages/wallet-widget/src/components/SearchLists/CollectiblesList.tsx b/packages/wallet-widget/src/components/SearchLists/CollectiblesList.tsx index d1e799174..f4c16833c 100644 --- a/packages/wallet-widget/src/components/SearchLists/CollectiblesList.tsx +++ b/packages/wallet-widget/src/components/SearchLists/CollectiblesList.tsx @@ -1,10 +1,10 @@ import { SearchIcon, TextInput, TokenImage } from '@0xsequence/design-system' // Import TokenImage from design-system -import { TokenBalance } from '@0xsequence/indexer' +import type { TokenBalance } from '@0xsequence/indexer' import Fuse from 'fuse.js' -import { useState, useMemo } from 'react' +import { useMemo, useState } from 'react' import { useGetMoreBalances } from '../../hooks' -import { TokenBalanceWithPrice } from '../../utils' +import type { TokenBalanceWithPrice } from '../../utils' import { FilterButton } from '../Filter/FilterButton' import { NetworkBadge } from '../NetworkBadge' diff --git a/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectibleTile.tsx b/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectibleTile.tsx index 4a1755838..87b3f6440 100644 --- a/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectibleTile.tsx +++ b/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectibleTile.tsx @@ -1,7 +1,7 @@ import { NetworkImage } from '@0xsequence/design-system' import { useGetTokenMetadata } from '@0xsequence/hooks' -import { TokenBalanceWithPrice } from '../../../utils' +import type { TokenBalanceWithPrice } from '../../../utils' import { CollectibleTileImage } from '../../CollectibleTileImage' const NETWORK_IMAGE_SIZE = '15%' diff --git a/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx b/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx index 4b332c29b..fc796cf25 100644 --- a/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx +++ b/packages/wallet-widget/src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx @@ -1,7 +1,7 @@ -import { Spinner, Skeleton, Text } from '@0xsequence/design-system' -import React from 'react' +import { Skeleton, Spinner, Text } from '@0xsequence/design-system' +import type { FC } from 'react' -import { TokenBalanceWithPrice } from '../../../utils' +import type { TokenBalanceWithPrice } from '../../../utils' import { InfiniteScroll } from '../../InfiniteScroll' import { CollectibleTile } from './CollectibleTile' @@ -16,7 +16,7 @@ interface CollectiblesTabProps { gridColumns?: number } -export const CollectiblesTab: React.FC = ({ +export const CollectiblesTab: FC = ({ displayedCollectibleBalances, fetchMoreCollectibleBalances, hasMoreCollectibleBalances, diff --git a/packages/wallet-widget/src/components/SearchLists/TokenList.tsx b/packages/wallet-widget/src/components/SearchLists/TokenList.tsx index 298d9bcc7..041c7f254 100644 --- a/packages/wallet-widget/src/components/SearchLists/TokenList.tsx +++ b/packages/wallet-widget/src/components/SearchLists/TokenList.tsx @@ -1,14 +1,14 @@ import { compareAddress, getNativeTokenInfoByChainId } from '@0xsequence/connect' import { SearchIcon, TextInput } from '@0xsequence/design-system' import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/hooks' -import { TokenBalance } from '@0xsequence/indexer' +import type { TokenBalance } from '@0xsequence/indexer' import { ethers } from 'ethers' import Fuse from 'fuse.js' -import { useState, useMemo } from 'react' +import { useMemo, useState } from 'react' import { useConfig } from 'wagmi' -import { useSettings, useGetMoreBalances } from '../../hooks' -import { computeBalanceFiat, TokenBalanceWithPrice } from '../../utils' +import { useGetMoreBalances, useSettings } from '../../hooks' +import { computeBalanceFiat, type TokenBalanceWithPrice } from '../../utils' import { FilterButton } from '../Filter/FilterButton' import { CoinsTab } from './TokenList/CoinsTab' diff --git a/packages/wallet-widget/src/components/SearchLists/TokenList/CoinRow.tsx b/packages/wallet-widget/src/components/SearchLists/TokenList/CoinRow.tsx index a27a27dea..1606b81ed 100644 --- a/packages/wallet-widget/src/components/SearchLists/TokenList/CoinRow.tsx +++ b/packages/wallet-widget/src/components/SearchLists/TokenList/CoinRow.tsx @@ -1,11 +1,11 @@ import { formatAddress } from '@0xsequence/connect' -import { Text, GradientAvatar } from '@0xsequence/design-system' +import { GradientAvatar, Text } from '@0xsequence/design-system' import { getAddress } from 'viem' import { useChains } from 'wagmi' import { useSettings } from '../../../hooks' import { formatTokenInfo } from '../../../utils/formatBalance' -import { TokenBalanceWithPrice } from '../../../utils/tokens' +import type { TokenBalanceWithPrice } from '../../../utils/tokens' import { TokenImageCustom } from '../../Filter/TokenImageCustom' import { ListCardNav } from '../../ListCard/ListCardNav' diff --git a/packages/wallet-widget/src/components/SearchLists/TokenList/CoinsTab.tsx b/packages/wallet-widget/src/components/SearchLists/TokenList/CoinsTab.tsx index 1a1e3bb50..3d37dd511 100644 --- a/packages/wallet-widget/src/components/SearchLists/TokenList/CoinsTab.tsx +++ b/packages/wallet-widget/src/components/SearchLists/TokenList/CoinsTab.tsx @@ -1,7 +1,7 @@ -import { Spinner, Skeleton, Text } from '@0xsequence/design-system' -import React from 'react' +import { Skeleton, Spinner, Text } from '@0xsequence/design-system' +import type { FC } from 'react' -import { TokenBalanceWithPrice } from '../../../utils/tokens' +import type { TokenBalanceWithPrice } from '../../../utils/tokens' import { InfiniteScroll } from '../../InfiniteScroll' import { CoinRow } from './CoinRow' @@ -16,7 +16,7 @@ interface CoinsTabProps { includeUserAddress?: boolean } -export const CoinsTab: React.FC = ({ +export const CoinsTab: FC = ({ displayedCoinBalances, fetchMoreCoinBalances, hasMoreCoinBalances, diff --git a/packages/wallet-widget/src/components/Select/SelectWalletRow.tsx b/packages/wallet-widget/src/components/Select/SelectWalletRow.tsx index 61fe2b313..110fc54b7 100644 --- a/packages/wallet-widget/src/components/Select/SelectWalletRow.tsx +++ b/packages/wallet-widget/src/components/Select/SelectWalletRow.tsx @@ -1,7 +1,7 @@ -import { formatAddress, ConnectedWallet } from '@0xsequence/connect' +import { formatAddress, type ConnectedWallet } from '@0xsequence/connect' import { Text } from '@0xsequence/design-system' -import { useSettings, useFiatWalletsMap } from '../../hooks' +import { useFiatWalletsMap, useSettings } from '../../hooks' import { CopyButton } from '../CopyButton' import { ListCardSelect } from '../ListCard/ListCardSelect' import { WalletAccountGradient } from '../WalletAccountGradient' diff --git a/packages/wallet-widget/src/components/Select/SlideupDrawer.tsx b/packages/wallet-widget/src/components/Select/SlideupDrawer.tsx index c3b067f99..ab2410b3b 100644 --- a/packages/wallet-widget/src/components/Select/SlideupDrawer.tsx +++ b/packages/wallet-widget/src/components/Select/SlideupDrawer.tsx @@ -1,4 +1,4 @@ -import { cardVariants, cn, Divider, Text, ChevronLeftIcon, Button } from '@0xsequence/design-system' +import { Button, cardVariants, ChevronLeftIcon, cn, Divider, Text } from '@0xsequence/design-system' import { motion } from 'motion/react' import { useContext, useEffect, useState } from 'react' import ReactDOM from 'react-dom' diff --git a/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.tsx b/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.tsx index 3a5919703..6db0f6a5b 100644 --- a/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.tsx +++ b/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.tsx @@ -1,9 +1,9 @@ import { compareAddress, useWallets } from '@0xsequence/connect' -import { useGetExchangeRate, useGetCoinPrices } from '@0xsequence/hooks' -import { useState, ReactNode, useEffect } from 'react' -import { zeroAddress, getAddress } from 'viem' +import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/hooks' +import { useEffect, useState, type ReactNode } from 'react' +import { getAddress, zeroAddress } from 'viem' -import { FiatWalletPair, FiatWalletsMapContextProvider } from '../../../contexts' +import { FiatWalletsMapContextProvider, type FiatWalletPair } from '../../../contexts' import { useGetAllTokensDetails, useSettings } from '../../../hooks' import { computeBalanceFiat } from '../../../utils' diff --git a/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx b/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx index 441c8079f..6b2239944 100644 --- a/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx +++ b/packages/wallet-widget/src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx @@ -1,14 +1,14 @@ -import { LifiSwapQuote } from '@0xsequence/api' +import type { LifiSwapQuote } from '@0xsequence/api' import { getNativeTokenInfoByChainId, sendTransactions } from '@0xsequence/connect' import { compareAddress, useToast } from '@0xsequence/design-system' import { useAPIClient, useIndexerClient } from '@0xsequence/hooks' -import { ReactNode, useEffect, useState } from 'react' -import { formatUnits, Hex, zeroAddress } from 'viem' +import { useEffect, useState, type ReactNode } from 'react' +import { formatUnits, zeroAddress, type Hex } from 'viem' import { useAccount, useChainId, useChains, usePublicClient, useWalletClient } from 'wagmi' import { SwapContextProvider } from '../../../contexts/Swap' import { useNavigation } from '../../../hooks' -import { TokenBalanceWithPrice } from '../../../utils' +import type { TokenBalanceWithPrice } from '../../../utils' export const SwapProvider = ({ children }: { children: ReactNode }) => { const toast = useToast() diff --git a/packages/wallet-widget/src/components/SequenceWalletProvider/SequenceWalletProvider.tsx b/packages/wallet-widget/src/components/SequenceWalletProvider/SequenceWalletProvider.tsx index dd00a6ad0..a5c4c5b78 100644 --- a/packages/wallet-widget/src/components/SequenceWalletProvider/SequenceWalletProvider.tsx +++ b/packages/wallet-widget/src/components/SequenceWalletProvider/SequenceWalletProvider.tsx @@ -1,23 +1,29 @@ 'use client' import { SequenceCheckoutProvider, useAddFundsModal } from '@0xsequence/checkout' -import { getModalPositionCss, useTheme, ShadowRoot, useOpenConnectModal, useConnectConfigContext } from '@0xsequence/connect' +import { getModalPositionCss, ShadowRoot, useConnectConfigContext, useOpenConnectModal, useTheme } from '@0xsequence/connect' import { Modal, Scroll, ToastProvider } from '@0xsequence/design-system' import { AnimatePresence } from 'motion/react' -import React, { useState, useContext, useEffect } from 'react' +import React, { useContext, useEffect, useState, type ReactNode } from 'react' import { useAccount } from 'wagmi' import { HEADER_HEIGHT, HEADER_HEIGHT_WITH_LABEL } from '../../constants' -import { WALLET_WIDTH, WALLET_HEIGHT } from '../../constants' -import { History, Navigation, NavigationContextProvider, WalletModalContextProvider, WalletOptions } from '../../contexts' -import { WalletContentRefProvider, WalletContentRefContext } from '../../contexts/WalletContentRef' +import { WALLET_HEIGHT, WALLET_WIDTH } from '../../constants' +import { + NavigationContextProvider, + WalletModalContextProvider, + type History, + type Navigation, + type WalletOptions +} from '../../contexts' +import { WalletContentRefContext, WalletContentRefProvider } from '../../contexts/WalletContentRef' import { FiatWalletsMapProvider } from './ProviderComponents/FiatWalletsMapProvider' import { SwapProvider } from './ProviderComponents/SwapProvider' -import { getHeader, getContent } from './utils' +import { getContent, getHeader } from './utils' export type SequenceWalletProviderProps = { - children: React.ReactNode + children: ReactNode } const DEFAULT_LOCATION: Navigation = { diff --git a/packages/wallet-widget/src/components/SequenceWalletProvider/utils/index.tsx b/packages/wallet-widget/src/components/SequenceWalletProvider/utils/index.tsx index 14dc017af..133a771dc 100644 --- a/packages/wallet-widget/src/components/SequenceWalletProvider/utils/index.tsx +++ b/packages/wallet-widget/src/components/SequenceWalletProvider/utils/index.tsx @@ -1,27 +1,27 @@ -import { Navigation } from '../../../contexts' +import type { Navigation } from '../../../contexts' import { CoinDetails, CollectibleDetails, + History, Home, Receive, + SearchCollectibles, + SearchTokens, SendCoin, SendCollectible, - History, - TransactionDetails, - SwapCoin, - SwapList, SendGeneral, - SearchTokens, - SearchCollectibles, - SettingsWallets, SettingsApps, SettingsCurrency, SettingsMenu, SettingsNetworks, SettingsPreferences, SettingsProfiles, + SettingsWallets, // QrScan, - Swap + Swap, + SwapCoin, + SwapList, + TransactionDetails } from '../../../views' import { NavigationHeader } from '../../NavigationHeader' import { WalletHeader } from '../../WalletHeader' diff --git a/packages/wallet-widget/src/components/TransactionConfirmation.tsx b/packages/wallet-widget/src/components/TransactionConfirmation.tsx index 4b52f6157..57164440d 100644 --- a/packages/wallet-widget/src/components/TransactionConfirmation.tsx +++ b/packages/wallet-widget/src/components/TransactionConfirmation.tsx @@ -1,11 +1,11 @@ import { truncateAtMiddle } from '@0xsequence/connect' -import { Button, ChevronRightIcon, Text, Card, GradientAvatar, Spinner } from '@0xsequence/design-system' +import { Button, Card, ChevronRightIcon, GradientAvatar, Spinner, Text } from '@0xsequence/design-system' import { useIndexerClient } from '@0xsequence/hooks' import { useQuery } from '@tanstack/react-query' import React, { useState } from 'react' import { useAccount } from 'wagmi' -import { FeeOption, FeeOptionSelector } from './FeeOptionSelector' +import { FeeOptionSelector, type FeeOption } from './FeeOptionSelector' import { SendItemInfo } from './SendItemInfo' interface TransactionConfirmationProps { diff --git a/packages/wallet-widget/src/components/TransactionHistoryList/TransactionHistoryItem.tsx b/packages/wallet-widget/src/components/TransactionHistoryList/TransactionHistoryItem.tsx index 36f532aa8..5d4a7faa4 100644 --- a/packages/wallet-widget/src/components/TransactionHistoryList/TransactionHistoryItem.tsx +++ b/packages/wallet-widget/src/components/TransactionHistoryList/TransactionHistoryItem.tsx @@ -1,13 +1,13 @@ -import { TokenPrice } from '@0xsequence/api' +import type { TokenPrice } from '@0xsequence/api' import { compareAddress, formatDisplay, getNativeTokenInfoByChainId } from '@0xsequence/connect' -import { ArrowRightIcon, Text, TransactionIcon, Skeleton, NetworkImage, TokenImage } from '@0xsequence/design-system' +import { ArrowRightIcon, NetworkImage, Skeleton, Text, TokenImage, TransactionIcon } from '@0xsequence/design-system' import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/hooks' -import { Transaction, TxnTransfer, TxnTransferType } from '@0xsequence/indexer' +import { TxnTransferType, type Transaction, type TxnTransfer } from '@0xsequence/indexer' import dayjs from 'dayjs' import { formatUnits, zeroAddress } from 'viem' import { useConfig } from 'wagmi' -import { useSettings, useNavigation } from '../../hooks' +import { useNavigation, useSettings } from '../../hooks' interface TransactionHistoryItemProps { transaction: Transaction diff --git a/packages/wallet-widget/src/components/TransactionHistoryList/index.tsx b/packages/wallet-widget/src/components/TransactionHistoryList/index.tsx index c37f6b46d..a7956b305 100644 --- a/packages/wallet-widget/src/components/TransactionHistoryList/index.tsx +++ b/packages/wallet-widget/src/components/TransactionHistoryList/index.tsx @@ -1,5 +1,5 @@ import { Spinner, Text } from '@0xsequence/design-system' -import { Transaction } from '@0xsequence/indexer' +import type { Transaction } from '@0xsequence/indexer' import { useMemo } from 'react' import { TransactionHistoryItem } from './TransactionHistoryItem' diff --git a/packages/wallet-widget/src/components/WalletHeader/components/AccountInformation.tsx b/packages/wallet-widget/src/components/WalletHeader/components/AccountInformation.tsx index 3367a2d6a..83dca2043 100644 --- a/packages/wallet-widget/src/components/WalletHeader/components/AccountInformation.tsx +++ b/packages/wallet-widget/src/components/WalletHeader/components/AccountInformation.tsx @@ -1,5 +1,5 @@ import { formatAddress } from '@0xsequence/connect' -import { Text, GradientAvatar, ChevronUpDownIcon, Card } from '@0xsequence/design-system' +import { Card, ChevronUpDownIcon, GradientAvatar, Text } from '@0xsequence/design-system' import { useAccount } from 'wagmi' interface AccountInformationProps { diff --git a/packages/wallet-widget/src/contexts/FiatWalletsMap.ts b/packages/wallet-widget/src/contexts/FiatWalletsMap.ts index 8553645b9..c98d8ede7 100644 --- a/packages/wallet-widget/src/contexts/FiatWalletsMap.ts +++ b/packages/wallet-widget/src/contexts/FiatWalletsMap.ts @@ -12,4 +12,4 @@ export interface FiatWalletsMapContext { const [useFiatWalletsMapContext, FiatWalletsMapContextProvider] = createGenericContext() -export { useFiatWalletsMapContext, FiatWalletsMapContextProvider } +export { FiatWalletsMapContextProvider, useFiatWalletsMapContext } diff --git a/packages/wallet-widget/src/contexts/Navigation.ts b/packages/wallet-widget/src/contexts/Navigation.ts index e83e82589..0b36535a8 100644 --- a/packages/wallet-widget/src/contexts/Navigation.ts +++ b/packages/wallet-widget/src/contexts/Navigation.ts @@ -1,6 +1,6 @@ 'use client' -import { Transaction } from '@0xsequence/indexer' +import type { Transaction } from '@0xsequence/indexer' import { createGenericContext } from './genericContext' @@ -144,4 +144,4 @@ type NavigationContext = { const [useNavigationContext, NavigationContextProvider] = createGenericContext() -export { useNavigationContext, NavigationContextProvider } +export { NavigationContextProvider, useNavigationContext } diff --git a/packages/wallet-widget/src/contexts/Swap.ts b/packages/wallet-widget/src/contexts/Swap.ts index ed0ae1e8e..686c2889e 100644 --- a/packages/wallet-widget/src/contexts/Swap.ts +++ b/packages/wallet-widget/src/contexts/Swap.ts @@ -1,4 +1,4 @@ -import { TokenBalanceWithPrice } from '../utils' +import type { TokenBalanceWithPrice } from '../utils' import { createGenericContext } from './genericContext' @@ -24,4 +24,4 @@ export interface SwapContext { const [useSwapContext, SwapContextProvider] = createGenericContext() -export { useSwapContext, SwapContextProvider } +export { SwapContextProvider, useSwapContext } diff --git a/packages/wallet-widget/src/contexts/WalletContentRef.tsx b/packages/wallet-widget/src/contexts/WalletContentRef.tsx index f9b9e6f4d..5644f3153 100644 --- a/packages/wallet-widget/src/contexts/WalletContentRef.tsx +++ b/packages/wallet-widget/src/contexts/WalletContentRef.tsx @@ -1,4 +1,4 @@ -import { createContext, useRef, RefObject } from 'react' +import { createContext, useRef, type RefObject } from 'react' const WalletContentRefContext = createContext>({ current: null }) diff --git a/packages/wallet-widget/src/contexts/WalletModal.ts b/packages/wallet-widget/src/contexts/WalletModal.ts index 959816b07..d99b5808e 100644 --- a/packages/wallet-widget/src/contexts/WalletModal.ts +++ b/packages/wallet-widget/src/contexts/WalletModal.ts @@ -1,7 +1,7 @@ 'use client' import { createGenericContext } from './genericContext' -import { Navigation } from './Navigation' +import type { Navigation } from './Navigation' export interface WalletOptions { defaultNavigation?: Navigation diff --git a/packages/wallet-widget/src/hooks/useGetMoreBalances.ts b/packages/wallet-widget/src/hooks/useGetMoreBalances.ts index b52887708..a0f86a36c 100644 --- a/packages/wallet-widget/src/hooks/useGetMoreBalances.ts +++ b/packages/wallet-widget/src/hooks/useGetMoreBalances.ts @@ -1,8 +1,7 @@ import { useInfiniteQuery } from '@tanstack/react-query' -import { UseInfiniteQueryResult } from '@tanstack/react-query' -import { InfiniteData } from '@tanstack/react-query' +import type { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query' -import { TokenBalanceWithPrice } from '../utils' +import type { TokenBalanceWithPrice } from '../utils' export const useGetMoreBalances = ( balances: TokenBalanceWithPrice[], diff --git a/packages/wallet-widget/src/hooks/useNavigation.ts b/packages/wallet-widget/src/hooks/useNavigation.ts index 42520eb3b..fdfa263dd 100644 --- a/packages/wallet-widget/src/hooks/useNavigation.ts +++ b/packages/wallet-widget/src/hooks/useNavigation.ts @@ -1,4 +1,4 @@ -import { useNavigationContext, Navigation, History } from '../contexts/Navigation' +import { useNavigationContext, type History, type Navigation } from '../contexts/Navigation' interface UseNavigation { setNavigation: (navigation: Navigation) => void diff --git a/packages/wallet-widget/src/hooks/useOpenWalletModal.ts b/packages/wallet-widget/src/hooks/useOpenWalletModal.ts index 2e965c114..b26325678 100644 --- a/packages/wallet-widget/src/hooks/useOpenWalletModal.ts +++ b/packages/wallet-widget/src/hooks/useOpenWalletModal.ts @@ -1,4 +1,4 @@ -import { useWalletModalContext, WalletOptions } from '../contexts/WalletModal' +import { useWalletModalContext, type WalletOptions } from '../contexts/WalletModal' /** * Return type for the useOpenWalletModal hook. diff --git a/packages/wallet-widget/src/hooks/useSettings.ts b/packages/wallet-widget/src/hooks/useSettings.ts index 40b1c488b..4b29ad3d3 100644 --- a/packages/wallet-widget/src/hooks/useSettings.ts +++ b/packages/wallet-widget/src/hooks/useSettings.ts @@ -1,8 +1,8 @@ -import { ConnectedWallet, useWallets, LocalStorageKey, useWalletSettings } from '@0xsequence/connect' +import { LocalStorageKey, useWallets, useWalletSettings, type ConnectedWallet } from '@0xsequence/connect' import { Observable, observable } from 'micro-observables' import { useConfig } from 'wagmi' -import { FiatCurrency, defaultFiatCurrency } from '../constants' +import { defaultFiatCurrency, type FiatCurrency } from '../constants' interface MutableObservable extends Observable { set(value: T): void diff --git a/packages/wallet-widget/src/utils/formatBalance.ts b/packages/wallet-widget/src/utils/formatBalance.ts index 520350099..dee1905d0 100644 --- a/packages/wallet-widget/src/utils/formatBalance.ts +++ b/packages/wallet-widget/src/utils/formatBalance.ts @@ -1,11 +1,11 @@ import { formatDisplay } from '@0xsequence/connect' import { getNativeTokenInfoByChainId } from '@0xsequence/connect' import { compareAddress } from '@0xsequence/design-system' -import { TokenBalance } from '@0xsequence/indexer' -import { Chain, formatUnits } from 'viem' +import type { TokenBalance } from '@0xsequence/indexer' +import { formatUnits, type Chain } from 'viem' import { zeroAddress } from 'viem' -import { TokenBalanceWithPrice } from './tokens' +import type { TokenBalanceWithPrice } from './tokens' //TODO: rename these and maybe do a refactor diff --git a/packages/wallet-widget/src/utils/tokens.ts b/packages/wallet-widget/src/utils/tokens.ts index 9d05010d3..5198c8e6e 100644 --- a/packages/wallet-widget/src/utils/tokens.ts +++ b/packages/wallet-widget/src/utils/tokens.ts @@ -1,7 +1,7 @@ -import { Price, TokenPrice } from '@0xsequence/api' +import type { Price, TokenPrice } from '@0xsequence/api' import { compareAddress } from '@0xsequence/connect' -import { TokenBalance, GetTransactionHistoryReturn, Transaction } from '@0xsequence/indexer' -import { InfiniteData } from '@tanstack/react-query' +import type { GetTransactionHistoryReturn, TokenBalance, Transaction } from '@0xsequence/indexer' +import type { InfiniteData } from '@tanstack/react-query' import { formatUnits, zeroAddress } from 'viem' export interface TokenBalanceWithPrice extends TokenBalance { diff --git a/packages/wallet-widget/src/views/CoinDetails/index.tsx b/packages/wallet-widget/src/views/CoinDetails/index.tsx index 04ab20a7a..2494e3ab1 100644 --- a/packages/wallet-widget/src/views/CoinDetails/index.tsx +++ b/packages/wallet-widget/src/views/CoinDetails/index.tsx @@ -1,6 +1,6 @@ import { compareAddress, formatDisplay, getNativeTokenInfoByChainId, useWallets } from '@0xsequence/connect' import { Button, SendIcon, SwapIcon, Text, TokenImage } from '@0xsequence/design-system' -import { useGetCoinPrices, useGetExchangeRate, useGetTransactionHistory, useGetSingleTokenBalance } from '@0xsequence/hooks' +import { useGetCoinPrices, useGetExchangeRate, useGetSingleTokenBalance, useGetTransactionHistory } from '@0xsequence/hooks' import { useEffect } from 'react' import { formatUnits, zeroAddress } from 'viem' import { useConfig } from 'wagmi' @@ -9,7 +9,7 @@ import { InfiniteScroll } from '../../components/InfiniteScroll' import { NetworkBadge } from '../../components/NetworkBadge' import { TransactionHistoryList } from '../../components/TransactionHistoryList' import { HEADER_HEIGHT } from '../../constants' -import { useSettings, useNavigation } from '../../hooks' +import { useNavigation, useSettings } from '../../hooks' import { computeBalanceFiat, flattenPaginatedTransactionHistory } from '../../utils' import { CoinDetailsSkeleton } from './Skeleton' diff --git a/packages/wallet-widget/src/views/CollectibleDetails/index.tsx b/packages/wallet-widget/src/views/CollectibleDetails/index.tsx index 73ad8e17b..b220c30d3 100644 --- a/packages/wallet-widget/src/views/CollectibleDetails/index.tsx +++ b/packages/wallet-widget/src/views/CollectibleDetails/index.tsx @@ -1,10 +1,10 @@ import { formatDisplay, useWallets } from '@0xsequence/connect' import { Button, Image, NetworkImage, SendIcon, Text } from '@0xsequence/design-system' import { - useGetTransactionHistory, useGetCollectiblePrices, useGetExchangeRate, - useGetSingleTokenBalance + useGetSingleTokenBalance, + useGetTransactionHistory } from '@0xsequence/hooks' import { useEffect } from 'react' import { formatUnits } from 'viem' @@ -14,7 +14,7 @@ import { CollectibleTileImage } from '../../components/CollectibleTileImage' import { InfiniteScroll } from '../../components/InfiniteScroll' import { TransactionHistoryList } from '../../components/TransactionHistoryList' import { HEADER_HEIGHT } from '../../constants' -import { useSettings, useNavigation } from '../../hooks' +import { useNavigation, useSettings } from '../../hooks' import { computeBalanceFiat, flattenPaginatedTransactionHistory } from '../../utils' import { CollectibleDetailsSkeleton } from './Skeleton' diff --git a/packages/wallet-widget/src/views/History.tsx b/packages/wallet-widget/src/views/History.tsx index 345def50e..db16b80c3 100644 --- a/packages/wallet-widget/src/views/History.tsx +++ b/packages/wallet-widget/src/views/History.tsx @@ -1,7 +1,7 @@ import { getNativeTokenInfoByChainId } from '@0xsequence/connect' import { compareAddress, SearchIcon, TextInput } from '@0xsequence/design-system' import { useGetTransactionHistorySummary } from '@0xsequence/hooks' -import { Transaction } from '@0xsequence/indexer' +import type { Transaction } from '@0xsequence/indexer' import Fuse from 'fuse.js' import { useObservable } from 'micro-observables' import { useMemo, useState } from 'react' diff --git a/packages/wallet-widget/src/views/Home/OperationButtonTemplate.tsx b/packages/wallet-widget/src/views/Home/OperationButtonTemplate.tsx index 6f88fa74b..e431a7f53 100644 --- a/packages/wallet-widget/src/views/Home/OperationButtonTemplate.tsx +++ b/packages/wallet-widget/src/views/Home/OperationButtonTemplate.tsx @@ -1,5 +1,5 @@ -import { cardVariants, cn, Text, IconProps } from '@0xsequence/design-system' -import { ComponentType } from 'react' +import { cardVariants, cn, Text, type IconProps } from '@0xsequence/design-system' +import type { ComponentType } from 'react' export const OperationButtonTemplate = ({ label, diff --git a/packages/wallet-widget/src/views/Home/index.tsx b/packages/wallet-widget/src/views/Home/index.tsx index e7bccf3dd..e6014e0cd 100644 --- a/packages/wallet-widget/src/views/Home/index.tsx +++ b/packages/wallet-widget/src/views/Home/index.tsx @@ -1,15 +1,15 @@ import { useAddFundsModal } from '@0xsequence/checkout' -import { compareAddress, formatAddress, useWallets, useOpenConnectModal, getNativeTokenInfoByChainId } from '@0xsequence/connect' +import { compareAddress, formatAddress, getNativeTokenInfoByChainId, useOpenConnectModal, useWallets } from '@0xsequence/connect' import { - Button, - ArrowUpIcon, - SwapIcon, - ScanIcon, AddIcon, + ArrowUpIcon, + Button, ChevronUpDownIcon, - Text, EllipsisIcon, - Skeleton + ScanIcon, + Skeleton, + SwapIcon, + Text } from '@0xsequence/design-system' import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/hooks' import { ethers } from 'ethers' @@ -26,7 +26,7 @@ import { ListCardNavTable } from '../../components/ListCardTable/ListCardNavTabl import { SelectWalletRow } from '../../components/Select/SelectWalletRow' import { SlideupDrawer } from '../../components/Select/SlideupDrawer' import { WalletAccountGradient } from '../../components/WalletAccountGradient' -import { useNavigation, useSettings, useGetAllTokensDetails, useFiatWalletsMap } from '../../hooks' +import { useFiatWalletsMap, useGetAllTokensDetails, useNavigation, useSettings } from '../../hooks' import { computeBalanceFiat } from '../../utils' import { OperationButtonTemplate } from './OperationButtonTemplate' diff --git a/packages/wallet-widget/src/views/Receive.tsx b/packages/wallet-widget/src/views/Receive.tsx index 231ec33f0..d66ce4581 100644 --- a/packages/wallet-widget/src/views/Receive.tsx +++ b/packages/wallet-widget/src/views/Receive.tsx @@ -1,7 +1,7 @@ import { getNetwork } from '@0xsequence/connect' -import { Button, Text, CopyIcon, ShareIcon, Image } from '@0xsequence/design-system' +import { Button, CopyIcon, Image, ShareIcon, Text } from '@0xsequence/design-system' import { QRCodeCanvas } from 'qrcode.react' -import { useState, useEffect } from 'react' +import { useEffect, useState } from 'react' import { CopyToClipboard } from 'react-copy-to-clipboard' import { useAccount } from 'wagmi' diff --git a/packages/wallet-widget/src/views/Search/SearchCollectibles.tsx b/packages/wallet-widget/src/views/Search/SearchCollectibles.tsx index 3b0792ae3..204c812a8 100644 --- a/packages/wallet-widget/src/views/Search/SearchCollectibles.tsx +++ b/packages/wallet-widget/src/views/Search/SearchCollectibles.tsx @@ -3,8 +3,8 @@ import { useObservable } from 'micro-observables' import { useEffect } from 'react' import { CollectiblesList } from '../../components/SearchLists/CollectiblesList' -import { useSettings, useNavigation, useGetAllTokensDetails } from '../../hooks' -import { TokenBalanceWithPrice } from '../../utils' +import { useGetAllTokensDetails, useNavigation, useSettings } from '../../hooks' +import type { TokenBalanceWithPrice } from '../../utils' export const SearchCollectibles = ({ contractAddress, diff --git a/packages/wallet-widget/src/views/Search/SearchTokens.tsx b/packages/wallet-widget/src/views/Search/SearchTokens.tsx index ec732203a..aff1aac6e 100644 --- a/packages/wallet-widget/src/views/Search/SearchTokens.tsx +++ b/packages/wallet-widget/src/views/Search/SearchTokens.tsx @@ -3,7 +3,7 @@ import { useObservable } from 'micro-observables' import { TokenList } from '../../components/SearchLists' import { useNavigation, useSettings } from '../../hooks' import { useGetAllTokensDetails } from '../../hooks' -import { TokenBalanceWithPrice } from '../../utils' +import type { TokenBalanceWithPrice } from '../../utils' export const SearchTokens = () => { const { setNavigation } = useNavigation() diff --git a/packages/wallet-widget/src/views/Send/SendCoin.tsx b/packages/wallet-widget/src/views/Send/SendCoin.tsx index 03c762cf7..fa13aa94b 100644 --- a/packages/wallet-widget/src/views/Send/SendCoin.tsx +++ b/packages/wallet-widget/src/views/Send/SendCoin.tsx @@ -1,47 +1,47 @@ import { compareAddress, getNativeTokenInfoByChainId, - useAnalyticsContext, - ExtendedConnector, + TRANSACTION_CONFIRMATIONS_DEFAULT, truncateAtMiddle, + useAnalyticsContext, useCheckWaasFeeOptions, useWaasFeeOptions, + useWallets, waitForTransactionReceipt, - TRANSACTION_CONFIRMATIONS_DEFAULT, - useWallets + type ExtendedConnector } from '@0xsequence/connect' import { Button, + Card, ChevronRightIcon, - CopyIcon, CloseIcon, + CopyIcon, GradientAvatar, - Text, NumericInput, - TextInput, Spinner, - Card, + Text, + TextInput, useToast } from '@0xsequence/design-system' import { useClearCachedBalances, useGetCoinPrices, useGetExchangeRate, - useIndexerClient, - useGetSingleTokenBalance + useGetSingleTokenBalance, + useIndexerClient } from '@0xsequence/hooks' -import { TokenBalance } from '@0xsequence/indexer' -import { useState, ChangeEvent, useRef, useEffect } from 'react' -import { encodeFunctionData, formatUnits, parseUnits, toHex, zeroAddress, Hex } from 'viem' -import { useAccount, useChainId, useSwitchChain, useConfig, usePublicClient, useWalletClient } from 'wagmi' +import type { TokenBalance } from '@0xsequence/indexer' +import { useEffect, useRef, useState, type ChangeEvent } from 'react' +import { encodeFunctionData, formatUnits, parseUnits, toHex, zeroAddress, type Hex } from 'viem' +import { useAccount, useChainId, useConfig, usePublicClient, useSwitchChain, useWalletClient } from 'wagmi' import { WalletSelect } from '../../components/Select/WalletSelect' import { SendItemInfo } from '../../components/SendItemInfo' import { TransactionConfirmation } from '../../components/TransactionConfirmation' import { ERC_20_ABI, HEADER_HEIGHT_WITH_LABEL } from '../../constants' import { useNavigationContext } from '../../contexts/Navigation' -import { useSettings, useNavigation } from '../../hooks' -import { computeBalanceFiat, limitDecimals, isEthAddress } from '../../utils' +import { useNavigation, useSettings } from '../../hooks' +import { computeBalanceFiat, isEthAddress, limitDecimals } from '../../utils' interface SendCoinProps { chainId: number diff --git a/packages/wallet-widget/src/views/Send/SendCollectible.tsx b/packages/wallet-widget/src/views/Send/SendCollectible.tsx index 8b7cebffc..1792bf711 100644 --- a/packages/wallet-widget/src/views/Send/SendCollectible.tsx +++ b/packages/wallet-widget/src/views/Send/SendCollectible.tsx @@ -1,34 +1,34 @@ import { getNativeTokenInfoByChainId, - useAnalyticsContext, - ExtendedConnector, + TRANSACTION_CONFIRMATIONS_DEFAULT, truncateAtMiddle, + useAnalyticsContext, useCheckWaasFeeOptions, useWaasFeeOptions, + useWallets, waitForTransactionReceipt, - TRANSACTION_CONFIRMATIONS_DEFAULT, - useWallets + type ExtendedConnector } from '@0xsequence/connect' import { + AddIcon, Button, + Card, ChevronRightIcon, - CopyIcon, CloseIcon, + CopyIcon, GradientAvatar, - AddIcon, + NumericInput, + Spinner, SubtractIcon, Text, - NumericInput, TextInput, - Spinner, - Card, useToast } from '@0xsequence/design-system' -import { useClearCachedBalances, useIndexerClient, useGetSingleTokenBalance } from '@0xsequence/hooks' -import { ContractType, TokenBalance } from '@0xsequence/indexer' -import { useRef, useState, ChangeEvent, useEffect } from 'react' -import { encodeFunctionData, formatUnits, parseUnits, toHex, Hex } from 'viem' -import { useAccount, useChainId, useSwitchChain, useConfig, usePublicClient, useWalletClient } from 'wagmi' +import { useClearCachedBalances, useGetSingleTokenBalance, useIndexerClient } from '@0xsequence/hooks' +import type { ContractType, TokenBalance } from '@0xsequence/indexer' +import { useEffect, useRef, useState, type ChangeEvent } from 'react' +import { encodeFunctionData, formatUnits, parseUnits, toHex, type Hex } from 'viem' +import { useAccount, useChainId, useConfig, usePublicClient, useSwitchChain, useWalletClient } from 'wagmi' import { WalletSelect } from '../../components/Select/WalletSelect' import { SendItemInfo } from '../../components/SendItemInfo' @@ -36,7 +36,7 @@ import { TransactionConfirmation } from '../../components/TransactionConfirmatio import { ERC_1155_ABI, ERC_721_ABI, HEADER_HEIGHT_WITH_LABEL } from '../../constants' import { useNavigationContext } from '../../contexts/Navigation' import { useNavigation } from '../../hooks' -import { limitDecimals, isEthAddress } from '../../utils' +import { isEthAddress, limitDecimals } from '../../utils' interface SendCollectibleProps { chainId: number diff --git a/packages/wallet-widget/src/views/Send/SendGeneral.tsx b/packages/wallet-widget/src/views/Send/SendGeneral.tsx index 35b26d9d4..c9332f128 100644 --- a/packages/wallet-widget/src/views/Send/SendGeneral.tsx +++ b/packages/wallet-widget/src/views/Send/SendGeneral.tsx @@ -1,10 +1,10 @@ import { useWallets } from '@0xsequence/connect' -import { TabsHeader, TabsContent, TabsRoot } from '@0xsequence/design-system' +import { TabsContent, TabsHeader, TabsRoot } from '@0xsequence/design-system' import { useState } from 'react' import { CollectiblesList, TokenList } from '../../components/SearchLists' -import { useSettings, useNavigation, useGetAllTokensDetails } from '../../hooks' -import { TokenBalanceWithPrice } from '../../utils/tokens' +import { useGetAllTokensDetails, useNavigation, useSettings } from '../../hooks' +import type { TokenBalanceWithPrice } from '../../utils/tokens' export const SendGeneral = () => { const { setNavigation } = useNavigation() diff --git a/packages/wallet-widget/src/views/Settings/Wallets.tsx b/packages/wallet-widget/src/views/Settings/Wallets.tsx index 119a0c808..8844e6e7b 100644 --- a/packages/wallet-widget/src/views/Settings/Wallets.tsx +++ b/packages/wallet-widget/src/views/Settings/Wallets.tsx @@ -1,5 +1,5 @@ import { formatAddress, useOpenConnectModal, useWallets } from '@0xsequence/connect' -import { cardVariants, cn, Text, Divider, IconButton, CheckmarkIcon, CloseIcon, Spinner } from '@0xsequence/design-system' +import { cardVariants, CheckmarkIcon, CloseIcon, cn, Divider, IconButton, Spinner, Text } from '@0xsequence/design-system' import { useState } from 'react' import { CopyButton } from '../../components/CopyButton' diff --git a/packages/wallet-widget/src/views/Swap/CoinInput.tsx b/packages/wallet-widget/src/views/Swap/CoinInput.tsx index 8f7fee68d..ac612b2b6 100644 --- a/packages/wallet-widget/src/views/Swap/CoinInput.tsx +++ b/packages/wallet-widget/src/views/Swap/CoinInput.tsx @@ -1,9 +1,9 @@ import { Button, NumericInput, Text } from '@0xsequence/design-system' -import { ChangeEvent, useEffect, useState } from 'react' +import { useEffect, useState, type ChangeEvent } from 'react' import { formatUnits } from 'viem' import { useSettings, useSwap } from '../../hooks' -import { formatFiatBalance, decimalsToWei } from '../../utils/formatBalance' +import { decimalsToWei, formatFiatBalance } from '../../utils/formatBalance' export const CoinInput = ({ type, disabled }: { type: 'from' | 'to'; disabled?: boolean }) => { const { toCoin, fromCoin, amount, nonRecentAmount, recentInput, setAmount } = useSwap() diff --git a/packages/wallet-widget/src/views/Swap/CoinSelect.tsx b/packages/wallet-widget/src/views/Swap/CoinSelect.tsx index eb8efc313..6a4a59c07 100644 --- a/packages/wallet-widget/src/views/Swap/CoinSelect.tsx +++ b/packages/wallet-widget/src/views/Swap/CoinSelect.tsx @@ -1,4 +1,4 @@ -import { cn, cardVariants, Text, ChevronDownIcon, TokenImage } from '@0xsequence/design-system' +import { cardVariants, ChevronDownIcon, cn, Text, TokenImage } from '@0xsequence/design-system' import { AnimatePresence } from 'motion/react' import { useState } from 'react' import { useChains } from 'wagmi' @@ -6,7 +6,7 @@ import { useChains } from 'wagmi' import { CoinRow } from '../../components/SearchLists/TokenList/CoinRow' import { SlideupDrawer } from '../../components/Select/SlideupDrawer' import { useSettings, useSwap } from '../../hooks' -import { TokenBalanceWithPrice } from '../../utils' +import type { TokenBalanceWithPrice } from '../../utils' import { formatTokenInfo } from '../../utils/formatBalance' export const CoinSelect = ({ diff --git a/packages/wallet-widget/src/views/SwapCoin/SwapList.tsx b/packages/wallet-widget/src/views/SwapCoin/SwapList.tsx index 54ec2848b..f2ae3ff5e 100644 --- a/packages/wallet-widget/src/views/SwapCoin/SwapList.tsx +++ b/packages/wallet-widget/src/views/SwapCoin/SwapList.tsx @@ -1,23 +1,23 @@ import { - CryptoOption, compareAddress, + ContractVerificationStatus, + CryptoOption, formatDisplay, sendTransactions, useAnalyticsContext, - ExtendedConnector, - ContractVerificationStatus + type ExtendedConnector } from '@0xsequence/connect' import { Button, Spinner, Text } from '@0xsequence/design-system' import { - useGetSwapQuote, useClearCachedBalances, useGetContractInfo, - useIndexerClient, + useGetSwapQuote, useGetSwapRoutes, - useGetTokenBalancesSummary + useGetTokenBalancesSummary, + useIndexerClient } from '@0xsequence/hooks' -import { useState, useMemo } from 'react' -import { zeroAddress, formatUnits, Hex } from 'viem' +import { useMemo, useState } from 'react' +import { formatUnits, zeroAddress, type Hex } from 'viem' import { useAccount, useChainId, usePublicClient, useSwitchChain, useWalletClient } from 'wagmi' import { HEADER_HEIGHT } from '../../constants' diff --git a/packages/wallet-widget/src/views/SwapCoin/index.tsx b/packages/wallet-widget/src/views/SwapCoin/index.tsx index 3bbc0b70f..f369a14f8 100644 --- a/packages/wallet-widget/src/views/SwapCoin/index.tsx +++ b/packages/wallet-widget/src/views/SwapCoin/index.tsx @@ -1,14 +1,14 @@ import { compareAddress, getNativeTokenInfoByChainId } from '@0xsequence/connect' -import { Button, ChevronRightIcon, Text, NumericInput } from '@0xsequence/design-system' +import { Button, ChevronRightIcon, NumericInput, Text } from '@0xsequence/design-system' import { useGetCoinPrices, useGetExchangeRate, useGetSingleTokenBalance } from '@0xsequence/hooks' -import { TokenBalance } from '@0xsequence/indexer' -import { useRef, useState, ChangeEvent } from 'react' +import type { TokenBalance } from '@0xsequence/indexer' +import { useRef, useState, type ChangeEvent } from 'react' import { parseUnits, zeroAddress } from 'viem' import { useAccount, useConfig } from 'wagmi' import { SendItemInfo } from '../../components/SendItemInfo' import { HEADER_HEIGHT } from '../../constants' -import { useSettings, useNavigation } from '../../hooks' +import { useNavigation, useSettings } from '../../hooks' import { computeBalanceFiat, limitDecimals } from '../../utils' export interface SwapCoinProps { diff --git a/packages/wallet-widget/src/views/TransactionDetails/index.tsx b/packages/wallet-widget/src/views/TransactionDetails/index.tsx index 5e0498b41..aa8d77f68 100644 --- a/packages/wallet-widget/src/views/TransactionDetails/index.tsx +++ b/packages/wallet-widget/src/views/TransactionDetails/index.tsx @@ -1,4 +1,4 @@ -import { Token } from '@0xsequence/api' +import type { Token } from '@0xsequence/api' import { compareAddress, formatDisplay, getNativeTokenInfoByChainId } from '@0xsequence/connect' import { ArrowRightIcon, @@ -12,7 +12,7 @@ import { TokenImage } from '@0xsequence/design-system' import { useGetCoinPrices, useGetCollectiblePrices, useGetExchangeRate } from '@0xsequence/hooks' -import { Transaction, TxnTransfer, TxnTransferType } from '@0xsequence/indexer' +import { TxnTransferType, type Transaction, type TxnTransfer } from '@0xsequence/indexer' import dayjs from 'dayjs' import { formatUnits, zeroAddress } from 'viem' import { useConfig } from 'wagmi' diff --git a/packages/wallet-widget/tsconfig.json b/packages/wallet-widget/tsconfig.json index b4416ddf7..17eff1e50 100644 --- a/packages/wallet-widget/tsconfig.json +++ b/packages/wallet-widget/tsconfig.json @@ -7,6 +7,7 @@ "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, + "verbatimModuleSyntax": true, "strict": true, // "noUncheckedIndexedAccess": true, "module": "ESNext", diff --git a/tsconfig.json b/tsconfig.json index ddd29669c..87ed380e2 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -7,6 +7,7 @@ "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, + "verbatimModuleSyntax": true, "strict": true, // "noUncheckedIndexedAccess": true, "module": "ESNext",