ci(release): publish latest release

Author: hello-happy-puppy

CODEOWNERS

@@ -1,19 +1,5 @@
-IPFS hash of the deployment:
-- CIDv0: `QmeHTibtaHFy2CsJfYCkWUkz6iRTJPbPQEnAa7syJ8TJuV`
-- CIDv1: `bafybeihm5hjaazzxpktgygpmi4gvtkhdfsozzxhuxmyjnbq5jiwuxskfna`
-
-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://bafybeihm5hjaazzxpktgygpmi4gvtkhdfsozzxhuxmyjnbq5jiwuxskfna.ipfs.dweb.link/
-- https://bafybeihm5hjaazzxpktgygpmi4gvtkhdfsozzxhuxmyjnbq5jiwuxskfna.ipfs.cf-ipfs.com/
-- [ipfs://QmeHTibtaHFy2CsJfYCkWUkz6iRTJPbPQEnAa7syJ8TJuV/](ipfs://QmeHTibtaHFy2CsJfYCkWUkz6iRTJPbPQEnAa7syJ8TJuV/)
-
-### 5.30.1 (2024-05-31)
-
-
+Excited to share some new updates! Here’s what’s new:
+
+Expanded support for NFTs — In addition to mainnet Ethereum, you are now able to see NFTs across all other networks that we currently support, including: Polygon, Arbitrum, Optimism, Base, BSC, and Blast. 
+
+Improved Unicons — We gave your wallet’s unique Unicon a makeover. Check out the rest of your accounts to see your upgraded icons.

RELEASE

@@ -1 +1 @@
-web/5.30.1
+mobile/1.28.2

VERSION

@@ -176,7 +176,18 @@ These are some tools you might want to familiarize yourself with to understand t
 
 ## Migrations
 
-We use `redux-persist` to persist the Redux state between user sessions. Most of this state is shared between the mobile app and the extension. Please review the [Wallet Migrations README](../../packages/wallet/src/state//README.md) for details on how to write migrations when you add or remove anything from the Redux state structure.
+We use `redux-persist` to persist Redux state between user sessions. When the Redux state schema is altered, a migration may be needed to transfer the existing persisted state to the new Redux schema. Failing to define a migration results in the app defaulting to the persisted schema, which will very likely cause `undefined` errors because the code has references to Redux state properties that were dropped in favor the persisted schema.
+
+### When to define a migration
+
+Anytime a required property is added or any property is renamed or deleted to/from Redux state. Migrations are not necessary when optional properties are added to an existing slice. Make sure to always add new required properties to the `schema.ts` file as well.
+
+### How to migrate
+
+1. Increment the `version` of `persistConfig` defined within `store.ts`
+2. Create a migration function within `migrations.ts`. The migration key should be the same as the `version` defined in the previous step
+3. Write a test for your migration within `migrations.test.ts`
+4. Create a new schema within `schema.ts` and ensure it is being exported by the `getSchema` function at the bottom of the file
 
 ## Troubleshooting
 

apps/mobile/README.md

@@ -136,12 +136,12 @@ android {
       }
       beta {
         applicationIdSuffix ".beta"
-        versionName "1.28"
+        versionName "1.28.2"
         dimension "variant"
       }
       prod {
         dimension "variant"
-        versionName "1.28"
+        versionName "1.28.2"
       }
     }
 

apps/mobile/android/app/build.gradle

@@ -2536,7 +2536,7 @@
 					"@executable_path/Frameworks",
 					"@executable_path/../../Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = com.uniswap.mobile.widgets;
@@ -2628,7 +2628,7 @@
 					"@executable_path/Frameworks",
 					"@executable_path/../../Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = com.uniswap.mobile.beta.widgets;
@@ -2713,7 +2713,7 @@
 					"@executable_path/Frameworks",
 					"@executable_path/../../Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = com.uniswap.mobile.WidgetIntentExtension;
@@ -2799,7 +2799,7 @@
 					"@executable_path/Frameworks",
 					"@executable_path/../../Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = com.uniswap.mobile.beta.WidgetIntentExtension;
@@ -2873,7 +2873,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -3103,7 +3103,7 @@
 					"@executable_path/Frameworks",
 					"@executable_path/../../Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = com.uniswap.mobile.OneSignalNotificationServiceExtension;
@@ -3207,7 +3207,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -3278,7 +3278,7 @@
 					"@executable_path/Frameworks",
 					"@executable_path/../../Frameworks",
 				);
-				MARKETING_VERSION = 1.28;
+				MARKETING_VERSION = 1.28.2;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = com.uniswap.mobile.beta.OneSignalNotificationServiceExtension;

apps/mobile/ios/Uniswap.xcodeproj/project.pbxproj

@@ -9,6 +9,17 @@ import { localizeMock as mockRNLocalize } from 'react-native-localize/mock'
 import { AppearanceSettingType } from 'wallet/src/features/appearance/slice'
 import { mockLocalizationContext } from 'wallet/src/test/mocks/utils'
 
