Add copy option to triple-dot menu of messages

ts/components/conversation/Quote.stories.tsx

@@ -83,6 +83,7 @@ const defaultMessageProps: TimelineMessagesProps = {
     id: 'some-id',
     title: 'Person X',
   }),
+  canCopy: true,
   canEditMessage: true,
   canReact: true,
   canReply: true,
@@ -129,6 +130,7 @@ const defaultMessageProps: TimelineMessagesProps = {
   setMessageToEdit: action('setMessageToEdit'),
   setQuoteByMessageId: action('default--setQuoteByMessageId'),
   retryMessageSend: action('default--retryMessageSend'),
+  copyMessageText: action('copyMessageText'),
   retryDeleteForEveryone: action('default--retryDeleteForEveryone'),
   saveAttachment: action('saveAttachment'),
   scrollToQuotedMessage: action('default--scrollToQuotedMessage'),

ts/components/conversation/Timeline.stories.tsx

@@ -47,6 +47,7 @@ function mockMessageTimelineItem(
     data: {
       id,
       author: getDefaultConversation({}),
+      canCopy: true,
       canDeleteForEveryone: false,
       canDownload: true,
       canEditMessage: true,
@@ -282,6 +283,7 @@ const actions = () => ({
   reactToMessage: action('reactToMessage'),
   setMessageToEdit: action('setMessageToEdit'),
   setQuoteByMessageId: action('setQuoteByMessageId'),
+  copyMessageText: action('copyMessageText'),
   retryDeleteForEveryone: action('retryDeleteForEveryone'),
   retryMessageSend: action('retryMessageSend'),
   saveAttachment: action('saveAttachment'),

ts/components/conversation/TimelineItem.stories.tsx

@@ -69,6 +69,7 @@ const getDefaultProps = () => ({
   clearTargetedMessage: action('clearTargetedMessage'),
   setMessageToEdit: action('setMessageToEdit'),
   setQuoteByMessageId: action('setQuoteByMessageId'),
+  copyMessageText: action('copyMessageText'),
   retryDeleteForEveryone: action('retryDeleteForEveryone'),
   retryMessageSend: action('retryMessageSend'),
   blockGroupLinkRequests: action('blockGroupLinkRequests'),

ts/components/conversation/TimelineMessage.stories.tsx

@@ -245,6 +245,7 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
   attachments: overrideProps.attachments,
   author: overrideProps.author || getDefaultConversation(),
   bodyRanges: overrideProps.bodyRanges,
+  canCopy: true,
   canEditMessage: true,
   canReact: true,
   canReply: true,
@@ -324,6 +325,7 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
   saveAttachment: action('saveAttachment'),
   setQuoteByMessageId: action('setQuoteByMessageId'),
   retryMessageSend: action('retryMessageSend'),
+  copyMessageText: action('copyMessageText'),
   retryDeleteForEveryone: action('retryDeleteForEveryone'),
   scrollToQuotedMessage: action('scrollToQuotedMessage'),
   targetMessage: action('targetMessage'),

ts/components/conversation/TimelineMessage.tsx

@@ -32,6 +32,7 @@ import type { DeleteMessagesPropsType } from '../../state/ducks/globalModals';
 
 export type PropsData = {
   canDownload: boolean;
+  canCopy: boolean;
   canEditMessage: boolean;
   canRetry: boolean;
   canRetryDeleteForEveryone: boolean;
@@ -50,6 +51,7 @@ export type PropsActions = {
     { emoji, remove }: { emoji: string; remove: boolean }
   ) => void;
   retryMessageSend: (id: string) => void;
+  copyMessageText: (id: string) => void;
   retryDeleteForEveryone: (id: string) => void;
   setMessageToEdit: (conversationId: string, messageId: string) => unknown;
   setQuoteByMessageId: (conversationId: string, messageId: string) => void;
@@ -82,6 +84,7 @@ export function TimelineMessage(props: Props): JSX.Element {
     attachments,
     author,
     canDownload,
+    canCopy,
     canEditMessage,
     canReact,
     canReply,
@@ -101,6 +104,7 @@ export function TimelineMessage(props: Props): JSX.Element {
     isTapToView,
     kickOffAttachmentDownload,
     payment,
+    copyMessageText,
     pushPanelForConversation,
     reactToMessage,
     renderEmojiPicker,
@@ -367,6 +371,7 @@ export function TimelineMessage(props: Props): JSX.Element {
             ? () => retryDeleteForEveryone(id)
             : undefined
         }
+        onCopy={canCopy ? () => copyMessageText(id) : undefined}
         onSelect={() => toggleSelectMessage(conversationId, id, false, true)}
         onForward={
           canForward ? () => toggleForwardMessagesModal([id]) : undefined
@@ -554,6 +559,7 @@ type MessageContextProps = {
   onReact: (() => void) | undefined;
   onRetryMessageSend: (() => void) | undefined;
   onRetryDeleteForEveryone: (() => void) | undefined;
+  onCopy: (() => void) | undefined;
   onForward: (() => void) | undefined;
   onDeleteMessage: () => void;
   onMoreInfo: () => void;
@@ -569,6 +575,7 @@ const MessageContextMenu = ({
   onReplyToMessage,
   onReact,
   onMoreInfo,
+  onCopy,
   onSelect,
   onRetryMessageSend,
   onRetryDeleteForEveryone,
@@ -667,6 +674,19 @@ const MessageContextMenu = ({
       >
         {i18n('icu:MessageContextMenu__select')}
       </MenuItem>
+      {onCopy && (
+        <MenuItem
+          attributes={{
+            className:
+              'module-message__context--icon module-message__context__copy-timestamp',
+          }}
+          onClick={() => {
+            onCopy();
+          }}
+        >
+          {i18n('icu:copy')}
+        </MenuItem>
+      )}
       <MenuItem
         attributes={{
           className: