import {memo, useMemo} from 'react' import * as ExpoClipboard from 'expo-clipboard' import {AtUri} from '@atproto/api' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useNavigation} from '@react-navigation/native' import {makeProfileLink} from '#/lib/routes/links' import {type NavigationProp} from '#/lib/routes/types' import {shareText, shareUrl} from '#/lib/sharing' import {toShareUrl} from '#/lib/strings/url-helpers' import {logger} from '#/logger' import {isIOS} from '#/platform/detection' import {useAgeAssurance} from '#/state/ageAssurance/useAgeAssurance' import {useProfileShadow} from '#/state/cache/profile-shadow' import {useSession} from '#/state/session' import * as Toast from '#/view/com/util/Toast' import {atoms as a} from '#/alf' import {Admonition} from '#/components/Admonition' import {useDialogControl} from '#/components/Dialog' import {SendViaChatDialog} from '#/components/dms/dialogs/ShareViaChatDialog' import {ArrowOutOfBoxModified_Stroke2_Corner2_Rounded as ArrowOutOfBoxIcon} from '#/components/icons/ArrowOutOfBox' import {ChainLink_Stroke2_Corner0_Rounded as ChainLinkIcon} from '#/components/icons/ChainLink' import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard' import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlaneIcon} from '#/components/icons/PaperPlane' import * as Menu from '#/components/Menu' import {useDevMode} from '#/storage/hooks/dev-mode' import {RecentChats} from './RecentChats' import {type ShareMenuItemsProps} from './ShareMenuItems.types' let ShareMenuItems = ({ post, onShare: onShareProp, }: ShareMenuItemsProps): React.ReactNode => { const {hasSession} = useSession() const {_} = useLingui() const navigation = useNavigation() const sendViaChatControl = useDialogControl() const [devModeEnabled] = useDevMode() const {isAgeRestricted} = useAgeAssurance() const postUri = post.uri const postAuthor = useProfileShadow(post.author) const href = useMemo(() => { const urip = new AtUri(postUri) return makeProfileLink(postAuthor, 'post', urip.rkey) }, [postUri, postAuthor]) const hideInPWI = useMemo(() => { return !!postAuthor.labels?.find( label => label.val === '!no-unauthenticated', ) }, [postAuthor]) const onSharePost = () => { logger.metric('share:press:nativeShare', {}, {statsig: true}) const url = toShareUrl(href) shareUrl(url) onShareProp() } const onCopyLink = async () => { logger.metric('share:press:copyLink', {}, {statsig: true}) const url = toShareUrl(href) if (isIOS) { // iOS only await ExpoClipboard.setUrlAsync(url) } else { await ExpoClipboard.setStringAsync(url) } Toast.show(_(msg`Copied to clipboard`), 'clipboard-check') onShareProp() } const onSelectChatToShareTo = (conversation: string) => { navigation.navigate('MessagesConversation', { conversation, embed: postUri, }) } const onShareATURI = () => { shareText(postUri) } const onShareAuthorDID = () => { shareText(postAuthor.did) } return ( <> {hasSession && !isAgeRestricted && ( { logger.metric('share:press:openDmSearch', {}, {statsig: true}) sendViaChatControl.open() }}> Send via direct message )} Share via... Copy link to post {hideInPWI && ( This post is only visible to logged-in users. )} {devModeEnabled && ( Share post at:// URI Share author DID )} ) } ShareMenuItems = memo(ShareMenuItems) export {ShareMenuItems}