@rango-dev/ui 0.1.10-next.102

package/dist/components/TokenSelector/TokenSelector.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TokenWithAmount } from '../TokenList/TokenList';
+import { LoadingStatus } from '../../types/meta';
+export declare const LoaderContainer: any;
+export interface PropTypes {
+    list: TokenWithAmount[];
+    type?: 'Source' | 'Destination';
+    selected: TokenWithAmount | null;
+    onChange: (token: TokenWithAmount) => void;
+    hasHeader?: boolean;
+    multiSelect?: boolean;
+    onBack?: () => void;
+    selectedList?: TokenWithAmount[] | 'all';
+    loadingStatus: LoadingStatus;
+}
+export declare function TokenSelector(props: PropTypes): JSX.Element;

package/dist/components/TokenSelector/TokenSelector.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './TokenSelector';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

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

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface PropTypes {
+    content: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    color?: 'primary' | 'error' | 'warning' | 'success' | 'gray' | 'white' | 'black';
+}
+export declare function Tooltip({ children, content, side, color, }: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './Tooltip';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

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

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

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from '@stitches/react';
+import { PropsWithChildren } from 'react';
+export interface PropTypes {
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'body3' | 'caption';
+    align?: 'center' | 'left' | 'right';
+    noWrap?: boolean;
+    mt?: 2 | 4 | 8 | 12;
+    mb?: 2 | 4 | 8 | 12;
+    ml?: 2 | 4 | 8 | 12;
+    mr?: 2 | 4 | 8 | 12;
+    className?: string;
+    style?: CSSProperties;
+    color?: string;
+}
+export declare function Typography({ children, className, color, ...props }: PropsWithChildren<PropTypes>): JSX.Element;
+export declare namespace Typography {
+    var toString: () => string;
+}

package/dist/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './Typography';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

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

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

package/dist/components/VirtualizedList/VirtualizedList.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { ReactElementType } from 'react-window';
+import { CSSProperties } from '@stitches/react';
+export declare type VirtualizedListItem = ({ index, style, }: {
+    index: number;
+    style: CSSProperties | undefined;
+}) => JSX.Element | null;
+declare type PropTypes = {
+    itemCount: number;
+    hasNextPage: boolean;
+    loadNextPage: () => void;
+    Item: VirtualizedListItem;
+    innerElementType: ReactElementType | undefined;
+    size: number;
+};
+export declare function VirtualizedList(props: PropsWithChildren<PropTypes>): JSX.Element;
+export {};

package/dist/components/Wallet/State.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WalletState } from '../../types/wallet';
+import { InstallObjects } from '@rango-dev/wallets-shared';
+export declare const State: ({ walletState, installLink, }: {
+    walletState: WalletState;
+    installLink: InstallObjects | string;
+}) => JSX.Element;

package/dist/components/Wallet/Wallet.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WalletType } from '@rango-dev/wallets-shared';
+import { WalletInfo } from '../../types/wallet';
+export declare type PropTypes = WalletInfo & {
+    onClick: (walletType: WalletType) => void;
+};
+export declare function Wallet(props: PropTypes): JSX.Element;

package/dist/components/Wallet/Wallet.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Wallet';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

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

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

package/dist/components/common/FilledCircle.d.ts

@@ -0,0 +1 @@
+export declare const FilledCircle: any;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,31 @@
+export * from './BestRoute';
+export * from './BlockchainSelector';
+export * from './Button';
+export * from './Checkbox';
+export * from './Chip';
+export * from './ConnectWalletsModal';
+export * from './Icon';
+export * from './LiquiditySourcesSelector';
+export * from './Modal';
+export * from './SecondaryPage';
+export * from './SelectableWalletList';
+export * from './Settings';
+export * from './Spacer';
+export * from './Spinner';
+export * from './StepDetail';
+export * from './SwapContainer';
+export * from './SwapDetail';
+export * from './Switch';
+export * from './TextField';
+export * from './TokenSelector';
+export * from './Tooltip';
+export * from './Typography';
+export * from './Wallet';
+export * from './Alert';
+export * from './ColorPicker';
+export * from './Radio';
+export * from './TokenList';
+export * from './common';
+export * from './Drawer';
+export * from './Header';
+export * from './Divider';

package/dist/containers/ConfirmSwap/ConfirmSwap.d.ts

