@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/TypingIndicator/index.js

@@ -1,103 +1,327 @@
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 import { View } from 'react-native';
-import Animated, { cancelAnimation, runOnJS, useAnimatedStyle, useSharedValue, withDelay, withRepeat, withSequence, withTiming, } from 'react-native-reanimated';
+import Animated, { cancelAnimation, Easing, FadeOut, runOnJS, useAnimatedStyle, useSharedValue, withDelay, withRepeat, withSequence, withTiming, ZoomIn } from 'react-native-reanimated';
 import { useThemedStyles } from '../hooks/useTheme';
 import stylesCommon from '../styles';
 import { createTypingIndicatorStyles } from './styles';
 export * from './types';
+
+/**
+ * Set by a message list that animates its own rows into place. The indicator then just
+ * mounts and unmounts, and the rows around it slide, instead of it growing its own height:
+ * two animations of the same gap would fight (the rows chasing a height that changes every
+ * frame), and when a reply replaces the indicator in one render the collapse ran after the
+ * new bubble had already pushed everything up.
+ */
+export const TypingIndicatorListAnimationContext = createContext(false);
+
+// Each dot grows for 320ms on a decelerate curve, shrinks
+// for 320ms, and rests for the rest of an 800ms cycle; the three start 0 / 150 / 300ms
+// apart. The radius swings 1.33dp <-> 2.33dp, so the dot is drawn at full size and scaled.
+const DOT_GROW = {
+  duration: 320,
+  easing: Easing.out(Easing.quad)
+};
+const DOT_SHRINK = {
+  duration: 320,
+  easing: Easing.out(Easing.quad)
+};
+const DOT_REST_MS = 800 - 320 - 320;
+const DOT_OFFSETS_MS = [0, 150, 300];
+const DOT_MIN_SCALE = 1.33 / 2.33;
+const useDotPulse = offset => {
+  const $ = _c(4);
+  const progress = useSharedValue(0);
+  let t0;
+  let t1;
+  if ($[0] !== offset || $[1] !== progress) {
+    t0 = () => {
+      progress.value = withDelay(offset, withRepeat(withSequence(withTiming(1, DOT_GROW), withTiming(0, DOT_SHRINK), withTiming(0, {
+        duration: DOT_REST_MS
+      })), -1));
+      return () => cancelAnimation(progress);
+    };
+    t1 = [progress, offset];
+    $[0] = offset;
+    $[1] = progress;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  return progress;
+};
+const Dot = t0 => {
+  const $ = _c(3);
+  const {
+    progress
+  } = t0;
+  const styles = useThemedStyles(createTypingIndicatorStyles);
+  const style = useAnimatedStyle(() => ({
+    transform: [{
+      scale: DOT_MIN_SCALE + (1 - DOT_MIN_SCALE) * progress.value
+    }]
+  }));
+  let t1;
+  if ($[0] !== style || $[1] !== styles.dot) {
+    t1 = <Animated.View style={[styles.dot, style]} />;
+    $[0] = style;
+    $[1] = styles.dot;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
 const DotsAnimation = () => {
-    const styles = useThemedStyles(createTypingIndicatorStyles);
-    const dot1 = useSharedValue(0);
-    const dot2 = useSharedValue(0);
-    const dot3 = useSharedValue(0);
-    const topY = useMemo(() => -5, []);
-    const bottomY = useMemo(() => 5, []);
-    const duration = useMemo(() => 500, []);
-    const dot1Style = useAnimatedStyle(() => ({
-        transform: [{
-                translateY: dot1.value,
-            }],
-    }));
-    const dot2Style = useAnimatedStyle(() => ({
-        transform: [{
-                translateY: dot2.value,
-            }],
-    }));
-    const dot3Style = useAnimatedStyle(() => ({
-        transform: [{
-                translateY: dot3.value,
-            }],
-    }));
-    useEffect(() => {
-        dot1.value = withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true);
-        // `withRepeat(..., 0)` never ends on its own, so without this the animation keeps
-        // driving the shared value after the indicator unmounts. Same cleanup as
-        // StreamingCursor and Ticks.
-        return () => cancelAnimation(dot1);
-    }, [dot1, topY, bottomY, duration]);
-    useEffect(() => {
-        dot2.value = withDelay(100, withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true));
-        return () => cancelAnimation(dot2);
-    }, [dot2, topY, bottomY, duration]);
-    useEffect(() => {
-        dot3.value = withDelay(200, withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true));
-        return () => cancelAnimation(dot3);
-    }, [dot3, topY, bottomY, duration]);
-    return (<View style={[stylesCommon.fill, stylesCommon.centerItems, styles.dots]}>
-      <Animated.View style={[styles.dot, dot1Style]}/>
-      <Animated.View style={[styles.dot, dot2Style]}/>
-      <Animated.View style={[styles.dot, dot3Style]}/>
-    </View>);
+  const $ = _c(13);
+  const styles = useThemedStyles(createTypingIndicatorStyles);
+  const dot1 = useDotPulse(DOT_OFFSETS_MS[0]);
+  const dot2 = useDotPulse(DOT_OFFSETS_MS[1]);
+  const dot3 = useDotPulse(DOT_OFFSETS_MS[2]);
+  let t0;
+  if ($[0] !== styles.dots) {
+    t0 = [stylesCommon.fill, stylesCommon.centerItems, styles.dots];
+    $[0] = styles.dots;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== dot1) {
+    t1 = <Dot progress={dot1} />;
+    $[2] = dot1;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== dot2) {
+    t2 = <Dot progress={dot2} />;
+    $[4] = dot2;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== dot3) {
+    t3 = <Dot progress={dot3} />;
+    $[6] = dot3;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t0 || $[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
+    t4 = <View style={t0}>{t1}{t2}{t3}</View>;
+    $[8] = t0;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
+const BUBBLE_HEIGHT = 35;
+const BUBBLE_MARGIN = 8;
+const SLIDE_MS = 250;
+
+// The bubble pops in where it stands and fades away, while the list moves the rows.
+const bubbleIn = ZoomIn.duration(200).easing(Easing.out(Easing.quad));
+const bubbleOut = FadeOut.duration(150);
+
+/** Inside a list that animates its rows: mounted while typing, nothing else to do. */
+const MountedTypingIndicator = t0 => {
+  const $ = _c(7);
+  const {
+    isTyping,
+    style
+  } = t0;
+  const styles = useThemedStyles(createTypingIndicatorStyles);
+  if (!isTyping) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== style || $[1] !== styles.container || $[2] !== styles.mountedContainer) {
+    t1 = [styles.container, styles.mountedContainer, style];
+    $[0] = style;
+    $[1] = styles.container;
+    $[2] = styles.mountedContainer;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <DotsAnimation />;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1) {
+    t3 = <Animated.View testID="typing-indicator" entering={bubbleIn} exiting={bubbleOut} style={t1}>{t2}</Animated.View>;
+    $[5] = t1;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+
+/** Anywhere else: the bubble grows its own height so the rows above it move smoothly. */
+const SlidingTypingIndicator = t0 => {
+  const $ = _c(24);
+  const {
+    isTyping,
+    style
+  } = t0;
+  const styles = useThemedStyles(createTypingIndicatorStyles);
+  const yCoords = useSharedValue(200);
+  const heightScale = useSharedValue(0);
+  const marginScale = useSharedValue(0);
+  const [isVisible, setIsVisible] = useState(isTyping);
+  const containerStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: yCoords.value
+    }],
+    height: heightScale.value,
+    marginBottom: marginScale.value
+  }));
+  let t1;
+  if ($[0] !== heightScale || $[1] !== marginScale || $[2] !== yCoords) {
+    t1 = () => {
+      yCoords.set(withTiming(0, {
+        duration: SLIDE_MS
+      }));
+      heightScale.set(withTiming(BUBBLE_HEIGHT, {
+        duration: SLIDE_MS
+      }));
+      marginScale.set(withTiming(BUBBLE_MARGIN, {
+        duration: SLIDE_MS
+      }));
+    };
+    $[0] = heightScale;
+    $[1] = marginScale;
+    $[2] = yCoords;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const slideIn = t1;
+  let t2;
+  if ($[4] !== heightScale || $[5] !== marginScale || $[6] !== yCoords) {
+    t2 = () => {
+      yCoords.set(withTiming(200, {
+        duration: SLIDE_MS
+      }, isFinished => {
+        if (isFinished) {
+          runOnJS(setIsVisible)(false);
+        }
+      }));
+      heightScale.set(withTiming(0, {
+        duration: SLIDE_MS
+      }));
+      marginScale.set(withTiming(0, {
+        duration: SLIDE_MS
+      }));
+    };
+    $[4] = heightScale;
+    $[5] = marginScale;
+    $[6] = yCoords;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const slideOut = t2;
+  let t3;
+  let t4;
+  if ($[8] !== isTyping || $[9] !== isVisible || $[10] !== slideIn || $[11] !== slideOut) {
+    t3 = () => {
+      if (isVisible) {
+        if (isTyping) {
+          slideIn();
+        } else {
+          slideOut();
+        }
+      }
+    };
+    t4 = [isVisible, isTyping, slideIn, slideOut];
+    $[8] = isTyping;
+    $[9] = isVisible;
+    $[10] = slideIn;
+    $[11] = slideOut;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t3 = $[12];
+    t4 = $[13];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[14] !== isTyping) {
+    t5 = () => {
+      if (isTyping) {
+        setIsVisible(true);
+      }
+    };
+    t6 = [isTyping];
+    $[14] = isTyping;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t5 = $[15];
+    t6 = $[16];
+  }
+  useEffect(t5, t6);
+  if (!isVisible) {
+    return null;
+  }
+  let t7;
+  if ($[17] !== containerStyle || $[18] !== style || $[19] !== styles.container) {
+    t7 = [styles.container, containerStyle, style];
+    $[17] = containerStyle;
+    $[18] = style;
+    $[19] = styles.container;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = <DotsAnimation />;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== t7) {
+    t9 = <Animated.View style={t7}>{t8}</Animated.View>;
+    $[22] = t7;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
 };
-export const TypingIndicator = ({ isTyping, style }) => {
-    const styles = useThemedStyles(createTypingIndicatorStyles);
-    const yCoords = useSharedValue(200);
-    const heightScale = useSharedValue(0);
-    const marginScale = useSharedValue(0);
-    const [isVisible, setIsVisible] = useState(isTyping);
-    const containerStyle = useAnimatedStyle(() => ({
-        transform: [
-            {
-                translateY: yCoords.value,
-            },
-        ],
-        height: heightScale.value,
-        marginBottom: marginScale.value,
-    }));
-    const slideIn = useCallback(() => {
-        const duration = 250;
-        yCoords.value = withTiming(0, { duration });
-        heightScale.value = withTiming(35, { duration });
-        marginScale.value = withTiming(8, { duration });
-    }, [yCoords, heightScale, marginScale]);
-    const slideOut = useCallback(() => {
-        const duration = 250;
-        yCoords.value = withTiming(200, { duration }, isFinished => {
-            if (isFinished)
-                runOnJS(setIsVisible)(false);
-        });
-        heightScale.value = withTiming(0, { duration });
-        marginScale.value = withTiming(0, { duration });
-    }, [yCoords, heightScale, marginScale]);
-    useEffect(() => {
-        if (isVisible)
-            if (isTyping)
-                slideIn();
-            else
-                slideOut();
-    }, [isVisible, isTyping, slideIn, slideOut]);
-    useEffect(() => {
-        if (isTyping)
-            setIsVisible(true);
-    }, [isTyping]);
-    if (!isVisible)
-        return null;
-    return (<Animated.View style={[
-            styles.container,
-            containerStyle,
-            style,
-        ]}>
-      <DotsAnimation />
-    </Animated.View>);
+export const TypingIndicator = props => {
+  const $ = _c(3);
+  const isListAnimated = useContext(TypingIndicatorListAnimationContext);
+  let t0;
+  if ($[0] !== isListAnimated || $[1] !== props) {
+    t0 = isListAnimated ? <MountedTypingIndicator {...props} /> : <SlidingTypingIndicator {...props} />;
+    $[0] = isListAnimated;
+    $[1] = props;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 };
 //# sourceMappingURL=index.js.map

package/lib/TypingIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","createContext","useCallback","useContext","useEffect","useState","View","Animated","cancelAnimation","Easing","FadeOut","runOnJS","useAnimatedStyle","useSharedValue","withDelay","withRepeat","withSequence","withTiming","ZoomIn","useThemedStyles","stylesCommon","createTypingIndicatorStyles","TypingIndicatorListAnimationContext","DOT_GROW","duration","easing","out","quad","DOT_SHRINK","DOT_REST_MS","DOT_OFFSETS_MS","DOT_MIN_SCALE","useDotPulse","offset","$","_c","progress","t0","t1","value","Dot","styles","style","transform","scale","dot","DotsAnimation","dot1","dot2","dot3","dots","fill","centerItems","t2","t3","t4","BUBBLE_HEIGHT","BUBBLE_MARGIN","SLIDE_MS","bubbleIn","bubbleOut","MountedTypingIndicator","isTyping","container","mountedContainer","Symbol","for","SlidingTypingIndicator","yCoords","heightScale","marginScale","isVisible","setIsVisible","containerStyle","translateY","height","marginBottom","set","slideIn","isFinished","slideOut","t5","t6","t7","t8","t9","TypingIndicator","props","isListAnimated"],"sources":["../../src/TypingIndicator/index.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport { View } from 'react-native'\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  FadeOut,\n  runOnJS,\n  SharedValue,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n  ZoomIn,\n} from 'react-native-reanimated'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport stylesCommon from '../styles'\nimport { createTypingIndicatorStyles } from './styles'\nimport { TypingIndicatorProps } from './types'\n\nexport * from './types'\n\n/**\n * Set by a message list that animates its own rows into place. The indicator then just\n * mounts and unmounts, and the rows around it slide, instead of it growing its own height:\n * two animations of the same gap would fight (the rows chasing a height that changes every\n * frame), and when a reply replaces the indicator in one render the collapse ran after the\n * new bubble had already pushed everything up.\n */\nexport const TypingIndicatorListAnimationContext = createContext(false)\n\n// Each dot grows for 320ms on a decelerate curve, shrinks\n// for 320ms, and rests for the rest of an 800ms cycle; the three start 0 / 150 / 300ms\n// apart. The radius swings 1.33dp <-> 2.33dp, so the dot is drawn at full size and scaled.\nconst DOT_GROW = { duration: 320, easing: Easing.out(Easing.quad) }\nconst DOT_SHRINK = { duration: 320, easing: Easing.out(Easing.quad) }\nconst DOT_REST_MS = 800 - 320 - 320\nconst DOT_OFFSETS_MS = [0, 150, 300] as const\nconst DOT_MIN_SCALE = 1.33 / 2.33\n\nconst useDotPulse = (offset: number) => {\n  const progress = useSharedValue(0)\n\n  useEffect(() => {\n    progress.value = withDelay(offset, withRepeat(\n      withSequence(\n        withTiming(1, DOT_GROW),\n        withTiming(0, DOT_SHRINK),\n        withTiming(0, { duration: DOT_REST_MS })\n      ),\n      -1\n    ))\n\n    // `withRepeat(..., -1)` never ends on its own: stop it with the indicator.\n    return () => cancelAnimation(progress)\n  }, [progress, offset])\n\n  return progress\n}\n\nconst Dot = ({ progress }: { progress: SharedValue<number> }) => {\n  const styles = useThemedStyles(createTypingIndicatorStyles)\n  const style = useAnimatedStyle(() => ({\n    transform: [{ scale: DOT_MIN_SCALE + (1 - DOT_MIN_SCALE) * progress.value }],\n  }))\n\n  return <Animated.View style={[styles.dot, style]} />\n}\n\nconst DotsAnimation = () => {\n  const styles = useThemedStyles(createTypingIndicatorStyles)\n  const dot1 = useDotPulse(DOT_OFFSETS_MS[0])\n  const dot2 = useDotPulse(DOT_OFFSETS_MS[1])\n  const dot3 = useDotPulse(DOT_OFFSETS_MS[2])\n\n  return (\n    <View style={[stylesCommon.fill, stylesCommon.centerItems, styles.dots]}>\n      <Dot progress={dot1} />\n      <Dot progress={dot2} />\n      <Dot progress={dot3} />\n    </View>\n  )\n}\n\nconst BUBBLE_HEIGHT = 35\nconst BUBBLE_MARGIN = 8\nconst SLIDE_MS = 250\n\n// The bubble pops in where it stands and fades away, while the list moves the rows.\nconst bubbleIn = ZoomIn.duration(200).easing(Easing.out(Easing.quad))\nconst bubbleOut = FadeOut.duration(150)\n\n/** Inside a list that animates its rows: mounted while typing, nothing else to do. */\nconst MountedTypingIndicator = ({ isTyping, style }: TypingIndicatorProps) => {\n  const styles = useThemedStyles(createTypingIndicatorStyles)\n\n  if (!isTyping)\n    return null\n\n  return (\n    <Animated.View\n      testID='typing-indicator'\n      entering={bubbleIn}\n      exiting={bubbleOut}\n      style={[styles.container, styles.mountedContainer, style]}\n    >\n      <DotsAnimation />\n    </Animated.View>\n  )\n}\n\n/** Anywhere else: the bubble grows its own height so the rows above it move smoothly. */\nconst SlidingTypingIndicator = ({ isTyping, style }: TypingIndicatorProps) => {\n  const styles = useThemedStyles(createTypingIndicatorStyles)\n  const yCoords = useSharedValue(200)\n  const heightScale = useSharedValue(0)\n  const marginScale = useSharedValue(0)\n\n  const [isVisible, setIsVisible] = useState(isTyping)\n\n  const containerStyle = useAnimatedStyle(() => ({\n    transform: [\n      {\n        translateY: yCoords.value,\n      },\n    ],\n    height: heightScale.value,\n    marginBottom: marginScale.value,\n  }))\n\n  const slideIn = useCallback(() => {\n    yCoords.set(withTiming(0, { duration: SLIDE_MS }))\n    heightScale.set(withTiming(BUBBLE_HEIGHT, { duration: SLIDE_MS }))\n    marginScale.set(withTiming(BUBBLE_MARGIN, { duration: SLIDE_MS }))\n  }, [yCoords, heightScale, marginScale])\n\n  const slideOut = useCallback(() => {\n    yCoords.set(withTiming(200, { duration: SLIDE_MS }, isFinished => {\n      if (isFinished)\n        runOnJS(setIsVisible)(false)\n    }))\n    heightScale.set(withTiming(0, { duration: SLIDE_MS }))\n    marginScale.set(withTiming(0, { duration: SLIDE_MS }))\n  }, [yCoords, heightScale, marginScale])\n\n  useEffect(() => {\n    if (isVisible)\n      if (isTyping)\n        slideIn()\n      else\n        slideOut()\n  }, [isVisible, isTyping, slideIn, slideOut])\n\n  useEffect(() => {\n    if (isTyping)\n      setIsVisible(true)\n  }, [isTyping])\n\n  if (!isVisible)\n    return null\n\n  return (\n    <Animated.View\n      style={[\n        styles.container,\n        containerStyle,\n        style,\n      ]}\n    >\n      <DotsAnimation />\n    </Animated.View>\n  )\n}\n\nexport const TypingIndicator = (props: TypingIndicatorProps) => {\n  const isListAnimated = useContext(TypingIndicatorListAnimationContext)\n\n  return isListAnimated\n    ? <MountedTypingIndicator {...props} />\n    : <SlidingTypingIndicator {...props} />\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/TypingIndicator/styles.d.ts

@@ -1,11 +1,15 @@
 import { ChatTheme } from '../Theme';
-export declare const createTypingIndicatorStyles: (theme: ChatTheme) => {
+export declare const createTypingIndicatorStyles: (theme: ChatTheme) => Readonly<{
     container: {
         marginLeft: number;
         width: number;
         borderRadius: number;
         backgroundColor: string;
     };
+    mountedContainer: {
+        height: number;
+        marginBottom: number;
+    };
     dots: {
         flexDirection: "row";
     };
@@ -17,5 +21,5 @@ export declare const createTypingIndicatorStyles: (theme: ChatTheme) => {
         height: number;
         backgroundColor: string;
     };
-};
+}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/TypingIndicator/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,eAAO,MAAM,2BAA2B,GAAI,OAAO,SAAS;;;;;;;;;;;;;;;;;;CAkB1D,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,eAAO,MAAM,2BAA2B,GAAI,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;EAsB1D,CAAA"}

package/lib/TypingIndicator/styles.js

@@ -1,21 +1,25 @@
 import { StyleSheet } from 'react-native';
-export const createTypingIndicatorStyles = (theme) => StyleSheet.create({
-    container: {
-        marginLeft: 8,
-        width: 45,
-        borderRadius: theme.radii.bubble,
-        backgroundColor: theme.colors.incomingBubble,
-    },
-    dots: {
-        flexDirection: 'row',
-    },
-    dot: {
-        marginLeft: 2,
-        marginRight: 2,
-        borderRadius: 4,
-        width: 8,
-        height: 8,
-        backgroundColor: theme.colors.incomingMeta,
-    },
+export const createTypingIndicatorStyles = theme => StyleSheet.create({
+  container: {
+    marginLeft: 8,
+    width: 45,
+    borderRadius: theme.radii.bubble,
+    backgroundColor: theme.colors.incomingBubble
+  },
+  mountedContainer: {
+    height: 35,
+    marginBottom: 8
+  },
+  dots: {
+    flexDirection: 'row'
+  },
+  dot: {
+    marginLeft: 2,
+    marginRight: 2,
+    borderRadius: 4,
+    width: 8,
+    height: 8,
+    backgroundColor: theme.colors.incomingMeta
+  }
 });
 //# sourceMappingURL=styles.js.map

package/lib/TypingIndicator/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;IACjF,SAAS,EAAE;QACT,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;QAChC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc;KAC7C;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;KACrB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;KAC3C;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","names":["StyleSheet","createTypingIndicatorStyles","theme","create","container","marginLeft","width","borderRadius","radii","bubble","backgroundColor","colors","incomingBubble","mountedContainer","height","marginBottom","dots","flexDirection","dot","marginRight","incomingMeta"],"sources":["../../src/TypingIndicator/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\nimport { ChatTheme } from '../Theme'\n\nexport const createTypingIndicatorStyles = (theme: ChatTheme) => StyleSheet.create({\n  container: {\n    marginLeft: 8,\n    width: 45,\n    borderRadius: theme.radii.bubble,\n    backgroundColor: theme.colors.incomingBubble,\n  },\n  mountedContainer: {\n    height: 35,\n    marginBottom: 8,\n  },\n  dots: {\n    flexDirection: 'row',\n  },\n  dot: {\n    marginLeft: 2,\n    marginRight: 2,\n    borderRadius: 4,\n    width: 8,\n    height: 8,\n    backgroundColor: theme.colors.incomingMeta,\n  },\n})\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC,OAAO,MAAMC,2BAA2B,GAAIC,KAAgB,IAAKF,UAAU,CAACG,MAAM,CAAC;EACjFC,SAAS,EAAE;IACTC,UAAU,EAAE,CAAC;IACbC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM;IAChCC,eAAe,EAAER,KAAK,CAACS,MAAM,CAACC;EAChC,CAAC;EACDC,gBAAgB,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,GAAG,EAAE;IACHb,UAAU,EAAE,CAAC;IACbc,WAAW,EAAE,CAAC;IACdZ,YAAY,EAAE,CAAC;IACfD,KAAK,EAAE,CAAC;IACRQ,MAAM,EAAE,CAAC;IACTJ,eAAe,EAAER,KAAK,CAACS,MAAM,CAACS;EAChC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/TypingIndicator/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/TypingIndicator/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/TypingIndicator/types.ts"],"sourcesContent":["import { StyleProp, ViewStyle } from 'react-native'\n\nexport interface TypingIndicatorProps {\n  isTyping?: boolean\n  style?: StyleProp<ViewStyle>\n}\n"],"mappings":"","ignoreList":[]}

package/lib/attachments/AttachmentButton.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { IMessage } from '../Models';
+import { AttachmentTab, AttachmentsProps } from './types';
+export declare const resolveAttachments: <TMessage extends IMessage>(value: boolean | AttachmentsProps<TMessage> | undefined) => AttachmentsProps<TMessage> | null;
+interface AttachmentButtonProps<TMessage extends IMessage> {
+    tabs: AttachmentTab[];
+    config: AttachmentsProps<TMessage>;
+    onSend?: (messages: Partial<TMessage>[], shouldResetInputToolbar: boolean) => void;
+    /** Called as the menu opens: the emoji keyboard and the system keyboard make way. */
+    onOpen?: () => void;
+    icon?: () => ReactNode;
+    wrapperStyle?: StyleProp<ViewStyle>;
+}
+/** The composer's paperclip with the built-in attachment menu behind it. */
+export declare function AttachmentButton<TMessage extends IMessage = IMessage>({ tabs, config, onSend, onOpen, icon, wrapperStyle, }: AttachmentButtonProps<TMessage>): React.JSX.Element;
+export {};
+//# sourceMappingURL=AttachmentButton.d.ts.map

package/lib/attachments/AttachmentButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentButton.d.ts","sourceRoot":"","sources":["../../src/attachments/AttachmentButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAIpC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAoB,MAAM,SAAS,CAAA;AAE3E,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,QAAQ,EAC1D,OAAO,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,GAAG,SAAS,KACtD,gBAAgB,CAAC,QAAQ,CAAC,GAAG,IAM/B,CAAA;AAED,UAAU,qBAAqB,CAAC,QAAQ,SAAS,QAAQ;IACvD,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,uBAAuB,EAAE,OAAO,KAAK,IAAI,CAAA;IAClF,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACpC;AAED,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EACtE,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,YAAY,GACb,EAAE,qBAAqB,CAAC,QAAQ,CAAC,qBAsCjC"}