chore: use the PR version of the SDK

.eslintignore

@@ -20,3 +20,5 @@ src/locales/
 *.md
 *.log
 *.lock
+
+src/components/transactions/Swap/backup/**/*.*

package.json

@@ -36,8 +36,8 @@
     "@aave/react": "0.6.1",
     "@amplitude/analytics-browser": "^2.13.0",
     "@bgd-labs/aave-address-book": "^4.31.0",
-    "@cowprotocol/app-data": "^3.1.0",
-    "@cowprotocol/cow-sdk": "6.3.3",
+    "@cowprotocol/sdk-app-data": "npm:@cowprotocol/sdk-app-data@pr-584",
+    "@cowprotocol/cow-sdk": "npm:@cowprotocol/cow-sdk@pr-584",
     "@emotion/cache": "11.10.3",
     "@emotion/react": "11.10.4",
     "@emotion/server": "latest",

pages/_app.page.tsx

@@ -16,7 +16,7 @@ import { AddressBlocked } from 'src/components/AddressBlocked';
 import { Meta } from 'src/components/Meta';
 import { TransactionEventHandler } from 'src/components/TransactionEventHandler';
 import { GasStationProvider } from 'src/components/transactions/GasStation/GasStationProvider';
-import { CowOrderToast } from 'src/components/transactions/Switch/cowprotocol/CowOrderToast';
+import { CowOrderToast } from 'src/components/transactions/Swap/modals/result/CowOrderToast';
 import { AppDataProvider } from 'src/hooks/app-data-provider/useAppDataProvider';
 import { CowOrderToastProvider } from 'src/hooks/useCowOrderToast';
 import { ModalContextProvider } from 'src/hooks/useModal';
@@ -31,16 +31,22 @@ import createEmotionCache from '../src/createEmotionCache';
 import { AppGlobalStyles } from '../src/layouts/AppGlobalStyles';
 import { LanguageProvider } from '../src/libs/LanguageProvider';
 
