Partially revert "Clean up inviteLink handling, harden compose input"

ts/components/CompositionArea.stories.tsx

@@ -40,7 +40,6 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
   clearQuotedMessage: action('clearQuotedMessage'),
   getQuotedMessage: action('getQuotedMessage'),
   sortedGroupMembers: [],
-  setSecureInput: action('setSecureInput'),
   // EmojiButton
   onPickEmoji: action('onPickEmoji'),
   onSetSkinTone: action('onSetSkinTone'),

ts/components/CompositionArea.tsx

@@ -70,7 +70,6 @@ export type Props = Pick<
   | 'draftBodyRanges'
   | 'clearQuotedMessage'
   | 'getQuotedMessage'
-  | 'setSecureInput'
 > &
   Pick<
     EmojiButtonProps,
@@ -117,7 +116,6 @@ export const CompositionArea = ({
   clearQuotedMessage,
   getQuotedMessage,
   sortedGroupMembers,
-  setSecureInput,
   // EmojiButton
   onPickEmoji,
   onSetSkinTone,
@@ -508,7 +506,6 @@ export const CompositionArea = ({
             clearQuotedMessage={clearQuotedMessage}
             getQuotedMessage={getQuotedMessage}
             sortedGroupMembers={sortedGroupMembers}
-            setSecureInput={setSecureInput}
           />
         </div>
         {!large ? (

ts/components/CompositionInput.stories.tsx

@@ -29,7 +29,6 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
   getQuotedMessage: action('getQuotedMessage'),
   onPickEmoji: action('onPickEmoji'),
   large: boolean('large', overrideProps.large || false),
-  setSecureInput: action('setSecureInput'),
   sortedGroupMembers: overrideProps.sortedGroupMembers || [],
   skinTone: select(
     'skinTone',

ts/components/CompositionInput.tsx

@@ -77,7 +77,6 @@ export type Props = {
   onSubmit(message: string, mentions: Array<BodyRangeType>): unknown;
   getQuotedMessage(): unknown;
   clearQuotedMessage(): unknown;
-  setSecureInput(enabled: boolean): unknown;
 };
 
 const MAX_LENGTH = 64 * 1024;
@@ -95,7 +94,6 @@ export const CompositionInput: React.ComponentType<Props> = props => {
     skinTone,
     draftText,
     draftBodyRanges,
-    setSecureInput,
     getQuotedMessage,
     clearQuotedMessage,
     sortedGroupMembers,
@@ -252,20 +250,6 @@ export const CompositionInput: React.ComponentType<Props> = props => {
     return false;
   };
 
-  const onFocus = (): void => {
-    setSecureInput(true);
-  };
-
-  const onBlur = (): void => {
-    setSecureInput(false);
-  };
-
-  React.useEffect(() => {
-    return () => {
-      setSecureInput(false);
-    };
-  }, [setSecureInput]);
-
   const onEnter = (): boolean => {
     const quill = quillRef.current;
     const emojiCompletion = emojiCompletionRef.current;
@@ -501,8 +485,6 @@ export const CompositionInput: React.ComponentType<Props> = props => {
     onChange,
     onEnter,
     onEscape,
-    onFocus,
-    onBlur,
     onPickEmoji,
     onShortKeyEnter,
     onTab,
@@ -517,8 +499,6 @@ export const CompositionInput: React.ComponentType<Props> = props => {
       return (
         <ReactQuill
           className={`${BASE_CLASS_NAME}__quill`}
-          onFocus={() => callbacksRef.current.onFocus()}
-          onBlur={() => callbacksRef.current.onBlur()}
           onChange={() => callbacksRef.current.onChange()}
           defaultValue={delta}
           modules={{

ts/components/ForwardMessageModal.stories.tsx

@@ -53,7 +53,6 @@ const createProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
   onSetSkinTone: action('onSetSkinTone'),
   recentEmojis: [],
   removeLinkPreview: action('removeLinkPreview'),
-  setSecureInput: action('setSecureInput'),
   skinTone: 0,
 });
 

ts/components/ForwardMessageModal.tsx

@@ -50,7 +50,6 @@ export type DataPropsType = {
     caretLocation?: number
   ) => unknown;
   onTextTooLong: () => void;
-  setSecureInput: (enabled: boolean) => void;
 } & Pick<EmojiButtonProps, 'recentEmojis' | 'skinTone'>;
 
 type ActionPropsType = Pick<
@@ -80,7 +79,6 @@ export const ForwardMessageModal: FunctionComponent<PropsType> = ({
   recentEmojis,
   removeLinkPreview,
   skinTone,
-  setSecureInput,
 }) => {
   const inputRef = useRef<null | HTMLInputElement>(null);
   const inputApiRef = React.useRef<InputApi | undefined>();
@@ -309,7 +307,6 @@ export const ForwardMessageModal: FunctionComponent<PropsType> = ({
                 onPickEmoji={onPickEmoji}
                 onSubmit={forwardMessage}
                 onTextTooLong={onTextTooLong}
-                setSecureInput={setSecureInput}
               />
               <div className="module-ForwardMessageModal__emoji">
                 <EmojiButton