fix(native): native release bug fixes — 2026-09-02 (TASK-22125 duplicate notification artwork, TASK-22146 About ToS title locale, TASK-22209 duplicate welcome push, card details survive app switch + expiry copy)

src/components/Profile/AvatarWithBadge.tsx

@@ -19,6 +19,11 @@ interface AvatarWithBadgeProps {
     textColor?: string
     iconFillColor?: string
     logo?: string | StaticImageData
+    /**
+     * The user's own avatar (home chip, self profile header) shows the first
+     * letter of the username only; contacts keep two-letter initials.
+     */
+    firstLetterOnly?: boolean
     /**
      * Rendered when `logo` fails to load (next/image onError). Lets a parent
      * provide a semantic fallback (e.g. bank tx → bank icon on dark bg)
@@ -42,6 +47,7 @@ const AvatarWithBadge: React.FC<AvatarWithBadgeProps> = ({
     iconFillColor,
     logo,
     fallback,
+    firstLetterOnly,
 }) => {
     const [logoFailed, setLogoFailed] = useState(false)
     // board 17802:61529 sizes XS/S/M/L are 24/32/48/64 — the boxes here already
@@ -66,11 +72,9 @@ const AvatarWithBadge: React.FC<AvatarWithBadgeProps> = ({
     }
 
     const initials = useMemo(() => {
-        if (name) {
-            return getInitialsFromName(name)
-        }
-        return ''
-    }, [name])
+        if (!name) return ''
+        return firstLetterOnly ? name.trim().charAt(0).toUpperCase() : getInitialsFromName(name)
+    }, [name, firstLetterOnly])
 
     if (logo && !logoFailed) {
         return (

src/components/Profile/components/ProfileHeader.tsx

@@ -6,7 +6,6 @@ import posthog from 'posthog-js'
 import React, { useEffect, useRef } from 'react'
 import { twMerge } from '@/utils/tw'
 import AvatarWithBadge from '../AvatarWithBadge'
-import DotFaceAvatar from '@/components/Global/DotFaceAvatar'
 import { VerifiedUserLabel } from '@/components/UserHeader'
 import { useAuth } from '@/context/authContext'
 import { useIdentityVerification } from '@/hooks/useIdentityVerification'
@@ -63,10 +62,11 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({
     return (
         <>
             <div className={twMerge('space-y-2 flex flex-col items-center', className)}>
-                {/* Own profile gets the generated dot face; someone else's
-                    public profile keeps initials (letters identify others). */}
+                {/* Own profile shows the first letter of the username; someone
+                    else's public profile keeps initials (letters identify others).
+                    The generated face (497ab2a5e) is parked until avatar v2. */}
                 {isSelfProfile ? (
-                    <DotFaceAvatar username={username} size={88} />
+                    <AvatarWithBadge name={username} firstLetterOnly size="large" />
                 ) : (
                     <AvatarWithBadge name={name || username} />
                 )}

src/components/UserHeader/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import DotFaceAvatar from '@/components/Global/DotFaceAvatar'
+import AvatarWithBadge from '@/components/Profile/AvatarWithBadge'
 import Link from 'next/link'
 import { Icon } from '../Global/Icons/Icon'
 import { twMerge } from '@/utils/tw'
@@ -28,7 +28,7 @@ export const UserHeader = ({ username }: UserHeaderProps) => {
                 shadowSize="3"
                 size="small"
             >
-                <DotFaceAvatar username={username} className="h-[30px] w-[30px]" />
+                <AvatarWithBadge size="extra-small" name={username} firstLetterOnly className="h-[30px] w-[30px]" />
                 <span className="pr-1 text-body-xs font-semibold whitespace-nowrap md:text-body-s">{username}</span>
             </Button>
         </Link>

src/features/home/views/HomeTopNav.tsx

@@ -2,7 +2,6 @@
 
 import { Icon } from '@/components/Global/Icons/Icon'
 import InvitesIcon from '@/components/Home/InvitesIcon'
-import DotFaceAvatar from '@/components/Global/DotFaceAvatar'
 import AvatarWithBadge from '@/components/Profile/AvatarWithBadge'
 import { useAppHaptic } from '@/hooks/useAppHaptic'
 import { useAppTranslations } from '@/i18n/app/useAppTranslations'
@@ -31,14 +30,12 @@ export function HomeTopNav({ avatarName, showRewards }: HomeTopNavProps) {
                 className="relative block after:absolute after:-inset-1.5"
                 aria-label={t('openProfile')}
             >
-                {/* The generated face, which is what DotFaceAvatar exists for —
-                    own identity, here and on the profile header. This chip was
-                    rebuilt onto initials during the nav consolidation and the
-                    face was left behind in UserHeader, which nothing renders.
-                    A user with no name string at all still gets an avatar-toned
-                    circle (yellow — the palette's no-name default). */}
+                {/* Own identity: the first letter of the username, here and on
+                    the profile header (the generated face is parked until avatar
+                    v2). A user with no name string at all still gets an
+                    avatar-toned circle (yellow — the palette's no-name default). */}
                 {avatarName ? (
-                    <DotFaceAvatar username={avatarName} size={32} />
+                    <AvatarWithBadge size="extra-small" name={avatarName} firstLetterOnly />
                 ) : (
                     <AvatarWithBadge
                         size="extra-small"

src/features/home/views/__tests__/HomeTopNav.test.tsx

@@ -6,12 +6,12 @@ jest.mock('@/hooks/useAppHaptic', () => ({ useAppHaptic: () => ({ triggerHaptic:
 jest.mock('@/components/Home/InvitesIcon', () => ({ __esModule: true, default: () => null }))
 
 describe('HomeTopNav', () => {
-    it('wears the generated face, not initials — this chip is the user own identity', () => {
+    it('shows the first letter of the username — not two-letter initials, not a generated face', () => {
         const { container } = renderWithIntl(<HomeTopNav avatarName="testuser" showRewards={false} />)
 
-        // DotFaceAvatar draws an svg; the initials avatar would render the letters
-        expect(container.querySelector('a[href="/profile"] svg')).toBeInTheDocument()
+        expect(container.querySelector('a[href="/profile"]')).toHaveTextContent(/^T$/)
         expect(screen.queryByText(/^TE$/i)).not.toBeInTheDocument()
+        expect(container.querySelector('a[href="/profile"] svg')).not.toBeInTheDocument()
     })
 
     it('falls back to the no-name circle when there is no username yet', () => {

src/i18n/app/messages/en.json

@@ -55,8 +55,7 @@
             "unknown": "Unknown"
         },
         "exchangeRate": "Exchange rate",
-        "slideToProceed": "Slide to Proceed",
-        "userAvatarAlt": "Avatar for {username}"
+        "slideToProceed": "Slide to Proceed"
     },
     "navigation": {
         "home": "Home",

src/i18n/app/messages/en.marketing.json

@@ -55,8 +55,7 @@
             "unknown": "Unknown"
         },
         "exchangeRate": "Exchange rate",
-        "slideToProceed": "Slide to Proceed",
-        "userAvatarAlt": "Avatar for {username}"
+        "slideToProceed": "Slide to Proceed"
     },
     "errors": {
         "balanceSettling": "Your balance isn't fully available yet. Please try again in a few seconds.",

src/i18n/app/messages/es-419.json

@@ -55,8 +55,7 @@
             "unknown": "Desconocido"
         },
         "exchangeRate": "Tipo de cambio",
-        "slideToProceed": "Desliza para continuar",
-        "userAvatarAlt": "Avatar de {username}"
+        "slideToProceed": "Desliza para continuar"
     },
     "navigation": {
         "home": "Inicio",