@rango-dev/ui 0.1.10-next.69

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

@@ -0,0 +1,23 @@
+import { BestRouteResponse } from 'rango-sdk';
+import React, { PropsWithChildren } from 'react';
+export declare const Line: any;
+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 UpdateIcon: any;
+export declare const StyledUpdateIcon: any;
+export interface PropTypes {
+    bestRoute: BestRouteResponse | null;
+    onBack: () => void;
+    onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    loading?: boolean;
+    error?: string;
+    warning?: string;
+}
+export declare function ConfirmSwap({ bestRoute, onBack, onConfirm, loading, error, warning, }: PropsWithChildren<PropTypes>): JSX.Element;

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

@@ -0,0 +1,5 @@
+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;

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

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

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

@@ -0,0 +1,2 @@
+import { BestRouteType } from '../../types/swaps';
+export declare const bestRoute: BestRouteType;

package/dist/containers/ConfirmWallets/ConfirmWallets.d.ts

@@ -0,0 +1,14 @@
+import { BestRouteResponse } from 'rango-sdk';
+import React, { PropsWithChildren } from 'react';
+import { SelectableWallet } from './types';
+export interface PropTypes {
+    swap: BestRouteResponse;
+    onBack: () => void;
+    onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    requiredWallets: string[];
+    selectableWallets: SelectableWallet[];
+    onChange: (w: SelectableWallet) => void;
+}
+export declare function ConfirmWallets({ onBack, loading, onConfirm, swap, requiredWallets, selectableWallets, onChange, confirmDisabled, }: PropsWithChildren<PropTypes>): JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PropTypes } from './ConfirmWallets';
+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/ConfirmWallets/index.d.ts

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

package/dist/containers/ConfirmWallets/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/ConfirmWallets/types.d.ts

@@ -0,0 +1,8 @@
+import { WalletType } from '@rango-dev/wallets-shared';
+export interface SelectableWallet {
+    chain: string;
+    walletType: WalletType;
+    address: string;
+    image: string;
+    selected: boolean;
+}

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

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { PendingSwap } from './types';
+export interface PropTypes {
+    list: PendingSwap[];
+    onBack: () => void;
+    onSwapClick: (requestId: string) => void;
+}
+export declare function History({ list, onBack, onSwapClick, }: 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 } 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,59 @@
+import { CosmosTransaction, EvmTransaction, SimulationResult, SolanaTransaction, SwapExplorerUrl, SwapperStatusStep, Transfer } from 'rango-sdk';
+import { MessageSeverity, PendingSwapNetworkStatus, StepStatus, SwapSavedSettings, SwapStatus, WalletTypeAndAddress } from '../../types/swaps';
+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;
+    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;
+};
+export declare type PendingSwap = {
+    creationTime: string;
+    finishTime: string | null;
+    requestId: string;
+    inputAmount: string;
+    status: SwapStatus;
+    isPaused: boolean;
+    extraMessage: string | null;
+    extraMessageSeverity: MessageSeverity | null;
+    extraMessageErrorCode: string | null;
+    extraMessageDetail: string | null | undefined;
+    networkStatusExtraMessage: string | null;
+    networkStatusExtraMessageDetail: string | null;
+    lastNotificationTime: string | null;
+    wallets: {
+        [p: string]: WalletTypeAndAddress;
+    };
+    settings: SwapSavedSettings;
+    steps: PendingSwapStep[];
+    simulationResult: SimulationResult;
+    validateBalanceOrFee: boolean;
+};

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

@@ -0,0 +1,7 @@
+import { PendingSwap } from '../History/types';
+export declare const Line: any;
+export interface PropTypes {
+    pendingSwap: PendingSwap;
+    onBack: () => void;
+}
+export declare function SwapHistory(props: PropTypes): JSX.Element;

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

@@ -0,0 +1,4 @@
+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/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,4 @@
+export * from './ConfirmSwap';
+export * from './ConfirmWallets';
+export * from './History';
+export * from './SwapHistory';

package/dist/helper/index.d.ts

@@ -0,0 +1,6 @@
+import { BestRouteResponse } from 'rango-sdk';
+export declare const secondsToString: (s: number) => string;
+export declare const totalArrivalTime: (data: BestRouteResponse) => number;
+export declare const rawFees: (data: BestRouteResponse) => string;
+export declare const decimalNumber: (number: string | undefined, toFixed: number) => string;
+export declare const containsText: (text: string, searchText: string) => boolean;

package/dist/helper/swaps.d.ts

@@ -0,0 +1,5 @@
+import { PendingSwap } from '../containers/History/types';
+export declare function groupingOfSwaps(list: PendingSwap[]): {
+    title: string;
+    swaps: PendingSwap[];
+}[];

package/dist/helpers.d.ts

@@ -0,0 +1 @@
+export declare const containsText: (text: string, searchText: string) => boolean;

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 @@
+export * from './wallet';

package/dist/types/meta.d.ts

@@ -0,0 +1,22 @@
+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;
+}

package/dist/types/swaps.d.ts

@@ -0,0 +1,22 @@
+import { BestRouteResponse, BlockchainValidationStatus, 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;

package/dist/types/wallet.d.ts

@@ -0,0 +1,14 @@
+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;
+};