Calling support

ts/components/CallManager.stories.tsx

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { CallManager } from './CallManager';
+import { CallState } from '../types/Calling';
+import { ColorType } from '../types/Util';
+
+// @ts-ignore
+import { setup as setupI18n } from '../../js/modules/i18n';
+// @ts-ignore
+import enMessages from '../../_locales/en/messages.json';
+
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+const i18n = setupI18n('en', enMessages);
+
+const callDetails = {
+  avatarPath: undefined,
+  callId: 0,
+  contactColor: 'ultramarine' as ColorType,
+  isIncoming: true,
+  isVideoCall: true,
+  name: 'Rick Sanchez',
+  phoneNumber: '3051234567',
+  profileName: 'Rick Sanchez',
+};
+
+const defaultProps = {
+  acceptCall: action('accept-call'),
+  callDetails,
+  callState: CallState.Accepted,
+  declineCall: action('decline-call'),
+  getVideoCapturer: () => ({}),
+  getVideoRenderer: () => ({}),
+  hangUp: action('hang-up'),
+  hasLocalAudio: true,
+  hasLocalVideo: true,
+  hasRemoteVideo: true,
+  i18n,
+  setLocalAudio: action('set-local-audio'),
+  setLocalVideo: action('set-local-video'),
+  setVideoCapturer: action('set-video-capturer'),
+  setVideoRenderer: action('set-video-renderer'),
+};
+
+const permutations = [
+  {
+    title: 'Call Manager (ongoing)',
+    props: {},
+  },
+  {
+    title: 'Call Manager (ringing)',
+    props: {
+      callState: CallState.Ringing,
+    },
+  },
+];
+
+storiesOf('Components/CallManager', module).add('Iterations', () => {
+  return permutations.map(({ props, title }) => (
+    <>
+      <h3>{title}</h3>
+      <CallManager {...defaultProps} {...props} />
+    </>
+  ));
+});