stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.6

package/src/contexts/threadContext/ThreadContext.tsx

@@ -1,57 +1,35 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import { getDisplayName } from '../utils/getDisplayName';
-
 import type { ChannelState } from 'stream-chat';
 
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import { getDisplayName } from '../utils/getDisplayName';
 
 export type ThreadContextValue<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   allowThreadMessagesInChannel: boolean;
   closeThread: () => void;
   loadMoreThread: () => Promise<void>;
-  openThread: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+  openThread: (message: MessageType<StreamChatGenerics>) => void;
   reloadThread: () => void;
   setThreadLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;
-  thread: MessageType<At, Ch, Co, Ev, Me, Re, Us> | null;
+  thread: MessageType<StreamChatGenerics> | null;
   threadHasMore: boolean;
   threadLoadingMore: boolean;
-  threadMessages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threads'][string];
+  threadMessages: ChannelState<StreamChatGenerics>['threads'][string];
 };
 
 export const ThreadContext = React.createContext({} as ThreadContextValue);
 
 export const ThreadProvider = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
-  value: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+  value: ThreadContextValue<StreamChatGenerics>;
 }>) => (
   <ThreadContext.Provider value={value as unknown as ThreadContextValue}>
     {children}
@@ -59,14 +37,8 @@ export const ThreadProvider = <
 );
 
 export const useThreadContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
