@lifi/widget 3.0.0-alpha.9 → 3.0.0-beta.0

package/_esm/providers/FormProvider/types.d.ts

@@ -1,37 +0,0 @@
-export declare enum FormKey {
-    ContractOutputsToken = "contractOutputsToken",
-    FromAmount = "fromAmount",
-    FromChain = "fromChain",
-    FromToken = "fromToken",
-    ToAddress = "toAddress",
-    ToAmount = "toAmount",
-    ToChain = "toChain",
-    ToContractAddress = "toContractAddress",
-    ToContractCallData = "toContractCallData",
-    ToContractGasLimit = "ToContractGasLimit",
-    ToToken = "toToken",
-    TokenSearchFilter = "tokenSearchFilter"
-}
-export type FormValues = {
-    [FormKey.ContractOutputsToken]: string;
-    [FormKey.FromAmount]: string;
-    [FormKey.FromChain]: number;
-    [FormKey.FromToken]: string;
-    [FormKey.ToAddress]: string;
-    [FormKey.ToAmount]: string;
-    [FormKey.ToChain]: number;
-    [FormKey.ToContractAddress]: string;
-    [FormKey.ToContractCallData]: string;
-    [FormKey.ToContractGasLimit]: string;
-    [FormKey.ToToken]: string;
-    [FormKey.TokenSearchFilter]: string;
-};
-export type FormType = 'from' | 'to';
-export declare const FormKeyHelper: {
-    getChainKey: (formType: FormType) => 'fromChain' | 'toChain';
-    getTokenKey: (formType: FormType) => 'fromToken' | 'toToken';
-    getAmountKey: (formType: FormType) => 'fromAmount' | 'toAmount';
-};
-export interface FormTypeProps {
-    formType: FormType;
-}

package/_esm/providers/FormProvider/types.js

@@ -1,21 +0,0 @@
-export var FormKey;
-(function (FormKey) {
-    FormKey["ContractOutputsToken"] = "contractOutputsToken";
-    FormKey["FromAmount"] = "fromAmount";
-    FormKey["FromChain"] = "fromChain";
-    FormKey["FromToken"] = "fromToken";
-    FormKey["ToAddress"] = "toAddress";
-    FormKey["ToAmount"] = "toAmount";
-    FormKey["ToChain"] = "toChain";
-    FormKey["ToContractAddress"] = "toContractAddress";
-    FormKey["ToContractCallData"] = "toContractCallData";
-    FormKey["ToContractGasLimit"] = "ToContractGasLimit";
-    FormKey["ToToken"] = "toToken";
-    FormKey["TokenSearchFilter"] = "tokenSearchFilter";
-})(FormKey || (FormKey = {}));
-export const FormKeyHelper = {
-    getChainKey: (formType) => `${formType}Chain`,
-    getTokenKey: (formType) => `${formType}Token`,
-    getAmountKey: (formType) => `${formType}Amount`,
-};
-//# sourceMappingURL=types.js.map

package/_esm/providers/FormProvider/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../providers/FormProvider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAaX;AAbD,WAAY,OAAO;IACjB,wDAA6C,CAAA;IAC7C,oCAAyB,CAAA;IACzB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,gCAAqB,CAAA;IACrB,8BAAmB,CAAA;IACnB,kDAAuC,CAAA;IACvC,oDAAyC,CAAA;IACzC,oDAAyC,CAAA;IACzC,8BAAmB,CAAA;IACnB,kDAAuC,CAAA;AACzC,CAAC,EAbW,OAAO,KAAP,OAAO,QAalB;AAmBD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,YAAY,EAAE,CAAC,QAAkB,EAA6B,EAAE,CAC9D,GAAG,QAAQ,QAAQ;CACtB,CAAC"}

package/_esm/providers/I18nProvider/index.d.ts

@@ -1,2 +0,0 @@
-export * from './I18nProvider';
-export * from './types';

package/_esm/providers/I18nProvider/index.js

@@ -1,3 +0,0 @@
-export * from './I18nProvider';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/_esm/providers/I18nProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../providers/I18nProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/_esm/providers/ThemeProvider/index.d.ts

@@ -1 +0,0 @@
-export * from './ThemeProvider';

package/_esm/providers/ThemeProvider/index.js

@@ -1,2 +0,0 @@
-export * from './ThemeProvider';
-//# sourceMappingURL=index.js.map

package/_esm/providers/ThemeProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../providers/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/_esm/providers/WalletProvider/SolanaProvider.d.ts