@@ -0,0 +1,20 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+import { SelectableWallet } from '../../types';
+export interface PropTypes {
+    onBack: () => void;
+    onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    requiredWallets: string[];
+    selectableWallets: SelectableWallet[];
+    onChange: (w: SelectableWallet) => void;
+    isExperimentalChain?: (wallet: string) => boolean;
+    handleConnectChain?: (wallet: string) => void;
+    previewInputs?: ReactNode;
+    previewRoutes?: ReactNode;
+    confirmButtonTitle: string;
+    errors?: ReactNode[];
+    warnings?: ReactNode[];
+    extraMessages?: ReactNode;
+}
+export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/containers/ConfirmSwap/ConfirmSwap.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PropTypes } from './ConfirmSwap';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;
+export declare const With5Wallets: (props: PropTypes) => JSX.Element;

package/dist/containers/ConfirmSwap/index.d.ts

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

package/dist/containers/ConfirmSwap/mock.d.ts

@@ -0,0 +1,5 @@
+import { BestRouteType } from '../../types/swaps';
+import { SelectableWallet } from '../../types';
+export declare const bestRoute: BestRouteType;
+export declare const wallets: SelectableWallet[];
+export declare const exampleFor5Wallets: SelectableWallet[];

package/dist/containers/History/History.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import { PendingSwap } from './types';
+export declare type GroupBy = (list: PendingSwap[]) => {
+    title: string;
+    swaps: PendingSwap[];
+}[];
+export interface PropTypes {
+    list: PendingSwap[];
+    onBack: () => void;
+    onSwapClick: (requestId: string) => void;
+    groupBy?: GroupBy;
+}
+export declare function History({ list, onBack, onSwapClick, groupBy, }: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/containers/History/History.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './History';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/containers/History/index.d.ts

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

package/dist/containers/History/mock.d.ts

@@ -0,0 +1,2 @@
+import { PendingSwap } from './types';
+export declare const pendingSwap: PendingSwap[];

package/dist/containers/History/types.d.ts

@@ -0,0 +1,39 @@
+import { CosmosTransaction, EvmTransaction, SolanaTransaction, SwapExplorerUrl, SwapperStatusStep, Transfer } from 'rango-sdk';
+import { PendingSwapNetworkStatus, StepStatus } from '../../types/swaps';
+export { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
+export declare type PendingSwapStep = {
+    id: number;
+    fromBlockchain: string;
+    fromSymbol: string;
+    fromSymbolAddress: string | null;
+    fromDecimals: number;
+    fromAmountPrecision: string | null;
+    fromAmountMinValue: string | null;
+    fromAmountMaxValue: string | null;
+    fromLogo: string;
+    fromBlockchainLogo: string;
+    toBlockchainLogo: string;
+    toBlockchain: string;
+    toSymbol: string;
+    toSymbolAddress: string | null;
+    toDecimals: number;
+    toLogo: string;
+    swapperId: string;
+    swapperLogo: string;
+    swapperType: string;
+    feeInUsd: string;
+    expectedOutputAmountHumanReadable: string | null;
+    startTransactionTime: number;
+    outputAmount: string;
+    status: StepStatus;
+    networkStatus: PendingSwapNetworkStatus | null;
+    executedTransactionId: string | null;
+    explorerUrl: SwapExplorerUrl[] | null;
+    evmApprovalTransaction: EvmTransaction | null;
+    evmTransaction: EvmTransaction | null;
+    cosmosTransaction: CosmosTransaction | null;
+    transferTransaction: Transfer | null;
+    solanaTransaction: SolanaTransaction | null;
+    diagnosisUrl: string | null;
+    internalSteps: SwapperStatusStep[] | null;
+};

package/dist/containers/SwapHistory/SwapHistory.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PendingSwap } from '../History/types';
+import { PropTypes as SwapMessagesPropTypes } from './SwapMessages';
+export declare const SwapperContainer: any;
+export declare const BodyError: any;
+export declare const ErrorMsg: any;
+export declare const Fee: any;
+export declare const SwapperLogo: any;
+export declare const RelativeContainer: any;
+export declare const Footer: any;
+export declare const Dot: any;
+export declare const ArrowDown: any;
+export declare const Line: any;
+export declare type PropTypes = {
+    pendingSwap: PendingSwap;
+    onCopy: (requestId: string) => void;
+    onBack: () => void;
+    isCopied: boolean;
+    onCancel: (requestId: string) => void;
+    onRetry?: () => void;
+    date: string;
+    previewInputs?: React.ReactNode;
+} & SwapMessagesPropTypes;
+export declare function SwapHistory(props: PropTypes): JSX.Element;

package/dist/containers/SwapHistory/SwapHistory.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './SwapHistory';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/containers/SwapHistory/SwapMessages.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare type PropTypes = {
+    currentStepBlockchain: string;
+    switchNetwork?: () => Promise<any>;
+    shortMessage: string;
+    detailedMessage: {
+        content: string;
+        long: boolean;
+    };
+    type?: 'success' | 'error' | 'warning' | 'info';
+    lastConvertedTokenInFailedSwap?: {
+        symbol: string;
+        blockchain: string;
+        outputAmount: string;
+    };
+};
+export declare const SwapMessages: React.FC<PropTypes>;

package/dist/containers/SwapHistory/index.d.ts

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

package/dist/containers/SwapHistory/mock.d.ts

@@ -0,0 +1,2 @@
+import { PendingSwap } from '../History/types';
+export declare const pendingSwap: PendingSwap;

package/dist/containers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ConfirmSwap';
+export * from './History';
+export * from './SwapHistory';

package/dist/helper/index.d.ts

@@ -0,0 +1,2 @@
+export declare const containsText: (text: string, searchText: string) => boolean;
+export declare const getConciseAddress: (address: string | null, maxChars?: number, ellipsisLength?: number) => string | null;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './containers';
+export * from './theme';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./ui.cjs.production.min.js')
+} else {
+  module.exports = require('./ui.cjs.development.js')
+}