-const SwitchModal = dynamic(() =>
-  import('src/components/transactions/Switch/SwitchModal').then((module) => module.SwitchModal)
+const SwapModal = dynamic(() =>
+  import('src/components/transactions/Swap/modals/SwapModal').then((module) => module.SwapModal)
 );
 
 const CollateralSwapModal = dynamic(() =>
-  import('src/components/transactions/Switch/CollateralSwap/CollateralSwapModal').then(
+  import('src/components/transactions/Swap/modals/CollateralSwapModal').then(
     (module) => module.CollateralSwapModal
   )
 );
 
+const DebtSwapModal = dynamic(() =>
+  import('src/components/transactions/Swap/modals/DebtSwapModal').then(
+    (module) => module.DebtSwapModal
+  )
+);
+
 const BridgeModal = dynamic(() =>
   import('src/components/transactions/Bridge/BridgeModal').then((module) => module.BridgeModal)
 );
@@ -53,16 +59,6 @@ const ClaimRewardsModal = dynamic(() =>
     (module) => module.ClaimRewardsModal
   )
 );
-const CollateralChangeModal = dynamic(() =>
-  import('src/components/transactions/CollateralChange/CollateralChangeModal').then(
-    (module) => module.CollateralChangeModal
-  )
-);
-const DebtSwitchModal = dynamic(() =>
-  import('src/components/transactions/DebtSwitch/DebtSwitchModal').then(
-    (module) => module.DebtSwitchModal
-  )
-);
 const EmodeModal = dynamic(() =>
   import('src/components/transactions/Emode/EmodeModal').then((module) => module.EmodeModal)
 );
@@ -170,19 +166,20 @@ export default function MyApp(props: MyAppProps) {
                                   <WithdrawModal />
                                   <BorrowModal />
                                   <RepayModal />
-                                  <CollateralChangeModal />
-                                  <DebtSwitchModal />
                                   <ClaimRewardsModal />
                                   <EmodeModal />
                                   <FaucetModal />
                                   <TransactionEventHandler />
-                                  <SwitchModal />
-                                  <CollateralSwapModal />
                                   <StakingMigrateModal />
                                   <BridgeModal />
                                   <ReadOnlyModal />
-                                  <CowOrderToast />
+
+                                  {/* Swap Modals */}
+                                  <SwapModal />
+                                  <CollateralSwapModal />
+                                  <DebtSwapModal />
                                   <CancelCowOrderModal />
+                                  <CowOrderToast />
                                 </GasStationProvider>
                               </AppDataProvider>
                             </SharedDependenciesProvider>

src/components/transactions/CollateralChange/CollateralChangeModal.tsx

@@ -11,8 +11,9 @@ export const CollateralChangeModal = () => {
   const { type, close, args } = useModalContext() as ModalContextType<{
     underlyingAsset: string;
   }>;
+  return null;
   return (
-    <BasicModal open={type === ModalType.CollateralChange} setOpen={close}>
+    <BasicModal open={type === ModalType.CollateralSwap} setOpen={close}>
       <ModalWrapper title={<Trans>Review tx</Trans>} underlyingAsset={args.underlyingAsset}>
         {(params) => (
           <UserAuthenticated>

src/components/transactions/DebtSwitch/DebtSwitchModal.tsx

@@ -11,8 +11,9 @@ export const DebtSwitchModal = () => {
   const { type, close, args } = useModalContext() as ModalContextType<{
     underlyingAsset: string;
   }>;
+  return null;
   return (
-    <BasicModal open={type === ModalType.DebtSwitch} setOpen={close}>
+    <BasicModal open={type === ModalType.DebtSwap} setOpen={close}>
       <ModalWrapper
         title={<Trans>Swap borrow position</Trans>}
         underlyingAsset={args.underlyingAsset}

src/components/transactions/Repay/RepayModal.tsx

@@ -9,7 +9,7 @@ import { isFeatureEnabled } from 'src/utils/marketsAndNetworksConfig';
 
 import { BasicModal } from '../../primitives/BasicModal';
 import { ModalWrapper } from '../FlowCommons/ModalWrapper';
-import { CollateralRepayModalContent } from './CollateralRepayModalContent';
+import { RepayWithCollateralModalContent } from '../Swap/modals/request/RepayWithCollateralModalContent';
 import { RepayModalContent } from './RepayModalContent';
 import { RepayType, RepayTypeSelector } from './RepayTypeSelector';
 
@@ -53,10 +53,10 @@ export const RepayModal = () => {
                   )}
                   {repayType === RepayType.BALANCE && <RepayModalContent {...params} user={user} />}
                   {repayType === RepayType.COLLATERAL && (
-                    <CollateralRepayModalContent
+                    <RepayWithCollateralModalContent
                       {...params}
                       debtType={args.currentRateMode}
-                      user={user}
+                      underlyingAsset={args.underlyingAsset}
                     />
                   )}
                 </>

src/components/transactions/Swap/actions/ActionsBlocked.tsx

@@ -0,0 +1,18 @@
+import { Trans } from '@lingui/macro';
+import { Button } from '@mui/material';
+
+import { SwapState } from '../types';
+
+export const ActionsBlocked: React.FC<{ state: SwapState }> = () => {
+  return (
+    <Button
+      variant="contained"
+      disabled={true}
+      size="large"
+      sx={{ minHeight: '44px', marginTop: '20px', width: '100%' }}
+      data-cy="actionButton"
+    >
+      <Trans>Check errors</Trans>
+    </Button>
+  );
+};

src/components/transactions/Swap/actions/ActionsSkeleton.tsx

@@ -0,0 +1,19 @@
+import { Trans } from '@lingui/macro';
+import { Button, CircularProgress } from '@mui/material';
+
+import { SwapState } from '../types';
+
+export const ActionsLoading: React.FC<{ state: SwapState }> = () => {
+  return (
+    <Button
+      variant="contained"
+      disabled={true}
+      size="large"
+      sx={{ minHeight: '44px', marginTop: '20px', width: '100%' }}
+      data-cy="actionButton"
+    >
+      <CircularProgress color="inherit" size="16px" sx={{ mr: 2 }} />
+      <Trans>Loading...</Trans>
+    </Button>
+  );
+};

src/components/transactions/Swap/actions/CollateralSwap/CollateralSwapActions.tsx

@@ -0,0 +1,64 @@
+import { Dispatch } from 'react';
+
+import { TrackAnalyticsHandlers } from '../../analytics/useTrackAnalytics';
+import { ProtocolSwapParams, ProtocolSwapState, SwapProvider, SwapState } from '../../types';
+import { SwapActionsViaCoW } from '../SwapActions/SwapActionsViaCoW';
+import { SwapActionsViaParaswap } from '../SwapActions/SwapActionsViaParaswap';
+import { CollateralSwapActionsViaCowAdapters } from './CollateralSwapActionsViaCoWAdapters';
+import { CollateralSwapActionsViaParaswapAdapters } from './CollateralSwapActionsViaParaswapAdapters';
+
+export const CollateralSwapActions = ({
+  params,
+  state,
+  setState,
+  trackingHandlers,
+}: {
+  params: ProtocolSwapParams;
+  state: ProtocolSwapState;
+  setState: Dispatch<Partial<SwapState>>;
+  trackingHandlers: TrackAnalyticsHandlers;
+}) => {
+  switch (state.swapRate?.provider) {
+    case SwapProvider.COW_PROTOCOL:
+      if (state.useFlashloan) {
+        return (
+          <CollateralSwapActionsViaCowAdapters
+            params={params}
+            state={state}
+            trackingHandlers={trackingHandlers}
+          />
+        );
+      } else {
+        // Essentially traditional aTokens swap
+        return (
+          <SwapActionsViaCoW
+            params={params}
+            state={state}
+            setState={setState}
+            trackingHandlers={trackingHandlers}
+          />
+        );
+      }
+    case SwapProvider.PARASWAP:
+      if (state.useFlashloan) {
+        return (
+          <CollateralSwapActionsViaParaswapAdapters
+            params={params}
+            state={state}
+            setState={setState}
+            trackingHandlers={trackingHandlers}
+          />
+        );
+      } else {
+        // Essentially traditional aTokens swap
+        return (
+          <SwapActionsViaParaswap
+            params={params}
+            state={state}
+            setState={setState}
+            trackingHandlers={trackingHandlers}
+          />
+        );
+      }
+  }
+};

src/components/transactions/Swap/actions/CollateralSwap/CollateralSwapActionsViaCoWAdapters.tsx

@@ -0,0 +1,12 @@
+import { Typography } from '@mui/material';
+
+import { TrackAnalyticsHandlers } from '../../analytics/useTrackAnalytics';
+import { SwapParams, SwapState } from '../../types';
+
+export const CollateralSwapActionsViaCowAdapters = ({}: {
+  params: SwapParams;
+  state: SwapState;
+  trackingHandlers: TrackAnalyticsHandlers;
+}) => {
+  return <Typography>Not implemented yet</Typography>;
+};