@@ -1,3 +0,0 @@
-import { type FC, type PropsWithChildren } from 'react';
-export declare const SolanaProvider: FC<PropsWithChildren>;
-export declare const SolanaBaseProvider: FC<PropsWithChildren>;

package/_esm/providers/WalletProvider/SolanaProvider.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletAdapterNetwork } from '@solana/wallet-adapter-base';
-import { ConnectionContext, ConnectionProvider, WalletProvider, } from '@solana/wallet-adapter-react';
-import { clusterApiUrl } from '@solana/web3.js';
-import { useContext } from 'react';
-const endpoint = clusterApiUrl(WalletAdapterNetwork.Mainnet);
-/**
- * Wallets that implement either of these standards will be available automatically.
- *
- *   - Solana Mobile Stack Mobile Wallet Adapter Protocol
- *     (https://github.com/solana-mobile/mobile-wallet-adapter)
- *   - Solana Wallet Standard
- *     (https://github.com/solana-labs/wallet-standard)
- *
- * If you wish to support a wallet that supports neither of those standards,
- * instantiate its legacy wallet adapter here. Common legacy adapters can be found
- * in the npm package `@solana/wallet-adapter-wallets`.
- */
-const wallets = [];
-export const SolanaProvider = ({ children }) => {
-    const inSolanaContext = useInSolanaContext();
-    return inSolanaContext ? (children) : (_jsx(SolanaBaseProvider, { children: children }));
-};
-export const SolanaBaseProvider = ({ children }) => {
-    return (_jsx(ConnectionProvider, { endpoint: endpoint, children: _jsx(WalletProvider, { wallets: wallets, autoConnect: true, children: children }) }));
-};
-function useInSolanaContext() {
-    const context = useContext(ConnectionContext);
-    return Boolean(context?.connection);
-}
-//# sourceMappingURL=SolanaProvider.js.map

package/_esm/providers/WalletProvider/SolanaProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolanaProvider.js","sourceRoot":"","sources":["../../../providers/WalletProvider/SolanaProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,GACf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAmC,MAAM,OAAO,CAAC;AAEpE,MAAM,QAAQ,GAAG,aAAa,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAC7D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,GAAc,EAAE,CAAC;AAE9B,MAAM,CAAC,MAAM,cAAc,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,CACpD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,OAAO,CACL,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,YACpC,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,kBAC1C,QAAQ,GACM,GACE,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,kBAAkB;IACzB,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACtC,CAAC"}

package/_esm/providers/WalletProvider/index.d.ts

@@ -1,2 +0,0 @@
-export * from './WalletProvider';
-export * from './utils';

package/_esm/providers/WalletProvider/index.js

@@ -1,3 +0,0 @@
-export * from './WalletProvider';
-export * from './utils';
-//# sourceMappingURL=index.js.map

package/_esm/providers/WalletProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../providers/WalletProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/_esm/providers/WalletProvider/utils.d.ts

@@ -1,3 +0,0 @@
-import type { ExtendedChain } from '@lifi/sdk';
-import type { Chain } from 'viem';
-export declare const formatChain: (chain: ExtendedChain) => Chain;

package/_esm/providers/WalletProvider/utils.js

@@ -1,22 +0,0 @@
-export const formatChain = (chain) => ({
-    ...chain,
-    ...chain.metamask,
-    blockExplorers: chain.metamask.blockExplorerUrls.reduce((blockExplorers, blockExplorer, index) => {
-        blockExplorers[index === 0 ? 'default' : `${index}`] = {
-            name: blockExplorer,
-            url: blockExplorer,
-        };
-        return blockExplorers;
-    }, {}),
-    name: chain.metamask.chainName,
-    rpcUrls: {
-        default: { http: chain.metamask.rpcUrls },
-        public: { http: chain.metamask.rpcUrls },
-    },
-    contracts: {
-        ...(chain.multicallAddress
-            ? { multicall3: { address: chain.multicallAddress } }
-            : undefined),
-    },
-});
-//# sourceMappingURL=utils.js.map

package/_esm/providers/WalletProvider/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../providers/WalletProvider/utils.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAS,EAAE,CAAC,CAAC;IAC3D,GAAG,KAAK;IACR,GAAG,KAAK,CAAC,QAAQ;IACjB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,CACrD,CAAC,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE;QACvC,cAAc,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG;YACrD,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,aAAa;SACnB,CAAC;QACF,OAAO,cAAc,CAAC;IACxB,CAAC,EACD,EAAyB,CAC1B;IACD,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS;IAC9B,OAAO,EAAE;QACP,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE;QACzC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE;KACzC;IACD,SAAS,EAAE;QACT,GAAG,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,gBAA2B,EAAE,EAAE;YAChE,CAAC,CAAC,SAAS,CAAC;KACf;CACF,CAAC,CAAC"}

