Verification (#8226)

* WIP

* Alignment with icon

* Add create/remove prompts

* Fill out check dialog a bit

* Reorg

* Handle was verified state

* Add warning to edit profile

* Add warning to handle dialog

* Decent alignment in posts on all platforms

* Refactor alignment for posts, chatlist, hover card

* Disable on profile

* Convo header

* Compute simple verification state

* Add other icon, rename, integrate

* Swap in simple state for profile edits

* Clean up utility hooks

* Add verifications UI to dialog

* Add edu nux

* Revert change

* Fix wrapping of check on profile

* Rename

* Fix gap under PostMeta

* Update check dialogs

* Handle takendown verifiers in check dialog

* alf composer reply to

* Refactor verification state

* Add create/remove mutations, non-functional for now

* Fix up post-rebase

* Add check to first author noty

* Do cache updates after mutations

* DRY up hook, add to profile updates too

* Add to drawer

* Update account list

* Adapt to new types

* Hook up mutations

* Use profile shadow in feeds

* Add to settings

* Shadow currentAccountProfile

* Add invalid state to verifications

* Fix alignment and overflow in Settings and Drawer

* Re-integrate post rebase

* Remove debug code

* Update copy

* Add unverified notification support

* Remove link

* Make sure dialog closes

* Update URL

* Add settings screen

* Integrate new setting into verification states

* Add metrics, bump package, fix bad import

* NUX fixes

* Update copy

* Fixes

* Update types

* fix search autocomplete

* fix lint

* add display name warning to new dialog

* update default prefs

* Add parsing support for notifications

* Bump pkg

* Tweak noty styles

* Adjust check alignment

* Tweak check alignment

* Fix badge for verifier

* Modify copy

---------

Co-authored-by: Samuel Newman <mozzius@protonmail.com>
Co-authored-by: Paul Frazee <pfrazee@gmail.com>

src/components/Prompt.tsx

@@ -1,13 +1,13 @@
 import React from 'react'
-import {GestureResponderEvent, View} from 'react-native'
+import {type GestureResponderEvent, View} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
-import {atoms as a, useBreakpoints, useTheme} from '#/alf'
-import {Button, ButtonColor, ButtonText} from '#/components/Button'
+import {atoms as a, useBreakpoints, useTheme, type ViewStyleProp} from '#/alf'
+import {Button, type ButtonColor, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
 import {Text} from '#/components/Typography'
-import {BottomSheetViewProps} from '../../modules/bottom-sheet'
+import {type BottomSheetViewProps} from '../../modules/bottom-sheet'
 
 export {
   type DialogControlProps as PromptControlProps,
@@ -62,12 +62,22 @@ export function Outer({
   )
 }
 
-export function TitleText({children}: React.PropsWithChildren<{}>) {
+export function TitleText({
+  children,
+  style,
+}: React.PropsWithChildren<ViewStyleProp>) {
   const {titleId} = React.useContext(Context)
   return (
     <Text
       nativeID={titleId}
-      style={[a.text_2xl, a.font_bold, a.pb_sm, a.leading_snug]}>
+      style={[
+        a.flex_1,
+        a.text_2xl,
+        a.font_bold,
+        a.pb_sm,
+        a.leading_snug,
+        style,
+      ]}>
       {children}
     </Text>
   )
@@ -190,7 +200,7 @@ export function Basic({
 }: React.PropsWithChildren<{
   control: Dialog.DialogOuterProps['control']
   title: string
-  description: string
+  description?: string
   cancelButtonCta?: string
   confirmButtonCta?: string
   /**
@@ -207,7 +217,7 @@ export function Basic({
   return (
     <Outer control={control} testID="confirmModal">
       <TitleText>{title}</TitleText>
-      <DescriptionText>{description}</DescriptionText>
+      {description && <DescriptionText>{description}</DescriptionText>}
       <Actions>
         <Action
           cta={confirmButtonCta}