Init payments message types

ts/components/conversation/TimelineItem.tsx

@@ -53,6 +53,8 @@ import type { SmartContactRendererType } from '../../groupChange';
 import { ResetSessionNotification } from './ResetSessionNotification';
 import type { PropsType as ProfileChangeNotificationPropsType } from './ProfileChangeNotification';
 import { ProfileChangeNotification } from './ProfileChangeNotification';
+import type { PropsType as PaymentEventNotificationPropsType } from './PaymentEventNotification';
+import { PaymentEventNotification } from './PaymentEventNotification';
 import type { FullJSXType } from '../Intl';
 import { TimelineMessage } from './TimelineMessage';
 
@@ -116,6 +118,10 @@ type ProfileChangeNotificationType = {
   type: 'profileChange';
   data: ProfileChangeNotificationPropsType;
 };
+type PaymentEventType = {
+  type: 'paymentEvent';
+  data: Omit<PaymentEventNotificationPropsType, 'i18n'>;
+};
 
 export type TimelineItemType = (
   | CallHistoryType
@@ -133,6 +139,7 @@ export type TimelineItemType = (
   | ChangeNumberNotificationType
   | UnsupportedMessageType
   | VerificationNotificationType
+  | PaymentEventType
 ) & { timestamp: number };
 
 type PropsLocalType = {
@@ -302,6 +309,14 @@ export class TimelineItem extends React.PureComponent<PropsType> {
             i18n={i18n}
           />
         );
+      } else if (item.type === 'paymentEvent') {
+        notification = (
+          <PaymentEventNotification
+            {...this.props}
+            {...item.data}
+            i18n={i18n}
+          />
+        );
       } else {
         // Weird, yes, but the idea is to get a compile error when we aren't comprehensive
         //   with our if/else checks above, but also log out the type we don't understand