+// avoids polluting console in test runs, while keeping important log levels
+global.console = {
+  ...console,
+  // uncomment to ignore a specific log level
+  log: jest.fn(),
+  debug: jest.fn(),
+  info: jest.fn(),
+  // warn: jest.fn(),
+  // error: jest.fn(),
+}
+
 // Mock Sentry crash reporting
 jest.mock('@sentry/react-native', () => ({
   init: () => jest.fn(),

apps/mobile/jest-setup.js

@@ -104,7 +104,6 @@ import {
 } from 'wallet/src/features/wallet/accounts/types'
 import { initialWalletState, SwapProtectionSetting } from 'wallet/src/features/wallet/slice'
 import { createMigrate } from 'wallet/src/state/createMigrate'
-import { getAllKeysOfNestedObject } from 'wallet/src/state/testUtils'
 import {
   fiatPurchaseTransactionInfo,
   signerMnemonicAccount,
@@ -125,6 +124,26 @@ const fiatOnRampTxDetailsFailed = transactionDetails({
   }),
 })
 
+// helps with object assignment
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getAllKeysOfNestedObject = (obj: any, prefix = ''): string[] => {
+  const keys = Object.keys(obj)
+  if (!keys.length && prefix !== '') {
+    return [prefix.slice(0, -1)]
+  }
+  return keys.reduce<string[]>((res, el) => {
+    if (Array.isArray(obj[el])) {
+      return [...res]
+    }
+
+    if (typeof obj[el] === 'object' && obj[el] !== null) {
+      return [...res, ...getAllKeysOfNestedObject(obj[el], prefix + el + '.')]
+    }
+
+    return [...res, prefix + el]
+  }, [])
+}
+
 describe('Redux state migrations', () => {
   it('is able to perform all migrations starting from the initial schema', async () => {
     const initialSchemaStub = {
@@ -185,10 +204,6 @@ describe('Redux state migrations', () => {
       },
     }
 
-    if (!migratedSchema) {
-      throw new Error('Migrated schema is undefined')
-    }
-
     const migratedSchemaKeys = new Set(getAllKeysOfNestedObject(migratedSchema))
     const latestSchemaKeys = new Set(getAllKeysOfNestedObject(getSchema()))
     const initialStateKeys = new Set(getAllKeysOfNestedObject(initialState))

apps/mobile/src/app/migrations.test.ts

@@ -19,7 +19,6 @@ import {
 } from 'wallet/src/features/transactions/types'
 import { Account, AccountType } from 'wallet/src/features/wallet/accounts/types'
 import { SwapProtectionSetting } from 'wallet/src/features/wallet/slice'
-import { removeWalletIsUnlockedState } from 'wallet/src/state/sharedMigrations'
 
 export const OLD_DEMO_ACCOUNT_ADDRESS = '0xdd0E380579dF30E38524F9477808d9eE37E2dEa6'
 
@@ -877,7 +876,10 @@ export const migrations = {
     return newState
   },
 
-  63: removeWalletIsUnlockedState,
-}
+  63: function removeWalletIsUnlockedState(state: any) {
+    const newState = { ...state }
+    delete newState.wallet.isUnlocked
 
-export const MOBILE_STATE_VERSION = 63
+    return newState
+  },
+}

apps/mobile/src/app/migrations.ts

@@ -3,7 +3,7 @@ import { isRejectedWithValue } from '@reduxjs/toolkit'
 import * as Sentry from '@sentry/react'
 import { MMKV } from 'react-native-mmkv'
 import { Storage, persistReducer, persistStore } from 'redux-persist'
-import { MOBILE_STATE_VERSION, migrations } from 'src/app/migrations'
+import { migrations } from 'src/app/migrations'
 import { isNonJestDev } from 'utilities/src/environment'
 import { logger } from 'utilities/src/logger/logger'
 import { fiatOnRampAggregatorApi, fiatOnRampApi } from 'wallet/src/features/fiatOnRamp/api'
@@ -66,7 +66,7 @@ export const persistConfig = {
   key: 'root',
   storage: reduxStorage,
   whitelist,
-  version: MOBILE_STATE_VERSION,
+  version: 63,
   migrate: createMigrate(migrations),
 }
 

apps/mobile/src/app/store.ts

@@ -11,9 +11,11 @@ import {
   NativeScrollEvent,
   NativeSyntheticEvent,
   ScrollView,
+  StyleProp,
   View,
+  ViewStyle,
 } from 'react-native'
-import { useDerivedValue } from 'react-native-reanimated'
+import { AnimatedStyle, useDerivedValue } from 'react-native-reanimated'
 import { ScrollDownOverlay } from 'src/components/WalletConnect/ModalWithOverlay/ScrollDownOverlay'
 import { Button, Flex, useDeviceInsets } from 'ui/src'
 import { spacing } from 'ui/src/theme'
@@ -30,6 +32,7 @@ type ModalWithOverlayProps = PropsWithChildren<
     onReject: () => void
     onConfirm: () => void
     disableConfirm?: boolean
+    contentContainerStyle?: StyleProp<AnimatedStyle<StyleProp<ViewStyle>>>
   }
 >
 
@@ -48,6 +51,7 @@ export function ModalWithOverlay({
   onReject,
   onConfirm,
   disableConfirm,
+  contentContainerStyle,
   ...bottomSheetModalProps
 }: ModalWithOverlayProps): JSX.Element {
   const scrollViewRef = useRef<ScrollView>(null)
@@ -114,10 +118,12 @@ export function ModalWithOverlay({
     <BottomSheetModal overrideInnerContainer {...bottomSheetModalProps}>
       <BottomSheetScrollView
         ref={scrollViewRef}
-        contentContainerStyle={{
-          paddingHorizontal: spacing.spacing24,
-          paddingTop: spacing.spacing36,
-        }}
+        contentContainerStyle={
+          contentContainerStyle ?? {
+            paddingHorizontal: spacing.spacing24,
+            paddingTop: spacing.spacing36,
+          }
+        }
         showsVerticalScrollIndicator={false}
         onLayout={handleScrollViewLayout}
         onScroll={handleScroll}>

apps/mobile/src/components/WalletConnect/ModalWithOverlay/ModalWithOverlay.tsx

@@ -0,0 +1,85 @@
+import { useBottomSheetInternal } from '@gorhom/bottom-sheet'
+import { useTranslation } from 'react-i18next'
+import Animated, { useAnimatedStyle } from 'react-native-reanimated'
+import { ModalWithOverlay } from 'src/components/WalletConnect/ModalWithOverlay/ModalWithOverlay'
+import { RequestDetailsContent } from 'src/components/WalletConnect/RequestModal/RequestDetails'
+import { useUwuLinkContractAllowlist } from 'src/components/WalletConnect/ScanSheet/util'
+import { SignRequest } from 'src/features/walletConnect/walletConnectSlice'
+import { Flex, useIsDarkMode } from 'ui/src'
+import { spacing } from 'ui/src/theme'
+import { ModalName } from 'uniswap/src/features/telemetry/constants'
+import { RemoteImage } from 'wallet/src/features/images/RemoteImage'
+
+type Props = {
+  onClose: () => void
+  onConfirm: () => void
+  onReject: () => void
+  request: SignRequest
+}
+
+export function KidSuperCheckinModal({
+  onClose,
+  onConfirm,
+  onReject,
+  request,
+}: Props): JSX.Element {
+  const { t } = useTranslation()
+
+  return (
+    <ModalWithOverlay
+      confirmationButtonText={t('common.button.checkin')}
+      contentContainerStyle={{
+        paddingHorizontal: spacing.spacing24,
+        paddingTop: spacing.spacing8,
+      }}
+      name={ModalName.UwULinkErc20SendModal}
+      scrollDownButtonText={t('walletConnect.request.button.scrollDown')}
+      onClose={onClose}
+      onConfirm={onConfirm}
+      onReject={onReject}>
+      <KidSuperCheckinModalContent request={request} />
+    </ModalWithOverlay>
+  )
+}
+
+function useUniswapCafeLogo(): string | undefined {
+  const isDarkMode = useIsDarkMode()
+  const uwuLinkContractAllowlist = useUwuLinkContractAllowlist()
+  const logos = uwuLinkContractAllowlist.tokenRecipients.find(
+    (recipient) => recipient.name === 'Uniswap Cafe'
+  )?.logo
+
+  if (!logos) {
+    return
+  }
+
+  return isDarkMode ? logos.dark : logos.light
+}
+
+function KidSuperCheckinModalContent({ request }: { request: SignRequest }): JSX.Element {
+  const { animatedFooterHeight } = useBottomSheetInternal()
+  const bottomSpacerStyle = useAnimatedStyle(() => ({
+    height: animatedFooterHeight.value,
+  }))
+
+  const logo = useUniswapCafeLogo()
+
+  return (
+    <Flex centered gap="$spacing12" justifyContent="space-between" pb="$spacing12">
+      <Flex centered gap="$spacing20">
+        {logo && <RemoteImage height={50} uri={logo} width={200} />}
+        <Flex
+          centered
+          borderColor="$surface3"
+          borderRadius="$rounded20"
+          borderWidth={1}
+          gap="$spacing12"
+          px="$spacing24"
+          py="$spacing24">
+          <RequestDetailsContent request={request} />
+        </Flex>
+      </Flex>
+      <Animated.View style={bottomSpacerStyle} />
+    </Flex>
+  )
+}

apps/mobile/src/components/WalletConnect/RequestModal/KidSuperCheckinModal.tsx

@@ -194,7 +194,7 @@ function isSignTypedDataRequest(request: WalletConnectRequest): request is SignR
   return request.type === EthMethod.SignTypedData || request.type === EthMethod.SignTypedDataV4
 }
 
-function RequestDetailsContent({ request }: Props): JSX.Element {
+export function RequestDetailsContent({ request }: Props): JSX.Element {
   const { t } = useTranslation()
 
   if (isSignTypedDataRequest(request)) {