package/_esm/providers/WidgetProvider/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './utils';
-export * from './WidgetProvider';

package/_esm/providers/WidgetProvider/index.js

@@ -1,4 +0,0 @@
-export * from './types';
-export * from './utils';
-export * from './WidgetProvider';
-//# sourceMappingURL=index.js.map

package/_esm/providers/WidgetProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../providers/WidgetProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC"}

package/_esm/providers/index.d.ts

@@ -1,5 +0,0 @@
-export * from './FormProvider';
-export * from './I18nProvider';
-export * from './ThemeProvider';
-export * from './WalletProvider';
-export * from './WidgetProvider';

package/_esm/providers/index.js

@@ -1,6 +0,0 @@
-export * from './FormProvider';
-export * from './I18nProvider';
-export * from './ThemeProvider';
-export * from './WalletProvider';
-export * from './WidgetProvider';
-//# sourceMappingURL=index.js.map

package/_esm/providers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/_esm/stores/chains/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ChainOrderStore';
-export * from './createChainOrderStore';
-export * from './types';
-export * from './useChainOrder';

package/_esm/stores/chains/index.js

@@ -1,5 +0,0 @@
-export * from './ChainOrderStore';
-export * from './createChainOrderStore';
-export * from './types';
-export * from './useChainOrder';
-//# sourceMappingURL=index.js.map

package/_esm/stores/chains/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stores/chains/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

package/_esm/stores/header/index.d.ts

@@ -1 +0,0 @@
-export * from './useHeaderStore';

package/_esm/stores/header/index.js

@@ -1,2 +0,0 @@
-export * from './useHeaderStore';
-//# sourceMappingURL=index.js.map

package/_esm/stores/header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stores/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/_esm/stores/index.d.ts

@@ -1,5 +0,0 @@
-export * from './StoreProvider';
-export * from './chains';
-export * from './header';
-export * from './routes';
-export * from './settings';

package/_esm/stores/index.js

@@ -1,6 +0,0 @@
-export * from './StoreProvider';
-export * from './chains';
-export * from './header';
-export * from './routes';
-export * from './settings';
-//# sourceMappingURL=index.js.map

package/_esm/stores/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/_esm/stores/routes/index.d.ts

@@ -1,5 +0,0 @@
-export * from './RouteExecutionStore';
-export * from './types';
-export * from './useExecutingRoutesIds';
-export * from './useSetExecutableRoute';
-export * from './utils';

package/_esm/stores/routes/index.js

@@ -1,6 +0,0 @@
-export * from './RouteExecutionStore';
-export * from './types';
-export * from './useExecutingRoutesIds';
-export * from './useSetExecutableRoute';
-export * from './utils';
-//# sourceMappingURL=index.js.map

package/_esm/stores/routes/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stores/routes/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/_esm/stores/settings/index.d.ts

@@ -1,6 +0,0 @@
-export * from './types';
-export * from './useAppearance';
-export * from './useSendToWalletStore';
-export * from './useSettings';
-export * from './useSettingsStore';
-export * from './useSplitSubvariantStore';

package/_esm/stores/settings/index.js

@@ -1,7 +0,0 @@
-export * from './types';
-export * from './useAppearance';
-export * from './useSendToWalletStore';
-export * from './useSettings';
-export * from './useSettingsStore';
-export * from './useSplitSubvariantStore';
-//# sourceMappingURL=index.js.map

package/_esm/stores/settings/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stores/settings/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC"}

package/_esm/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './events';
-export * from './token';
-export * from './widget';

package/_esm/types/index.js

@@ -1,4 +0,0 @@
-export * from './events';
-export * from './token';
-export * from './widget';
-//# sourceMappingURL=index.js.map

package/_esm/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/_esm/utils/index.d.ts

@@ -1,9 +0,0 @@
-export * from './colors';
-export * from './deepMerge';
-export * from './elements';
-export * from './enum';
-export * from './format';
-export * from './input';
-export * from './navigationRoutes';
-export * from './svm';
-export * from './wallet';

package/_esm/utils/index.js

@@ -1,10 +0,0 @@
-export * from './colors';
-export * from './deepMerge';
-export * from './elements';
-export * from './enum';
-export * from './format';
-export * from './input';
-export * from './navigationRoutes';
-export * from './svm';
-export * from './wallet';
-//# sourceMappingURL=index.js.map

package/_esm/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/components/ActiveTransactions/index.ts