package/dist/theme.d.ts

@@ -0,0 +1,8 @@
+export declare const styled: any, css: any, createTheme: any, keyframes: any, globalCss: <Styles extends {
+    [K: string]: any;
+}>(...styles: {
+    '@import'?: unknown;
+    '@font-face'?: unknown;
+} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends any ? any : any; }) => any;
+export declare const lightTheme: any;
+export declare const darkTheme: any;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './wallet';
+export { BestRouteWithFee } from './swaps';

package/dist/types/meta.d.ts

@@ -0,0 +1,23 @@
+export declare type TokenMeta = {
+    blockchain: string;
+    symbol: string;
+    image: string;
+    address: string | null;
+    usdPrice: number | null;
+    isSecondaryCoin: boolean;
+    coinSource: string | null;
+    coinSourceUrl: string | null;
+    name: string | null;
+    decimals: number;
+    balance?: {
+        amount: string;
+        usdPrice: string;
+    };
+};
+export interface LiquiditySource {
+    title: string;
+    logo: string;
+    type: 'BRIDGE' | 'AGGREGATOR' | 'DEX';
+    selected: boolean;
+}
+export declare type LoadingStatus = 'loading' | 'success' | 'failed';

package/dist/types/swaps.d.ts

@@ -0,0 +1,29 @@
+import { BestRouteResponse, BlockchainValidationStatus, SimulationResult, SwapResult, WalletRequiredAssets } from 'rango-sdk';
+export declare type SwapStatus = 'running' | 'failed' | 'success';
+export declare type MessageSeverity = 'error' | 'warning' | 'info' | 'success';
+export declare type StepStatus = 'created' | 'running' | 'failed' | 'success' | 'waitingForApproval' | 'approved';
+export declare enum PendingSwapNetworkStatus {
+    WaitingForConnectingWallet = "waitingForConnectingWallet",
+    WaitingForQueue = "waitingForQueue",
+    WaitingForNetworkChange = "waitingForNetworkChange",
+    NetworkChanged = "networkChanged"
+}
+export declare type WalletTypeAndAddress = {
+    walletType: string;
+    address: string;
+};
+export declare type SwapSavedSettings = {
+    slippage: string;
+    disabledSwappersIds: string[];
+    disabledSwappersGroups: string[];
+};
+export declare type SimulationAssetAndAmount = WalletRequiredAssets;
+export declare type SimulationValidationStatus = BlockchainValidationStatus;
+export declare type BestRouteType = BestRouteResponse;
+export declare type BestRouteWithFee = Omit<BestRouteResponse, 'result'> & {
+    result: Omit<SimulationResult, 'swaps'> & {
+        swaps: (SwapResult & {
+            feeInUsd?: string;
+        })[];
+    };
+};

package/dist/types/wallet.d.ts

@@ -0,0 +1,23 @@
+import { InstallObjects, WalletType } from '@rango-dev/wallets-shared';
+export declare enum WalletState {
+    NOT_INSTALLED = "not installed",
+    DISCONNECTED = "disconnected",
+    CONNECTING = "connecting",
+    CONNECTED = "connected"
+}
+export declare type WalletInfo = {
+    state: WalletState.CONNECTED | WalletState.DISCONNECTED | WalletState.CONNECTING | WalletState.NOT_INSTALLED;
+    installLink: InstallObjects | string;
+    name: string;
+    image: string;
+    type: WalletType;
+    showOnMobile: boolean;
+};
+export interface SelectableWallet {
+    chain: string;
+    walletType: WalletType;
+    address: string;
+    image: string;
+    selected: boolean;
+    name: string;
+}