->() => useContext(ThreadContext) as unknown as ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>() => useContext(ThreadContext) as unknown as ThreadContextValue<StreamChatGenerics>;
 
 /**
  * Typescript currently does not support partial inference so if ThreadContext
@@ -75,20 +47,14 @@ export const useThreadContext = <
  */
 export const withThreadContext = <
   P extends UnknownType,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {
+): React.FC<Omit<P, keyof ThreadContextValue<StreamChatGenerics>>> => {
   const WithThreadContextComponent = (
-    props: Omit<P, keyof ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>>,
+    props: Omit<P, keyof ThreadContextValue<StreamChatGenerics>>,
   ) => {
-    const threadContext = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();
+    const threadContext = useThreadContext<StreamChatGenerics>();
 
     return <Component {...(props as P)} {...threadContext} />;
   };

package/src/contexts/translationContext/TranslationContext.tsx

@@ -1,12 +1,13 @@
 import React, { useContext } from 'react';
-import Dayjs from 'dayjs';
 
-import { getDisplayName } from '../utils/getDisplayName';
+import Dayjs from 'dayjs';
 
 import type { TFunction } from 'i18next';
 import type { Moment } from 'moment';
 
-import type { UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+
+import { getDisplayName } from '../utils/getDisplayName';
 
 export const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>
   (output as Dayjs.Dayjs | Moment).isSame != null;
@@ -35,16 +36,20 @@ export const TranslationProvider: React.FC<{
 
 export const useTranslationContext = () => useContext(TranslationContext);
 
-export const withTranslationContext = <P extends UnknownType>(
-  Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof TranslationContextValue>> => {
-  const WithTranslationContextComponent = (props: Omit<P, keyof TranslationContextValue>) => {
+export const withTranslationContext = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  Component: React.ComponentType<StreamChatGenerics>,
+): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {
+  const WithTranslationContextComponent = (
+    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,
+  ) => {
     const translationContext = useTranslationContext();
 
-    return <Component {...(props as P)} {...translationContext} />;
+    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;
   };
   WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(
-    Component,
+    Component as React.ComponentType,
   )}`;
   return WithTranslationContextComponent;
 };

package/src/contexts/typingContext/TypingContext.tsx

@@ -1,47 +1,25 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import { getDisplayName } from '../utils/getDisplayName';
-
 import type { ChannelState } from 'stream-chat';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import { getDisplayName } from '../utils/getDisplayName';
 
 export type TypingContextValue<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  typing: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing'];
+  typing: ChannelState<StreamChatGenerics>['typing'];
 };
 
 export const TypingContext = React.createContext({} as TypingContextValue);
 
 export const TypingProvider = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
-  value: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+  value: TypingContextValue<StreamChatGenerics>;
 }>) => (
   <TypingContext.Provider value={value as unknown as TypingContextValue}>
     {children}
@@ -49,14 +27,8 @@ export const TypingProvider = <
 );
 
 export const useTypingContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
->() => useContext(TypingContext) as unknown as TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>() => useContext(TypingContext) as unknown as TypingContextValue<StreamChatGenerics>;
 
 /**
  * Typescript currently does not support partial inference so if TypingContext
@@ -65,20 +37,14 @@ export const useTypingContext = <
  */
 export const withTypingContext = <
   P extends UnknownType,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {
+): React.FC<Omit<P, keyof TypingContextValue<StreamChatGenerics>>> => {
   const WithTypingContextComponent = (
-    props: Omit<P, keyof TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>>,
+    props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>,
   ) => {
-    const typingContext = useTypingContext<At, Ch, Co, Ev, Me, Re, Us>();
+    const typingContext = useTypingContext<StreamChatGenerics>();
 
     return <Component {...(props as P)} {...typingContext} />;
   };

package/src/contexts/utils/getDisplayName.ts

@@ -1,4 +1,5 @@
 import type { ComponentType } from 'react';
+
 import type { UnknownType } from '../../types/types';
 
 export const getDisplayName = <P extends UnknownType>(Component: ComponentType<P>) =>

package/src/emoji-data/index.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
-const emojis = require('./emojis.ts');
 const emojiNames = require('./emojiNames.ts');
+const emojis = require('./emojis.ts');
 
 const emojiLib = emojis.reduce((acc, cur) => {
   acc[cur.name] = {

package/src/hooks/useStreami18n.ts

@@ -1,9 +1,9 @@
 import { useEffect, useState } from 'react';
 
 import { useIsMountedRef } from './useIsMountedRef';
-import { Streami18n } from '../utils/Streami18n';
 
 import type { TranslationContextValue } from '../contexts/translationContext/TranslationContext';
+import { Streami18n } from '../utils/Streami18n';
 
 export const useStreami18n = ({
   i18nInstance,

package/src/icons/UserAdmin.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+import { IconProps, RootPath, RootSvg } from './utils/base';
+
+export const UserAdmin: React.FC<IconProps> = (props) => {
+  const { height, width, ...rest } = props;
+  return (
+    <RootSvg height={height} viewBox={`0 0 ${height} ${width}`} width={width} {...rest}>
+      <RootPath
+        clipRule='evenodd'
+        d='M 13.0001 11 C 10.2401 11 8.00007 8.76 8.00007 6 C 8.00007 3.24 10.2401 1 13.0001 1 C 15.7601 1 18.0001 3.24 18.0001 6 C 18.0001 8.76 15.7601 11 13.0001 11 Z M 13.0001 3 C 11.3501 3 10.0001 4.35 10.0001 6 C 10.0001 7.65 11.3501 9 13.0001 9 C 14.6501 9 16.0001 7.65 16.0001 6 C 16.0001 4.35 14.6501 3 13.0001 3 Z M 2 22 H 1.89 C 1.34 21.94 0.95 21.45 1 20.9 C 1.00045 20.8978 1.00146 20.8907 1.00314 20.879 C 1.07661 20.3673 2.42162 12 13.0001 12 C 14.8301 12 16.5101 12.29 17.9901 12.85 C 18.5101 13.05 18.7601 13.62 18.5701 14.14 C 18.3701 14.66 17.7901 14.91 17.2801 14.72 C 16.0201 14.24 14.5801 14 13.0001 14 C 4.01006 14 3.03 20.78 2.99 21.11 C 2.94 21.62 2.5 22 2 22 Z'
+        fillRule='evenodd'
+        {...rest}
+      />
+      <RootPath
+        clipRule='evenodd'
+        d='M 24.9998 18.1 C 24.9998 17.8239 24.7759 17.6 24.4998 17.6 H 23.8098 L 24.2963 17.1136 C 24.4915 16.9183 24.4915 16.6017 24.2963 16.4064 L 23.5934 15.7036 C 23.3981 15.5083 23.0815 15.5083 22.8863 15.7036 L 22.3998 16.19 V 15.5 C 22.3998 15.2239 22.1759 15 21.8998 15 H 20.8998 C 20.6237 15 20.3998 15.2239 20.3998 15.5 V 16.19 L 19.9134 15.7036 C 19.7181 15.5083 19.4015 15.5083 19.2063 15.7036 L 18.5034 16.4064 C 18.3081 16.6017 18.3081 16.9183 18.5034 17.1136 L 18.9898 17.6 H 18.2998 C 18.0237 17.6 17.7998 17.8239 17.7998 18.1 V 19.1 C 17.7998 19.3761 18.0237 19.6 18.2998 19.6 H 18.9898 L 18.5034 20.0864 C 18.3081 20.2817 18.3081 20.5983 18.5034 20.7936 L 19.2063 21.4964 C 19.4015 21.6917 19.7181 21.6917 19.9134 21.4964 L 20.3998 21.01 V 21.7 C 20.3998 21.9761 20.6237 22.2 20.8998 22.2 H 21.8998 C 22.1759 22.2 22.3998 21.9761 22.3998 21.7 V 21.01 L 22.8863 21.4964 C 23.0815 21.6917 23.3981 21.6917 23.5934 21.4964 L 24.2963 20.7936 C 24.4915 20.5983 24.4915 20.2817 24.2963 20.0864 L 23.8098 19.6 H 24.4998 C 24.7759 19.6 24.9998 19.3761 24.9998 19.1 V 18.1 Z M 21.3998 20.02 C 20.6198 20.02 19.9798 19.39 19.9798 18.6 C 19.9798 17.82 20.6098 17.18 21.3998 17.18 C 22.1798 17.18 22.8198 17.81 22.8198 18.6 C 22.8198 19.38 22.1798 20.02 21.3998 20.02 Z'
+        fillRule='evenodd'
+        {...rest}
+      />
+    </RootSvg>
+  );
+};

package/src/icons/index.ts

@@ -30,7 +30,6 @@ export * from './Grid';
 export * from './Group';
 export * from './HTML';
 export * from './Imgur';
-export * from './Left';
 export * from './Lightning';
 export * from './Link';
 export * from './Loading';
@@ -54,7 +53,6 @@ export * from './PPT';
 export * from './PPTX';
 export * from './RAR';
 export * from './Refresh';
-export * from './Right';
 export * from './RTF';
 export * from './Search';
 export * from './SendRight';

package/src/mock-builders/api/sendMessage.js

@@ -1,4 +1,5 @@
 import { mockedApiResponse } from './utils';
+
 import { generateMessage } from '../generator/message';
 /**
  * Returns the api response for sendMessage api.

package/src/mock-builders/generator/attachment.js

@@ -19,10 +19,8 @@ export const generateVideoAttachment = (a) => ({
 
 export const generateImageAttachment = (a) => ({
   image_url: uuidv4(),
-  text: uuidv4(),
   thumb_url: uuidv4(),
   title: uuidv4(),
-  title_link: 'https://getstream.io',
   type: 'image',
   ...a,
 });

package/src/mock-builders/generator/channel.js

@@ -1,74 +1,111 @@
 import { v4 as uuidv4 } from 'uuid';
 
-export const generateChannel = (options = { channel: {} }) => {
-  const { channel: optionsChannel, ...optionsBesidesChannel } = options;
-  const id = (optionsChannel && optionsChannel.id) || uuidv4();
-  const type = (optionsChannel && optionsChannel.type) || 'messaging';
+import { generateUser, getUserDefaults } from './user';
+
+const defaultCapabilities = [
+  'ban-channel-members',
+  'delete-any-message',
+  'delete-own-message',
+  'flag-message',
+  'mute-channel',
+  'pin-message',
+  'quote-message',
+  'read-events',
+  'send-links',
+  'send-message',
+  'send-reaction',
+  'send-reply',
+  'typing-events',
+  'update-any-message',
+  'update-own-message',
+  'upload-file',
+];
+
+const defaultConfig = {
+  automod: 'disabled',
+  automod_behavior: 'flag',
+  commands: [
+    {
+      args: '[text]',
+      description: 'Post a random gif to the channel',
+      name: 'giphy',
+      set: 'fun_set',
+    },
+  ],
+  connect_events: true,
+  created_at: '2020-04-24T11:36:43.859020368Z',
+  max_message_length: 5000,
+  message_retention: 'infinite',
+  mutes: true,
+  name: 'messaging',
+  reactions: true,
+  read_events: true,
+  replies: true,
+  search: true,
+  typing_events: true,
+  updated_at: '2020-04-24T11:36:43.859022903Z',
+  uploads: true,
+  url_enrichment: true,
+};
+const defaultState = {
+  members: {},
+  messages: [],
+  setIsUpToDate: jest.fn(),
+};
+
+const getChannelDefaults = ({ id, type } = { id: uuidv4(), type: 'messaging' }) => ({
+  _client: {},
+  data: {
+    cid: `${type}:${id}`,
+    config: {
+      ...defaultConfig,
+      name: type,
+      type,
+    },
+    created_at: '2020-04-28T11:20:48.578147Z',
+    created_by: getUserDefaults(),
+    frozen: false,
+    id,
+    own_capabilities: defaultCapabilities,
+    type,
+    updated_at: '2020-04-28T11:20:48.578147Z',
+  },
+  id,
+  state: defaultState,
+  type,
+});
+
+export const generateChannel = (customValues) =>
+  Object.keys(customValues).reduce((accumulated, current) => {
+    if (Object.prototype.hasOwnProperty.call(accumulated, current)) {
+      accumulated[current] =
+        typeof accumulated[current] === 'object'
+          ? { ...accumulated[current], ...customValues[current] }
+          : (accumulated[current] = customValues[current]);
+      return accumulated;
+    }
+    return { ...accumulated, [current]: customValues[current] };
+  }, getChannelDefaults());
+
+export const generateChannelResponse = (
+  customValues = { channel: {}, id: uuidv4(), type: 'messaging' },
+) => {
+  const { id = uuidv4(), type = 'messaging', channel = {}, ...rest } = customValues;
+
+  const defaults = getChannelDefaults();
   return {
     channel: {
-      cid: `${type}:${id}`,
-      config: {
-        automod: 'disabled',
-        automod_behavior: 'flag',
-        commands: [
-          {
-            args: '[text]',
-            description: 'Post a random gif to the channel',
-            name: 'giphy',
-            set: 'fun_set',
-          },
-        ],
-        connect_events: true,
-        created_at: '2020-04-24T11:36:43.859020368Z',
-        max_message_length: 5000,
-        message_retention: 'infinite',
-        mutes: true,
-        name: 'messaging',
-        reactions: true,
-        read_events: true,
-        replies: true,
-        search: true,
-        typing_events: true,
-        updated_at: '2020-04-24T11:36:43.859022903Z',
-        uploads: true,
-        url_enrichment: true,
-      },
-      created_at: '2020-04-28T11:20:48.578147Z',
-      created_by: {
-        banned: false,
-        created_at: '2020-04-27T13:05:13.847572Z',
-        id: 'vishal',
-        last_active: '2020-04-28T11:21:08.353026Z',
-        online: false,
-        role: 'user',
-        updated_at: '2020-04-28T11:21:08.357468Z',
+      ...defaults.data,
+      ...{
+        cid: `${type}:${id}`,
+        ...channel,
+        id,
+        type,
+        user: generateUser(),
       },
-      frozen: false,
-      id,
-      own_capabilities: [
-        'ban-channel-members',
-        'delete-any-message',
-        'delete-own-message',
-        'flag-message',
-        'mute-channel',
-        'pin-message',
-        'quote-message',
-        'read-events',
-        'send-links',
-        'send-message',
-        'send-reaction',
-        'send-reply',
-        'typing-events',
-        'update-any-message',
-        'update-own-message',
-        'upload-file',
-      ],
-      type,
-      updated_at: '2020-04-28T11:20:48.578147Z',
-      ...optionsChannel,
     },
     members: [],
     messages: [],
-    ...optionsBesidesChannel,
+    ...rest,
   };
 };

package/src/mock-builders/generator/user.js

@@ -1,6 +1,6 @@
 import { v4 as uuidv4 } from 'uuid';
 
-export const generateUser = (options = {}) => ({
+export const getUserDefaults = () => ({
   banned: false,
   created_at: '2020-04-27T13:39:49.331742Z',
   id: uuidv4(),
@@ -9,34 +9,41 @@ export const generateUser = (options = {}) => ({
   online: false,
   role: 'user',
   updated_at: '2020-04-27T13:39:49.332087Z',
+});
+
+export const generateUser = (options = {}) => ({
+  ...getUserDefaults(),
   ...options,
 });
 
+const staticUsers = [
+  // By the order of...
+  generateUser({
+    id: 'tommy',
+    image: 'https://i.imgur.com/ytIyojl.png',
+    name: 'Thomas',
+  }),
+  generateUser({
+    id: 'arthur',
+    image: 'https://i.imgur.com/LuuGvh0.png',
+    name: 'Arthur',
+  }),
+  generateUser({
+    id: 'john',
+    image: 'https://i.imgur.com/LbtxRjf.png',
+    name: 'John',
+  }),
+  generateUser({
+    id: 'finn',
+    image: 'https://i.imgur.com/spueyAP.png',
+    name: 'Finn',
+  }),
+];
+
 export const generateStaticUser = (userNumber) => {
-  switch (userNumber) {
-    case 0:
-      return generateUser({
-        id: 'DannyBoi1',
-        image: 'https://images-na.ssl-images-amazon.com/images/I/51t29lLkg8L._AC_SL1000_.jpg',
-        name: 'Dan',
-      });
-    case 1:
-      return generateUser({
-        id: 'GrantyBoi2',
-        image: 'https://i.imgur.com/SLx06PP.png',
-        name: 'Grant',
-      });
-    case 2:
-      return generateUser({
-        id: 'ViriBoi2',
-        image: 'https://i.imgur.com/iNaC3K7.jpg',
-        name: 'Vir',
-      });
-    default:
-      return generateUser({
-        id: 'NeiliBoi3',
-        image: 'https://i.imgur.com/T68W8nR_d.webp?maxwidth=728&fidelity=grand',
-        name: 'Neil',
-      });
+  if (userNumber - 1 > staticUsers.length) {
+    throw new Error(`Tried getting a static user that doesn't exist.
+Index: ${userNumber} , number of users: ${staticUsers.length}`);
   }
+  return staticUsers[userNumber];
 };

package/src/native.ts

@@ -1,4 +1,5 @@
 import { FlatList as DefaultFlatList } from 'react-native';
+
 import type { NetInfoSubscription } from '@react-native-community/netinfo';
 
 const fail = () => {

package/src/styleguideComponents/ArgumentsRenderer.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
-import Styled, { JssInjectedProps } from 'react-styleguidist/lib/client/rsg-components/Styled';
 import Argument, { ArgumentProps } from 'react-styleguidist/lib/client/rsg-components/Argument';
 import Heading from 'react-styleguidist/lib/client/rsg-components/Heading';
+import Styled, { JssInjectedProps } from 'react-styleguidist/lib/client/rsg-components/Styled';
 import * as Rsg from 'react-styleguidist/lib/typings';
 
 export const styles = ({ space }: Rsg.Theme) => ({

package/src/styleguideComponents/JsDoc.tsx

@@ -1,7 +1,9 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { TagObject, TagProps } from 'react-docgen';
+
 import map from 'lodash/map';
+import PropTypes from 'prop-types';
 import Markdown from 'react-styleguidist/lib/client/rsg-components/Markdown';
 
 const plural = (array: TagObject[], caption: string) =>

package/src/styleguideComponents/PathlineRenderer.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
+
 import copy from 'clipboard-copy';
 import { MdContentCopy } from 'react-icons/md';
 import Link from 'react-styleguidist/lib/client/rsg-components/Link';
-import ToolbarButton from 'react-styleguidist/lib/client/rsg-components/ToolbarButton';
 import Styled, { JssInjectedProps } from 'react-styleguidist/lib/client/rsg-components/Styled';
+import ToolbarButton from 'react-styleguidist/lib/client/rsg-components/ToolbarButton';
 import * as Rsg from 'react-styleguidist/lib/typings';
 
 export const styles = ({ color, fontFamily, fontSize, space }: Rsg.Theme) => ({

package/src/styleguideComponents/PropsRenderer.tsx

@@ -1,15 +1,18 @@
 import React from 'react';
-import Arguments from './ArgumentsRenderer';
+
 import Argument from 'react-styleguidist/lib/client/rsg-components/Argument';
-import JsDoc from './JsDoc';
+
 import Markdown from 'react-styleguidist/lib/client/rsg-components/Markdown';
 import Name from 'react-styleguidist/lib/client/rsg-components/Name';
 import Para from 'react-styleguidist/lib/client/rsg-components/Para';
-import renderTypeColumn from 'react-styleguidist/lib/client/rsg-components/Props/renderType';
-import renderExtra from 'react-styleguidist/lib/client/rsg-components/Props/renderExtra';
 import renderDefault from 'react-styleguidist/lib/client/rsg-components/Props/renderDefault';
+import renderExtra from 'react-styleguidist/lib/client/rsg-components/Props/renderExtra';
+import renderTypeColumn from 'react-styleguidist/lib/client/rsg-components/Props/renderType';
 import { PropDescriptor } from 'react-styleguidist/lib/client/rsg-components/Props/util';
 
+import Arguments from './ArgumentsRenderer';
+import JsDoc from './JsDoc';
+
 function renderDescription(prop: PropDescriptor) {
   const { description, tags = {} } = prop;
   const extra = renderExtra(prop);

package/src/styleguideComponents/Wrapper.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { ThemeProvider } from '../contexts/themeContext/ThemeContext';
 
 const Wrapper: React.FC = ({ children }) => <ThemeProvider>{children}</ThemeProvider>;