@@ -1,2 +0,0 @@
-export * from './ActiveTransactionItem';
-export * from './ActiveTransactions';

package/components/AmountInput/FormPriceHelperText.tsx

@@ -1,87 +0,0 @@
-import type { TokenAmount } from '@lifi/sdk';
-import { FormHelperText, Skeleton, Typography } from '@mui/material';
-import { useWatch } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { useTokenAddressBalance } from '../../hooks';
-import type { FormTypeProps } from '../../providers';
-import { FormKeyHelper } from '../../providers';
-import { formatTokenAmount, formatTokenPrice } from '../../utils';
-
-export const FormPriceHelperText: React.FC<FormTypeProps> = ({ formType }) => {
-  const [chainId, tokenAddress] = useWatch({
-    name: [
-      FormKeyHelper.getChainKey(formType),
-      FormKeyHelper.getTokenKey(formType),
-    ],
-  });
-
-  const { token, isLoading } = useTokenAddressBalance(chainId, tokenAddress);
-
-  return (
-    <FormPriceHelperTextBase
-      formType={formType}
-      isLoading={isLoading}
-      tokenAddress={tokenAddress}
-      token={token}
-    />
-  );
-};
-
-export const FormPriceHelperTextBase: React.FC<
-  FormTypeProps & {
-    isLoading?: boolean;
-    tokenAddress?: string;
-    token?: TokenAmount;
-  }
-> = ({ formType, isLoading, tokenAddress, token }) => {
-  const { t } = useTranslation();
-  const amount = useWatch({
-    name: FormKeyHelper.getAmountKey(formType),
-  });
-
-  const fromAmountTokenPrice = formatTokenPrice(amount, token?.priceUSD);
-
-  return (
-    <FormHelperText
-      component="div"
-      sx={{ display: 'flex', justifyContent: 'space-between', margin: 0 }}
-    >
-      <Typography
-        color={fromAmountTokenPrice ? 'text.secondary' : 'grey.600'}
-        fontWeight={400}
-        fontSize={12}
-        marginLeft={8}
-        lineHeight={1.3334}
-        flex={1}
-        sx={{
-          wordBreak: 'break-word',
-          overflowWrap: 'break-word',
-        }}
-      >
-        {t(`format.currency`, {
-          value: fromAmountTokenPrice,
-        })}
-      </Typography>
-      {isLoading && tokenAddress ? (
-        <Skeleton
-          variant="text"
-          width={48}
-          height={16}
-          sx={{ borderRadius: 0.25 }}
-        />
-      ) : token?.amount ? (
-        <Typography
-          fontWeight={400}
-          fontSize={12}
-          color="text.secondary"
-          lineHeight={1.3334}
-          pl={0.25}
-        >
-          {`/ ${t(`format.number`, {
-            value: formatTokenAmount(token.amount, token.decimals),
-          })}`}
-        </Typography>
-      ) : null}
-    </FormHelperText>
-  );
-};

package/components/AmountInput/index.ts

@@ -1 +0,0 @@
-export * from './AmountInput';

package/components/BaseTransactionButton/index.ts

@@ -1,2 +0,0 @@
-export { BaseTransactionButton } from './BaseTransactionButton';
-export * from './types';

package/components/BottomSheet/index.ts

@@ -1,2 +0,0 @@
-export * from './BottomSheet';
-export * from './types';

package/components/Card/index.ts

@@ -1,5 +0,0 @@
-export * from './Card';
-export * from './CardHeader';
-export * from './CardIconButton';
-export * from './CardLabel';
-export * from './CardTitle';

package/components/ChainSelect/index.ts

@@ -1,2 +0,0 @@
-export * from './ChainSelect';
-export * from './useChainSelect';

package/components/ContractComponent/index.ts

@@ -1 +0,0 @@
-export * from './ContractComponent';

package/components/GasMessage/index.ts

@@ -1,2 +0,0 @@
-export * from './GasMessage';
-export * from './GasRefuelMessage';

package/components/Header/index.ts

@@ -1 +0,0 @@
-export * from './Header';

package/components/Insurance/index.ts

@@ -1,2 +0,0 @@
-export * from './Insurance';
-export * from './types';

package/components/NFT/NFT.style.ts

@@ -1,9 +0,0 @@
-import { Avatar } from '@mui/material';
-import { styled } from '@mui/material/styles';
-
-export const PreviewAvatar = styled(Avatar)(({ theme }) => ({
-  background: theme.palette.background.paper,
-  width: 96,
-  height: 96,
-  borderRadius: theme.shape.borderRadius,
-}));

