@rango-dev/ui 0.15.1-next.2 → 0.15.1-next.21

package/dist/widget/ui/src/containers/History/SwapsGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwapsGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/SwapsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,EAAE,CAAC;AAEJ,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,qBAmC1D"}

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

@@ -1,4 +0,0 @@
-export { History } from './History';
-export { SwapsGroup } from './SwapsGroup';
-export type { GroupBy } from './SwapsGroup';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/widget/ui/src/containers/History/mock.d.ts

@@ -1,3 +0,0 @@
-import { PendingSwap } from './types';
-export declare const pendingSwap: PendingSwap[];
-//# sourceMappingURL=mock.d.ts.map

package/dist/widget/ui/src/containers/History/mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/mock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,WAAW,EAAE,WAAW,EAqzBpC,CAAC"}

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

@@ -1,14 +0,0 @@
-import { CSSProperties } from '@stitches/react';
-import React from 'react';
-import { LiquiditySource, LoadingStatus } from '../../types/meta';
-export interface PropTypes {
-    list: LiquiditySource[];
-    onChange: (liquiditySource: LiquiditySource) => void;
-    toggleAll?: () => void;
-    onBack?: () => void;
-    hasHeader?: boolean;
-    listContainerStyle?: CSSProperties;
-    loadingStatus: LoadingStatus;
-}
-export declare function LiquiditySourcesSelector(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=LiquiditySourcesSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LiquiditySourcesSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAWlE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,SAAS,qBAmCxD"}

package/dist/widget/ui/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PropTypes } from './LiquiditySourcesSelector';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => React.JSX.Element;
-//# sourceMappingURL=LiquiditySourcesSelector.stories.d.ts.map

