@lifi/widget 3.29.1 → 3.30.1

package/src/stores/chains/createChainOrderStore.ts

@@ -4,8 +4,13 @@ import { createWithEqualityFn } from 'zustand/traditional'
 import type { PersistStoreProps } from '../types.js'
 import type { ChainOrderState } from './types.js'
 
-export const maxChainsToOrder = 9
-export const maxChainsToShow = 10
+// (10 tiles: 9 + 1 for "All chains")
+export const maxGridItemsToShow = 10
+export const maxChainsToShow = maxGridItemsToShow - 1
+// If there are more than maxChainsToShow chains to show,
+// -1 tile to show a button "+ N" more chains
+export const maxChainsToOrder = maxChainsToShow - 1
+
 const defaultChainState = {
   from: [],
   to: [],
@@ -16,6 +21,7 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
     persist(
       (set, get) => ({
         chainOrder: defaultChainState,
+        isAllNetworks: true,
         availableChains: defaultChainState,
         pinnedChains: [],
         initializeChains: (chainIds, type) => {
@@ -53,7 +59,7 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
               },
             }
           })
-          return get().chainOrder[type]
+          return get().chainOrder[type].slice(0, maxChainsToOrder)
         },
         setChain: (chainId, type) => {
           const state = get()
@@ -64,11 +70,10 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
             return
           }
           set((state: ChainOrderState) => {
-            const chainOrder = state.chainOrder[type].slice()
-            chainOrder.unshift(chainId)
-            if (chainOrder.length > maxChainsToOrder) {
-              chainOrder.pop()
-            }
+            const chainOrder = [chainId, ...state.chainOrder[type]].slice(
+              0,
+              maxChainsToOrder
+            )
             return {
               chainOrder: {
                 ...state.chainOrder,
@@ -77,6 +82,9 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
             }
           })
         },
