@rango-dev/widget-embedded 0.8.0 → 0.8.1-next.0

package/dist/pages/ConfirmSwapPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAoCA,wBAAgB,eAAe,CAAC,EAC9B,wBAAwB,GACzB,EAAE;IACD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,eA8MA"}
+{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAyCA,wBAAgB,eAAe,CAAC,EAC9B,wBAAwB,GACzB,EAAE;IACD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,eAgNA"}

package/dist/pages/Home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":";AAoEA,wBAAgB,IAAI,gBA6JnB"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":";AA0EA,wBAAgB,IAAI,gBA+JnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.8.0",
+  "version": "0.8.1-next.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -17,15 +17,13 @@
     "lint": "eslint \"**/*.{ts,tsx}\" --ignore-path ../../.eslintignore"
   },
   "dependencies": {
-    "@lingui/core": "4.2.1",
-    "@lingui/react": "4.2.1",
-    "@rango-dev/provider-all": "^0.7.0",
-    "@rango-dev/queue-manager-core": "^0.7.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.7.0",
-    "@rango-dev/queue-manager-react": "^0.6.0",
-    "@rango-dev/ui": "^0.7.0",
-    "@rango-dev/wallets-core": "^0.7.0",
-    "@rango-dev/wallets-shared": "^0.6.0",
+    "@rango-dev/provider-all": "^0.5.1-next.17",
+    "@rango-dev/queue-manager-core": "^0.5.1-next.1",
+    "@rango-dev/queue-manager-rango-preset": "^0.5.1-next.20",
+    "@rango-dev/queue-manager-react": "^0.5.1-next.1",
+    "@rango-dev/ui": "^0.8.1-next.0",
+    "@rango-dev/wallets-core": "^0.5.1-next.13",
+    "@rango-dev/wallets-shared": "^0.5.1-next.18",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/ConfirmSwapErrors.tsx

@@ -1,9 +1,12 @@
 import React from 'react';
+import { BalanceErrors, MinRequiredSlippage } from '@rango-dev/ui';
 import { ConfirmSwapError, ConfirmSwapErrorTypes } from '../types';
-import { MinRequiredSlippage } from './warnings/MinRequiredSlippage';
-import { BalanceErrors } from './warnings/BalanceErrors';
+import { useNavigate } from 'react-router-dom';
+import { navigationRoutes } from '../constants/navigationRoutes';
 
 export function ConfirmSwapErrors(errors: ConfirmSwapError[]) {
+  const navigate = useNavigate();
+
   return errors.flatMap((error) => {
     switch (error.type) {
       case ConfirmSwapErrorTypes.NO_ROUTE:
@@ -19,6 +22,7 @@ export function ConfirmSwapErrors(errors: ConfirmSwapError[]) {
         return (
           <MinRequiredSlippage
             minRequiredSlippage={error.minRequiredSlippage}
+            changeSlippage={() => navigate('/' + navigationRoutes.settings)}
           />
         );
       case ConfirmSwapErrorTypes.INSUFFICIENT_BALANCE:

package/src/pages/ConfirmSwapPage.tsx

@@ -21,7 +21,12 @@ import { useMetaStore } from '../store/meta';
 import { WalletType } from '@rango-dev/wallets-shared';
 import { useNavigateBack } from '../hooks/useNavigateBack';
 import { TokenPreview } from '../components/TokenPreview';
-import { Divider, ConfirmSwap, LoadingFailedAlert } from '@rango-dev/ui';
+import {
+  Divider,
+  ConfirmSwap,
+  LoadingFailedAlert,
+  HighSlippageWarning,
+} from '@rango-dev/ui';
 import RoutesOverview from '../components/RoutesOverview';
 import { useManager } from '@rango-dev/queue-manager-react';
 import { useConfirmSwap } from '../hooks/useConfirmSwap';
@@ -30,7 +35,7 @@ import { useUiStore } from '../store/ui';
 import { ConfirmSwapErrorTypes } from '../types';
 import { ConfirmSwapErrors } from '../components/ConfirmSwapErrors';
 import { ConfirmSwapWarnings } from '../components/ConfirmSwapWarnings';
-import { ConfirmSwapExtraMessages } from '../components/warnings/ConfirmSwapExtraMessages';
+import { HIGH_SLIPPAGE } from '../constants/swapSettings';
 import { getBestRouteStatus } from '../utils/routing';
 import { PercentageChange } from '../components/PercentageChange';
 
@@ -232,9 +237,11 @@ export function ConfirmSwapPage({
           {loadingMetaStatus === 'failed' && showHighSlippageWarning && (
             <Divider />
           )}
-          {showHighSlippageWarning && (
-            <ConfirmSwapExtraMessages selectedSlippage={selectedSlippage} />
-          )}
+          <HighSlippageWarning
+            selectedSlippage={selectedSlippage}
+            highSlippage={selectedSlippage >= HIGH_SLIPPAGE}
+            changeSlippage={() => navigate('/' + navigationRoutes.settings)}
+          />
         </>
       }
       confirmButtonTitle={

package/src/pages/Home.tsx

@@ -1,20 +1,20 @@
 import {
   Alert,
   BestRoute,
+  BottomLogo,
   Button,
   styled,
   Typography,
   VerticalSwapIcon,
   Header,
+  HeaderButtons,
 } from '@rango-dev/ui';
 import React, { useEffect, useState } from 'react';
 import { i18n } from '@lingui/core';
 import { useInRouterContext, useNavigate } from 'react-router-dom';
 import { TokenInfo } from '../components/TokenInfo';
 import { fetchBestRoute, useBestRouteStore } from '../store/bestRoute';
-import { BottomLogo } from '../components/BottomLogo';
 import { SwithFromAndTo } from '../components/SwitchFromAndTo';
-import { Footer } from '../components/Footer';
 import { navigationRoutes } from '../constants/navigationRoutes';
 import { useMetaStore } from '../store/meta';
 import { useWalletsStore } from '../store/wallets';
@@ -35,7 +35,6 @@ import {
   totalArrivalTime,
 } from '../utils/numbers';
 import BigNumber from 'bignumber.js';
-import { HeaderButtons } from '../components/HeaderButtons';
 import { useUiStore } from '../store/ui';
 import { getFormatedBestRoute } from '../utils/routing';
 
@@ -66,6 +65,13 @@ const Alerts = styled('div', {
   paddingTop: '$16',
 });
 
+const Footer = styled('div', {
+  display: 'flex',
+  flexDirection: 'column',
+  width: '100%',
+  paddingTop: '$16',
+});
+
 export function Home() {
   const isRouterInContext = useInRouterContext();
   const navigate = useNavigate();
@@ -143,6 +149,8 @@ export function Home() {
             onClickRefresh={
               !!bestRoute || bestRouteError ? fetchBestRoute : undefined
             }
+            onClickHistory={() => navigate(navigationRoutes.swaps)}
+            onClickSettings={() => navigate(navigationRoutes.settings)}
           />
         }
       />

package/dist/components/BottomLogo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function BottomLogo(): JSX.Element;
-//# sourceMappingURL=BottomLogo.d.ts.map

package/dist/components/BottomLogo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomLogo.d.ts","sourceRoot":"","sources":["../../src/components/BottomLogo.tsx"],"names":[],"mappings":";AA0BA,wBAAgB,UAAU,gBAoBzB"}

package/dist/components/ChangeSlippageButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function ChangeSlippageButton(): JSX.Element;
-//# sourceMappingURL=ChangeSlippageButton.d.ts.map

package/dist/components/ChangeSlippageButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChangeSlippageButton.d.ts","sourceRoot":"","sources":["../../src/components/ChangeSlippageButton.tsx"],"names":[],"mappings":";AAMA,wBAAgB,oBAAoB,gBAYnC"}

package/dist/components/Footer.d.ts

@@ -1,112 +0,0 @@
-export declare const Footer: 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, {}>>;
-//# sourceMappingURL=Footer.d.ts.map

package/dist/components/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKjB,CAAC"}

package/dist/components/HeaderButtons.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface PropTypes {
-    onClickRefresh?: () => void;
-}
-export declare function HeaderButtons(props: PropTypes): JSX.Element;
-export {};
-//# sourceMappingURL=HeaderButtons.d.ts.map

package/dist/components/HeaderButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderButtons.d.ts","sourceRoot":"","sources":["../../src/components/HeaderButtons.tsx"],"names":[],"mappings":";AAiBA,UAAU,SAAS;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,eA8B7C"}

package/dist/components/warnings/BalanceErrors.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface PropTypes {
-    messages: string[];
-}
-export declare function BalanceErrors({ messages }: PropTypes): JSX.Element;
-export {};
-//# sourceMappingURL=BalanceErrors.d.ts.map

package/dist/components/warnings/BalanceErrors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BalanceErrors.d.ts","sourceRoot":"","sources":["../../../src/components/warnings/BalanceErrors.tsx"],"names":[],"mappings":";AAGA,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAwBD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,eAiBpD"}

package/dist/components/warnings/ConfirmSwapExtraMessages.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface PropTypes {
-    selectedSlippage: number;
-}
-export declare function ConfirmSwapExtraMessages(props: PropTypes): JSX.Element;
-export {};
-//# sourceMappingURL=ConfirmSwapExtraMessages.d.ts.map

package/dist/components/warnings/ConfirmSwapExtraMessages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmSwapExtraMessages.d.ts","sourceRoot":"","sources":["../../../src/components/warnings/ConfirmSwapExtraMessages.tsx"],"names":[],"mappings":";AAIA,UAAU,SAAS;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,SAAS,eAWxD"}

package/dist/components/warnings/HighSlippageWarning.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface PropTypes {
-    selectedSlippage: number;
-}
-export declare function HighSlippageWarning(props: PropTypes): JSX.Element;
-export {};
-//# sourceMappingURL=HighSlippageWarning.d.ts.map

package/dist/components/warnings/HighSlippageWarning.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighSlippageWarning.d.ts","sourceRoot":"","sources":["../../../src/components/warnings/HighSlippageWarning.tsx"],"names":[],"mappings":";AAKA,UAAU,SAAS;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,eAenD"}

package/dist/components/warnings/MinRequiredSlippage.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface PropTypes {
-    minRequiredSlippage: string | null;
-}
-export declare function MinRequiredSlippage({ minRequiredSlippage }: PropTypes): JSX.Element;
-export {};
-//# sourceMappingURL=MinRequiredSlippage.d.ts.map

package/dist/components/warnings/MinRequiredSlippage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinRequiredSlippage.d.ts","sourceRoot":"","sources":["../../../src/components/warnings/MinRequiredSlippage.tsx"],"names":[],"mappings":";AAKA,UAAU,SAAS;IACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,EAAE,SAAS,eAgBrE"}

package/src/components/BottomLogo.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import { styled } from '@rango-dev/ui';
-import { Typography } from '@rango-dev/ui';
-import { i18n } from '@lingui/core';
-
-const Container = styled('div', {
-  display: 'flex',
-  width: '100%',
-  justifyContent: 'end',
-  alignItems: 'center',
-  paddingTop: '$16',
-});
-
-const Logo = styled('svg', {
-  fill: '$foreground',
-  width: '$24',
-  margin: '0 $8 0 $16',
-});
-
-const StyledAnchor = styled('a', {
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  textDecoration: 'none',
-});
-
-export function BottomLogo() {
-  return (
-    <Container>
-      <Typography variant="caption" color="$neutral600">
-        {i18n.t('Powered By')}
-      </Typography>
-      <StyledAnchor href="https://rango.exchange" target="_blank">
-        <Logo xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.68 29">
-          <defs></defs>
-          <g id="Layer_2" data-name="Layer 2">
-            <g id="Layer_1-2" data-name="Layer 1">
-              <path d="M33.68,18.05A17.93,17.93,0,0,0,28.34,5.29,18.31,18.31,0,0,0,15.45,0H13.54V7.41L6.07,0H.69L9.83,9.07H0V11A17.93,17.93,0,0,0,5.34,23.71,18.32,18.32,0,0,0,18.24,29h1.9V21.59l7.38,7.31h5.39l-9-9h9.82ZM17.37,16.16H12.49a1.93,1.93,0,0,0-1.35.55,1.89,1.89,0,0,0-.56,1.34,1.85,1.85,0,0,0,.56,1.33,1.93,1.93,0,0,0,1.35.55h3.84V25.1A14.43,14.43,0,0,1,8,21a14.21,14.21,0,0,1-4.1-8.2H21.2a1.86,1.86,0,0,0,.74-.13,1.92,1.92,0,0,0,.64-.4,2,2,0,0,0,.43-.62,1.88,1.88,0,0,0,0-1.47,2,2,0,0,0-.43-.62,1.92,1.92,0,0,0-.64-.4,1.86,1.86,0,0,0-.74-.13H17.35V3.9A14.43,14.43,0,0,1,25.64,8a14.19,14.19,0,0,1,4.11,8.2Zm2.12-5.27a1.43,1.43,0,0,1,.26-.83,1.52,1.52,0,0,1,.67-.56,1.55,1.55,0,0,1,.88-.08,1.51,1.51,0,0,1,.77.4,1.54,1.54,0,0,1,.42.77,1.41,1.41,0,0,1-.09.86,1.47,1.47,0,0,1-.55.68,1.56,1.56,0,0,1-.84.25,1.52,1.52,0,0,1-1.52-1.49Z" />
-              <path d="M21.7,11.57a.68.68,0,0,0-.12-.38.64.64,0,0,0-.31-.25.68.68,0,0,0-.75.15.61.61,0,0,0-.19.35.62.62,0,0,0,0,.4.67.67,0,0,0,.25.3.69.69,0,0,0,.39.12.7.7,0,0,0,.49-.2A.68.68,0,0,0,21.7,11.57Z" />
-            </g>
-          </g>
-        </Logo>
-        <Typography variant="body2">RANGO</Typography>
-      </StyledAnchor>
-    </Container>
-  );
-}

package/src/components/ChangeSlippageButton.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Button } from '@rango-dev/ui';
-import { useNavigate } from 'react-router-dom';
-import { navigationRoutes } from '../constants/navigationRoutes';
-import { i18n } from '@lingui/core';
-
-export function ChangeSlippageButton() {
-  const navigate = useNavigate();
-
-  return (
-    <Button
-      type="primary"
-      variant="outlined"
-      size="small"
-      onClick={() => navigate('/' + navigationRoutes.settings)}>
-      {i18n.t('Change Slippage')}
-    </Button>
-  );
-}

package/src/components/Footer.tsx

@@ -1,8 +0,0 @@
-import { styled } from '@rango-dev/ui';
-
-export const Footer = styled('div', {
-  display: 'flex',
-  flexDirection: 'column',
-  width: '100%',
-  paddingTop: '$16',
-});

package/src/components/HeaderButtons.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import {
-  SettingsIcon,
-  Tooltip,
-  styled,
-  Button,
-  HistoryIcon,
-  RetryIcon,
-} from '@rango-dev/ui';
-import { useNavigate } from 'react-router-dom';
-import { navigationRoutes } from '../constants/navigationRoutes';
-import { i18n } from '@lingui/core';
-
-const ButtonsContainer = styled('div', {
-  display: 'flex',
-});
-
-interface PropTypes {
-  onClickRefresh?: () => void;
-}
-
-export function HeaderButtons(props: PropTypes) {
-  const { onClickRefresh } = props;
-  const navigate = useNavigate();
-
-  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={() => navigate(navigationRoutes.swaps)}>
-          <HistoryIcon size={24} />
-        </Button>
-      </Tooltip>
-      <Tooltip content={i18n.t('Settings')}>
-        <Button
-          variant="ghost"
-          onClick={() => navigate(navigationRoutes.settings)}>
-          <SettingsIcon size={24} />
-        </Button>
-      </Tooltip>
-    </ButtonsContainer>
-  );
-}

package/src/components/warnings/BalanceErrors.tsx

@@ -1,47 +0,0 @@
-import { Divider, styled, Typography } from '@rango-dev/ui';
-import React from 'react';
-import { i18n } from '@lingui/core';
-interface PropTypes {
-  messages: string[];
-}
-
-const List = styled('ul', {
-  padding: 0,
-  margin: 0,
-  variants: {
-    showListStyle: {
-      true: { paddingLeft: '$24' },
-    },
-  },
-});
-
-const ListItem = styled('li', {
-  variants: {
-    showListStyle: {
-      true: { listStyleType: 'disc', listStylePosition: 'outside' },
-    },
-  },
-});
-
-const Message = styled(Typography, {
-  display: 'block',
-});
-
-export function BalanceErrors({ messages }: PropTypes) {
-  const showListStyle = messages.length > 1;
-  return (
-    <>
-      <Typography className="title" variant="title" color={'error'}>
-        {i18n.t('Insufficent Balance:')}
-      </Typography>
-      <Divider size={8} />
-      <List showListStyle={showListStyle}>
-        {messages.map((warning, index) => (
-          <ListItem showListStyle={showListStyle} key={index}>
-            <Message variant="body2">{warning}</Message>
-          </ListItem>
-        ))}
-      </List>
-    </>
-  );
-}

package/src/components/warnings/ConfirmSwapExtraMessages.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { HIGH_SLIPPAGE } from '../../constants/swapSettings';
-import { HighSlippageWarning } from './HighSlippageWarning';
-
-interface PropTypes {
-  selectedSlippage: number;
-}
-
-export function ConfirmSwapExtraMessages(props: PropTypes) {
-  const { selectedSlippage } = props;
-  const highSlippage = selectedSlippage >= HIGH_SLIPPAGE;
-
-  return (
-    <>
-      {highSlippage && (
-        <HighSlippageWarning selectedSlippage={selectedSlippage} />
-      )}
-    </>
-  );
-}

package/src/components/warnings/HighSlippageWarning.tsx

@@ -1,25 +0,0 @@
-import { Alert } from '@rango-dev/ui';
-import React from 'react';
-import { ChangeSlippageButton } from '../ChangeSlippageButton';
-import { i18n } from '@lingui/core';
-
-interface PropTypes {
-  selectedSlippage: number;
-}
-
-export function HighSlippageWarning(props: PropTypes) {
-  const { selectedSlippage } = props;
-
-  return (
-    <Alert type="warning" footer={<ChangeSlippageButton />}>
-      {i18n.t(
-        'highSlippage',
-        { selectedSlippage },
-        {
-          message:
-            ' Caution, your slippage is high (={selectedSlippage}). Your trade may be front run.',
-        }
-      )}
-    </Alert>
-  );
-}

package/src/components/warnings/MinRequiredSlippage.tsx

@@ -1,30 +0,0 @@
-import { Divider, Typography, styled } from '@rango-dev/ui';
-import React from 'react';
-import { ChangeSlippageButton } from '../ChangeSlippageButton';
-import { i18n } from '@lingui/core';
-
-interface PropTypes {
-  minRequiredSlippage: string | null;
-}
-
-const StyledMessage = styled(Typography, {
-  color: '$error500 !important',
-});
-
-export function MinRequiredSlippage({ minRequiredSlippage }: PropTypes) {
-  return (
-    <StyledMessage variant="body2">
-      {i18n.t(
-        'increaseSlippage',
-        { minRequiredSlippage },
-        {
-          message:
-            'We recommend you to increase slippage to at least {minRequiredSlippage} for this route.',
-        }
-      )}
-
-      <Divider size={8} />
-      <ChangeSlippageButton />
-    </StyledMessage>
-  );
-}