package/components/NFT/NFT.tsx

@@ -1,47 +0,0 @@
-import { useEffect } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { FormKey } from '../../providers';
-import { NFTBase } from './NFTBase';
-import type { NFTProps } from './types';
-
-export const NFT: React.FC<NFTProps> = ({
-  imageUrl,
-  isLoading,
-  collectionName,
-  assetName,
-  owner,
-  token,
-  contract,
-}) => {
-  const { setValue } = useFormContext();
-  useEffect(() => {
-    if (token) {
-      setValue(FormKey.ToChain, token.chainId, { shouldTouch: true });
-      setValue(FormKey.ToToken, token.address, { shouldTouch: true });
-      setValue(FormKey.ToAmount, token.amount?.toString(), {
-        shouldTouch: true,
-      });
-    }
-    if (contract) {
-      setValue(FormKey.ToContractAddress, contract.address, {
-        shouldTouch: true,
-      });
-      setValue(FormKey.ToContractCallData, contract.callData, {
-        shouldTouch: true,
-      });
-      setValue(FormKey.ToContractGasLimit, contract.gasLimit, {
-        shouldTouch: true,
-      });
-    }
-  }, [contract, setValue, token]);
-  return (
-    <NFTBase
-      isLoading={isLoading}
-      imageUrl={imageUrl}
-      collectionName={collectionName}
-      assetName={assetName}
-      owner={owner}
-      token={token}
-    />
-  );
-};

package/components/NFT/NFTBase.tsx

@@ -1,64 +0,0 @@
-import { Box, Link, Skeleton, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Token } from '../Token';
-import { PreviewAvatar } from './NFT.style';
-import type { NFTProps } from './types';
-
-export const NFTBase: React.FC<NFTProps> = ({
-  imageUrl,
-  isLoading,
-  collectionName,
-  assetName,
-  owner,
-  token,
-}) => {
-  const { t } = useTranslation();
-  return (
-    <Box p={2}>
-      <Box display="flex">
-        {isLoading ? (
-          <Skeleton
-            width={96}
-            height={96}
-            variant="rectangular"
-            sx={{ borderRadius: 1 }}
-          />
-        ) : (
-          <PreviewAvatar src={imageUrl} />
-        )}
-        <Box ml={2}>
-          {isLoading ? (
-            <Skeleton width={144} height={21} variant="text" />
-          ) : (
-            <Typography fontSize={14} color="text.secondary">
-              {collectionName}
-            </Typography>
-          )}
-          {isLoading ? (
-            <Skeleton width={112} height={27} variant="text" />
-          ) : (
-            <Typography fontSize={18} fontWeight={600}>
-              {assetName}
-            </Typography>
-          )}
-          {isLoading ? (
-            <Skeleton width={128} height={21} variant="text" />
-          ) : owner ? (
-            <Typography fontSize={14} color="text.secondary">
-              {t('main.ownedBy')}{' '}
-              <Link
-                href={owner.url}
-                target="_blank"
-                underline="none"
-                color="primary"
-              >
-                {owner.name}
-              </Link>
-            </Typography>
-          ) : null}
-        </Box>
-      </Box>
-      <Token token={token} isLoading={isLoading} mt={2} />
-    </Box>
-  );
-};

package/components/NFT/index.ts

@@ -1,3 +0,0 @@
-export * from './NFT';
-export * from './NFTBase';
-export * from './types';

package/components/NFT/types.ts

@@ -1,20 +0,0 @@
-import type { TokenAmount } from '@lifi/sdk';
-import type { WidgetContract } from '../../types';
-
-export interface NFTBaseProps {
-  imageUrl?: string;
-  collectionName?: string;
-  assetName?: string;
-  isLoading?: boolean;
-  owner?: NFTOwner;
-  token: TokenAmount;
-}
-
-export interface NFTProps extends NFTBaseProps {
-  contract?: WidgetContract;
-}
-
-export interface NFTOwner {
-  name?: string;
-  url?: string;
-}

package/components/PoweredBy/index.ts

@@ -1 +0,0 @@
-export { PoweredBy } from './PoweredBy';

package/components/ProgressToNextUpdate/index.ts

@@ -1 +0,0 @@
-export * from './ProgressToNextUpdate';

package/components/ReverseTokensButton/index.ts

@@ -1 +0,0 @@
-export * from './ReverseTokensButton';

package/components/RouteCard/index.ts

@@ -1,3 +0,0 @@
-export * from './RouteCard';
-export * from './RouteCardSkeleton';
-export * from './RouteNotFoundCard';