package/dist/widget/ui/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiquiditySourcesSelector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,SAAS,EACV,MAAM,4BAA4B,CAAC;;AAGpC,wBAM2C;AAE3C,eAAO,MAAM,IAAI,SAAU,SAAS,sBAEnC,CAAC"}

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

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

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

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

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { LiquiditySource, LoadingStatus } from '../../types/meta';
-type Theme = 'dark' | 'light' | 'auto';
-export interface PropTypes {
-    slippages: number[];
-    selectedSlippage: number;
-    customSlippage: number | null;
-    maxSlippage: number;
-    minSlippage: number;
-    liquiditySources: LiquiditySource[];
-    onLiquiditySourcesClick: () => void;
-    selectedLiquiditySources: LiquiditySource[];
-    onSlippageChange: (slippage: number) => void;
-    onCustomSlippageChange: (customSlippage: number | null) => void;
-    selectedTheme: Theme;
-    onThemeChange: (theme: Theme) => void;
-    onBack: () => void;
-    infiniteApprove: boolean;
-    toggleInfiniteApprove: (infinite: boolean) => void;
-    loadingStatus: LoadingStatus;
-    singleTheme?: boolean;
-}
-export declare function Settings(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=Settings.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Settings/Settings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyDlE,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,wBAAwB,EAAE,eAAe,EAAE,CAAC;IAC5C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,aAAa,EAAE,KAAK,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBAsIxC"}

package/dist/widget/ui/src/containers/Settings/Settings.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Settings/Settings.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,SAAS,EAAE,MAAM,YAAY,CAAC;;AAIjD,wBAS2B;AAG3B,eAAO,MAAM,IAAI,SAAU,SAAS,sBAQnC,CAAC"}

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

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

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

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

package/src/components/HeaderButtons/HeaderButtons.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { i18n } from '@lingui/core';
-import { SettingsIcon, Tooltip, Button, HistoryIcon, RetryIcon } from '..';
-import { styled } from '../../theme';
-
-const ButtonsContainer = styled('div', {
-  display: 'flex',
-});
-
-interface PropTypes {
-  onClickRefresh?: () => void;
-  onClickHistory?: () => void;
-  onClickSettings?: () => void;
-}
-
-export function HeaderButtons(props: PropTypes) {
-  const { onClickRefresh, onClickHistory, onClickSettings } = props;
-
-  return (
-    <ButtonsContainer>
-      <Tooltip content={i18n.t('Refresh')}>
-        <Button
-          variant="ghost"
-          onClick={onClickRefresh}
-          disabled={!onClickRefresh}>
-          <RetryIcon size={24} disabled={!onClickRefresh} />
-        </Button>
-      </Tooltip>
-      <Tooltip content={i18n.t('Transactions History')}>
-        <Button variant="ghost" onClick={onClickHistory}>
-          <HistoryIcon size={24} />
-        </Button>
-      </Tooltip>
-      <Tooltip content={i18n.t('Settings')}>
-        <Button variant="ghost" onClick={onClickSettings}>
-          <SettingsIcon size={24} />
-        </Button>
-      </Tooltip>
-    </ButtonsContainer>
-  );
-}

package/src/components/HeaderButtons/index.ts

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

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/StatusDrawer/StatusDrawer.stories.tsx

@@ -1,43 +0,0 @@
-import React, { useState } from 'react';
-import { Meta } from '@storybook/react';
-import { StatusDrawer, PropTypes } from './StatusDrawer';
-import { SwapContainer } from '../SwapContainer';
-
-export default {
-  name: 'Components/StatusDrawer',
-  component: StatusDrawer,
-  args: {
-    status: 'success',
-    title: 'Swap successful',
-    subtitle: 'There are now 0.0493 BNB in 0x542...C2Df wallet on BSC chain.',
-  },
-  argTypes: {
-    status: {
-      name: 'status',
-      control: { type: 'select' },
-      options: ['continue', 'success', 'failed'],
-      defaultValue: 'success',
-    },
-    title: {
-      name: 'title',
-      control: { type: 'text' },
-      defaultValue: 'Swap successful',
-    },
-    subtitle: {
-      name: 'subtitle',
-      control: { type: 'text' },
-      defaultValue:
-        'There are now 0.0493 BNB in 0x542...C2Df wallet on BSC chain.',
-    },
-  },
-} as Meta<typeof StatusDrawer>;
-
-export const Main = (args: PropTypes) => {
-  const [open, setOpen] = useState<boolean>(false);
-  return (
-    <SwapContainer>
-      <button onClick={() => setOpen(true)}>Open Drawer</button>
-      <StatusDrawer {...args} open={open} onClose={() => setOpen(false)} />
-    </SwapContainer>
-  );
-};

package/src/components/StatusDrawer/StatusDrawer.tsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import { styled } from '../../theme';
-import { Button } from '../Button';
-import { Drawer } from '../Drawer';
-import { CheckCircleIcon, InfoCircleIcon, WarningIcon } from '../Icon';
-import { Divider } from '../Divider';
-import { Typography } from '../Typography';
-
-export interface PropTypes {
-  open: boolean;
-  onClose: () => void;
-  status: 'continue' | 'success' | 'failed';
-  title: string;
-  subtitle: string;
-  onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-const Header = styled('div', {
-  textAlign: 'center',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  marginBottom: '$16',
-});
-const Footer = styled('div', {
-  padding: '$20',
-  display: 'flex',
-  alignItems: 'center',
-});
-export function StatusDrawer({
-  status = 'success',
-  title,
-  subtitle,
-  onSubmit,
-  onCancel,
-  ...props
-}: PropTypes) {
-  return (
-    <Drawer
-      container={document.body}
-      content={
-        <>
-          <Header>
-            {status === 'success' ? (
-              <CheckCircleIcon color="success" size={24} />
-            ) : status === 'failed' ? (
-              <InfoCircleIcon color="error" size={24} />
-            ) : (
-              <WarningIcon color="warning" size={24} />
-            )}
-            <Typography variant="h6">{title}</Typography>
-          </Header>
-          <Typography variant="body2">{subtitle}</Typography>
-        </>
-      }
-      footer={
-        <Footer>
-          {status !== 'failed' && (
-            <Button fullWidth onClick={onCancel}>
-              {status === 'success' ? 'Cancel' : 'See detailes'}
-            </Button>
-          )}
-          <Divider size={16} direction='horizontal' />
-          <Button
-            fullWidth
-            onClick={onSubmit}
-            variant="contained"
-            type="primary"
-          >
-            {status === 'success'
-              ? 'Done'
-              : status === 'continue'
-              ? 'Continue'
-              : 'See detailes'}
-          </Button>
-        </Footer>
-      }
-      anchor="bottom"
-      {...props}
-    />
-  );
-}

package/src/components/StatusDrawer/index.ts

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

package/src/components/SwapDetail/SwapDetail.stories.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react';
-import { SwapDetail, PropTypes } from './SwapDetail';
-import { swap } from './mock';
-
-export default {
-  title: 'Components/Swap Detail',
-  component: SwapDetail,
-  args:{
-    status:'running'
-  },
-  argTypes: {
-    status: {
-      name: 'status',
-      control: { type: 'select' },
-      options: ['running', 'failed', 'success'],
-      defaultValue: 'running',
-    },
-  },
-} as Meta<typeof SwapDetail>;
-
-export const Main = (props: PropTypes) => <SwapDetail {...props} swap={swap} />;

package/src/components/SwapDetail/SwapDetail.tsx

@@ -1,104 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { PendingSwap } from '../../containers/History/types';
-import { styled } from '../../theme';
-import { Button } from '../Button';
-import { ArrowRightIcon } from '../Icon';
-import { Divider } from '../Divider';
-import { Spinner } from '../Spinner';
-import { Token } from './Token';
-import { limitDecimalPlaces } from '../../helper';
-
-const Container = styled('div', {
-  position: 'relative',
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  padding: '$16 0',
-  borderBottom: '1px solid $neutral100',
-
-  '& > .info': {
-    display: 'flex',
-    alignItems: 'center',
-  },
-
-  '.status': {
-    textTransform: 'uppercase',
-    fontWeight: 'bold',
-    fontSize: '$12',
-  },
-
-  '&.failed .status': {
-    color: '$error',
-  },
-  '&.success .status': {
-    color: '$success',
-  },
-});
-
-export interface PropTypes {
-  swap: PendingSwap;
-  status: 'running' | 'failed' | 'success';
-  onClick: (requestId: string) => void;
-}
-
-export function SwapDetail({
-  swap,
-  status,
-  onClick,
-}: PropsWithChildren<PropTypes>) {
-  const firstStep = swap.steps[0];
-  const lastStep = swap.steps[swap.steps.length - 1];
-
-  return (
-    <Button
-      variant="ghost"
-      size="free"
-      fullWidth
-      onClick={onClick.bind(null, swap.requestId)}
-    >
-      <Container className={`${status}`}>
-        <div className="info">
-          <Token
-            data={{
-              token: {
-                logo: firstStep.fromLogo,
-                symbol: firstStep.fromSymbol,
-              },
-              blockchain: {
-                logo: firstStep.fromBlockchainLogo || '',
-                name: firstStep.fromBlockchain,
-              },
-              amount: limitDecimalPlaces(swap.inputAmount),
-            }}
-          />
-          <Divider size={12} direction="horizontal" />
-          <ArrowRightIcon size={12} />
-          <Divider size={12} direction="horizontal" />
-          <Token
-            data={{
-              token: {
-                logo: lastStep.toLogo,
-                symbol: lastStep.toSymbol,
-              },
-              blockchain: {
-                logo: lastStep.toBlockchainLogo || '',
-                name: lastStep.toBlockchain,
-              },
-              amount: limitDecimalPlaces(lastStep.outputAmount || ''),
-              estimatedAmount: limitDecimalPlaces(
-                lastStep.expectedOutputAmountHumanReadable || ''
-              ),
-            }}
-          />
-        </div>
-        <div className={`status`}>
-          {status === 'running' ? (
-            <Spinner size={24} color="primary" />
-          ) : (
-            status
-          )}
-        </div>
-      </Container>
-    </Button>
-  );
-}

package/src/components/SwapDetail/Token.tsx

@@ -1,75 +0,0 @@
-import React from 'react';
-import { styled } from '../../theme';
-import { Divider } from '../Divider';
-import { Image } from '../common';
-
-const TokenContainer = styled('div', {
-  display: 'flex',
-  alignItems: 'center',
-  width: '160px',
-
-  '& .amount': {
-    fontWeight: 'bold',
-  },
-  '& .estimated': {
-    color: '$neutral600',
-  },
-});
-
-const TokenImage = styled('div', {
-  position: 'relative',
-  img: {
-    borderRadius: '50%',
-  },
-  '.overlay': {
-    position: 'absolute',
-    right: -4,
-    bottom: -4,
-    width: '$16',
-    height: '$16',
-    padding: '$2',
-    borderRadius: '50%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '$background',
-    border: '1px solid $neutral400',
-  },
-});
-
-interface PropTypes {
-  data: {
-    token: {
-      logo: string;
-      symbol: string;
-    };
-    blockchain: {
-      logo: string;
-      name: string;
-    };
-    amount: string;
-    estimatedAmount?: string;
-  };
-}
-export function Token(props: PropTypes) {
-  const {
-    data: { token, blockchain, amount, estimatedAmount },
-  } = props;
-  return (
-    <TokenContainer>
-      <TokenImage>
-        <Image src={token.logo} alt="" size={24} />
-        <div className="overlay">
-          <Image src={blockchain.logo} alt={blockchain.name} size={12} />
-        </div>
-      </TokenImage>
-      <Divider size={8} direction="horizontal" />
-      {!!amount && <span className="amount">{props.data.amount}</span>}
-      {!amount && estimatedAmount && (
-        <span className="amount estimated">{props.data.estimatedAmount}</span>
-      )}
-      <Divider size={4} direction="horizontal" />
-      {token.symbol}
-    </TokenContainer>
-  );
-}

package/src/components/SwapDetail/index.ts

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

package/src/components/Wallet/State.tsx

@@ -1,34 +0,0 @@
-import React, { Fragment } from 'react';
-import { styled } from '../../theme';
-import { DisconnectIcon, DownloadIcon } from '../Icon';
-import { Spinner } from '../Spinner';
-import { WalletState } from '../../types/wallet';
-import { InstallObjects, detectInstallLink } from '@rango-dev/wallets-shared';
-
-const StateIconContainer = styled('span', {
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-});
-
-export const State = ({
-  walletState,
-  installLink,
-}: {
-  walletState: WalletState;
-  installLink: InstallObjects | string;
-}) => (
-  <Fragment>
-    {walletState !== WalletState.DISCONNECTED && (
-      <StateIconContainer>
-        {walletState === WalletState.NOT_INSTALLED && (
-          <a href={detectInstallLink(installLink)} target="_blank">
-            <DownloadIcon size={24} color="success" />
-          </a>
-        )}
-        {walletState === WalletState.CONNECTING && <Spinner />}
-        {walletState === WalletState.CONNECTED && <DisconnectIcon />}
-      </StateIconContainer>
-    )}
-  </Fragment>
-);

package/src/components/Wallet/Wallet.stories.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react';
-
-import { PropTypes, Wallet } from './Wallet';
-import { WalletState } from '../../types/wallet';
-
-export default {
-  title: 'Components/Wallet chip',
-  component: Wallet,
-  args: {
-    name: 'Coinbase',
-    image: 'https://app.rango.exchange/wallets/coinbase.svg',
-  },
-  argTypes: {
-    image: {
-      name: 'image',
-      type: 'string',
-      defaultValue: 'https://app.rango.exchange/wallets/coinbase.svg',
-    },
-    state: {
-      name: 'wallet state',
-      control: {
-        type: 'select',
-      },
-      options: Object.values(WalletState),
-    },
-  },
-} as Meta<typeof Wallet>;
-
-export const Main = (args: PropTypes) => <Wallet {...args}></Wallet>;