+        setIsAllNetworks: (isAllNetworks) => {
+          set({ isAllNetworks })
+        },
         setPinnedChain: (chainId) => {
           set((state: ChainOrderState) => {
             const pinnedChains = [...state.pinnedChains]
@@ -97,6 +105,7 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
         version: 2,
         partialize: (state) => ({
           chainOrder: state.chainOrder,
+          isAllNetworks: state.isAllNetworks,
           pinnedChains: state.pinnedChains,
         }),
       }

package/src/stores/chains/types.ts

@@ -1,6 +1,6 @@
 import type { FormType } from '../form/types.js'
 
-export interface ChainOrderProps {
+interface ChainOrderProps {
   chainOrder: {
     from: number[]
     to: number[]
@@ -9,11 +9,13 @@ export interface ChainOrderProps {
     from: number[]
     to: number[]
   }
+  isAllNetworks: boolean
   pinnedChains: number[]
 }
 
 export interface ChainOrderState extends ChainOrderProps {
   initializeChains(chainIds: number[], type: FormType): number[]
   setChain(chainId: number, type: FormType): void
+  setIsAllNetworks(isAllNetworks: boolean): void
   setPinnedChain(chainId: number): void
 }

package/src/stores/chains/useChainOrder.ts

@@ -1,8 +1,12 @@
 import type { FormType } from '../form/types.js'
 import { useChainOrderStore } from './ChainOrderStore.js'
+import { maxChainsToOrder } from './createChainOrderStore.js'
 
 export const useChainOrder = (
   type: FormType
 ): [number[], (chainId: number, type: FormType) => void] => {
-  return useChainOrderStore((state) => [state.chainOrder[type], state.setChain])
+  return useChainOrderStore((state) => [
+    state.chainOrder[type].slice(0, maxChainsToOrder),
+    state.setChain,
+  ])
 }

package/src/stores/header/types.ts

@@ -3,7 +3,7 @@ import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional'
 
 export type HeaderStore = UseBoundStoreWithEqualityFn<StoreApi<HeaderState>>
 
-export interface HeaderStateBase {
+interface HeaderStateBase {
   element?: React.ReactNode | null
   title?: string
   headerHeight: number

package/src/stores/header/useHeaderStore.tsx

@@ -4,7 +4,7 @@ import { createWithEqualityFn } from 'zustand/traditional'
 import type { PersistStoreProviderProps } from '../types.js'
 import type { HeaderState, HeaderStore } from './types.js'
 
-export const HeaderStoreContext = createContext<HeaderStore | null>(null)
+const HeaderStoreContext = createContext<HeaderStore | null>(null)
 
 export function HeaderStoreProvider({ children }: PersistStoreProviderProps) {
   const storeRef = useRef<HeaderStore>(null)
@@ -18,7 +18,7 @@ export function HeaderStoreProvider({ children }: PersistStoreProviderProps) {
   )
 }
 
-export function useHeaderStoreContext() {
+function useHeaderStoreContext() {
   const useStore = useContext(HeaderStoreContext)
   if (!useStore) {
     throw new Error(
@@ -54,7 +54,7 @@ export function useSetHeaderHeight() {
   }
 }
 
-export const createHeaderStore = () =>
+const createHeaderStore = () =>
   createWithEqualityFn<HeaderState>(
     (set, get) => ({
       headerHeight: 108, // a basic default height

package/src/stores/inputMode/useInputModeStore.ts

@@ -1,7 +1,7 @@
 import { create } from 'zustand'
 import type { FormTypeProps } from '../form/types.js'
 
-export type InputMode = 'amount' | 'price'
+type InputMode = 'amount' | 'price'
 
 interface InputModeState {
   inputMode: Record<'from' | 'to', InputMode>

package/src/stores/routes/RouteExecutionStore.tsx

@@ -6,12 +6,13 @@ import type { PersistStoreProviderProps } from '../types.js'
 import { createRouteExecutionStore } from './createRouteExecutionStore.js'
 import type { RouteExecutionState } from './types.js'
 
-export type RouteExecutionStore = UseBoundStoreWithEqualityFn<
+type RouteExecutionStore = UseBoundStoreWithEqualityFn<
   StoreApi<RouteExecutionState>
 >
 
-export const RouteExecutionStoreContext =
-  createContext<RouteExecutionStore | null>(null)
+const RouteExecutionStoreContext = createContext<RouteExecutionStore | null>(
+  null
+)
 
 export function RouteExecutionStoreProvider({
   children,

package/src/stores/settings/types.ts

@@ -9,11 +9,7 @@ export type ValueSetter<S> = <K extends keyof S>(
   value: S[Extract<K, string>]
 ) => void
 
-export type ValueGetter<S> = <K extends keyof S>(key: K) => S[K]
-
-export type ValuesSetter<S> = <K extends keyof S>(
-  values: Record<K, S[Extract<K, string>]>
-) => void
+type ValueGetter<S> = <K extends keyof S>(key: K) => S[K]
 
 export const SettingsToolTypes = ['Bridges', 'Exchanges'] as const
 export type SettingsToolType = (typeof SettingsToolTypes)[number]
@@ -48,7 +44,7 @@ export interface SettingsActions {
 
 export type SettingsState = SettingsProps & SettingsActions
 
-export interface SendToWalletState {
+interface SendToWalletState {
   showSendToWallet: boolean
 }
 

package/src/stores/settings/useSettingsStore.ts

@@ -18,7 +18,7 @@ export const defaultConfigurableSettings: Pick<
   gasPrice: 'normal',
 }
 
-export const defaultSettings: SettingsProps = {
+const defaultSettings: SettingsProps = {
   gasPrice: 'normal',
   enabledAutoRefuel: true,
   disabledBridges: [],

package/src/stores/settings/useSplitSubvariantStore.tsx

@@ -8,8 +8,9 @@ import type {
   SplitSubvariantStore,
 } from './types.js'
 
-export const SplitSubvariantStoreContext =
-  createContext<SplitSubvariantStore | null>(null)
+const SplitSubvariantStoreContext = createContext<SplitSubvariantStore | null>(
+  null
+)
 
 const shouldRecreateStore = (
   store: SplitSubvariantStore,
@@ -34,7 +35,7 @@ export function SplitSubvariantStoreProvider({
   )
 }
 
-export function useSplitSubvariantStoreContext() {
+function useSplitSubvariantStoreContext() {
   const useStore = useContext(SplitSubvariantStoreContext)
   if (!useStore) {
     throw new Error(
@@ -51,7 +52,7 @@ export function useSplitSubvariantStore<T>(
   return useStore(useShallow(selector))
 }
 
-export const createSplitSubvariantStore = ({ state }: SplitSubvariantProps) =>
+const createSplitSubvariantStore = ({ state }: SplitSubvariantProps) =>
   createWithEqualityFn<SplitSubvariantState>(
     (set) => ({
       state,

package/src/types/events.ts

@@ -20,10 +20,6 @@ export enum WidgetEvent {
    * @deprecated Use `PageEntered` event instead.
    */
   ReviewTransactionPageEntered = 'reviewTransactionPageEntered',
-  /**
-   * @deprecated use useWalletManagementEvents hook.
-   */
-  WalletConnected = 'walletConnected',
   WidgetExpanded = 'widgetExpanded',
   PageEntered = 'pageEntered',
   FormFieldChanged = 'formFieldChanged',

package/src/types/token.ts

@@ -1,6 +1,15 @@
-import type { TokenAmount as SDKTokenAmount } from '@lifi/sdk'
+import type {
+  TokenAmount as SDKTokenAmount,
+  TokenAmountExtended as SDKTokenAmountExtended,
+} from '@lifi/sdk'
 
-export interface TokenAmount extends SDKTokenAmount {
+interface TokenFlags {
   featured?: boolean
   popular?: boolean
 }
+
+export interface TokenAmount extends SDKTokenAmount, TokenFlags {}
+
+export interface TokenAmountExtended
+  extends SDKTokenAmountExtended,
+    TokenFlags {}

package/src/utils/chainType.ts

@@ -8,6 +8,7 @@ const chainTypeAddressValidation = {
   [ChainType.SVM]: isSVMAddress,
   [ChainType.MVM]: isValidSuiAddress,
   [ChainType.UTXO]: isUTXOAddress,
+  [ChainType.TVM]: () => false,
 }
 
 export const getChainTypeFromAddress = (
@@ -27,4 +28,5 @@ export const defaultChainIdsByType = {
   [ChainType.SVM]: ChainId.SOL,
   [ChainType.UTXO]: ChainId.BTC,
   [ChainType.MVM]: ChainId.SUI,
+  [ChainType.TVM]: ChainId.TRN,
 }

package/src/utils/fees.ts

@@ -31,7 +31,7 @@ export const getAccumulatedFeeCostsBreakdown = (
   }
 }
 
-export const getGasCostsBreakdown = (route: RouteExtended): FeesBreakdown[] => {
+const getGasCostsBreakdown = (route: RouteExtended): FeesBreakdown[] => {
   return Array.from(
     route.steps
       .reduce((groupedGasCosts, step) => {
@@ -62,7 +62,7 @@ export const getGasCostsBreakdown = (route: RouteExtended): FeesBreakdown[] => {
   )
 }
 
-export const getFeeCostsBreakdown = (
+const getFeeCostsBreakdown = (
   route: RouteExtended,
   included?: boolean
 ): FeesBreakdown[] => {
@@ -101,7 +101,7 @@ export const getFeeCostsBreakdown = (
   )
 }
 
-export const getStepFeeCostsBreakdown = (
+const getStepFeeCostsBreakdown = (
   feeCosts: FeeCost[] | GasCost[]
 ): FeesBreakdown => {
   const { token } = feeCosts[0]

package/src/utils/format.ts

@@ -33,7 +33,7 @@ export function formatSlippage(
   if (Number.isNaN(parsedSlippage)) {
     return defaultValue
   }
-  if (parsedSlippage > 100) {
+  if (parsedSlippage >= 100) {
     return '100'
   }
   if (parsedSlippage < 0) {
@@ -73,6 +73,7 @@ export function formatInputAmount(
   }
   integer = integer.replace(/^0+|-/, '')
   fraction = fraction.replace(/(0+)$/, '')
+
   return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`
 }
 

package/src/utils/navigationRoutes.ts

@@ -65,7 +65,7 @@ export const backButtonRoutes = [
   navigationRoutes.configuredWallets,
 ]
 
-export type NavigationRouteTypeKeys = keyof typeof navigationRoutes
+type NavigationRouteTypeKeys = keyof typeof navigationRoutes
 
 export type NavigationRouteType =
   (typeof navigationRoutes)[NavigationRouteTypeKeys]

package/src/utils/token.ts

@@ -0,0 +1,67 @@
+import type { BaseToken, TokenExtended } from '@lifi/sdk'
+import type { FormType } from '../stores/form/types.js'
+import type { WidgetChains, WidgetTokens } from '../types/widget.js'
+import {
+  getConfigItemSets,
+  isFormItemAllowed,
+  isItemAllowedForSets,
+} from './item.js'
+
+export const filterAllowedTokens = (
+  dataTokens: { [chainId: number]: TokenExtended[] } | undefined,
+  configTokens?: WidgetTokens,
+  chainsConfig?: WidgetChains,
+  formType?: FormType
+): { [chainId: number]: TokenExtended[] } | undefined => {
+  if (!dataTokens) {
+    return
+  }
+
+  const includedTokens = configTokens?.include || []
+  const allChainIds = Array.from(
+    new Set([
+      ...includedTokens.map((t) => t.chainId),
+      ...Object.keys(dataTokens),
+    ])
+  ).map((chainId) => Number(chainId))
+
+  const configChainIdsSet = getConfigItemSets(
+    chainsConfig,
+    (chainIds: number[]) => new Set(chainIds),
+    formType
+  )
+  const allowedChainIds = configChainIdsSet
+    ? allChainIds.filter((chainId) =>
+        isItemAllowedForSets(chainId, configChainIdsSet)
+      )
+    : allChainIds
+
+  const allowedTokensByChain: { [chainId: number]: TokenExtended[] } = {}
+  for (const chainId of allowedChainIds) {
+    const chainTokens = [
+      ...dataTokens[chainId],
+      ...includedTokens.filter((t) => Number(t.chainId) === chainId),
+    ]
+
+    const allowedAddresses = getConfigItemSets(
+      configTokens,
+      (tokens: BaseToken[]) =>
+        new Set(
+          tokens
+            .filter((t) => Number(t.chainId) === chainId)
+            .map((t) => t.address.toLowerCase())
+        ),
+      formType
+    )
+
+    const filtered = chainTokens.filter((token) =>
+      isFormItemAllowed(token, allowedAddresses, formType, (t) =>
+        t.address.toLowerCase()
+      )
+    )
+
+    allowedTokensByChain[chainId] = filtered
+  }
+
+  return allowedTokensByChain
+}

package/src/utils/tokenList.ts

@@ -0,0 +1,172 @@
+import type { TokenExtended, WalletTokenExtended } from '@lifi/sdk'
+import { formatUnits } from 'viem'
+import type { TokenAmount, TokenAmountExtended } from '../types/token.js'
+import type { WidgetTokens } from '../types/widget.js'
+
+const sortByBalances = (a: TokenAmount, b: TokenAmount) =>
+  Number.parseFloat(formatUnits(b.amount ?? 0n, b.decimals)) *
+    Number.parseFloat(b.priceUSD ?? '0') -
+  Number.parseFloat(formatUnits(a.amount ?? 0n, a.decimals)) *
+    Number.parseFloat(a.priceUSD ?? '0')
+
+const sortByVolume = (a: TokenExtended, b: TokenExtended) =>
+  (b.volumeUSD24H ?? 0) - (a.volumeUSD24H ?? 0)
+
+export const processTokenBalances = (
+  isBalanceLoading: boolean,
+  isAllNetworks: boolean,
+  configTokens?: WidgetTokens,
+  selectedChainId?: number,
+  tokens?: TokenExtended[],
+  tokensWithBalances?: TokenAmount[]
+) => {
+  if (isBalanceLoading) {
+    if (isAllNetworks) {
+      const sortedTokens = [...(tokens ?? [])].sort(sortByVolume)
+      return {
+        processedTokens: sortedTokens,
+        withCategories: false,
+      }
+    } else {
+      return processedTypedTokens(
+        tokens ?? [],
+        [],
+        selectedChainId,
+        configTokens
+      )
+    }
+  }
+
+  const sortedTokensWithBalances = [...(tokensWithBalances ?? [])].sort(
+    sortByBalances
+  )
+
+  const tokensWithBalancesSet = new Set(
+    sortedTokensWithBalances.map(
+      (token) => `${token.chainId}-${token.address.toLowerCase()}`
+    )
+  )
+  const tokensWithoutBalances =
+    tokens
+      ?.filter((token) => {
+        const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`
+        return !tokensWithBalancesSet.has(tokenKey)
+      })
+      .sort(sortByVolume) ?? []
+
+  if (isAllNetworks) {
+    return {
+      processedTokens: [...sortedTokensWithBalances, ...tokensWithoutBalances],
+      withCategories: false,
+    }
+  } else {
+    return processedTypedTokens(
+      tokensWithoutBalances,
+      sortedTokensWithBalances,
+      selectedChainId,
+      configTokens
+    )
+  }
+}
+
+// NB: only for non-all-networks
+const processedTypedTokens = (
+  tokens: TokenAmount[],
+  tokensWithBalances: TokenAmount[],
+  selectedChainId?: number,
+  configTokens?: WidgetTokens
+) => {
+  const filteredTokensMap = new Map(
+    tokens.map((token) => [token.address, token])
+  )
+
+  const featuredTokensFromConfig: TokenAmount[] = []
+  const popularTokensFromConfig: TokenAmount[] = []
+
+  ;(['popular', 'featured'] as const).forEach((tokenType) => {
+    const typedTokens = configTokens?.[tokenType]?.filter(
+      (token) => token.chainId === selectedChainId
+    )
+
+    typedTokens?.forEach((token) => {
+      const tokenAmount = { ...token } as TokenAmount
+      tokenAmount[tokenType] = true
+
+      const match = filteredTokensMap.get(token.address)
+      if (match?.priceUSD) {
+        tokenAmount.priceUSD = match.priceUSD
+      }
+      if (!token.logoURI && match?.logoURI) {
+        tokenAmount.logoURI = match.logoURI
+      }
+
+      if (tokenType === 'popular') {
+        popularTokensFromConfig.push(tokenAmount)
+      } else {
+        featuredTokensFromConfig.push(tokenAmount)
+      }
+    })
+  })
+
+  // Filter out config-added tokens from main list
+  const configTokenAddresses = new Set(
+    [...popularTokensFromConfig, ...featuredTokensFromConfig].map((t) =>
+      t.address.toLowerCase()
+    )
+  )
+
+  const remainingTokens = tokens.filter(
+    (token) => !configTokenAddresses.has(token.address.toLowerCase())
+  )
+
+  const otherTokens: TokenAmount[] = []
+
+  for (const token of remainingTokens) {
+    if (token.featured) {
+      featuredTokensFromConfig.push(token)
+    } else if (token.popular) {
+      popularTokensFromConfig.push(token)
+    } else {
+      otherTokens.push(token)
+    }
+  }
+
+  const sortedFeaturedTokens = [...featuredTokensFromConfig].sort(sortByVolume)
+  const sortedPopularTokens = [...popularTokensFromConfig].sort(sortByVolume)
+  const sortedOtherTokens = [...otherTokens].sort(sortByVolume)
+
+  return {
+    processedTokens: [
+      ...sortedFeaturedTokens,
+      ...tokensWithBalances,
+      ...sortedPopularTokens,
+      ...sortedOtherTokens,
+    ],
+    withCategories: Boolean(
+      featuredTokensFromConfig?.length || popularTokensFromConfig?.length
+    ),
+  }
+}
+
+export const isSearchMatch = (
+  token: TokenExtended | TokenAmountExtended,
+  search?: string
+) => {
+  if (!search) {
+    return true
+  }
+
+  const searchLowerCase = search.toLowerCase()
+  return (
+    token.name?.toLowerCase().includes(searchLowerCase) ||
+    token.symbol
+      ?.replaceAll('₮', 'T')
+      .toLowerCase()
+      .includes(searchLowerCase) ||
+    token.address?.toLowerCase().includes(searchLowerCase)
+  )
+}
+
+export const isSupportedToken = (token: WalletTokenExtended) => {
+  return token.name && token.symbol && token.priceUSD && token.chainId
+}

package/dist/esm/AppDrawer.style.d.ts

@@ -1 +0,0 @@
-export declare const CloseButtonLayout: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "classes" | "size" | "action" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/AppDrawer.style.js

@@ -1,12 +0,0 @@
-import { IconButton, styled } from '@mui/material';
-export const CloseButtonLayout = styled(IconButton)(() => ({
-    position: 'absolute',
-    top: '12px',
-    right: '26px',
-    zIndex: 1,
-    height: '40px',
-    width: '40px',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-//# sourceMappingURL=AppDrawer.style.js.map

package/dist/esm/AppDrawer.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppDrawer.style.js","sourceRoot":"","sources":["../../src/AppDrawer.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA"}

package/dist/esm/components/Select.d.ts

@@ -1,3 +0,0 @@
-export declare const Select: import("@emotion/styled").StyledComponent<(import("@mui/material").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) & {
-    dense?: boolean;
-}, {}, {}>;

package/dist/esm/components/Select.js

@@ -1,35 +0,0 @@
-import { inputBaseClasses, listItemIconClasses, Select as MuiSelect, outlinedInputClasses, selectClasses, styled, } from '@mui/material';
-export const Select = styled(MuiSelect, {
-    shouldForwardProp: (prop) => prop !== 'dense',
-})(({ theme }) => ({
-    backgroundColor: theme.vars.palette.common.white,
-    [`.${inputBaseClasses.input}`]: {
-        padding: theme.spacing(2),
-        display: 'flex',
-        alignItems: 'center',
-    },
-    [`.${selectClasses.icon}`]: {
-        right: 10,
-        color: theme.vars.palette.text.primary,
-    },
-    [`.${listItemIconClasses.root}`]: {
-        minWidth: 38,
-    },
-    [`.${outlinedInputClasses.notchedOutline}`]: {
-        display: 'none',
-    },
-    ...theme.applyStyles('dark', {
-        backgroundColor: theme.vars.palette.background.paper,
-    }),
-    variants: [
-        {
-            props: ({ dense }) => dense,
-            style: {
-                [`.${inputBaseClasses.input}`]: {
-                    padding: theme.spacing(1.625, 2, 1.5, 2),
-                },
-            },
-        },
-    ],
-}));
-//# sourceMappingURL=Select.js.map

package/dist/esm/components/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,IAAI,SAAS,EACnB,oBAAoB,EACpB,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IAChD,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KACvC;IACD,CAAC,IAAI,mBAAmB,CAAC,IAAI,EAAE,CAAC,EAAE;QAChC,QAAQ,EAAE,EAAE;KACb;IACD,CAAC,IAAI,oBAAoB,CAAC,cAAc,EAAE,CAAC,EAAE;QAC3C,OAAO,EAAE,MAAM;KAChB;IACD,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;QAC3B,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;KACrD,CAAC;IACF,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YAC3B,KAAK,EAAE;gBACL,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;oBAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;iBACzC;aACF;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/StepActions/StepFees.d.ts

@@ -1,5 +0,0 @@
-import type { LiFiStepExtended } from '@lifi/sdk';
-import type { TypographyProps } from '@mui/material';
-export declare const StepFees: React.FC<TypographyProps & {
-    step: LiFiStepExtended;
-}>;