ci(release): publish latest release

README.md

@@ -21,6 +21,7 @@ An open source repository for all Uniswap front end interfaces maintained by Uni
 
 ## Whitepapers
 
+- [V4](https://uniswap.org/whitepaper-v4.pdf)
 - [V3](https://uniswap.org/whitepaper-v3.pdf)
 - [V2](https://uniswap.org/whitepaper.pdf)
 - [V1](https://hackmd.io/C-DvwDSfSxuh-Gd4WKE_ig)

RELEASE

@@ -1,6 +1,6 @@
 IPFS hash of the deployment:
-- CIDv0: `QmRHsud7WNRFUg4cTcXRxuwZYZRAhYMkYAcA97mtqwq9re`
-- CIDv1: `bafybeibl3u67jwwr3vxssx7z6bbz35bk333qe6xdnkruce7pmma5uf2z74`
+- CIDv0: `QmXkPV7sagZDwbUR5PRBNWAvFrJSuTUh5Fu1aJpFA1whLV`
+- CIDv1: `bafybeielzxuhhhlrf7rtyfrqtzqawka7oyjb3qklvfvcexvwdumpsnujdi`
 
 The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
 
@@ -10,15 +10,61 @@ You can also access the Uniswap Interface from an IPFS gateway.
 Your Uniswap settings are never remembered across different URLs.
 
 IPFS gateways:
-- https://bafybeibl3u67jwwr3vxssx7z6bbz35bk333qe6xdnkruce7pmma5uf2z74.ipfs.dweb.link/
-- https://bafybeibl3u67jwwr3vxssx7z6bbz35bk333qe6xdnkruce7pmma5uf2z74.ipfs.cf-ipfs.com/
-- [ipfs://QmRHsud7WNRFUg4cTcXRxuwZYZRAhYMkYAcA97mtqwq9re/](ipfs://QmRHsud7WNRFUg4cTcXRxuwZYZRAhYMkYAcA97mtqwq9re/)
+- https://bafybeielzxuhhhlrf7rtyfrqtzqawka7oyjb3qklvfvcexvwdumpsnujdi.ipfs.dweb.link/
+- https://bafybeielzxuhhhlrf7rtyfrqtzqawka7oyjb3qklvfvcexvwdumpsnujdi.ipfs.cf-ipfs.com/
+- [ipfs://QmXkPV7sagZDwbUR5PRBNWAvFrJSuTUh5Fu1aJpFA1whLV/](ipfs://QmXkPV7sagZDwbUR5PRBNWAvFrJSuTUh5Fu1aJpFA1whLV/)
 
-### 5.64.2 (2025-01-13)
+## 5.65.0 (2025-01-15)
+
+
+### Features
+
+* **web:** [EW] Add passkey sign in (#13883) 01fd45c
+* **web:** [EW] Add show recovery phrase modal (#13894) 05748a7
+* **web:** [EW] Add sign up (#13862) aa9771e
+* **web:** [EW] Add signing txs (#13890) c779f0c
+* **web:** add the v4 whitepaper (#14867) e87e686
+* **web:** delete unused background updating code (#14612) aa26058
+* **web:** replace usage of DoubleLogoWithChain with DoubleLogo (#15011) e723da8
+* **web:** update uniswapx-sdk (#14654) ab645c7
+* **web:** use dynamic config for blocked nft collections (#14643) a748576
 
 
 ### Bug Fixes
 
-* **web:** fix infinite loop on analytics toggle 3a2b4dc
+* **web:** 5859 get position owner from get position call (#14729) b412b95
+* **web:** align chart headers in explore (#14830) 4a2e838
+* **web:** consistent lp buttons (#14664) 4c3c0d9
+* **web:** eth logo flash (#15013) 486ab05
+* **web:** filter toggle behavior on TDP (#14898) dbebd9a
+* **web:** fix crash on v4 create (#14891) 53b84d8
+* **web:** fix double logo on DoubleCurrencyAndChainLogo (#14946) 0579dcf
+* **web:** fix infinite loop on analytics toggle f4b5fde
+* **web:** fix infinite loop on analytics toggle (#15068) ad1a014
+* **web:** fix pdp price display (#14902) 2f00216
+* **web:** fix range display for v4 positions in custom fee tiers (#14904) 3be2db0
+* **web:** hero title bug when switching languages (#15022) d6511f5
+* **web:** inverted initial price bug (#14994) 017e47e
+* **web:** limit orders do not work with uniswapx v2 (#14995) b492069
+* **web:** make the swap primary colors on the tdp use token extraction colors (#14696) ea7f43b
+* **web:** move both price toggles together in the create flow (#14971) 8d8f595
+* **web:** re-add images prop to PortfolioLogo and use split logo (#14864) 840edff
+* **web:** reduce size impact of ui icons (#14613) f89a87e
+* **web:** remove direct t imports and fix translations outside of React context on web (#14829) e040834
+* **web:** remove worldchain minikit provider (#14544) 6794856
+* **web:** scroll on nav dropdown and adjust max height (#15094) 3bbd575
+* **web:** send speed bump font size fix (#15004) 0bd82df
+* **web:** update google conversion datetime format (#15131) 6a7ca9a
+* **web:** update input behavior on send tab (#14843) 8c4eab7
+
+
+### Continuous Integration
+
+* **web:** update sitemaps 8e5f49e
+
+
+### Styles
+
+* **web:** round ends of loading spinner component (#14779) 26b3a8b
 
 

VERSION

@@ -1 +1 @@
-web/5.64.2
+web/5.65.0

apps/extension/package.json

@@ -16,7 +16,7 @@
     "@tamagui/core": "1.114.4",
     "@types/uuid": "9.0.1",
     "@uniswap/analytics-events": "2.40.0",
-    "@uniswap/uniswapx-sdk": "2.1.0-beta.18",
+    "@uniswap/uniswapx-sdk": "3.0.0-beta.1",
     "@uniswap/universal-router-sdk": "4.7.0",
     "@uniswap/v3-sdk": "3.19.0",
     "@uniswap/v4-sdk": "1.12.0",
@@ -91,8 +91,8 @@
     "build:production": "webpack --node-env=production --env BUILD_ENV=prod BUILD_NUM=${BUILD_NUM:-0}",
     "check:circular": "concurrently \"../../scripts/check-circular-imports.sh ./src/entry/sidebar.tsx 1\" \"../../scripts/check-circular-imports.sh ./src/entry/onboarding.tsx 1\" \"../../scripts/check-circular-imports.sh ./src/entry/unitagClaim.tsx 1\"",
     "check:deps:usage": "depcheck",
-    "env:local:download": "bash ../../scripts/downloadEnvLocal.sh web-local-envs ../../.env",
-    "env:local:upload": "bash ../../scripts/uploadEnvLocal.sh web-local-envs ../../.env",
+    "env:local:download": "bash ../../scripts/downloadEnvLocal.sh m4dhqfltt3dokkqi3hqwigmf2a ../../.env",
+    "env:local:upload": "bash ../../scripts/uploadEnvLocal.sh m4dhqfltt3dokkqi3hqwigmf2a ../../.env",
     "format": "../../scripts/prettier.sh",
     "lint": "NODE_OPTIONS=--max_old_space_size=8192 eslint . --ext ts,tsx --max-warnings=0",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=8192 eslint . --ext ts,tsx --fix",

apps/extension/src/app/PopupApp.tsx

@@ -14,7 +14,7 @@ import { DappContextProvider } from 'src/app/features/dapp/DappContext'
 import { SentryAppNameTag, initializeSentry, sentryCreateHashRouter } from 'src/app/sentry'
 import { initExtensionAnalytics } from 'src/app/utils/analytics'
 import { getReduxPersistor, getReduxStore } from 'src/store/store'
-import { Button, Flex, Image, Text } from 'ui/src'
+import { DeprecatedButton, Flex, Image, Text } from 'ui/src'
 import { CHROME_LOGO, UNISWAP_LOGO } from 'ui/src/assets'
 import { iconSizes, spacing } from 'ui/src/theme'
 import { BlankUrlProvider } from 'uniswap/src/contexts/UrlContext'
@@ -98,7 +98,7 @@ function PopupContent(): JSX.Element {
         <Flex fill />
 
         <Trace logPress element={ElementName.ExtensionPopupOpenButton}>
-          <Button
+          <DeprecatedButton
             theme="primary"
             width="100%"
             onPress={async () => {
@@ -110,7 +110,7 @@ function PopupContent(): JSX.Element {
             }}
           >
             {t('extension.popup.chrome.button')}
-          </Button>
+          </DeprecatedButton>
         </Trace>
       </Flex>
     </Trace>

apps/extension/src/app/components/PasswordInput.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { TextInput } from 'react-native'
 import { Input, InputProps } from 'src/app/components/Input'
-import { Button, Flex, FlexProps, IconProps, Text } from 'ui/src'
+import { DeprecatedButton, Flex, FlexProps, IconProps, Text } from 'ui/src'
 import { Eye, EyeOff } from 'ui/src/components/icons'
 import { PasswordStrength, getPasswordStrengthTextAndColor } from 'wallet/src/utils/password'
 
@@ -34,7 +34,7 @@ export const PasswordInput = forwardRef<TextInput, PasswordInputProps>(function
         <StrengthIndicator strength={passwordStrength} />
       ) : (
         onToggleHideInput && (
-          <Button
+          <DeprecatedButton
             backgroundColor="$transparent"
             hoverStyle={hoverStyle}
             position="absolute"
@@ -43,7 +43,7 @@ export const PasswordInput = forwardRef<TextInput, PasswordInputProps>(function
             onPress={(): void => onToggleHideInput(!hideInput)}
           >
             {hideInput ? <Eye {...iconProps} /> : <EyeOff {...iconProps} />}
-          </Button>
+          </DeprecatedButton>
         )
       )}
     </Flex>

apps/extension/src/app/components/modal/InfoModal.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react'
-import { Anchor, Button, Flex, Text, TouchableArea, useSporeColors } from 'ui/src'
+import { Anchor, DeprecatedButton, Flex, Text, TouchableArea, useSporeColors } from 'ui/src'
 import { X } from 'ui/src/components/icons'
 import { zIndices } from 'ui/src/theme'
 import { Modal } from 'uniswap/src/components/modals/Modal'
@@ -60,9 +60,9 @@ export function InfoModal({
             {description}
           </Text>
         </Flex>
-        <Button size="medium" theme={buttonTheme} width="100%" onPress={onButtonPress}>
+        <DeprecatedButton size="medium" theme={buttonTheme} width="100%" onPress={onButtonPress}>
           {buttonText}
-        </Button>
+        </DeprecatedButton>
         {linkText && linkUrl && (
           <Anchor href={linkUrl} lineHeight={16} p="$spacing12" target="_blank" textDecorationLine="none">
             <Text color="$neutral2" textAlign="center" variant="buttonLabel3">

apps/extension/src/app/features/accounts/AccountSwitcherScreen.tsx

@@ -15,7 +15,7 @@ import { PopupName, openPopup } from 'src/app/features/popups/slice'
 import { AppRoutes, RemoveRecoveryPhraseRoutes, SettingsRoutes, UnitagClaimRoutes } from 'src/app/navigation/constants'
 import { navigate } from 'src/app/navigation/state'
 import { focusOrCreateUnitagTab } from 'src/app/navigation/utils'
-import { Button, Flex, Popover, ScrollView, Text, useSporeColors } from 'ui/src'
+import { DeprecatedButton, Flex, Popover, ScrollView, Text, useSporeColors } from 'ui/src'
 import { WalletFilled, X } from 'ui/src/components/icons'
 import { spacing } from 'ui/src/theme'
 import { WarningModal } from 'uniswap/src/components/modals/WarningModal/WarningModal'
@@ -201,14 +201,14 @@ export function AccountSwitcherScreen(): JSX.Element {
           {activeAccountHasUnitag ? (
             <UnitagActionButton />
           ) : (
-            <Button
+            <DeprecatedButton
               size="small"
               testID={TestID.AccountCard}
               theme="secondary"
               onPress={() => setShowEditLabelModal(true)}
             >
               {t('account.wallet.header.button.title')}
-            </Button>
+            </DeprecatedButton>
           )}
         </Flex>
         <ScrollView backgroundColor="$surface1" height="auto">
@@ -291,17 +291,23 @@ const UnitagActionButton = (): JSX.Element => {
 
   if (isClaimUnitagEnabled) {
     return (
-      <Button color="$neutral1" size="small" testID={TestID.AccountCard} theme="tertiary" onPress={onPressEditProfile}>
+      <DeprecatedButton
+        color="$neutral1"
+        size="small"
+        testID={TestID.AccountCard}
+        theme="tertiary"
+        onPress={onPressEditProfile}
+      >
         {t('account.wallet.header.button.disabled.title')}
-      </Button>
+      </DeprecatedButton>
     )
   }
 
   return (
     <ComingSoon placement="top">
-      <Button color="$neutral2" disabled={true} size="small" testID={TestID.AccountCard} theme="secondary">
+      <DeprecatedButton color="$neutral2" disabled={true} size="small" testID={TestID.AccountCard} theme="secondary">
         {t('account.wallet.header.button.disabled.title')}
-      </Button>
+      </DeprecatedButton>
     </ComingSoon>
   )
 }

apps/extension/src/app/features/accounts/CreateWalletModal.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { OpaqueColorValue } from 'react-native'
-import { Button, Flex, Text, getUniconColors, useIsDarkMode } from 'ui/src'
+import { DeprecatedButton, Flex, Text, getUniconColors, useIsDarkMode } from 'ui/src'
 import { iconSizes, opacify } from 'ui/src/theme'
 import { TextInput } from 'uniswap/src/components/input/TextInput'
 import { Modal } from 'uniswap/src/components/modals/Modal'
@@ -44,7 +44,7 @@ export function CreateWalletModal({
     ? getUniconColors(onboardingAccountAddress, isDark)
     : { color: '' }
 
-  // Cast because Button component doesnt acccept sytling outside of theme color values for hover and press states
+  // Cast because DeprecatedButton component doesnt acccept sytling outside of theme color values for hover and press states
   const hoverAndPressButtonStyle = useMemo(() => {
     return {
       backgroundColor: opacify(15, uniconColor) as unknown as OpaqueColorValue,
@@ -76,10 +76,10 @@ export function CreateWalletModal({
         </Flex>
 
         <Flex centered fill row gap="$spacing12" justifyContent="space-between" width="100%">
-          <Button color="$neutral1" flex={1} flexBasis={1} size="small" theme="secondary" onPress={onCancel}>
+          <DeprecatedButton color="$neutral1" flex={1} flexBasis={1} size="small" theme="secondary" onPress={onCancel}>
             {t('common.button.cancel')}
-          </Button>
-          <Button
+          </DeprecatedButton>
+          <DeprecatedButton
             flex={1}
             flexBasis={1}
             hoverStyle={hoverAndPressButtonStyle}
@@ -89,7 +89,7 @@ export function CreateWalletModal({
             onPress={onPressConfirm}
           >
             {t('common.button.create')}
-          </Button>
+          </DeprecatedButton>
         </Flex>
       </Flex>
     </Modal>

apps/extension/src/app/features/accounts/EditLabelModal.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import { useDispatch } from 'react-redux'
 import { UnitagClaimRoutes } from 'src/app/navigation/constants'
 import { focusOrCreateUnitagTab } from 'src/app/navigation/utils'
-import { Button, Flex, Text } from 'ui/src'
+import { DeprecatedButton, Flex, Text } from 'ui/src'
 import { Person } from 'ui/src/components/icons'
 import { iconSizes } from 'ui/src/theme'
 import { TextInput } from 'uniswap/src/components/input/TextInput'
@@ -100,12 +100,12 @@ export function EditLabelModal({ isOpen, address, onClose }: EditLabelModalProps
           </Text>
         </Flex>
         <Flex centered fill row gap="$spacing12" justifyContent="space-between" width="100%">
-          <Button color="$neutral1" flex={1} flexBasis={1} size="small" theme="secondary" onPress={onClose}>
+          <DeprecatedButton color="$neutral1" flex={1} flexBasis={1} size="small" theme="secondary" onPress={onClose}>
             {t('common.button.cancel')}
-          </Button>
-          <Button flex={1} flexBasis={1} size="small" theme="accentSecondary" onPress={onConfirm}>
+          </DeprecatedButton>
+          <DeprecatedButton flex={1} flexBasis={1} size="small" theme="accentSecondary" onPress={onConfirm}>
             {t('common.button.save')}
-          </Button>
+          </DeprecatedButton>
         </Flex>
       </Flex>
     </Modal>

apps/extension/src/app/features/appRating/AppRatingModal.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useDispatch, useSelector } from 'react-redux'
-import { Button, Flex, Text, TouchableArea } from 'ui/src'
+import { DeprecatedButton, Flex, Text, TouchableArea } from 'ui/src'
 import { Feedback, LikeSquare, MessageText, X } from 'ui/src/components/icons'
 import { IconSizeTokens, zIndices } from 'ui/src/theme'
 import { Modal } from 'uniswap/src/components/modals/Modal'
@@ -133,12 +133,12 @@ export default function AppRatingModal({ onClose }: AppRatingModalProps): JSX.El
           </Text>
         </Flex>
         <Flex row width="100%" gap="$spacing12">
-          <Button flex={1} flexBasis={1} size="small" theme="secondary" onPress={onSecondaryButtonPress}>
+          <DeprecatedButton flex={1} flexBasis={1} size="small" theme="secondary" onPress={onSecondaryButtonPress}>
             {secondaryButtonText}
-          </Button>
-          <Button flex={1} flexBasis={1} size="small" theme="primary" onPress={onPrimaryButtonPress}>
+          </DeprecatedButton>
+          <DeprecatedButton flex={1} flexBasis={1} size="small" theme="primary" onPress={onPrimaryButtonPress}>
             {primaryButtonText}
-          </Button>
+          </DeprecatedButton>
         </Flex>
       </Flex>
     </Modal>

apps/extension/src/app/features/dappRequests/DappRequestContent.tsx

@@ -4,7 +4,16 @@ import { useDappLastChainId } from 'src/app/features/dapp/hooks'
 import { useDappRequestQueueContext } from 'src/app/features/dappRequests/DappRequestQueueContext'
 import { DappRequestStoreItem } from 'src/app/features/dappRequests/slice'
 import { DappRequestType } from 'src/app/features/dappRequests/types/DappRequestTypes'
-import { Anchor, AnimatePresence, Button, Flex, Text, UniversalImage, UniversalImageResizeMode, styled } from 'ui/src'
+import {
+  Anchor,
+  AnimatePresence,
+  DeprecatedButton,
+  Flex,
+  Text,
+  UniversalImage,
+  UniversalImageResizeMode,
+  styled,
+} from 'ui/src'
 import { borderRadii, iconSizes } from 'ui/src/theme'
 import { useEnabledChains } from 'uniswap/src/features/chains/hooks/useEnabledChains'
 import { UniverseChainId } from 'uniswap/src/features/chains/types'
@@ -240,10 +249,10 @@ export function DappRequestFooter({
           px="$spacing8"
         />
         <Flex row gap="$spacing12" pt="$spacing8">
-          <Button flex={1} flexBasis={1} size="medium" theme="secondary" onPress={handleOnCancel}>
+          <DeprecatedButton flex={1} flexBasis={1} size="medium" theme="secondary" onPress={handleOnCancel}>
             {t('common.button.cancel')}
-          </Button>
-          <Button
+          </DeprecatedButton>
+          <DeprecatedButton
             disabled={!isConfirmEnabled}
             flex={1}
             flexBasis={1}
@@ -252,7 +261,7 @@ export function DappRequestFooter({
             onPress={handleOnConfirm}
           >
             {confirmText}
-          </Button>
+          </DeprecatedButton>
         </Flex>
       </Flex>
     </>

apps/extension/src/app/features/dappRequests/requestContent/PersonalSign/PersonalSignRequestContent.tsx

@@ -3,7 +3,7 @@ import { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { DappRequestContent } from 'src/app/features/dappRequests/DappRequestContent'
 import { SignMessageRequest } from 'src/app/features/dappRequests/types/DappRequestTypes'
-import { Button, Flex, Text, Tooltip } from 'ui/src'
+import { DeprecatedButton, Flex, Text, Tooltip } from 'ui/src'
 import { AlertTriangleFilled, Code, StickyNoteTextSquare } from 'ui/src/components/icons'
 import { containsNonPrintableChars } from 'utilities/src/primitives/string'
 
@@ -86,7 +86,7 @@ export function PersonalSignRequestContent({ dappRequest }: PersonalSignRequestP
           right={isScrollable ? '$spacing24' : '$spacing12'}
         >
           <Tooltip.Trigger>
-            <Button
+            <DeprecatedButton
               borderColor="$surface3"
               borderRadius="$rounded4"
               icon={