Contact info modal for call link join requests

ts/components/CallLinkPendingParticipantModal.stories.tsx

@@ -0,0 +1,69 @@
+// Copyright 2024 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { setupI18n } from '../util/setupI18n';
+import enMessages from '../../_locales/en/messages.json';
+import type { CallLinkPendingParticipantModalProps } from './CallLinkPendingParticipantModal';
+import { CallLinkPendingParticipantModal } from './CallLinkPendingParticipantModal';
+import type { ComponentMeta } from '../storybook/types';
+import { getDefaultConversation } from '../test-both/helpers/getDefaultConversation';
+
+const i18n = setupI18n('en', enMessages);
+
+const conversation = getDefaultConversation({
+  acceptedMessageRequest: true,
+  hasMessages: true,
+});
+const conversationWithSharedGroups = getDefaultConversation({
+  acceptedMessageRequest: true,
+  aboutText: 'likes to chat',
+  hasMessages: true,
+  sharedGroupNames: ['Axolotl lovers'],
+});
+const systemContact = getDefaultConversation({
+  acceptedMessageRequest: true,
+  systemGivenName: 'Alice',
+  phoneNumber: '+1 555 123-4567',
+  hasMessages: true,
+});
+
+export default {
+  title: 'Components/CallLinkPendingParticipantModal',
+  component: CallLinkPendingParticipantModal,
+  args: {
+    i18n,
+    conversation,
+    approveUser: action('approveUser'),
+    denyUser: action('denyUser'),
+    toggleAboutContactModal: action('toggleAboutContactModal'),
+    onClose: action('onClose'),
+    updateSharedGroups: action('updateSharedGroups'),
+  },
+} satisfies ComponentMeta<CallLinkPendingParticipantModalProps>;
+
+export function Default(
+  args: CallLinkPendingParticipantModalProps
+): JSX.Element {
+  return <CallLinkPendingParticipantModal {...args} />;
+}
+
+export function SystemContact(
+  args: CallLinkPendingParticipantModalProps
+): JSX.Element {
+  return (
+    <CallLinkPendingParticipantModal {...args} conversation={systemContact} />
+  );
+}
+
+export function WithSharedGroups(
+  args: CallLinkPendingParticipantModalProps
+): JSX.Element {
+  return (
+    <CallLinkPendingParticipantModal
+      {...args}
+      conversation={conversationWithSharedGroups}
+    />
+  );
+}