react-native-gifted-chat 0.16.2 → 1.0.0-beta-2

package/lib/SystemMessage.d.ts

@@ -1,4 +1,3 @@
-import { Component } from 'react';
 import { ViewStyle, StyleProp, TextStyle } from 'react-native';
 import PropTypes from 'prop-types';
 import { IMessage } from './Models';
@@ -8,8 +7,9 @@ export interface SystemMessageProps<TMessage extends IMessage> {
     wrapperStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
 }
-export default class SystemMessage<TMessage extends IMessage = IMessage> extends Component<SystemMessageProps<TMessage>> {
-    static defaultProps: {
+export declare function SystemMessage<TMessage extends IMessage = IMessage>(props: SystemMessageProps<TMessage>): JSX.Element | null;
+export declare namespace SystemMessage {
+    var defaultProps: {
         currentMessage: {
             system: boolean;
         };
@@ -17,11 +17,10 @@ export default class SystemMessage<TMessage extends IMessage = IMessage> extends
         wrapperStyle: {};
         textStyle: {};
     };
-    static propTypes: {
+    var propTypes: {
         currentMessage: PropTypes.Requireable<object>;
         containerStyle: PropTypes.Requireable<number | boolean | object>;
         wrapperStyle: PropTypes.Requireable<number | boolean | object>;
         textStyle: PropTypes.Requireable<number | boolean | object>;
     };
-    render(): JSX.Element | null;
 }

package/lib/SystemMessage.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { StyleSheet, Text, View, } from 'react-native';
 import PropTypes from 'prop-types';
 import Color from './Color';
@@ -18,18 +18,16 @@ const styles = StyleSheet.create({
         fontWeight: '300',
     },
 });
-export default class SystemMessage extends Component {
-    render() {
-        const { currentMessage, containerStyle, wrapperStyle, textStyle, } = this.props;
-        if (currentMessage) {
-            return (<View style={[styles.container, containerStyle]}>
-          <View style={wrapperStyle}>
-            <Text style={[styles.text, textStyle]}>{currentMessage.text}</Text>
-          </View>
-        </View>);
-        }
-        return null;
+export function SystemMessage(props) {
+    const { currentMessage, containerStyle, wrapperStyle, textStyle } = props;
+    if (currentMessage) {
+        return (<View style={[styles.container, containerStyle]}>
+        <View style={wrapperStyle}>
+          <Text style={[styles.text, textStyle]}>{currentMessage.text}</Text>
+        </View>
+      </View>);
     }
+    return null;
 }
 SystemMessage.defaultProps = {
     currentMessage: {

package/lib/SystemMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EACL,UAAU,EACV,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AASF,MAAM,CAAC,OAAO,OAAO,aAEnB,SAAQ,SAAuC;IAiB/C,MAAM;QACJ,MAAM,EACJ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,SAAS,GACV,GAAG,IAAI,CAAC,KAAK,CAAA;QACd,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACxB;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CACpE;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAA;SACF;QACD,OAAO,IAAI,CAAA;IACb,CAAC;;AAjCM,0BAAY,GAAG;IACpB,cAAc,EAAE;QACd,MAAM,EAAE,KAAK;KACd;IACD,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,EAAE;CACd,CAAA;AAEM,uBAAS,GAAG;IACjB,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,cAAc,EAAE,aAAa;IAC7B,YAAY,EAAE,aAAa;IAC3B,SAAS,EAAE,aAAa;CACzB,CAAA"}
+{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,EACV,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AASF,MAAM,UAAU,aAAa,CAC3B,KAAmC;IAEnC,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAEzE,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACxB;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CACpE;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,cAAc,EAAE;QACd,MAAM,EAAE,KAAK;KACd;IACD,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,EAAE;CACd,CAAA;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,cAAc,EAAE,aAAa;IAC7B,YAAY,EAAE,aAAa;IAC3B,SAAS,EAAE,aAAa;CACzB,CAAA"}

package/lib/Time.d.ts

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { Component } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { LeftRightStyle, IMessage } from './Models';
 export interface TimeProps<TMessage extends IMessage> {
@@ -9,11 +8,9 @@ export interface TimeProps<TMessage extends IMessage> {
     timeTextStyle?: LeftRightStyle<TextStyle>;
     timeFormat?: string;
 }
-export default class Time<TMessage extends IMessage = IMessage> extends Component<TimeProps<TMessage>> {
-    static contextTypes: {
-        getLocale: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
+export declare const Time: {
+    <TMessage extends IMessage = IMessage>({ position, containerStyle, currentMessage, timeFormat, timeTextStyle, }: TimeProps<TMessage>): JSX.Element | null;
+    defaultProps: {
         position: string;
         currentMessage: {
             createdAt: null;
@@ -22,7 +19,7 @@ export default class Time<TMessage extends IMessage = IMessage> extends Componen
         timeFormat: string;
         timeTextStyle: {};
     };
-    static propTypes: {
+    propTypes: {
         position: PropTypes.Requireable<string>;
         currentMessage: PropTypes.Requireable<object>;
         containerStyle: PropTypes.Requireable<PropTypes.InferProps<{
@@ -35,5 +32,4 @@ export default class Time<TMessage extends IMessage = IMessage> extends Componen
             right: PropTypes.Requireable<number | boolean | object>;
         }>>;
     };
-    render(): JSX.Element | null;
-}
+};

package/lib/Time.js

@@ -1,20 +1,25 @@
+import * as React from 'react';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import dayjs from 'dayjs';
 import Color from './Color';
 import { TIME_FORMAT } from './Constant';
 import { StylePropType } from './utils';
-const containerStyle = {
-    marginLeft: 10,
-    marginRight: 10,
-    marginBottom: 5,
-};
-const textStyle = {
-    fontSize: 10,
-    backgroundColor: 'transparent',
-    textAlign: 'right',
-};
+import { useChatContext } from './GiftedChatContext';
+const { containerStyle } = StyleSheet.create({
+    containerStyle: {
+        marginLeft: 10,
+        marginRight: 10,
+        marginBottom: 5,
+    },
+});
+const { textStyle } = StyleSheet.create({
+    textStyle: {
+        fontSize: 10,
+        backgroundColor: 'transparent',
+        textAlign: 'right',
+    },
+});
 const styles = {
     left: StyleSheet.create({
         container: {
@@ -35,29 +40,24 @@ const styles = {
         },
     }),
 };
-export default class Time extends Component {
-    render() {
-        const { position, containerStyle, currentMessage, timeFormat, timeTextStyle, } = this.props;
-        if (!!currentMessage) {
-            return (<View style={[
+export const Time = ({ position, containerStyle, currentMessage, timeFormat, timeTextStyle, }) => {
+    const { getLocale } = useChatContext();
+    if (!!currentMessage) {
+        return (<View style={[
                 styles[position].container,
                 containerStyle && containerStyle[position],
             ]}>
-          <Text style={[
+        <Text style={[
                 styles[position].text,
                 timeTextStyle && timeTextStyle[position],
             ]}>
-            {dayjs(currentMessage.createdAt)
-                .locale(this.context.getLocale())
+          {dayjs(currentMessage.createdAt)
+                .locale(getLocale())
                 .format(timeFormat)}
-          </Text>
-        </View>);
-        }
-        return null;
+        </Text>
+      </View>);
     }
-}
-Time.contextTypes = {
-    getLocale: PropTypes.func,
+    return null;
 };
 Time.defaultProps = {
     position: 'left',

package/lib/Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,CAAC;CAChB,CAAA;AAED,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,aAAa;IAC9B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;QACtB,SAAS,EAAE;YACT,GAAG,cAAc;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,aAAa;YAC1B,GAAG,SAAS;SACb;KACF,CAAC;IACF,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,cAAc;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,GAAG,SAAS;SACb;KACF,CAAC;CACH,CAAA;AAUD,MAAM,CAAC,OAAO,OAAO,IAEnB,SAAQ,SAA8B;IA6BtC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,aAAa,GACd,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,IAAI,CAAC,CAAC,cAAc,EAAE;YACpB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS;gBAC1B,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC;aAC3C,CAAC,CAEF;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CACJ;gBACE,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI;gBACrB,aAAa,IAAI,aAAa,CAAC,QAAQ,CAAC;aAC5B,CACf,CAED;YAAA,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;iBAC7B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;iBAChC,MAAM,CAAC,UAAU,CAAC,CACvB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAA;SACF;QACD,OAAO,IAAI,CAAA;IACb,CAAC;;AA7DM,iBAAY,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAA;AAEM,iBAAY,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;KAChB;IACD,cAAc,EAAE,EAAE;IAClB,UAAU,EAAE,WAAW;IACvB,aAAa,EAAE,EAAE;CAClB,CAAA;AAEM,cAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,cAAc,EAAE,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;KACrB,CAAC;IACF,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,aAAa,EAAE,SAAS,CAAC,KAAK,CAAC;QAC7B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;KACrB,CAAC;CACH,CAAA"}
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"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"}

package/lib/TypingIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     isTyping?: boolean;
 }

package/lib/TypingIndicator.js

@@ -57,17 +57,17 @@ const TypingIndicator = ({ isTyping }) => {
         ]).start();
     };
     return (<Animated.View style={[
-        styles.container,
-        {
-            transform: [
-                {
-                    translateY: yCoords,
-                },
-            ],
-            height: heightScale,
-            marginBottom: marginScale,
-        },
-    ]}>
+            styles.container,
+            {
+                transform: [
+                    {
+                        translateY: yCoords,
+                    },
+                ],
+                height: heightScale,
+                marginBottom: marginScale,
+            },
+        ]}>
       {isTyping ? (<TypingAnimation style={{ marginLeft: 6, marginTop: 7.2 }} dotRadius={4} dotMargin={5.5} dotColor={'rgba(0, 0, 0, 0.38)'}/>) : null}
     </Animated.View>);
 };

package/lib/TypingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypingIndicator.js","sourceRoot":"","sources":["../src/TypingIndicator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TypingIndicator.js","sourceRoot":"","sources":["../src/TypingIndicator.tsx"],"names":[],"mappings":"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"}

package/lib/hooks/useUpdateLayoutEffect.d.ts

@@ -1,7 +1,8 @@
+import { DependencyList } from 'react';
 /**
  * A custom useEffect hook that only triggers on updates, not on initial mount
  * Idea stolen from: https://stackoverflow.com/a/55075818/1526448
  * @param {()=>void} effect the function to call
- * @param {Array<any>} dependencies the state(s) that fires the update
+ * @param {DependencyList} dependencies the state(s) that fires the update
  */
-export declare function useUpdateLayoutEffect(effect: () => void, dependencies?: any[]): void;
+export declare function useUpdateLayoutEffect(effect: () => void, dependencies?: DependencyList): void;

package/lib/hooks/useUpdateLayoutEffect.js

@@ -3,7 +3,7 @@ import { useLayoutEffect, useRef } from 'react';
  * A custom useEffect hook that only triggers on updates, not on initial mount
  * Idea stolen from: https://stackoverflow.com/a/55075818/1526448
  * @param {()=>void} effect the function to call
- * @param {Array<any>} dependencies the state(s) that fires the update
+ * @param {DependencyList} dependencies the state(s) that fires the update
  */
 export function useUpdateLayoutEffect(effect, dependencies = []) {
     const isInitialMount = useRef(true);

package/lib/hooks/useUpdateLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLayoutEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/C;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,eAAsB,EAAE;IAExB,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;SAC/B;aAAM;YACL,MAAM,EAAE,CAAA;SACT;IACH,CAAC,EAAE,YAAY,CAAC,CAAA;AAClB,CAAC"}
+{"version":3,"file":"useUpdateLayoutEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,eAA+B,EAAE;IAEjC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;SAC/B;aAAM;YACL,MAAM,EAAE,CAAA;SACT;IACH,CAAC,EAAE,YAAY,CAAC,CAAA;AAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-chat",
-  "version": "0.16.2",
+  "version": "1.0.0-beta-2",
   "description": "The most complete chat UI for React Native",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -25,96 +25,70 @@
   },
   "homepage": "https://github.com/FaridSafi/react-native-gifted-chat#readme",
   "scripts": {
-    "config:dev": "json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'",
-    "config:npm": "json -I -f package.json -e 'this.main=\"lib/index.js\"'",
-    "lint": "tslint --project .",
-    "lint:fix": "./node_modules/.bin/tslint ./src/**/*.{ts,tsx} --fix",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "lint:fix": "./node_modules/.bin/eslint ./src/*.{ts,tsx} --fix",
     "tsc": "node_modules/.bin/tsc --noEmit",
-    "start": "yarn config:dev && expo start",
-    "start:web": "yarn config:dev && expo start -w --dev",
+    "tsc:watch": "node_modules/.bin/tsc --watch --noEmit",
+    "start": "cd example && expo start",
+    "start:web": "cd example && expo start -w --dev",
     "build": "rm -rf lib/ && node_modules/.bin/tsc && cp flow-typedefs/*.js.flow lib/",
     "test": "TZ=Europe/Paris jest --no-watchman",
     "test:watch": "TZ=Europe/Paris jest --watch",
     "test:coverage": "TZ=Europe/Paris jest --coverage",
-    "prepublishOnly": "yarn lint && yarn build && yarn test && yarn config:npm",
-    "postpublish": "yarn config:dev",
-    "prettier": "./node_modules/.bin/prettier --write ./src/**/*.{ts,tsx}"
-  },
-  "jest": {
-    "preset": "react-native",
-    "setupFiles": [
-      "./tests/setup.js"
-    ],
-    "moduleFileExtensions": [
-      "js",
-      "jsx",
-      "json",
-      "ts",
-      "tsx"
-    ],
-    "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
-    },
-    "testMatch": [
-      "**/*.test.ts?(x)"
-    ],
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example-expo",
-      "<rootDir>/example-slack-message"
-    ],
-    "coveragePathIgnorePatterns": [
-      "./src/__tests__/"
-    ]
+    "prepublishOnly": "yarn lint && yarn build && yarn test",
+    "prettier": "./node_modules/.bin/prettier --write \"src/**/*.{ts,tsx}\""
   },
   "devDependencies": {
-    "@babel/core": "7.9.6",
-    "@babel/preset-typescript": "7.9.0",
-    "@types/jest": "25.2.1",
-    "@types/react": "^16.9.11",
-    "@types/react-native": "^0.60.22",
+    "@babel/core": "7.17.9",
+    "@babel/plugin-transform-flow-strip-types": "7.16.7",
+    "@babel/preset-env": "7.16.11",
+    "@babel/preset-typescript": "7.16.7",
+    "@types/jest": "27.4.1",
+    "@types/react": "~16.9.35",
+    "@types/react-native": "~0.63.2",
     "@types/react-native-communications": "2.2.1",
     "@types/react-test-renderer": "16.9.2",
     "@types/uuid": "3.4.9",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-jest": "25.5.1",
-    "babel-preset-expo": "^8.1.0",
-    "expo": "^37.0.0",
-    "expo-constants": "~9.0.0",
-    "expo-image-picker": "~8.1.0",
-    "expo-location": "~8.1.0",
-    "expo-permissions": "~8.1.0",
+    "@typescript-eslint/eslint-plugin": "5.18.0",
+    "@typescript-eslint/parser": "5.18.0",
+    "babel-jest": "27.5.1",
+    "eslint": "8.13.0",
+    "eslint-config-prettier": "8.5.0",
     "flow-bin": "0.125.0",
     "husky": "4.2.5",
-    "jest-expo": "^37.0.0",
+    "jest": "27.5.1",
     "json": "9.0.6",
+    "metro-react-native-babel-preset": "0.70.1",
     "prettier": "2.0.5",
-    "react": "16.9.0",
-    "react-dom": "16.9.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
-    "react-native-maps": "0.26.1",
-    "react-native-nav": "2.0.2",
-    "react-native-web-maps": "0.2.0",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "react-native": "0.63.4",
     "react-test-renderer": "16.9.0",
-    "react-native-web": "^0.11.7",
-    "tslint": "6.1.2",
-    "tslint-config-prettier": "1.18.0",
-    "typescript": "^3.8.3"
+    "typescript": "4.6.3"
   },
   "dependencies": {
-    "@expo/react-native-action-sheet": "^3.6.0",
-    "dayjs": "^1.8.26",
-    "prop-types": "^15.7.2",
-    "react-native-communications": "^2.2.1",
-    "react-native-iphone-x-helper": "^1.2.1",
-    "react-native-lightbox": "^0.8.1",
+    "@expo/react-native-action-sheet": "3.13.0",
+    "dayjs": "1.8.26",
+    "prop-types": "15.7.2",
+    "react-native-communications": "2.2.1",
+    "react-native-iphone-x-helper": "1.3.1",
+    "react-native-lightbox": "0.8.1",
     "react-native-parsed-text": "0.0.22",
-    "react-native-typing-animation": "^0.1.7",
+    "react-native-safe-area-context": "4.2.4",
+    "react-native-typing-animation": "0.1.7",
+    "use-memo-one": "1.1.1",
     "uuid": "3.4.0"
   },
   "peerDependencies": {
+    "@expo/react-native-action-sheet": "*",
     "dayjs": "*",
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-communications": "*",
+    "react-native-lightbox": "*",
+    "react-native-parsed-text": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-typing-animation": "*"
   },
   "husky": {
     "hooks": {