Feat: Project Updates

apps/cowswap-frontend/index.html

@@ -11,10 +11,10 @@
     <script src="/emergency.js"></script>
 
     <!-- Manifest, theme & colors  -->
-    <link rel="apple-touch-icon" sizes="180x180" href="./public/Chameleon-2.png" />
-    <link rel="icon" type="image/png" href="./public/Chameleon-2.png" media="(prefers-color-scheme: light)" />
-    <link rel="icon" type="image/png" href="./public/Chameleon-2.png" media="(prefers-color-scheme: dark)" />
-    <link rel="icon" type="image/png" href="./public/Chameleon-2.png" media="(prefers-color-scheme: no-preference)" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/Chameleon-2.png" />
+    <link rel="icon" type="image/png" href="/Chameleon-2.png" media="(prefers-color-scheme: light)" />
+    <link rel="icon" type="image/png" href="/Chameleon-2.png" media="(prefers-color-scheme: dark)" />
+    <link rel="icon" type="image/png" href="/Chameleon-2.png" media="(prefers-color-scheme: no-preference)" />
 
     <link rel="manifest" href="/manifest.json" />
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000" />

apps/cowswap-frontend/src/common/hooks/useCowShedHooks.ts

@@ -1,4 +1,4 @@
-import { CowShedHooks } from '@cowprotocol/cow-sdk'
+import { CowShedHooks } from '@cowprotocol/sdk-cow-shed'
 import { useWalletInfo } from '@cowprotocol/wallet'
 
 import useSWR from 'swr'

apps/cowswap-frontend/src/common/pure/NetworksList/index.tsx

@@ -70,7 +70,7 @@ export function NetworksList(props: NetworksListProps) {
               )}
 
               <ExternalLink href={getExplorerBaseUrl(targetChainId)}>
-                <Trans>CoW Protocol Explorer</Trans>
+                <Trans>Chameleon Protocol Explorer ↗</Trans>
                 <styledEl.LinkOutCircle />
               </ExternalLink>
             </styledEl.ActiveRowLinkList>

apps/cowswap-frontend/src/modules/hooksStore/containers/RecoverFundsFromProxy/useRecoverFundsFromProxy.ts

@@ -2,7 +2,7 @@ import { useCallback, useMemo, useState } from 'react'
 
 import { CowShedContract, CowShedContractAbi } from '@cowprotocol/abis'
 import { SigningScheme } from '@cowprotocol/contracts'
-import { COW_SHED_FACTORY, ICoWShedCall } from '@cowprotocol/cow-sdk'
+import { COW_SHED_FACTORY, ICoWShedCall } from '@cowprotocol/sdk-cow-shed'
 import { useWalletInfo } from '@cowprotocol/wallet'
 import { useWalletProvider } from '@cowprotocol/wallet-provider'
 import { defaultAbiCoder } from '@ethersproject/abi'

apps/cowswap-frontend/src/modules/trade/hooks/setupTradeState/useSetupTradeStateFromUrl.ts

@@ -1,5 +1,5 @@
 import { useSetAtom } from 'jotai'
-import { useMemo, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 
 import { useLocation, useParams } from 'react-router-dom'
 
@@ -28,7 +28,7 @@ export function useSetupTradeStateFromUrl(): null {
    * In order to update tradeStateFromUrlAtom faster we use useMemo() here.
    * We need this, because useSetupTradeState() depends on the atom value and needs it to be udpated ASAP.
    */
-  useMemo(() => {
+  useEffect(() => {
     const searchParams = new URLSearchParams(location.search)
     const recipient = searchParams.get('recipient')
     const recipientAddress = searchParams.get('recipientAddress')

apps/cowswap-frontend/src/modules/trade/hooks/useNavigateOnCurrencySelection.ts

@@ -52,13 +52,16 @@ export function useNavigateOnCurrencySelection(): CurrencySelectionCallback {
 
       const { inputCurrencyId, outputCurrencyId } = state
       const tokenSymbolOrAddress = resolveCurrencyAddressOrSymbol(currency)
+      const currentChainId = state.chainId || chainId
+      const targetChainId = currency?.chainId || currentChainId
+      const isDifferentChain = currentChainId && targetChainId && currentChainId !== targetChainId
 
-      const targetInputCurrencyId = field === Field.INPUT ? tokenSymbolOrAddress : inputCurrencyId
-      const targetOutputCurrencyId = field === Field.INPUT ? outputCurrencyId : tokenSymbolOrAddress
+      const targetInputCurrencyId = field === Field.INPUT ? tokenSymbolOrAddress : isDifferentChain ? null : inputCurrencyId
+      const targetOutputCurrencyId = field === Field.INPUT ? isDifferentChain ? null : outputCurrencyId : tokenSymbolOrAddress
       const areCurrenciesTheSame = targetInputCurrencyId === targetOutputCurrencyId
 
       navigate(
-        chainId,
+        targetChainId,
         // Just invert tokens when user selected the same token
         areCurrenciesTheSame
           ? { inputCurrencyId: outputCurrencyId, outputCurrencyId: inputCurrencyId }

apps/cowswap-frontend/src/modules/tradeSlippage/state/slippageValueAndTypeAtom.ts

@@ -29,7 +29,7 @@ export const defaultSlippageAtom = atom((get) => {
   const { chainId } = get(walletInfoAtom)
   const isEoaEthFlow = get(isEoaEthFlowAtom)
 
-  return isEoaEthFlow ? MINIMUM_ETH_FLOW_SLIPPAGE_BPS[chainId] : DEFAULT_SLIPPAGE_BPS
+  return isEoaEthFlow ? (MINIMUM_ETH_FLOW_SLIPPAGE_BPS[chainId] ?? DEFAULT_SLIPPAGE_BPS) : DEFAULT_SLIPPAGE_BPS
 })
 
 const currentSlippageAtom = atom<number | null>((get) => {

libs/assets/src/index.ts

@@ -0,0 +1,12 @@
+export { default as ArbitrumLogo } from './cow-swap/network-arbitrum-one-logo-blue.svg'
+export { default as BaseLogo } from './cow-swap/network-base-logo.svg'
+export { default as GnosisLogo } from './cow-swap/network-gnosis-chain-logo.svg'
+export { default as MainnetLogo } from './cow-swap/network-mainnet-logo.svg'
+export { default as SepoliaLogo } from './cow-swap/network-sepolia-logo.svg'
+export { default as PolygonLogo } from './images/logo-polygon.svg'
+export { default as LensLogo } from './images/icon-cow-lens.svg'
+export { default as AvalancheLogo } from './images/logo-avalanche.svg'
+export { default as LineaLogo } from './images/logo-linea.svg'
+export { default as BnbLogo } from './images/logo-bnb.svg'
+export { default as PlasmaLogo } from './images/logo-plasma.svg'
+