ci(release): publish latest release

RELEASE

@@ -1,6 +1,6 @@
 IPFS hash of the deployment:
-- CIDv0: `QmZ5GePYVnqnekAczBnSNAm8msBT3xzqgkJFwukVQZ1hBf`
-- CIDv1: `bafybeie7p7swozshq4rt5lc2uzdtauviqpr2xhr5rghmyyuqoiggsgpv5i`
+- CIDv0: `QmR4bcDmfwJ5AzVy1ypYxhRHq82RAjo2k44zT1ZupBCo8v`
+- CIDv1: `bafybeibiozbm7r6yfdyfvjzkyxuopbbjhpfakucm2axx265hltuzjl357m`
 
 The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
 
@@ -10,15 +10,66 @@ You can also access the Uniswap Interface from an IPFS gateway.
 Your Uniswap settings are never remembered across different URLs.
 
 IPFS gateways:
-- https://bafybeie7p7swozshq4rt5lc2uzdtauviqpr2xhr5rghmyyuqoiggsgpv5i.ipfs.dweb.link/
-- https://bafybeie7p7swozshq4rt5lc2uzdtauviqpr2xhr5rghmyyuqoiggsgpv5i.ipfs.cf-ipfs.com/
-- [ipfs://QmZ5GePYVnqnekAczBnSNAm8msBT3xzqgkJFwukVQZ1hBf/](ipfs://QmZ5GePYVnqnekAczBnSNAm8msBT3xzqgkJFwukVQZ1hBf/)
+- https://bafybeibiozbm7r6yfdyfvjzkyxuopbbjhpfakucm2axx265hltuzjl357m.ipfs.dweb.link/
+- https://bafybeibiozbm7r6yfdyfvjzkyxuopbbjhpfakucm2axx265hltuzjl357m.ipfs.cf-ipfs.com/
+- [ipfs://QmR4bcDmfwJ5AzVy1ypYxhRHq82RAjo2k44zT1ZupBCo8v/](ipfs://QmR4bcDmfwJ5AzVy1ypYxhRHq82RAjo2k44zT1ZupBCo8v/)
 
-### 5.52.1 (2024-10-15)
+## 5.53.0 (2024-10-16)
+
+
+### Features
+
+* **web:** add a popup to claim (#12801) 727178b
+* **web:** add bridge toast to web swaps (#12808) 91b3100
+* **web:** add chainName to PosDP URL params (#12749) c5caa75
+* **web:** bridge status polling (#12930) 1817b76
+* **web:** bridging saga (#12753) dd6c181
+* **web:** bridging tx status notification (#12932) 6e468ef
+* **web:** bridging types (#12748) a473031
+* **web:** Give bridge bottom card hover style (#12810) 7be278a
+* **web:** improve fingerprinting for swap errors [staging] (#13046) 7cc032c
+* **web:** LP create - wrapping native currency step for v2/v3 (#12769) 9c2b4bc
+* **web:** pull in completed bridging activity (#12874) 3ac9ca5
+* **web:** remove red gas UI on web shared swap (#12947) 8639947
+* **web:** remove uniswap extension launch announcement modal (#12791) e1397ce
+* **web:** v4 LP improvements (#12737) e111131
+* **web:** worldchain bridge banner + minikit provider (#12918) 2439960
+* **web:** Zora Explore pages (#12908) 6c0beaf
 
 
 ### Bug Fixes
 
-* **web:** allow pool creation on testnets (#13011) 74160b1
+* **web:** 10 15 fix web allow pool creation on testnets staging (#13010) 78815dd
+* **web:** Align Continue button text - staging (#13025) 8576cc4
+* **web:** align web/mobile quicknode rpcs (#12976) 82adfe5
+* **web:** bug with color extraction (#12757) 8fbfa57
+* **web:** bump sdk-core for worldchain v2 lp (#12989) 44dd8f3
+* **web:** cherrypick bridging analytics [staging] (#13035) 6593430
+* **web:** conditionally add dependency array to useAnimatedScrollHandler (#12852) e523bfd
+* **web:** correct currency logos in LP Create modal (#12751) a350498
+* **web:** create v4 ui (#12638) 1c52b4e
+* **web:** default to eth mainnet on landing page (#12958) e81c5ad
+* **web:** display bridging options in unconnected state [staging] (#13047) 5a17a2f
+* **web:** enable token swap on non mainnet tdp for legacy swap (#12899) a214ab2
+* **web:** fix broken worldchain images (#13033) e31db30
+* **web:** fix range formatting on my positions page (#12754) 8b13723
+* **web:** hide astrochain usdc (#12961) 40ee988
+* **web:** limits issues (allow cancelling insufficient funds) (#12912) f630284
+* **web:** log missing swap analytics (#12967) 4c22de5
+* **web:** log SWAP_SIGNED from uniswapx saga [main] (#12907) 39ccb30
+* **web:** memoize connected chain ids (#12922) 3ed664d
+* **web:** pass account to getSigner instead of using default (#12885) f508f20
+* **web:** remove FOR feature flag and moonpay flow (#12547) b79e301
+* **web:** Switch chains before cancelling limits (#12752) 8d2c4f1
+* **web:** tapi key (#12866) bcc0529
+* **web:** track wallet connect external provider (#12360) ff2c6e7
+* **web:** update the toast for increase + decrease liquidity (#12786) c7c898e
+* **web:** worldchain rpc (#12946) b1b7528
+
+
+### Continuous Integration
+
+* **web:** break down web testing jobs to speed up CI (#12766) cb3c56f
+* **web:** update sitemaps 336fb63
 
 

VERSION

@@ -1 +1 @@
-web/5.52.1
+web/5.53.0

apps/extension/src/app/SidebarApp.tsx

@@ -34,6 +34,7 @@ import { initExtensionAnalytics } from 'src/app/utils/analytics'
 import { getLocalUserId } from 'src/app/utils/storage'
 import {
   DappBackgroundPortChannel,
+  backgroundToSidePanelMessageChannel,
   createBackgroundToSidePanelMessagePort,
 } from 'src/background/messagePassing/messageChannels'
 import { BackgroundToSidePanelRequestType } from 'src/background/messagePassing/types/requests'
@@ -44,7 +45,7 @@ import { syncAppWithDeviceLanguage } from 'uniswap/src/features/settings/slice'
 import Trace from 'uniswap/src/features/telemetry/Trace'
 import { ExtensionEventName } from 'uniswap/src/features/telemetry/constants'
 import { sendAnalyticsEvent } from 'uniswap/src/features/telemetry/send'
-import { UnitagUpdaterContextProvider } from 'uniswap/src/features/unitags/context'
+import { UnitagUpdaterContextProvider, useUnitagUpdater } from 'uniswap/src/features/unitags/context'
 import i18n from 'uniswap/src/i18n/i18n'
 import { isDevEnv } from 'utilities/src/environment/env'
 import { logger } from 'utilities/src/logger/logger'
@@ -205,10 +206,21 @@ function SidebarWrapper(): JSX.Element {
   useDappRequestPortListener()
   useTestnetModeForLoggingAndAnalytics()
 
+  const { triggerRefetchUnitags } = useUnitagUpdater()
+
   useEffect(() => {
     dispatch(syncAppWithDeviceLanguage())
   }, [dispatch])
 
+  useEffect(() => {
+    return backgroundToSidePanelMessageChannel.addMessageListener(
+      BackgroundToSidePanelRequestType.RefreshUnitags,
+      () => {
+        triggerRefetchUnitags()
+      },
+    )
+  }, [triggerRefetchUnitags])
+
   return (
     <>
       <WebNavigation />

apps/extension/src/app/UnitagClaimApp.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+import UnitagClaimApp from 'src/app/UnitagClaimApp'
+import { initializeReduxStore } from 'src/store/store'
+
+describe('UnitagClaimApp', () => {
+  it('renders without error', async () => {
+    await initializeReduxStore()
+    render(<UnitagClaimApp />)
+  })
+})

apps/extension/src/app/UnitagClaimApp.tsx

@@ -10,10 +10,13 @@ import { GraphqlProvider } from 'src/app/apollo'
 import { ErrorElement } from 'src/app/components/ErrorElement'
 import { TraceUserProperties } from 'src/app/components/Trace/TraceUserProperties'
 import { ClaimUnitagSteps, OnboardingStepsProvider } from 'src/app/features/onboarding/OnboardingSteps'
+import { EditUnitagProfileScreen } from 'src/app/features/unitags/EditUnitagProfileScreen'
 import { UnitagChooseProfilePicScreen } from 'src/app/features/unitags/UnitagChooseProfilePicScreen'
 import { UnitagClaimContextProvider } from 'src/app/features/unitags/UnitagClaimContext'
+import { UnitagConfirmationScreen } from 'src/app/features/unitags/UnitagConfirmationScreen'
 import { UnitagCreateUsernameScreen } from 'src/app/features/unitags/UnitagCreateUsernameScreen'
 import { UnitagIntroScreen } from 'src/app/features/unitags/UnitagIntroScreen'
+import { OnboardingRoutes } from 'src/app/navigation/constants'
 import { setRouter, setRouterState } from 'src/app/navigation/state'
 import { SentryAppNameTag, initializeSentry, sentryCreateHashRouter } from 'src/app/sentry'
 import { initExtensionAnalytics } from 'src/app/utils/analytics'
@@ -45,6 +48,11 @@ const router = sentryCreateHashRouter([
     element: <UnitagClaimAppInner />,
     errorElement: <ErrorElement />,
   },
+  {
+    path: OnboardingRoutes.EditProfile,
+    element: <EditProfileAppInner />,
+    errorElement: <ErrorElement />,
+  },
 ])
 
 /**
@@ -61,13 +69,30 @@ setRouter(router)
 function UnitagClaimAppInner(): JSX.Element {
   useTestnetModeForLoggingAndAnalytics()
   return (
-    <Flex alignItems="center" justifyContent="center" minHeight="100vh" width="100%">
+    <Flex centered height="100vh" width="100%">
       <OnboardingStepsProvider
         disableRedirect
         steps={{
           [ClaimUnitagSteps.Intro]: <UnitagIntroScreen />,
           [ClaimUnitagSteps.CreateUsername]: <UnitagCreateUsernameScreen />,
           [ClaimUnitagSteps.ChooseProfilePic]: <UnitagChooseProfilePicScreen />,
+          [ClaimUnitagSteps.Confirmation]: <UnitagConfirmationScreen />,
+          [ClaimUnitagSteps.EditProfile]: <EditUnitagProfileScreen enableBack />,
+        }}
+        ContainerComponent={UnitagClaimContextProvider}
+      />
+      <Outlet />
+    </Flex>
+  )
+}
+
+function EditProfileAppInner(): JSX.Element {
+  return (
+    <Flex centered>
+      <OnboardingStepsProvider
+        disableRedirect
+        steps={{
+          [ClaimUnitagSteps.Intro]: <EditUnitagProfileScreen />,
         }}
         ContainerComponent={UnitagClaimContextProvider}
       />

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

@@ -10,13 +10,13 @@ import { iconSizes } from 'ui/src/theme'
 import { WarningModal } from 'uniswap/src/components/modals/WarningModal/WarningModal'
 import { WarningSeverity } from 'uniswap/src/components/modals/WarningModal/types'
 import { useLocalizationContext } from 'uniswap/src/features/language/LocalizationContext'
+import { pushNotification } from 'uniswap/src/features/notifications/slice'
+import { AppNotificationType, CopyNotificationType } from 'uniswap/src/features/notifications/types'
 import { ElementName, ModalName } from 'uniswap/src/features/telemetry/constants'
 import { sendAnalyticsEvent } from 'uniswap/src/features/telemetry/send'
 import { setClipboard } from 'uniswap/src/utils/clipboard'
 import { NumberType } from 'utilities/src/format/types'
 import { AddressDisplay } from 'wallet/src/components/accounts/AddressDisplay'
-import { pushNotification } from 'wallet/src/features/notifications/slice'
-import { AppNotificationType, CopyNotificationType } from 'wallet/src/features/notifications/types'
 import { EditAccountAction, editAccountActions } from 'wallet/src/features/wallet/accounts/editAccountSaga'
 import { useActiveAccountWithThrow, useDisplayName, useSignerAccounts } from 'wallet/src/features/wallet/hooks'
 import { DisplayNameType } from 'wallet/src/features/wallet/types'

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

@@ -11,14 +11,17 @@ import { updateDappConnectedAddressFromExtension } from 'src/app/features/dapp/a
 import { useDappConnectedAccounts } from 'src/app/features/dapp/hooks'
 import { isConnectedAccount } from 'src/app/features/dapp/utils'
 import { PopupName, openPopup } from 'src/app/features/popups/slice'
-import { AppRoutes, RemoveRecoveryPhraseRoutes, SettingsRoutes } from 'src/app/navigation/constants'
+import { AppRoutes, OnboardingRoutes, RemoveRecoveryPhraseRoutes, SettingsRoutes } from 'src/app/navigation/constants'
 import { navigate } from 'src/app/navigation/state'
+import { focusOrCreateUnitagTab } from 'src/app/navigation/utils'
 import { Button, Flex, MenuContent, MenuContentItem, 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'
 import { WarningSeverity } from 'uniswap/src/components/modals/WarningModal/types'
 import { AccountType } from 'uniswap/src/features/accounts/types'
+import { FeatureFlags } from 'uniswap/src/features/gating/flags'
+import { useFeatureFlag } from 'uniswap/src/features/gating/hooks'
 import Trace from 'uniswap/src/features/telemetry/Trace'
 import { ModalName, WalletEventName } from 'uniswap/src/features/telemetry/constants'
 import { sendAnalyticsEvent } from 'uniswap/src/features/telemetry/send'
@@ -281,6 +284,20 @@ export function AccountSwitcherScreen(): JSX.Element {
 
 const UnitagActionButton = (): JSX.Element => {
   const { t } = useTranslation()
+  const isClaimUnitagEnabled = useFeatureFlag(FeatureFlags.ExtensionClaimUnitag)
+
+  const onPressEditProfile = useCallback(async () => {
+    await focusOrCreateUnitagTab(OnboardingRoutes.EditProfile)
+  }, [])
+
+  if (isClaimUnitagEnabled) {
+    return (
+      <Button color="$neutral1" size="small" testID={TestID.AccountCard} theme="tertiary" onPress={onPressEditProfile}>
+        {t('account.wallet.header.button.disabled.title')}
+      </Button>
+    )
+  }
+
   return (
     <ComingSoon placement="top">
       <Button color="$neutral2" disabled={true} size="small" testID={TestID.AccountCard} theme="secondary">

apps/extension/src/app/features/accounts/__snapshots__/AccountSwitcherScreen.test.tsx.snap

@@ -99,16 +99,16 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                         <circle
                           cx="28"
                           cy="28"
-                          fill="#4300B01F"
+                          fill="#FFBF171F"
                           r="28"
                         />
                         <g
                           transform="translate(9.333333333333332, 9.333333333333332) scale(0.7777777777777778)"
                         >
                           <path
                             clip-rule="evenodd"
-                            d="M13.2 6C9.22355 6 6 9.22355 6 13.2V34.8C6 38.7765 9.22355 42 13.2 42H34.8C38.7765 42 42 38.7765 42 34.8V13.2C42 9.22355 38.7765 6 34.8 6H13.2ZM26.1213 14.1213C24.9497 12.9497 23.0503 12.9497 21.8787 14.1213L14.1213 21.8787C12.9497 23.0503 12.9497 24.9497 14.1213 26.1213L21.8787 33.8787C23.0503 35.0503 24.9497 35.0503 26.1213 33.8787L33.8787 26.1213C35.0503 24.9497 35.0503 23.0503 33.8787 21.8787L26.1213 14.1213Z"
-                            fill="#4300B0"
+                            d="M28.541 24C28.541 23.6075 28.7998 23.264 29.1711 23.1367C35.8814 20.8368 40.9702 14.1754 41.9802 5.99363C42.1832 4.34926 40.8202 3 39.1634 3H8.8369C7.18005 3 5.81706 4.34926 6.02011 5.99363C7.03026 14.1742 12.1192 20.8349 18.8286 23.1357C19.2002 23.2632 19.4593 23.6071 19.4593 24C19.4593 24.3929 19.2002 24.7368 18.8286 24.8643C12.1192 27.1651 7.03026 33.8258 6.02011 42.0064C5.81706 43.6507 7.18005 45 8.8369 45H39.1634C40.8202 45 42.1832 43.6507 41.9802 42.0064C40.9702 33.8246 35.8814 27.1632 29.1711 24.8633C28.7998 24.736 28.541 24.3925 28.541 24Z"
+                            fill="#FFBF17"
                             fill-rule="evenodd"
                           />
                         </g>
@@ -127,9 +127,9 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                         <span
                           class="font_heading _display-inline _boxSizing-border-box _whiteSpace-nowrap _mt-0px _mr-0px _mb-0px _ml-0px _color-843134974 _wordWrap-break-word _fontFamily-299667014 _fontSize-18px _lineHeight-24px _fontWeight-233016202 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _textAlign-center _flexShrink-1"
                           data-disable-theme="true"
-                          data-testid="address-display/name/Jacob Haley"
+                          data-testid="address-display/name/Tamara Brekke"
                         >
-                          Jacob Haley
+                          Tamara Brekke
                         </span>
                       </div>
                     </div>
@@ -144,7 +144,7 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                           class="font_body _display-inline _boxSizing-border-box _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _color-843135005 _fontFamily-299667014 _wordWrap-break-word _fontSize-229441158 _lineHeight-222976511 _fontWeight-233016202"
                           data-disable-theme="true"
                         >
-                          0x​0fc6...be59
+                          0x​e0c6...ea11
                         </span>
                         <svg
                           fill="none"
@@ -325,16 +325,16 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                       <circle
                         cx="28"
                         cy="28"
-                        fill="#4300B01F"
+                        fill="#FFBF171F"
                         r="28"
                       />
                       <g
                         transform="translate(9.333333333333332, 9.333333333333332) scale(0.7777777777777778)"
                       >
                         <path
                           clip-rule="evenodd"
-                          d="M13.2 6C9.22355 6 6 9.22355 6 13.2V34.8C6 38.7765 9.22355 42 13.2 42H34.8C38.7765 42 42 38.7765 42 34.8V13.2C42 9.22355 38.7765 6 34.8 6H13.2ZM26.1213 14.1213C24.9497 12.9497 23.0503 12.9497 21.8787 14.1213L14.1213 21.8787C12.9497 23.0503 12.9497 24.9497 14.1213 26.1213L21.8787 33.8787C23.0503 35.0503 24.9497 35.0503 26.1213 33.8787L33.8787 26.1213C35.0503 24.9497 35.0503 23.0503 33.8787 21.8787L26.1213 14.1213Z"
-                          fill="#4300B0"
+                          d="M28.541 24C28.541 23.6075 28.7998 23.264 29.1711 23.1367C35.8814 20.8368 40.9702 14.1754 41.9802 5.99363C42.1832 4.34926 40.8202 3 39.1634 3H8.8369C7.18005 3 5.81706 4.34926 6.02011 5.99363C7.03026 14.1742 12.1192 20.8349 18.8286 23.1357C19.2002 23.2632 19.4593 23.6071 19.4593 24C19.4593 24.3929 19.2002 24.7368 18.8286 24.8643C12.1192 27.1651 7.03026 33.8258 6.02011 42.0064C5.81706 43.6507 7.18005 45 8.8369 45H39.1634C40.8202 45 42.1832 43.6507 41.9802 42.0064C40.9702 33.8246 35.8814 27.1632 29.1711 24.8633C28.7998 24.736 28.541 24.3925 28.541 24Z"
+                          fill="#FFBF17"
                           fill-rule="evenodd"
                         />
                       </g>
@@ -353,9 +353,9 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                       <span
                         class="font_heading _display-inline _boxSizing-border-box _whiteSpace-nowrap _mt-0px _mr-0px _mb-0px _ml-0px _color-843134974 _wordWrap-break-word _fontFamily-299667014 _fontSize-18px _lineHeight-24px _fontWeight-233016202 _maxWidth-10037 _overflowX-hidden _overflowY-hidden _textOverflow-ellipsis _textAlign-center _flexShrink-1"
                         data-disable-theme="true"
-                        data-testid="address-display/name/Jacob Haley"
+                        data-testid="address-display/name/Tamara Brekke"
                       >
-                        Jacob Haley
+                        Tamara Brekke
                       </span>
                     </div>
                   </div>
@@ -370,7 +370,7 @@ exports[`AccountSwitcherScreen renders correctly 1`] = `
                         class="font_body _display-inline _boxSizing-border-box _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _color-843135005 _fontFamily-299667014 _wordWrap-break-word _fontSize-229441158 _lineHeight-222976511 _fontWeight-233016202"
                         data-disable-theme="true"
                       >
-                        0x​0fc6...be59
+                        0x​e0c6...ea11
                       </span>
                       <svg
                         fill="none"