react-native-gifted-chat 2.8.2-alpha.0 → 2.8.2-alpha.1

package/src/__tests__/__snapshots__/Message.test.tsx.snap

@@ -54,7 +54,6 @@ exports[`Message component should render <Message /> and compare with snapshot 1
         }
       >
         <View
-          accessibilityRole="text"
           accessibilityState={
             {
               "busy": undefined,
@@ -64,9 +63,20 @@ exports[`Message component should render <Message /> and compare with snapshot 1
               "selected": undefined,
             }
           }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          onBlur={[Function]}
           onClick={[Function]}
+          onFocus={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
@@ -75,93 +85,81 @@ exports[`Message component should render <Message /> and compare with snapshot 1
           onStartShouldSetResponder={[Function]}
         >
           <View>
-            <View
-              style={
-                [
-                  {},
-                  undefined,
-                ]
-              }
-            >
-              <Text
+            <View>
+              <View
                 style={
                   [
                     {
-                      "color": "black",
-                      "fontSize": 16,
-                      "lineHeight": 20,
                       "marginBottom": 5,
                       "marginLeft": 10,
                       "marginRight": 10,
                       "marginTop": 5,
                     },
                     undefined,
-                    undefined,
                   ]
                 }
               >
                 <Text
+                  link={true}
                   style={
                     [
-                      [
-                        {
-                          "color": "black",
-                          "fontSize": 16,
-                          "lineHeight": 20,
-                          "marginBottom": 5,
-                          "marginLeft": 10,
-                          "marginRight": 10,
-                          "marginTop": 5,
-                        },
-                        undefined,
-                        undefined,
-                      ],
+                      {
+                        "color": "black",
+                      },
+                      undefined,
                       undefined,
                     ]
                   }
+                  user={
+                    {
+                      "_id": 1,
+                    }
+                  }
                 >
-                  test
+                  <Text>
+                    test
+                  </Text>
                 </Text>
-              </Text>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                  "justifyContent": "flex-start",
-                },
-                undefined,
-              ]
-            }
-          >
             <View
               style={
                 [
                   {
-                    "marginBottom": 5,
-                    "marginLeft": 10,
-                    "marginRight": 10,
+                    "flexDirection": "row",
+                    "justifyContent": "flex-start",
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
                 style={
                   [
                     {
-                      "color": "#aaa",
-                      "fontSize": 10,
-                      "textAlign": "right",
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
                     },
                     undefined,
                   ]
                 }
               >
-                7:20 PM
-              </Text>
+                <Text
+                  style={
+                    [
+                      {
+                        "color": "#aaa",
+                        "fontSize": 10,
+                        "textAlign": "right",
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  7:20 PM
+                </Text>
+              </View>
             </View>
           </View>
         </View>
@@ -262,7 +260,6 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
         }
       >
         <View
-          accessibilityRole="text"
           accessibilityState={
             {
               "busy": undefined,
@@ -272,9 +269,20 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
               "selected": undefined,
             }
           }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          onBlur={[Function]}
           onClick={[Function]}
+          onFocus={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
@@ -283,93 +291,82 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
           onStartShouldSetResponder={[Function]}
         >
           <View>
-            <View
-              style={
-                [
-                  {},
-                  undefined,
-                ]
-              }
-            >
-              <Text
+            <View>
+              <View
                 style={
                   [
                     {
-                      "color": "black",
-                      "fontSize": 16,
-                      "lineHeight": 20,
                       "marginBottom": 5,
                       "marginLeft": 10,
                       "marginRight": 10,
                       "marginTop": 5,
                     },
                     undefined,
-                    undefined,
                   ]
                 }
               >
                 <Text
+                  link={true}
+                  showUserAvatar={true}
                   style={
                     [
-                      [
-                        {
-                          "color": "black",
-                          "fontSize": 16,
-                          "lineHeight": 20,
-                          "marginBottom": 5,
-                          "marginLeft": 10,
-                          "marginRight": 10,
-                          "marginTop": 5,
-                        },
-                        undefined,
-                        undefined,
-                      ],
+                      {
+                        "color": "black",
+                      },
+                      undefined,
                       undefined,
                     ]
                   }
+                  user={
+                    {
+                      "_id": 1,
+                    }
+                  }
                 >
-                  test
+                  <Text>
+                    test
+                  </Text>
                 </Text>
-              </Text>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                  "justifyContent": "flex-start",
-                },
-                undefined,
-              ]
-            }
-          >
             <View
               style={
                 [
                   {
-                    "marginBottom": 5,
-                    "marginLeft": 10,
-                    "marginRight": 10,
+                    "flexDirection": "row",
+                    "justifyContent": "flex-start",
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
                 style={
                   [
                     {
-                      "color": "#aaa",
-                      "fontSize": 10,
-                      "textAlign": "right",
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
                     },
                     undefined,
                   ]
                 }
               >
-                7:20 PM
-              </Text>
+                <Text
+                  style={
+                    [
+                      {
+                        "color": "#aaa",
+                        "fontSize": 10,
+                        "textAlign": "right",
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  7:20 PM
+                </Text>
+              </View>
             </View>
           </View>
         </View>
@@ -431,7 +428,6 @@ exports[`Message component should render null if user has no Avatar 1`] = `
         }
       >
         <View
-          accessibilityRole="text"
           accessibilityState={
             {
               "busy": undefined,
@@ -441,9 +437,20 @@ exports[`Message component should render null if user has no Avatar 1`] = `
               "selected": undefined,
             }
           }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          onBlur={[Function]}
           onClick={[Function]}
+          onFocus={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
@@ -452,93 +459,82 @@ exports[`Message component should render null if user has no Avatar 1`] = `
           onStartShouldSetResponder={[Function]}
         >
           <View>
-            <View
-              style={
-                [
-                  {},
-                  undefined,
-                ]
-              }
-            >
-              <Text
+            <View>
+              <View
                 style={
                   [
                     {
-                      "color": "black",
-                      "fontSize": 16,
-                      "lineHeight": 20,
                       "marginBottom": 5,
                       "marginLeft": 10,
                       "marginRight": 10,
                       "marginTop": 5,
                     },
                     undefined,
-                    undefined,
                   ]
                 }
               >
                 <Text
+                  link={true}
+                  showUserAvatar={true}
                   style={
                     [
-                      [
-                        {
-                          "color": "black",
-                          "fontSize": 16,
-                          "lineHeight": 20,
-                          "marginBottom": 5,
-                          "marginLeft": 10,
-                          "marginRight": 10,
-                          "marginTop": 5,
-                        },
-                        undefined,
-                        undefined,
-                      ],
+                      {
+                        "color": "black",
+                      },
+                      undefined,
                       undefined,
                     ]
                   }
+                  user={
+                    {
+                      "_id": 1,
+                    }
+                  }
                 >
-                  test
+                  <Text>
+                    test
+                  </Text>
                 </Text>
-              </Text>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                  "justifyContent": "flex-start",
-                },
-                undefined,
-              ]
-            }
-          >
             <View
               style={
                 [
                   {
-                    "marginBottom": 5,
-                    "marginLeft": 10,
-                    "marginRight": 10,
+                    "flexDirection": "row",
+                    "justifyContent": "flex-start",
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
                 style={
                   [
                     {
-                      "color": "#aaa",
-                      "fontSize": 10,
-                      "textAlign": "right",
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
                     },
                     undefined,
                   ]
                 }
               >
-                7:20 PM
-              </Text>
+                <Text
+                  style={
+                    [
+                      {
+                        "color": "#aaa",
+                        "fontSize": 10,
+                        "textAlign": "right",
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  7:20 PM
+                </Text>
+              </View>
             </View>
           </View>
         </View>

package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap

@@ -4,16 +4,18 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
 <View>
   <Lightbox
     activeProps={
-      {
-        "style": [
-          {
-            "flex": 1,
-          },
-          {
-            "resizeMode": "contain",
-          },
-        ],
-      }
+      [
+        {
+          "style": [
+            {
+              "flex": 1,
+            },
+            {
+              "resizeMode": "contain",
+            },
+          ],
+        },
+      ]
     }
   >
     <Image

package/src/__tests__/__snapshots__/MessageText.test.tsx.snap

@@ -4,27 +4,31 @@ exports[`should render <MessageText /> and compare with snapshot 1`] = `
 <View
   style={
     [
-      {},
+      {
+        "marginBottom": 5,
+        "marginLeft": 10,
+        "marginRight": 10,
+        "marginTop": 5,
+      },
       undefined,
     ]
   }
 >
   <Text
+    link={true}
     style={
       [
         {
           "color": "black",
-          "fontSize": 16,
-          "lineHeight": 20,
-          "marginBottom": 5,
-          "marginLeft": 10,
-          "marginRight": 10,
-          "marginTop": 5,
         },
         undefined,
         undefined,
       ]
     }
-  />
+  >
+    <Text>
+      test message
+    </Text>
+  </Text>
 </View>
 `;

package/src/__tests__/__snapshots__/Send.test.tsx.snap

@@ -54,6 +54,7 @@ exports[`Send should always render <Send /> and compare with snapshot 1`] = `
             "marginRight": 10,
           },
           undefined,
+          undefined,
         ]
       }
     >
@@ -119,6 +120,7 @@ exports[`Send should render <Send /> where there is input and compare with snaps
             "marginRight": 10,
           },
           undefined,
+          undefined,
         ]
       }
     >

package/src/reanimatedCompat.ts

@@ -0,0 +1,27 @@
+/**
+ * Compatibility layer for react-native-reanimated v3 and v4
+ *
+ * In v3, types are exported from 'react-native-reanimated/lib/typescript/hook/commonTypes'
+ * In v4, the type structure changed - we define a compatible type that works with both
+ */
+
+import type { NativeScrollEvent } from 'react-native'
+
+/**
+ * Compatible type for scroll events from useAnimatedScrollHandler
+ * Works with both react-native-reanimated v3 and v4
+ */
+export type ReanimatedScrollEvent = Readonly<{
+  contentOffset: {
+    x: number
+    y: number
+  }
+  contentSize: {
+    height: number
+    width: number
+  }
+  layoutMeasurement: {
+    height: number
+    width: number
+  }
+}> & Readonly<NativeScrollEvent>

package/src/types.ts

@@ -64,6 +64,10 @@ export interface IMessage {
   received?: boolean
   pending?: boolean
   quickReplies?: QuickReplies
+  location?: {
+    latitude: number
+    longitude: number
+  }
 }
 
 export type IChatMessage = IMessage

package/lib/Actions.d.ts

@@ -1,14 +0,0 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-export interface ActionsProps {
-    options?: {
-        [key: string]: () => void;
-    };
-    optionTintColor?: string;
-    icon?: () => ReactNode;
-    wrapperStyle?: StyleProp<ViewStyle>;
-    iconTextStyle?: StyleProp<TextStyle>;
-    containerStyle?: StyleProp<ViewStyle>;
-    onPressActionButton?(): void;
-}
-export declare function Actions({ options, optionTintColor, icon, wrapperStyle, iconTextStyle, onPressActionButton, containerStyle, }: ActionsProps): React.JSX.Element;

package/lib/Actions.js

@@ -1,57 +0,0 @@
-import React, { useCallback } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View, } from 'react-native';
-import Color from './Color';
-import { useChatContext } from './GiftedChatContext';
-import stylesCommon from './styles';
-export function Actions({ options, optionTintColor = Color.optionTintColor, icon, wrapperStyle, iconTextStyle, onPressActionButton, containerStyle, }) {
-    const { actionSheet } = useChatContext();
-    const onActionsPress = useCallback(() => {
-        if (!options)
-            return;
-        const optionKeys = Object.keys(options);
-        const cancelButtonIndex = optionKeys.indexOf('Cancel');
-        actionSheet().showActionSheetWithOptions({
-            options: optionKeys,
-            cancelButtonIndex,
-            tintColor: optionTintColor,
-        }, (buttonIndex) => {
-            if (buttonIndex === undefined)
-                return;
-            const key = optionKeys[buttonIndex];
-            if (key)
-                options[key]();
-        });
-    }, [actionSheet, options, optionTintColor]);
-    const renderIcon = useCallback(() => {
-        if (icon)
-            return icon();
-        return (<View style={[stylesCommon.fill, stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
-        <Text style={[styles.iconText, iconTextStyle]}>{'+'}</Text>
-      </View>);
-    }, [icon, iconTextStyle, wrapperStyle]);
-    return (<TouchableOpacity style={[styles.container, containerStyle]} onPress={onPressActionButton || onActionsPress}>
-      {renderIcon()}
-    </TouchableOpacity>);
-}
-const styles = StyleSheet.create({
-    container: {
-        width: 26,
-        height: 26,
-        marginLeft: 10,
-        marginBottom: 10,
-    },
-    wrapper: {
-        borderRadius: 13,
-        borderColor: Color.defaultColor,
-        borderWidth: 2,
-    },
-    iconText: {
-        color: Color.defaultColor,
-        fontWeight: 'bold',
-        fontSize: 16,
-        lineHeight: 16,
-        backgroundColor: Color.backgroundTransparent,
-        textAlign: 'center',
-    },
-});
-//# sourceMappingURL=Actions.js.map

package/lib/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EACL,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,YAAY,MAAM,UAAU,CAAA;AAYnC,MAAM,UAAU,OAAO,CAAE,EACvB,OAAO,EACP,eAAe,GAAG,KAAK,CAAC,eAAe,EACvC,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,cAAc,GACD;IACb,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IAExC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,OAAO;YACV,OAAM;QAER,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAEtD,WAAW,EAAE,CAAC,0BAA0B,CACtC;YACE,OAAO,EAAE,UAAU;YACnB,iBAAiB;YACjB,SAAS,EAAE,eAAe;SAC3B,EACD,CAAC,WAA+B,EAAE,EAAE;YAClC,IAAI,WAAW,KAAK,SAAS;gBAC3B,OAAM;YAER,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;YACnC,IAAI,GAAG;gBACL,OAAO,CAAC,GAAG,CAAC,EAAE,CAAA;QAClB,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,IAAI;YACN,OAAO,IAAI,EAAE,CAAA;QAEf,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CACvF;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAC5D;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEvC,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC1C,OAAO,CAAC,CAAC,mBAAmB,IAAI,cAAc,CAAC,CAE/C;MAAA,CAAC,UAAU,EAAE,CACf;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,EAAE;KACjB;IACD,OAAO,EAAE;QACP,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,WAAW,EAAE,CAAC;KACf;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}