@rango-dev/ui 0.13.1-next.0 → 0.14.0

package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts

@@ -1,120 +0,0 @@
-import React from 'react';
-export declare const LoaderContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-    sm: string;
-    md: string;
-    lg: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-}, {
-    colors: {
-        primary: string;
-        primary100: string;
-        primary200: string;
-        primary300: string;
-        primary400: string;
-        primary500: string;
-        primary600: string;
-        primary700: string;
-        primary800: string;
-        primary900: string;
-        surface: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        background: string;
-        foreground: string;
-        success: string;
-        success100: string;
-        success300: string;
-        success500: string;
-        success700: string;
-        warning: string;
-        warning100: string;
-        warning300: string;
-        warning500: string;
-        warning700: string;
-        error: string;
-        error100: string;
-        error300: string;
-        error500: string;
-        error700: string;
-        white: string;
-    };
-    space: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        30: string;
-        32: string;
-    };
-    fontSizes: {
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-    };
-    fonts: {};
-    fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-    };
-    lineHeights: {};
-    letterSpacings: {};
-    sizes: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-    };
-    borderWidths: {};
-    borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
-    shadows: {
-        s: string;
-    };
-    zIndices: {};
-    transitions: {};
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-interface PropTypes {
-    requestId: string;
-    loading: boolean;
-    onBack: () => void;
-}
-export declare function SwapDetailsPlaceholder(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=SwapDetailsPlaceholder.d.ts.map

package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwapDetailsPlaceholder.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AAEH,UAAU,SAAS;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,qBA0BtD"}

package/dist/widget/ui/src/components/SwapDetailsPlaceholder/index.d.ts

@@ -1,2 +0,0 @@
-export { SwapDetailsPlaceholder } from './SwapDetailsPlaceholder';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/SwapDetailsPlaceholder/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetailsPlaceholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/widget/ui/src/components/TokenPreview/TokenPreview.d.ts

@@ -1,20 +0,0 @@
-import React, { ReactNode } from 'react';
-import { LoadingStatus } from '../../types/meta';
-interface PropTypes {
-    label: string;
-    amount: string;
-    usdValue: string | null;
-    loadingStatus: LoadingStatus;
-    chain: {
-        displayName: string;
-        logo: string;
-    };
-    token: {
-        symbol: string;
-        image: string;
-    };
-    percentageChange?: ReactNode;
-}
-export declare function TokenPreview(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=TokenPreview.d.ts.map

package/dist/widget/ui/src/components/TokenPreview/TokenPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TokenPreview/TokenPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA6EjD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,qBA+E5C"}

package/dist/widget/ui/src/components/TokenPreview/index.d.ts

@@ -1,2 +0,0 @@
-export { TokenPreview } from './TokenPreview';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/TokenPreview/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TokenPreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/widget/ui/src/containers/HomePanel/HomePanel.d.ts

@@ -1,47 +0,0 @@
-import { ConnectedWallet } from '../..';
-import React from 'react';
-import { BestRouteResponse, BlockchainMeta, SwapResult } from 'rango-sdk';
-import { LoadingStatus, TokenWithBalance } from '../../types/meta';
-interface HomePanelProps {
-    bestRoute: BestRouteResponse | null;
-    bestRouteError: string;
-    fetchBestRoute: () => void;
-    onClickHistory: () => void;
-    onClickSettings: () => void;
-    fromChain: BlockchainMeta | null;
-    toChain: BlockchainMeta | null;
-    fromToken: TokenWithBalance | null;
-    toToken: TokenWithBalance | null;
-    setInputAmount: (amount: string) => void;
-    outputAmount: string;
-    outputUsdValue: string;
-    inputUsdValue: string;
-    inputAmount: string;
-    loadingStatus: LoadingStatus;
-    showBestRoute: boolean;
-    fetchingBestRoute: boolean;
-    swapButtonTitle: string;
-    swapButtonDisabled: boolean;
-    swapButtonClick: () => void;
-    onChainClick: (route: 'from-chain' | 'to-chain') => void;
-    onTokenClick: (route: 'from-token' | 'to-token') => void;
-    connectedWallets: ConnectedWallet[];
-    highFee: boolean;
-    errorMessage: string;
-    hasLimitError: (bestRoute: BestRouteResponse | null) => boolean;
-    swap: SwapResult | null;
-    swapFromAmount: string | null;
-    fromAmountRangeError: string;
-    recommendation: string;
-    totalFeeInUsd: string;
-    swithFromAndToComponent: React.ReactNode;
-    percentageChange: string;
-    tokenBalanceReal: string;
-    tokenBalance: string;
-    totalTime: string;
-    bestRouteData: BestRouteResponse | null;
-    showPercentageChange: boolean;
-}
-export declare function HomePanel({ bestRoute, bestRouteError, fetchBestRoute, onClickHistory, onClickSettings, fromChain, toChain, fromToken, toToken, setInputAmount, outputAmount, inputAmount, loadingStatus, showBestRoute, fetchingBestRoute, outputUsdValue, inputUsdValue, swapButtonTitle, swapButtonDisabled, swapButtonClick, onChainClick, onTokenClick, connectedWallets, highFee, errorMessage, hasLimitError, swap, fromAmountRangeError, recommendation, totalFeeInUsd, swithFromAndToComponent, percentageChange, tokenBalanceReal, tokenBalance, totalTime, bestRouteData, swapFromAmount, showPercentageChange, }: HomePanelProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=HomePanel.d.ts.map

package/dist/widget/ui/src/containers/HomePanel/HomePanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HomePanel.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/HomePanel/HomePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,eAAe,EAChB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AA6BnE,UAAU,cAAc;IACtB,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,SAAS,EAAE,iBAAiB,GAAG,IAAI,KAAK,OAAO,CAAC;IAChE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,cAAc,EACd,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,EAAE,cAAc,qBAuGhB"}

package/dist/widget/ui/src/containers/HomePanel/index.d.ts

@@ -1,2 +0,0 @@
-export { HomePanel } from './HomePanel';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/containers/HomePanel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/HomePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/widget/ui/src/containers/TokenInfo/TokenInfo.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ConnectedWallet } from '../..';
-import { BestRouteResponse, BlockchainMeta, Token } from 'rango-sdk';
-import { TokenWithBalance } from '../../types/meta';
-type PropTypes = ({
-    type: 'From';
-    onAmountChange: (amount: string) => void;
-} | {
-    type: 'To';
-    outputAmount: string;
-    outputUsdValue: string;
-    percentageChange: string;
-    showPercentageChange: boolean;
-}) & {
-    chain: BlockchainMeta | null;
-    token: Token | null;
-    loadingStatus: 'loading' | 'success' | 'failed';
-    fromChain: BlockchainMeta | null;
-    toChain: BlockchainMeta | null;
-    inputUsdValue: string;
-    fromToken: TokenWithBalance | null;
-    setInputAmount: (amount: string) => void;
-    connectedWallets: ConnectedWallet[];
-    inputAmount: string;
-    bestRoute: BestRouteResponse | null;
-    fetchingBestRoute: boolean;
-    onChainClick: () => void;
-    onTokenClick: () => void;
-    tokenBalanceReal: string;
-    tokenBalance: string;
-};
-export declare function TokenInfo(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=TokenInfo.d.ts.map

package/dist/widget/ui/src/containers/TokenInfo/TokenInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenInfo/TokenInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAUL,eAAe,EAChB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,KAAK,SAAS,GAAG,CACb;IACE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CACJ,GAAG;IACF,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AA4FF,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAwKzC"}

package/dist/widget/ui/src/containers/TokenInfo/index.d.ts

@@ -1,2 +0,0 @@
-export { TokenInfo } from './TokenInfo';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/containers/TokenInfo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenInfo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/src/components/HeaderLayout/HeaderLayout.tsx

@@ -1,88 +0,0 @@
-import {
-  Button,
-  AddWalletIcon,
-  Typography,
-  styled,
-  Spinner,
-  Image,
-} from '../..';
-import React, { PropsWithChildren } from 'react';
-import { i18n } from '@lingui/core';
-import { LoadingStatus } from '../../types/meta';
-import { ConnectedWallet } from '../../types/wallet';
-
-const Container = styled('div', {
-  display: 'flex',
-  width: '100%',
-  justifyContent: 'end',
-  '.balance': {
-    display: 'flex',
-  },
-});
-
-const WalletImages = styled('div', {
-  display: 'flex',
-  paddingLeft: '12px',
-});
-
-const WalletImageContainer = styled('div', {
-  marginLeft: -15,
-  marginRight: '$6',
-  '& img': {
-    borderRadius: '50%',
-  },
-});
-
-interface HeaderLayoutProps {
-  loadingStatus: LoadingStatus;
-  connectedWalletsImages: string[];
-  connectedWallets: ConnectedWallet[];
-  totalBalance: string;
-  fetchingBalance: boolean;
-  onClick: () => void;
-}
-export function HeaderLayout({
-  connectedWalletsImages,
-  loadingStatus,
-  connectedWallets,
-  totalBalance,
-  fetchingBalance,
-  onClick,
-  children,
-}: PropsWithChildren<HeaderLayoutProps>) {
-  return (
-    <>
-      <Container>
-        <Button
-          size="small"
-          suffix={<AddWalletIcon size={20} />}
-          variant="ghost"
-          flexContent
-          loading={loadingStatus === 'loading'}
-          disabled={loadingStatus === 'failed'}
-          onClick={onClick}
-          prefix={
-            connectedWalletsImages?.length ? (
-              <WalletImages>
-                {connectedWalletsImages.map((walletImage, index) => (
-                  <WalletImageContainer key={index}>
-                    <Image src={walletImage} size={24} />
-                  </WalletImageContainer>
-                ))}
-              </WalletImages>
-            ) : null
-          }>
-          <div className="balance">
-            <Typography variant="body2">
-              {!connectedWallets?.length
-                ? i18n.t('Connect Wallet')
-                : `$${totalBalance || 0}`}
-            </Typography>
-            {fetchingBalance && <Spinner />}
-          </div>
-        </Button>
-      </Container>
-      {children}
-    </>
-  );
-}

package/src/components/HeaderLayout/index.ts

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

package/src/components/PercentageChange/PercentageChange.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Typography } from '..';
-
-interface PropTypes {
-  showPercentageChange: boolean;
-  percentageChange: string;
-}
-
-export function PercentageChange(props: PropTypes) {
-  const { percentageChange, showPercentageChange } = props;
-
-  return (
-    <>
-      {showPercentageChange && (
-        <Typography variant="caption" color="$error500">
-          {`(${percentageChange}%)`}
-        </Typography>
-      )}
-    </>
-  );
-}

package/src/components/PercentageChange/index.ts

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

package/src/components/RoutesOverview/RoutesOverview.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { ChevronRightIcon, GasIcon, Divider } from '..';
-import { styled } from '../../theme';
-import { BestRouteResponse } from 'rango-sdk';
-
-export const Container = styled('div', {
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between',
-  padding: '$8',
-  borderRadius: '$5',
-  backgroundColor: '$neutral100',
-  color: '$neutral800',
-  fontSize: '$12',
-
-  '.routes': {
-    display: 'flex',
-    alignItems: 'center',
-  },
-  '.fee': {
-    display: 'flex',
-    alignItems: 'center',
-  },
-});
-
-interface PropTypes {
-  routes: BestRouteResponse | null;
-  totalFee?: string;
-}
-export function RoutesOverview(props: PropTypes) {
-  if (!props.routes) return null;
-
-  const swaps = props.routes.result?.swaps;
-  return (
-    <Container>
-      <div className="routes">
-        {swaps?.map((swap, idx) => {
-          const isLast = idx + 1 == swaps.length;
-          return (
-            <React.Fragment key={idx}>
-              <div className="route">{swap.from.symbol}</div>
-              <ChevronRightIcon size={12} />
-              {isLast ? <div className="route">{swap.to.symbol}</div> : null}
-            </React.Fragment>
-          );
-        })}
-      </div>
-      {props.totalFee ? (
-        <div className="fee">
-          <GasIcon size={12} />
-          <Divider size={4} direction="horizontal" />${props.totalFee}
-        </div>
-      ) : null}
-    </Container>
-  );
-}

package/src/components/RoutesOverview/index.ts

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

package/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import { SecondaryPage, Spinner, Alert, styled } from '../..';
-import { i18n } from '@lingui/core';
-
-const PlaceholderContainer = styled('div', { height: '450px' });
-
-export const LoaderContainer = styled('div', {
-  display: 'flex',
-  justifyContent: 'center',
-  width: '100%',
-  paddingTop: '33%',
-  flex: 1,
-});
-
-interface PropTypes {
-  requestId: string;
-  loading: boolean;
-  onBack: () => void;
-}
-
-export function SwapDetailsPlaceholder(props: PropTypes) {
-  const { requestId, loading, onBack } = props;
-
-  return (
-    <SecondaryPage
-      title={i18n.t('Swap Details')}
-      textField={false}
-      onBack={onBack}>
-      <PlaceholderContainer>
-        {loading ? (
-          <LoaderContainer>
-            <Spinner size={24} />
-          </LoaderContainer>
-        ) : (
-          <Alert
-            type="secondary"
-            title={i18n.t(
-              'swapNotFound',
-              { requestId },
-              { message: 'Swap with request ID = ${requestId} not found.' }
-            )}
-          />
-        )}
-      </PlaceholderContainer>
-    </SecondaryPage>
-  );
-}

package/src/components/SwapDetailsPlaceholder/index.ts

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