@reef-chain/react-lib 2.0.0

package/README.md

@@ -0,0 +1,32 @@
+# @reef-chain/react-lib
+
+> Reef React Library
+
+[![NPM](https://img.shields.io/npm/v/@reef-chain/react-lib.svg)](https://www.npmjs.com/package/@reef-chain/react-lib) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+yarn add @reef-chain/react-lib
+```
+
+## Usage
+
+```tsx
+import React, { Component } from 'react'
+
+import { Components } from '@reef-chain/react-lib'
+import '@reef-chain/react-lib/dist/index.css'
+
+const { Card, Button } = Components;
+
+const Example = (): JSX.Element => (
+  <Card.Card>
+    <Card.Header>
+      <Card.Title>Hello from the other side!</Card.Title>
+      <Button.Back onClick={() => {}} />
+    </Card.Header>
+  </Card.Card>
+)
+```
+

package/dist/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './prices';
+export * from './tokens';

package/dist/api/prices.d.ts

@@ -0,0 +1,8 @@
+interface TokenPrices {
+    [currenty: string]: number;
+}
+export declare const getTokenPrice: (tokenId: string) => Promise<number>;
+export declare const getTokenListPrices: (tokenIds: string[]) => Promise<TokenPrices>;
+export declare const getTokenEthAddressListPrices: (tokenAddressList: string[]) => Promise<TokenPrices>;
+export declare const retrieveReefCoingeckoPrice: () => Promise<number>;
+export {};

package/dist/api/tokens.d.ts

@@ -0,0 +1,2 @@
+import { Network, ReefSigner, Token } from '../state';
+export declare const loadSignerTokens: (reefSigner: ReefSigner, network: Network) => Promise<Token[]>;

package/dist/appState/accountState.d.ts

@@ -0,0 +1,15 @@
+import { Observable, ReplaySubject, Subject } from 'rxjs';
+import { AccountJson } from '@reef-defi/extension-base/background/types';
+import type { InjectedAccountWithMeta } from '@reef-defi/extension-inject/types';
+import type { Signer as InjectedSigningKey } from '@polkadot/api/types';
+import { UpdateDataCtx } from './updateStateModel';
+import { ReefSigner } from '../state';
+export declare const accountsSubj: ReplaySubject<ReefSigner[] | null>;
+export declare const accountsJsonSubj: ReplaySubject<AccountJson[] | InjectedAccountWithMeta[] | null>;
+export declare const accountsJsonSigningKeySubj: ReplaySubject<InjectedSigningKey>;
+export declare const reloadSignersSubj: Subject<UpdateDataCtx<ReefSigner[]>>;
+export declare const signersInjected$: Observable<ReefSigner[]>;
+export declare const signers$: Observable<ReefSigner[] | null>;
+export declare const setCurrentAddress: (address: string | undefined) => void;
+export declare const currentAddress$: Observable<string | undefined>;
+export declare const selectedSigner$: Observable<ReefSigner | undefined | null>;

package/dist/appState/accountStateUtil.d.ts

@@ -0,0 +1,6 @@
+import { UpdateAction, UpdateDataType } from './updateStateModel';
+import { ReefSigner } from '../state';
+export declare const isUpdateAll: (addresses: string[] | null) => boolean;
+export declare const getSignersToUpdate: (updateType: UpdateDataType, updateActions: UpdateAction[], signers: ReefSigner[]) => ReefSigner[];
+export declare const replaceUpdatedSigners: (existingSigners?: ReefSigner[], updatedSigners?: ReefSigner[], appendNew?: boolean) => ReefSigner[];
+export declare const updateSignersEvmBindings: (updateActions: UpdateAction[], signers?: ReefSigner[]) => Promise<ReefSigner[]>;

package/dist/appState/appState.d.ts

@@ -0,0 +1,3 @@
+export * from './providerState';
+export * from './util';
+export * from './updateStateModel';

package/dist/appState/index.d.ts

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

package/dist/appState/nftTokenState.d.ts

@@ -0,0 +1,12 @@
+import { Observable } from 'rxjs';
+import { NFT } from '../state';
+export interface VerifiedNft {
+    token_address: string;
+    balance: string;
+    nft_id: string;
+    info: {
+        symbol: string;
+    };
+    contractType: 'ERC1155' | 'ERC721';
+}
+export declare const selectedSignerNFTs$: Observable<NFT[]>;

package/dist/appState/providerState.d.ts

@@ -0,0 +1,4 @@
+export declare const ACTIVE_NETWORK_LS_KEY = "reef-app-active-network";
+export declare const currentProvider$: any;
+export declare const currentNetwork$: any;
+export declare const setCurrentNetwork: any;

package/dist/appState/tokenState.d.ts

@@ -0,0 +1,13 @@
+import { Observable } from 'rxjs';
+import { Token, TokenTransfer, TokenWithAmount } from '../state/token';
+import { ReefSigner } from '../state';
+import { PoolReserves } from '../graphql/pools';
+export declare const reefPrice$: Observable<number>;
+export declare const validatedTokens$: Observable<Token[]>;
+export declare const SIGNER_TOKENS_GQL: import("@apollo/client").DocumentNode;
+export declare const selectedSignerTokenBalances$: Observable<Token[] | null>;
+export declare const selectedSignerAddressUpdate$: Observable<ReefSigner | null | undefined>;
+export declare const allAvailableSignerTokens$: Observable<Token[]>;
+export declare const pools$: Observable<PoolReserves[]>;
+export declare const tokenPrices$: Observable<TokenWithAmount[]>;
+export declare const transferHistory$: Observable<null | TokenTransfer[]>;

package/dist/appState/updateStateModel.d.ts

@@ -0,0 +1,14 @@
+export declare enum UpdateDataType {
+    ACCOUNT_NATIVE_BALANCE = 0,
+    ACCOUNT_TOKENS = 1,
+    ACCOUNT_EVM_BINDING = 2
+}
+export interface UpdateAction {
+    address?: string;
+    type: UpdateDataType;
+}
+export interface UpdateDataCtx<T> {
+    data?: T;
+    updateActions: UpdateAction[];
+    ctx?: any;
+}

package/dist/appState/util.d.ts

@@ -0,0 +1,22 @@
+import { ContractInterface } from 'ethers';
+import { Subject } from 'rxjs';
+import { ContractType, Token, TokenWithAmount } from '../state/token';
+import { UpdateAction, UpdateDataCtx } from './updateStateModel';
+import { TxStatusUpdate } from '../utils';
+import { ipfsUrlResolverFn } from '../utils/nftUtil';
+import { PoolReserves } from '../graphql/pools';
+import { ReefSigner } from '../state';
+export declare const reloadSignersSubj: Subject<UpdateDataCtx<ReefSigner[]>>;
+export declare let _NFT_IPFS_RESOLVER_FN: ipfsUrlResolverFn | undefined;
+export declare const setNftIpfsResolverFn: (val?: ipfsUrlResolverFn) => void;
+export declare const combineTokensDistinct: ([tokens1, tokens2]: [
+    Token[],
+    Token[]
+]) => Token[];
+export declare const toTokensWithPrice: ([tokens, reefPrice, pools]: [
+    Token[],
+    number,
+    PoolReserves[]
+]) => TokenWithAmount[];
+export declare const onTxUpdateResetSigners: (txUpdateData: TxStatusUpdate, updateActions: UpdateAction[]) => void;
+export declare const getContractTypeAbi: (contractType: ContractType) => ContractInterface;

package/dist/assets/abi/ERC1155Uri.d.ts

@@ -0,0 +1,2 @@
+import { ContractInterface } from 'ethers';
+export declare const ERC1155Uri: ContractInterface;

package/dist/assets/abi/ERC20.d.ts

@@ -0,0 +1,2 @@
+import { ContractInterface } from 'ethers';
+export declare const ERC20: ContractInterface;

package/dist/assets/abi/ERC721Uri.d.ts

@@ -0,0 +1,2 @@
+import { ContractInterface } from 'ethers';
+export declare const ERC721Uri: ContractInterface;

package/dist/assets/abi/ReefswapFactory.d.ts

@@ -0,0 +1,2 @@
+import { ContractInterface } from 'ethers';
+export declare const ReefswapFactory: ContractInterface;

package/dist/assets/abi/ReefswapPair.d.ts

@@ -0,0 +1,2 @@
+import { ContractInterface } from 'ethers';
+export declare const ReefswapPair: ContractInterface;

package/dist/assets/abi/ReefswapRouter.d.ts

@@ -0,0 +1,2 @@
+import { ContractInterface } from 'ethers';
+export declare const ReefswapRouter: ContractInterface;

package/dist/components/AccountSelector/AccountInlineInfo.d.ts

@@ -0,0 +1,10 @@
+interface AccountInlineInfo {
+    name: string;
+    address: string;
+    evmAddress: string;
+    source: string;
+    toggle?: string;
+    onClick: () => void;
+}
+declare const AccountInlineInfo: ({ name, address, evmAddress, source, toggle, onClick, }: AccountInlineInfo) => JSX.Element;
+export default AccountInlineInfo;

package/dist/components/AccountSelector/AccountListModal.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ReefSigner } from '../../state';
+interface AccountListModal {
+    id: string;
+    accounts: ReefSigner[];
+    selectAccount: (index: number, signer: ReefSigner) => void;
+    backButtonModalId?: string;
+    title?: string | ReactElement;
+}
+export declare const AccountListModal: ({ id, accounts, selectAccount, backButtonModalId, title, }: AccountListModal) => JSX.Element;
+export {};

package/dist/components/AccountSelector/AccountSelector.d.ts

@@ -0,0 +1,17 @@
+import { ReefSigner } from '../../state';
+import './AccountSelector.css';
+export type Network = 'mainnet' | 'testnet';
+export type Language = 'en' | 'hi';
+interface AccountSelector {
+    accounts: ReefSigner[];
+    selectedSigner?: ReefSigner;
+    selectAccount: (index: number, signer: ReefSigner) => void;
+    selectedNetwork?: Network;
+    onNetworkSelect?: (network: Network) => any;
+    onLanguageSelect?: (language: Language) => any;
+    isBalanceHidden?: boolean;
+    showBalance?: (...args: any[]) => any;
+    availableNetworks: Network[];
+}
+export declare const AccountSelector: ({ selectedSigner, accounts, selectAccount, selectedNetwork, onNetworkSelect, onLanguageSelect, isBalanceHidden, showBalance, availableNetworks, }: AccountSelector) => JSX.Element;
+export {};

package/dist/components/AddLiquidity/index.d.ts

@@ -0,0 +1,10 @@
+import { ReefSigner, Token } from '../../state';
+import { AddLiquidityComponentActions, AddLiquidityState } from '../../store';
+interface AddLiquidityComponent {
+    tokens: Token[];
+    signer: ReefSigner;
+    state: AddLiquidityState;
+    actions: AddLiquidityComponentActions;
+}
+export declare const AddLiquidity: ({ state, tokens, signer, actions: { back, onAddLiquidity, selectToken1, selectToken2, setSettings, onAddressChange, setToken1Amount, setToken2Amount, }, }: AddLiquidityComponent) => JSX.Element;
+export {};

package/dist/components/EvmBind/EvmBindComponent.d.ts

@@ -0,0 +1,15 @@
+import { ReefSigner } from '../../state';
+import { TxStatusHandler } from '../../utils';
+import './bind.css';
+export declare enum EvmBindComponentTxType {
+    TRANSFER = "TRANSFER",
+    BIND = "BIND"
+}
+interface EvmBindComponent {
+    bindSigner: ReefSigner;
+    signers: ReefSigner[];
+    onTxUpdate?: TxStatusHandler;
+    onComplete?: () => void;
+}
+export declare const EvmBindComponent: ({ bindSigner, onTxUpdate, signers, onComplete, }: EvmBindComponent) => JSX.Element;
+export {};

package/dist/components/OverlayAction/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './overlay-action.css';
+interface OverlayAction {
+    isOpen: boolean;
+    onClose?: () => any;
+    onOpened?: () => any;
+    onClosed?: () => any;
+    className?: string;
+    title?: string;
+}
+export declare const OverlayAction: React.FC<OverlayAction>;
+export {};

package/dist/components/PoolActions/ConfirmPopups/Address.d.ts

@@ -0,0 +1,7 @@
+import './confirm-popup.css';
+export interface Props {
+    address: string;
+    className?: string;
+}
+declare const Address: ({ address, className, }: Props) => JSX.Element;
+export default Address;

package/dist/components/PoolActions/ConfirmPopups/Bond.d.ts

@@ -0,0 +1,11 @@
+import './confirm-popup.css';
+export interface Props {
+    isOpen: boolean;
+    onClose: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+    name?: string;
+    amount?: string;
+    contract?: string;
+    duration?: string;
+}
+export declare const BondConfirmPopup: ({ isOpen, onClose, onConfirm, name, amount, contract, duration, }: Props) => JSX.Element;

package/dist/components/PoolActions/ConfirmPopups/Provide.d.ts

@@ -0,0 +1,14 @@
+import { TokenWithAmount } from '../../../state';
+import './confirm-popup.css';
+export interface Props {
+    isOpen: boolean;
+    onClose: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+    token1: TokenWithAmount;
+    token2: TokenWithAmount;
+    poolShare: string;
+    percentage: number;
+    LPTokens: string | number;
+}
+declare const ProvidePopup: ({ isOpen, onClose, onConfirm, token1, token2, poolShare, percentage, LPTokens, }: Props) => JSX.Element;
+export default ProvidePopup;

package/dist/components/PoolActions/ConfirmPopups/Send.d.ts

@@ -0,0 +1,11 @@
+import { TokenWithAmount } from '../../../state';
+import './confirm-popup.css';
+export interface SendPopup {
+    isOpen: boolean;
+    token: TokenWithAmount;
+    address?: string;
+    onClose: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+}
+declare const SendPopup: ({ isOpen, token, address, onClose, onConfirm, }: SendPopup) => JSX.Element;
+export default SendPopup;

package/dist/components/PoolActions/ConfirmPopups/SummaryItem.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    label?: string;
+    value?: string | number;
+    className?: string;
+}
+declare const SummaryItem: ({ label, value, className, }: Props) => JSX.Element;
+export default SummaryItem;

package/dist/components/PoolActions/ConfirmPopups/Token.d.ts

@@ -0,0 +1,11 @@
+import './confirm-popup.css';
+export interface Props {
+    image?: string;
+    symbol?: string;
+    price?: string | number;
+    amount?: string | number;
+    value?: string | number;
+    className?: string;
+}
+declare const Token: ({ image, symbol, price, amount, value, className, }: Props) => JSX.Element;
+export default Token;

package/dist/components/PoolActions/ConfirmPopups/Trade.d.ts

@@ -0,0 +1,14 @@
+import { TokenWithAmount } from '../../../state';
+import './confirm-popup.css';
+export interface TradePopup {
+    fee: string;
+    isOpen: boolean;
+    slippage: number;
+    exchangeRate?: string;
+    token1: TokenWithAmount;
+    token2: TokenWithAmount;
+    onClose: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+}
+declare const TradePopup: ({ fee, isOpen, token1, token2, slippage, exchangeRate, onClose, onConfirm, }: TradePopup) => JSX.Element;
+export default TradePopup;

package/dist/components/PoolActions/ConfirmPopups/Withdraw.d.ts

@@ -0,0 +1,15 @@
+import { Pool } from '../../../state';
+import './confirm-popup.css';
+export interface Props {
+    pool: Pool;
+    price1: number;
+    price2: number;
+    percentageAmount: number;
+    isOpen: boolean;
+    LPTokens: string | number;
+    poolShare: string;
+    onClose: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
+}
+declare const WithdrawPopup: ({ price1, price2, pool, isOpen, LPTokens, poolShare, percentageAmount, onClose, onConfirm, }: Props) => JSX.Element;
+export default WithdrawPopup;

package/dist/components/PoolActions/Finalizing.d.ts

@@ -0,0 +1,2 @@
+import './finalizing.css';
+export declare const Finalizing: () => JSX.Element;

package/dist/components/PoolActions/Provide.d.ts

@@ -0,0 +1,19 @@
+import { AddLiquidityState } from '../../store';
+import { SelectToken } from './TokenField';
+import { Token } from '../../state';
+interface ProvideActions {
+    onAddLiquidity: () => Promise<void>;
+    setToken1Amount: (amount: string) => void;
+    setToken2Amount: (amount: string) => void;
+    setPercentage: (amount: number) => void;
+    selectToken1?: SelectToken;
+    selectToken2?: SelectToken;
+}
+interface Provide {
+    tokens: Token[];
+    state: AddLiquidityState;
+    actions: ProvideActions;
+    confirmText?: string;
+}
+export declare const Provide: ({ state, tokens, actions: { onAddLiquidity, setPercentage, setToken1Amount, setToken2Amount, selectToken1, selectToken2, }, }: Provide) => JSX.Element;
+export {};

package/dist/components/PoolActions/TokenDropdown.d.ts

@@ -0,0 +1,9 @@
+import { Token, TokenWithAmount } from '../../state';
+import './token-field.css';
+interface TokenDropdown {
+    token: TokenWithAmount;
+    tokens: Token[];
+    selectToken?: (token: Token) => void;
+}
+declare const TokenDropdown: ({ token, tokens, selectToken }: TokenDropdown) => JSX.Element;
+export default TokenDropdown;

package/dist/components/PoolActions/TokenField.d.ts

@@ -0,0 +1,11 @@
+import { Token, TokenWithAmount } from '../../state';
+import './token-field.css';
+export type SelectToken = (token: Token) => void;
+interface TokenField {
+    token: TokenWithAmount;
+    tokens?: Token[];
+    selectToken?: SelectToken;
+    onAmountChange: (amount: string) => void;
+}
+declare const TokenField: ({ token, tokens, onAmountChange, selectToken, }: TokenField) => JSX.Element;
+export default TokenField;

package/dist/components/PoolActions/Trade.d.ts

@@ -0,0 +1,23 @@
+import { SwapState } from '../../store';
+import { SelectToken } from './TokenField';
+import { LastPoolReserves, Token } from '../../state';
+interface TradeActions {
+    onSwitch: () => void;
+    onSwap: () => Promise<void>;
+    setToken1Amount: (amount: string) => void;
+    setToken2Amount: (amount: string) => void;
+    setPercentage: (amount: number) => void;
+    selectToken1?: SelectToken;
+    selectToken2?: SelectToken;
+    setSlippage?: (slippage: number) => void;
+}
+interface Trade {
+    pools: LastPoolReserves[];
+    tokens: Token[];
+    state: SwapState;
+    actions: TradeActions;
+    maxSlippage?: number;
+    confirmText?: string;
+}
+export declare const Trade: ({ state: { token1, percentage, token2, focus, isLoading, isValid, pool, settings, status, }, actions: { onSwap, onSwitch, setPercentage, setToken1Amount, setToken2Amount, selectToken1, selectToken2, setSlippage, }, pools, tokens, maxSlippage, }: Trade) => JSX.Element;
+export {};

package/dist/components/PoolActions/Withdraw.d.ts

@@ -0,0 +1,12 @@
+import { RemoveLiquidityState } from '../../store';
+interface WithdrawActions {
+    onRemoveLiquidity: () => Promise<void>;
+    setPercentage: (percentage: number) => void;
+}
+interface Withdraw {
+    state: RemoveLiquidityState;
+    actions: WithdrawActions;
+    confirmText?: string;
+}
+export declare const Withdraw: ({ state: { pool, isLoading, isValid, percentage, status, token1, token2, }, actions: { onRemoveLiquidity, setPercentage, }, }: Withdraw) => JSX.Element;
+export {};

package/dist/components/PoolActions/index.d.ts

@@ -0,0 +1,6 @@
+import './pool-actions.css';
+export * from './Trade';
+export * from './Provide';
+export * from './Finalizing';
+export * from './Withdraw';
+export * from './ConfirmPopups/Bond';

package/dist/components/RemoveLiquidity/RemoveConfirmationModal.d.ts

@@ -0,0 +1,10 @@
+import { Pool } from '../../state';
+interface RemoveConfirmationModal {
+    id: string;
+    pool?: Pool;
+    slippage: number;
+    percentageAmount: number;
+    onRemove: () => void;
+}
+declare const RemoveConfirmationModal: ({ id, pool, slippage, percentageAmount, onRemove, }: RemoveConfirmationModal) => JSX.Element;
+export default RemoveConfirmationModal;

package/dist/components/RemoveLiquidity/index.d.ts

@@ -0,0 +1,7 @@
+import { RemoveLiquidityComponentActions, RemoveLiquidityState } from '../../store';
+interface RemoveLiquidityComponent {
+    state: RemoveLiquidityState;
+    actions: RemoveLiquidityComponentActions;
+}
+export declare const RemoveLiquidityComponent: ({ state: { settings, pool, isLoading, isValid, percentage: percentageAmount, status, token1, token2, }, actions: { back, onRemoveLiquidity, setPercentage, setSettings, }, }: RemoveLiquidityComponent) => JSX.Element;
+export {};

package/dist/components/SelectToken/index.d.ts

@@ -0,0 +1,14 @@
+import { ReefSigner, Token } from '../../state';
+interface SelectToken {
+    id: string;
+    iconUrl: string;
+    fullWidth?: boolean;
+    selectedTokenName: string;
+    tokens: Token[];
+    onTokenSelect: (newToken: Token) => void;
+    onAddressChange?: (address: string) => Promise<void>;
+    hideCommonBaseView?: boolean;
+    signer: ReefSigner;
+}
+export declare const SelectToken: ({ id, tokens, selectedTokenName, onTokenSelect, fullWidth, iconUrl, onAddressChange, hideCommonBaseView, signer, }: SelectToken) => JSX.Element;
+export {};

package/dist/components/SwapComponent/SwapConfirmationModal.d.ts

@@ -0,0 +1,10 @@
+import { TokenWithAmount } from '../../state';
+interface SwapConfirmationModal {
+    id?: string;
+    percentage: number;
+    buy: TokenWithAmount;
+    sell: TokenWithAmount;
+    confirmFun: () => Promise<void>;
+}
+declare const SwapConfirmationModal: ({ id, buy, sell, percentage, confirmFun, }: SwapConfirmationModal) => JSX.Element;
+export default SwapConfirmationModal;

package/dist/components/SwapComponent/index.d.ts

@@ -0,0 +1,11 @@
+import { ReefSigner, Token } from '../../state';
+import { SwapComponentActions } from '../../store/actions/swap';
+import { SwapState } from '../../store/reducers/swap';
+interface SwapComponent {
+    tokens: Token[];
+    account: ReefSigner;
+    state: SwapState;
+    actions: SwapComponentActions;
+}
+export declare const SwapComponent: ({ tokens, account, state: { token2: buy, token1: sell, status, isValid, settings, isLoading, }, actions: { onSwap, onSwitch, setSettings, selectToken1, selectToken2, setToken1Amount, setToken2Amount, onAddressChange, }, }: SwapComponent) => JSX.Element;
+export {};

package/dist/components/TokenFields/TokenAmountField.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+import { ReefSigner, Token, TokenWithAmount } from '../../state';
+interface TokenAmountFieldProps {
+    id?: string;
+    tokens: Token[];
+    placeholder?: string;
+    token: TokenWithAmount;
+    onTokenSelect: (newToken: Token) => void;
+    onAmountChange: (amount: string) => void;
+    onAddressChange?: (address: string) => Promise<void>;
+    hideSelectTokenCommonBaseView?: boolean;
+    signer: ReefSigner;
+}
+export declare const TokenAmountField: ({ id, token, tokens, signer, placeholder, onTokenSelect, onAmountChange, onAddressChange, }: TokenAmountFieldProps) => JSX.Element;
+interface TokenAmountFieldMax extends TokenAmountFieldProps {
+    afterBalanceEl?: ReactElement;
+    hideSelectTokenCommonBaseView?: boolean;
+}
+export declare const TokenAmountFieldMax: ({ id, token, tokens, signer, placeholder, onTokenSelect, onAmountChange, onAddressChange, afterBalanceEl, hideSelectTokenCommonBaseView, }: TokenAmountFieldMax) => JSX.Element;
+interface TokenAmountFieldImpactPriceProps extends TokenAmountFieldProps {
+    percentage: number;
+}
+export declare const TokenAmountFieldImpactPrice: ({ id, token, tokens, signer, placeholder, percentage, onTokenSelect, onAmountChange, onAddressChange, }: TokenAmountFieldImpactPriceProps) => JSX.Element;
+export {};

package/dist/components/TokenFields/TokenAmountView.d.ts

@@ -0,0 +1,8 @@
+interface TokenAmountView {
+    name: string;
+    amount: string;
+    usdAmount: number;
+    placeholder: string;
+}
+export declare const TokenAmountView: ({ name, amount, usdAmount, placeholder, }: TokenAmountView) => JSX.Element;
+export {};

package/dist/components/TokenFields/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TokenAmountField';
+export * from './TokenAmountView';

package/dist/components/TransactionSettings/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Settings } from '../../state';
+interface TransactionSettings {
+    id?: string;
+    settings: Settings;
+    defaultSlippageTolerance?: number;
+    setSettings: (value: Settings) => void;
+}
+export declare const TransactionSettings: React.FC<TransactionSettings>;
+export {};

package/dist/components/Transfer/Send.d.ts

@@ -0,0 +1,14 @@
+import { Provider } from '@reef-chain/evm-provider';
+import { NotifyFun, ReefSigner, Token } from '../../state';
+import '../PoolActions/pool-actions.css';
+import './Send.css';
+interface Send {
+    tokens: Token[];
+    signer: ReefSigner;
+    provider: Provider;
+    accounts: ReefSigner[];
+    notify: NotifyFun;
+    tokenAddress?: string;
+}
+export declare const Send: ({ signer, tokens, accounts, provider, tokenAddress, }: Send) => JSX.Element;
+export {};

package/dist/components/Transfer/SendConfirmationModal.d.ts

@@ -0,0 +1,9 @@
+import { TokenWithAmount } from '../../state';
+interface SendConfirmationModal {
+    id: string;
+    to: string;
+    token: TokenWithAmount;
+    confirmFun: () => void;
+}
+declare const SendConfirmationModal: ({ id, to, token: { amount, decimals, price, name, }, confirmFun, }: SendConfirmationModal) => JSX.Element;
+export default SendConfirmationModal;

package/dist/components/Transfer/TransferComponent.d.ts

@@ -0,0 +1,14 @@
+import { Provider } from '@reef-chain/evm-provider';
+import { ReefSigner, Token, TokenWithAmount } from '../../state';
+import { TxStatusHandler } from '../../utils/transactionUtil';
+interface TransferComponent {
+    tokens: Token[];
+    from: ReefSigner;
+    token?: TokenWithAmount;
+    provider: Provider;
+    onTxUpdate?: TxStatusHandler;
+    accounts: ReefSigner[];
+    currentAccount: ReefSigner;
+}
+export declare const TransferComponent: ({ tokens, from, token, provider, onTxUpdate, currentAccount, accounts, }: TransferComponent) => JSX.Element;
+export {};

package/dist/components/Transfer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Send';
+export * from './TransferComponent';

package/dist/components/common/Alert/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DangerAlert: React.FC<unknown>;