ci(release): publish latest release

Author: hello-happy-puppy

.yarn/patches/@tamagui-web-npm-1.121.7-4de089c18f.patch

@@ -43,7 +43,7 @@ index 40466f28af50e22730462702a96e2c8b41969276..92f8f589a72098efc72e58f7cf64fb80
      }, 50))), content;
    });
 +  // UNISWAP PATCH: Using key to avoid conditionally calling useAnimation hook
-+  var component = /* @__PURE__ */ import_react.default.forwardRef(function(propsIn, forwardedRef) {
++  var component = /* @__PURE__ */ React.forwardRef(function(propsIn, forwardedRef) {
 +    return /* @__PURE__ */ _jsx(OldComponent, {
 +      ref: forwardedRef,
 +      ...propsIn,

CODEOWNERS

@@ -1,23 +1,12 @@
-IPFS hash of the deployment:
-- CIDv0: `Qmb32y1Tr36548yibWocrfwjoXvLKDe2fwiJ34vMNi6A24`
-- CIDv1: `bafybeif4ussdpkymilubf3qmecctn52my5szafwzho24vhcxez6nvfwdpe`
-
-The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
-
-You can also access the Uniswap Interface from an IPFS gateway.
-**BEWARE**: The Uniswap interface uses [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to remember your settings, such as which tokens you have imported.
-**You should always use an IPFS gateway that enforces origin separation**, or our hosted deployment of the latest release at [app.uniswap.org](https://app.uniswap.org).
-Your Uniswap settings are never remembered across different URLs.
-
-IPFS gateways:
-- https://bafybeif4ussdpkymilubf3qmecctn52my5szafwzho24vhcxez6nvfwdpe.ipfs.dweb.link/
-- [ipfs://Qmb32y1Tr36548yibWocrfwjoXvLKDe2fwiJ34vMNi6A24/](ipfs://Qmb32y1Tr36548yibWocrfwjoXvLKDe2fwiJ34vMNi6A24/)
-
-### 5.76.2 (2025-03-17)
-
-
-### Bug Fixes
-
-* **web:** fix swapping on TDP (#17378) 3000727
-
-
+We are back with some new updates! Here’s the latest:
+
+Unichain Updates: Enjoy faster swap speeds, more onramp options, and more token data.
+Monad Testnet Support: Swap here by toggling to testnet mode in settings
+
+Other changes:
+- VND currency support
+- Improvements to our NFT Spam reporting feature
+- Stronger warnings when sending funds to token contracts
+- New icon for the Buy/Sell button on the homepage
+- Various bug fixes and performance improvements
+- Improved help center articles

RELEASE

@@ -1 +1 @@
-web/5.76.2
+mobile/1.47.1

VERSION

@@ -1,10 +1,6 @@
-const rulesDirPlugin = require('eslint-plugin-rulesdir')
-rulesDirPlugin.RULES_DIR = '../../packages/uniswap/eslint_rules'
-
 module.exports = {
   root: true,
-  extends: ['@uniswap/eslint-config/native-app'],
-  plugins: ['rulesdir'],
+  extends: ['@uniswap/eslint-config/native'],
   ignorePatterns: [
     'node_modules',
     'dist',
@@ -24,7 +20,6 @@ module.exports = {
     ecmaVersion: 2018,
     sourceType: 'module',
   },
-  rules: {},
   overrides: [
     {
       files: ['src/assets/index.ts', 'src/contentScript/index.tsx'],
@@ -43,21 +38,6 @@ module.exports = {
         ],
       },
     },
-    {
-      files: ['**/contentScript/injected.ts'],
-      rules: {
-        'no-restricted-syntax': [
-          'error',
-          {
-            selector: 'CallExpression[callee.object.name="logger"][callee.property.name!=/^(debug)$/]',
-            message:
-              'Only logger.debug is allowed in this file. Please handle errors and info logs explicitly using ErrorLog and InfoLog message passing.',
-          },
-        ],
-      },
-    },
   ],
-  rules: {
-    'rulesdir/i18n': 'error',
-  },
+  rules: {},
 }

apps/extension/.eslintrc.js

@@ -16,7 +16,6 @@
     "@uniswap/v3-sdk": "3.25.2",
     "@uniswap/v4-sdk": "1.21.2",
     "dotenv-webpack": "8.0.1",
-    "eslint-plugin-rulesdir": "0.2.2",
     "ethers": "5.7.2",
     "eventemitter3": "5.0.1",
     "framer-motion": "10.17.6",

apps/extension/package.json

@@ -2,7 +2,7 @@ import { ApolloProvider } from '@apollo/client'
 import { PropsWithChildren } from 'react'
 import { localStorage } from 'redux-persist-webextension-storage'
 import { getReduxStore } from 'src/store/store'
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+// eslint-disable-next-line no-restricted-imports
 import { usePersistedApolloClient } from 'wallet/src/data/apollo/usePersistedApolloClient'
 
 // Extension local storage has 10 MB limit, so we want to be very careful to leave enough space for the redux store + any other data that we might want to store in local storage

apps/extension/src/app/apollo.tsx

@@ -0,0 +1,33 @@
+import { PropsWithChildren } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Flex, Text, Tooltip } from 'ui/src'
+
+type Side = 'top' | 'right' | 'bottom' | 'left'
+type Alignment = 'start' | 'end'
+type AlignedPlacement = `${Side}-${Alignment}`
+
+export function ComingSoon({
+  children,
+  placement = 'bottom-end',
+}: PropsWithChildren & {
+  placement?: Side | AlignedPlacement
+}): JSX.Element {
+  const { t } = useTranslation()
+
+  return (
+    <Tooltip delay={20} placement={placement}>
+      <Tooltip.Trigger>
+        <Flex grow flex={1}>
+          {children}
+        </Flex>
+      </Tooltip.Trigger>
+      <Tooltip.Content px="$none" py="$none">
+        <Flex p="$spacing12">
+          <Text color="$neutral2" variant="body3">
+            {t('settings.setting.beta.tooltip')}
+          </Text>
+        </Flex>
+      </Tooltip.Content>
+    </Tooltip>
+  )
+}

apps/extension/src/app/components/ComingSoon.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 { Flex, FlexProps, IconProps, Text, TouchableArea } 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,17 +34,16 @@ export const PasswordInput = forwardRef<TextInput, PasswordInputProps>(function
         <StrengthIndicator strength={passwordStrength} />
       ) : (
         onToggleHideInput && (
-          <TouchableArea
+          <DeprecatedButton
             backgroundColor="$transparent"
             hoverStyle={hoverStyle}
             position="absolute"
             pressStyle={hoverStyle}
             right="$spacing8"
-            p="$spacing12"
             onPress={(): void => onToggleHideInput(!hideInput)}
           >
             {hideInput ? <Eye {...iconProps} /> : <EyeOff {...iconProps} />}
-          </TouchableArea>
+          </DeprecatedButton>
         )
       )}
     </Flex>

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

@@ -5,7 +5,7 @@ import { useAppFiatCurrencyInfo } from 'uniswap/src/features/fiatCurrency/hooks'
 import { useCurrentLanguage } from 'uniswap/src/features/language/hooks'
 import { useHideSmallBalancesSetting, useHideSpamTokensSetting } from 'uniswap/src/features/settings/hooks'
 import { ExtensionUserPropertyName, setUserProperty } from 'uniswap/src/features/telemetry/user'
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+// eslint-disable-next-line no-restricted-imports
 import { analytics } from 'utilities/src/telemetry/analytics/analytics'
 import { useGatingUserPropertyUsernames } from 'wallet/src/features/gating/userPropertyHooks'
 import { useActiveAccount, useSignerAccounts, useViewOnlyAccounts } from 'wallet/src/features/wallet/hooks'

apps/extension/src/app/components/Trace/TraceUserProperties.tsx

@@ -0,0 +1,28 @@
+import { Flex } from 'ui/src'
+import { LoadingSpinnerInner, LoadingSpinnerOuter } from 'ui/src/components/icons'
+
+const SPINNER_HEIGHT = 80
+
+export function LoadingSpinner(): JSX.Element {
+  return (
+    <>
+      <Flex height={SPINNER_HEIGHT} position="relative" width={80}>
+        <Flex bottom={0} left={0} position="absolute" right={0} top={0}>
+          <LoadingSpinnerOuter color="$DEP_brandedAccentSoft" size={80} />
+        </Flex>
+        <Flex
+          bottom={0}
+          left={0}
+          position="absolute"
+          right={0}
+          style={{ animation: `spin ${SPIN_SPEED_MS}ms linear infinite` }}
+          top={0}
+        >
+          <LoadingSpinnerInner color="$accent1" size={80} />
+        </Flex>
+      </Flex>
+    </>
+  )
+}
+
+const SPIN_SPEED_MS = 1000

apps/extension/src/app/components/loading/LoadingSpinner.tsx

@@ -1,6 +1,6 @@
 import { SkeletonBox } from 'src/app/components/loading/SkeletonBox'
 import { Flex } from 'ui/src'
-import { WALLET_PREVIEW_CARD_MIN_HEIGHT } from 'wallet/src/components/WalletPreviewCard/WalletPreviewCard'
+import { WALLET_PREVIEW_CARD_HEIGHT } from 'wallet/src/components/WalletPreviewCard/WalletPreviewCard'
 
 export function SelectWalletsSkeleton({ repeat = 3 }: { repeat?: number }): JSX.Element {
   return (
@@ -20,7 +20,7 @@ function WalletSkeleton({ opacity }: { opacity: number }): JSX.Element {
       borderColor="$surface3"
       borderRadius="$rounded20"
       borderWidth="$spacing1"
-      height={WALLET_PREVIEW_CARD_MIN_HEIGHT}
+      height={WALLET_PREVIEW_CARD_HEIGHT}
       justifyContent="flex-start"
       opacity={opacity}
       overflow="hidden"

apps/extension/src/app/components/loading/SelectWalletSkeleton.tsx

@@ -12,6 +12,5 @@ export function SkeletonBox({
   height: number | string
   borderRadius?: string
 }): JSX.Element {
-  // eslint-disable-next-line react/forbid-elements
   return <div className="skeleton-box" style={{ width, height, borderRadius }} />
 }

apps/extension/src/app/components/loading/SkeletonBox.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react'
-import { Anchor, Button, ButtonEmphasis, 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 { zIndexes } from 'ui/src/theme'
 import { Modal } from 'uniswap/src/components/modals/Modal'
@@ -14,7 +14,7 @@ export interface ModalProps {
   title: string
   description: string
   buttonText: string
-  buttonEmphasis?: ButtonEmphasis
+  buttonTheme?: 'primary' | 'secondary' | 'tertiary'
   onButtonPress?: () => void
   linkText?: string
   linkUrl?: string
@@ -29,7 +29,7 @@ export function InfoModal({
   title,
   description,
   buttonText,
-  buttonEmphasis,
+  buttonTheme,
   onButtonPress,
   linkText,
   linkUrl,
@@ -60,11 +60,9 @@ export function InfoModal({
             {description}
           </Text>
         </Flex>
-        <Flex row alignSelf="stretch">
-          <Button size="medium" emphasis={buttonEmphasis} onPress={onButtonPress}>
-            {buttonText}
-          </Button>
-        </Flex>
+        <DeprecatedButton size="medium" theme={buttonTheme} width="100%" onPress={onButtonPress}>
+          {buttonText}
+        </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/components/modal/InfoModal.tsx

@@ -9,7 +9,7 @@ import { ErrorElement } from 'src/app/components/ErrorElement'
 import { BaseAppContainer } from 'src/app/core/BaseAppContainer'
 import { DatadogAppNameTag } from 'src/app/datadog'
 import { initExtensionAnalytics } from 'src/app/utils/analytics'
-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 { syncAppWithDeviceLanguage } from 'uniswap/src/features/settings/slice'
@@ -75,22 +75,19 @@ function PopupContent(): JSX.Element {
         <Flex fill />
 
         <Trace logPress element={ElementName.ExtensionPopupOpenButton}>
-          <Flex>
-            <Button
-              variant="branded"
-              emphasis="primary"
-              size="medium"
-              width="100%"
-              onPress={async () => {
-                if (windowIdNumber) {
-                  await chrome.sidePanel.open({ tabId: tabIdNumber, windowId: windowIdNumber })
-                  window.close()
-                }
-              }}
-            >
-              {t('extension.popup.chrome.button')}
-            </Button>
-          </Flex>
+          <DeprecatedButton
+            theme="primary"
+            width="100%"
+            onPress={async () => {
+              if (windowIdNumber) {
+                // eslint-disable-next-line security/detect-non-literal-fs-filename
+                await chrome.sidePanel.open({ tabId: tabIdNumber, windowId: windowIdNumber })
+                window.close()
+              }
+            }}
+          >
+            {t('extension.popup.chrome.button')}
+          </DeprecatedButton>
         </Trace>
       </Flex>
     </Trace>

apps/extension/src/app/core/PopupApp.tsx

@@ -160,25 +160,31 @@ export function AccountItem({ address, onAccountSelect, balanceUSD }: AccountIte
             size={iconSizes.icon40}
             variant="subheading2"
           />
-          <ContextMenu closeOnClick itemId={address} menuOptions={menuOptions} onLeftClick>
-            <Flex centered>
-              <Text $group-hover={{ opacity: 0 }} color="$neutral2" opacity={1} variant="body3">
-                {formattedBalance}
-              </Text>
+          <Flex>
+            <Text
+              $group-hover={{ opacity: 0 }}
+              color="$neutral2"
+              opacity={1}
+              position="absolute"
+              right={0}
+              top="50%"
+              transform="translateY(-50%)"
+              variant="body3"
+            >
+              {formattedBalance}
+            </Text>
+            <ContextMenu closeOnClick itemId={address} menuOptions={menuOptions} onLeftClick>
               <Flex
                 $group-hover={{ opacity: 1 }}
                 borderRadius="$roundedFull"
                 hoverStyle={{ backgroundColor: '$surface2Hovered' }}
                 opacity={0}
-                position="absolute"
                 p="$spacing4"
-                right={0}
-                top={0}
               >
                 <Ellipsis color="$neutral2" size="$icon.16" />
               </Flex>
-            </Flex>
-          </ContextMenu>
+            </ContextMenu>
+          </Flex>
         </Flex>
       </TouchableArea>
     </>