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

package/lib/Send.js

@@ -1,56 +1,227 @@
-import React, { useMemo, useCallback } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import React, { useMemo, useCallback, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { Icon } from './components/Icon';
 import { SendIcon } from './components/SendIcon';
 import { TouchableOpacity } from './components/TouchableOpacity';
 import { TEST_ID } from './Constant';
+import { useIcons } from './hooks/useIcons';
 import { useTheme, useThemedStyles } from './hooks/useTheme';
-export const Send = ({ text, containerStyle, children, isTextOptional = false, sendButtonProps, onSend, }) => {
-    const theme = useTheme();
-    const styles = useThemedStyles(createStyles);
-    // The button is always visible. It's "active" (accent) when there's something
-    // to send, and "inactive" (gray, non-functional) otherwise - so the right
-    // slot is never empty when no voice/video/stop control takes its place.
-    const canSend = useMemo(() => !!text?.trim().length || isTextOptional, [text, isTextOptional]);
-    const handleOnPress = useCallback(() => {
-        const trimmedText = text?.trim() ?? '';
-        const message = { text: trimmedText };
-        if (onSend && (trimmedText.length || isTextOptional))
-            onSend(message, true);
-    }, [text, onSend, isTextOptional]);
-    const { size } = theme.sendButton;
-    return (<View style={[styles.container, containerStyle]}>
-      <TouchableOpacity testID={TEST_ID.SEND_TOUCHABLE} style={styles.touchable} onPress={handleOnPress} enabled={canSend} accessible accessibilityLabel='send' accessibilityRole='button' accessibilityState={{ disabled: !canSend }} {...sendButtonProps}>
-        {children ||
-            <View style={[styles.circle, !canSend && styles.circleInactive]}>
-            <Icon name='send' color='#fff' size={size * 0.5} fallback={<SendIcon color='#fff' size={size * 0.5}/>}/>
-          </View>}
-      </TouchableOpacity>
-    </View>);
+import { EASE_OUT_QUINT } from './motion';
+import { getSvg } from './optional';
+const svg = getSvg();
+const Svg = svg ? svg.default ?? svg.Svg : null;
+const Path = svg?.Path;
+
+// A solid paper plane pointing right.
+const PLANE = 'M3.4 20.3 L21.2 12.6 a0.65 0.65 0 0 0 0 -1.2 L3.4 3.7 a0.7 0.7 0 0 0 -1 0.75 L3.9 10.6 L14.5 12 L3.9 13.4 L2.4 19.55 a0.7 0.7 0 0 0 1 0.75 Z';
+
+// The send button grows in from 0.1 as text appears and shrinks away with it, over 220ms
+// on EASE_OUT_QUINT.
+const MORPH = {
+  duration: 220,
+  easing: EASE_OUT_QUINT
 };
-const createStyles = (theme) => StyleSheet.create({
-    // Center the button against the single-line field height. The toolbar row is
-    // bottom-aligned, so giving the button the field's min-height keeps it centered
-    // when the field is one line and aligned with the last line when it grows.
-    container: {
-        minHeight: theme.composer.minHeight,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    touchable: {
-        justifyContent: 'center',
-    },
-    circle: {
-        width: theme.sendButton.size,
-        height: theme.sendButton.size,
-        borderRadius: theme.radii.sendButton,
-        backgroundColor: theme.colors.accent,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    // Muted, non-functional state shown when there's nothing to send.
-    circleInactive: {
-        backgroundColor: theme.colors.incomingMeta,
-    },
+const PlaneIcon = t0 => {
+  const $ = _c(12);
+  const {
+    color,
+    size
+  } = t0;
+  const icons = useIcons();
+  if (icons.send || !(Svg && Path)) {
+    let t1;
+    if ($[0] !== color || $[1] !== size) {
+      t1 = <SendIcon color={color} size={size} />;
+      $[0] = color;
+      $[1] = size;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    let t2;
+    if ($[3] !== color || $[4] !== size || $[5] !== t1) {
+      t2 = <Icon name="send" color={color} size={size} fallback={t1} />;
+      $[3] = color;
+      $[4] = size;
+      $[5] = t1;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    return t2;
+  }
+  let t1;
+  if ($[7] !== color) {
+    t1 = <Path d={PLANE} fill={color} />;
+    $[7] = color;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== size || $[10] !== t1) {
+    t2 = <Svg width={size} height={size} viewBox="0 0 24 24">{t1}</Svg>;
+    $[9] = size;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+};
+export const Send = t0 => {
+  const $ = _c(33);
+  const {
+    text,
+    containerStyle,
+    children,
+    isTextOptional: t1,
+    isSendButtonAlwaysVisible: t2,
+    sendButtonProps,
+    onSend
+  } = t0;
+  const isTextOptional = t1 === undefined ? false : t1;
+  const isSendButtonAlwaysVisible = t2 === undefined ? false : t2;
+  const theme = useTheme();
+  const styles = useThemedStyles(createStyles);
+  let t3;
+  if ($[0] !== isTextOptional || $[1] !== text) {
+    t3 = !!text?.trim().length || isTextOptional;
+    $[0] = isTextOptional;
+    $[1] = text;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const canSend = t3;
+  const isShown = canSend || isSendButtonAlwaysVisible;
+  const shown = useSharedValue(isShown ? 1 : 0);
+  let t4;
+  let t5;
+  if ($[3] !== isShown || $[4] !== shown) {
+    t4 = () => {
+      shown.value = withTiming(isShown ? 1 : 0, MORPH);
+    };
+    t5 = [isShown, shown];
+    $[3] = isShown;
+    $[4] = shown;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t4 = $[5];
+    t5 = $[6];
+  }
+  useEffect(t4, t5);
+  const circleStyle = useAnimatedStyle(() => ({
+    opacity: shown.value,
+    transform: [{
+      scale: 0.1 + 0.9 * shown.value
+    }]
+  }));
+  let t6;
+  if ($[7] !== isTextOptional || $[8] !== onSend || $[9] !== text) {
+    t6 = () => {
+      const trimmedText = text?.trim() ?? "";
+      const message = {
+        text: trimmedText
+      };
+      if (onSend && (trimmedText.length || isTextOptional)) {
+        onSend(message, true);
+      }
+    };
+    $[7] = isTextOptional;
+    $[8] = onSend;
+    $[9] = text;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const handleOnPress = t6;
+  const {
+    size
+  } = theme.sendButton;
+  let t7;
+  if ($[11] !== containerStyle || $[12] !== styles.container) {
+    t7 = [styles.container, containerStyle];
+    $[11] = containerStyle;
+    $[12] = styles.container;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  const t8 = !canSend;
+  let t9;
+  if ($[14] !== t8) {
+    t9 = {
+      disabled: t8
+    };
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== canSend || $[17] !== children || $[18] !== circleStyle || $[19] !== size || $[20] !== styles.circle || $[21] !== styles.circleInactive) {
+    t10 = children || <Animated.View style={[styles.circle, !canSend && styles.circleInactive, circleStyle]}><PlaneIcon color="#fff" size={Math.round(size * 0.62)} /></Animated.View>;
+    $[16] = canSend;
+    $[17] = children;
+    $[18] = circleStyle;
+    $[19] = size;
+    $[20] = styles.circle;
+    $[21] = styles.circleInactive;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== canSend || $[24] !== handleOnPress || $[25] !== sendButtonProps || $[26] !== styles.touchable || $[27] !== t10 || $[28] !== t9) {
+    t11 = <TouchableOpacity testID={TEST_ID.SEND_TOUCHABLE} style={styles.touchable} onPress={handleOnPress} enabled={canSend} accessible={true} accessibilityLabel="send" accessibilityRole="button" accessibilityState={t9} {...sendButtonProps}>{t10}</TouchableOpacity>;
+    $[23] = canSend;
+    $[24] = handleOnPress;
+    $[25] = sendButtonProps;
+    $[26] = styles.touchable;
+    $[27] = t10;
+    $[28] = t9;
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  let t12;
+  if ($[30] !== t11 || $[31] !== t7) {
+    t12 = <View style={t7}>{t11}</View>;
+    $[30] = t11;
+    $[31] = t7;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  return t12;
+};
+const createStyles = theme => StyleSheet.create({
+  // A 44 cell at the island's end; the button is bottom-aligned with the last line of text.
+  container: {
+    minHeight: theme.composer.minHeight,
+    minWidth: 44,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  touchable: {
+    justifyContent: 'center'
+  },
+  // A solid 36 circle in the accent color.
+  circle: {
+    width: theme.sendButton.size,
+    height: theme.sendButton.size,
+    borderRadius: theme.radii.sendButton,
+    backgroundColor: theme.colors.accent,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // Shown (by `isSendButtonAlwaysVisible`) with nothing to send.
+  circleInactive: {
+    backgroundColor: theme.colors.placeholder
+  }
 });
 //# sourceMappingURL=Send.js.map

package/lib/Send.js.map

@@ -1 +1 @@
-{"version":3,"file":"Send.js","sourceRoot":"","sources":["../src/Send.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Send.js","names":["React","useMemo","useCallback","useEffect","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","Icon","SendIcon","TouchableOpacity","TEST_ID","useIcons","useTheme","useThemedStyles","EASE_OUT_QUINT","getSvg","svg","Svg","default","Path","PLANE","MORPH","duration","easing","PlaneIcon","t0","$","_c","color","size","icons","send","t1","t2","Send","text","containerStyle","children","isTextOptional","isSendButtonAlwaysVisible","sendButtonProps","onSend","undefined","theme","styles","createStyles","t3","trim","length","canSend","isShown","shown","t4","t5","value","circleStyle","opacity","transform","scale","t6","trimmedText","message","handleOnPress","sendButton","t7","container","t8","t9","disabled","t10","circle","circleInactive","Math","round","t11","touchable","SEND_TOUCHABLE","t12","create","minHeight","composer","minWidth","justifyContent","alignItems","width","height","borderRadius","radii","backgroundColor","colors","accent","placeholder"],"sources":["../src/Send.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect } from 'react'\nimport {\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  View } from 'react-native'\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { Icon } from './components/Icon'\nimport { SendIcon } from './components/SendIcon'\nimport { TouchableOpacity, TouchableOpacityProps } from './components/TouchableOpacity'\nimport { TEST_ID } from './Constant'\nimport { useIcons } from './hooks/useIcons'\nimport { useTheme, useThemedStyles } from './hooks/useTheme'\nimport { IMessage } from './Models'\nimport { EASE_OUT_QUINT } from './motion'\nimport { getSvg } from './optional'\nimport { ChatTheme } from './Theme'\n\nconst svg = getSvg()\nconst Svg: any = svg ? svg.default ?? svg.Svg : null\nconst Path: any = svg?.Path\n\n// A solid paper plane pointing right.\nconst PLANE = 'M3.4 20.3 L21.2 12.6 a0.65 0.65 0 0 0 0 -1.2 L3.4 3.7 a0.7 0.7 0 0 0 -1 0.75 L3.9 10.6 L14.5 12 L3.9 13.4 L2.4 19.55 a0.7 0.7 0 0 0 1 0.75 Z'\n\n// The send button grows in from 0.1 as text appears and shrinks away with it, over 220ms\n// on EASE_OUT_QUINT.\nconst MORPH = { duration: 220, easing: EASE_OUT_QUINT }\n\nconst PlaneIcon = ({ color, size }: { color: string, size: number }) => {\n  const icons = useIcons()\n\n  if (icons.send || !(Svg && Path))\n    return <Icon name='send' color={color} size={size} fallback={<SendIcon color={color} size={size} />} />\n\n  return (\n    <Svg width={size} height={size} viewBox='0 0 24 24'>\n      <Path d={PLANE} fill={color} />\n    </Svg>\n  )\n}\n\nexport interface SendProps<TMessage extends IMessage> {\n  text?: string\n  label?: string\n  containerStyle?: StyleProp<ViewStyle>\n  textStyle?: StyleProp<TextStyle>\n  children?: React.ReactNode\n  /** Keep the send button showing even when there is nothing to send. */\n  isSendButtonAlwaysVisible?: boolean\n  /** Text is optional, allow sending empty messages (useful for media-only messages) */\n  isTextOptional?: boolean\n  sendButtonProps?: Partial<TouchableOpacityProps>\n  onSend?(\n    messages: Partial<TMessage> | Partial<TMessage>[],\n    shouldResetInputToolbar: boolean,\n  ): void\n}\n\nexport const Send = <TMessage extends IMessage = IMessage>({\n  text,\n  containerStyle,\n  children,\n  isTextOptional = false,\n  isSendButtonAlwaysVisible = false,\n  sendButtonProps,\n  onSend,\n}: SendProps<TMessage>) => {\n  const theme = useTheme()\n  const styles = useThemedStyles(createStyles)\n\n  const canSend = useMemo(\n    () => !!text?.trim().length || isTextOptional,\n    [text, isTextOptional]\n  )\n\n  // No greyed-out send button: it is only there while there is something to send.\n  const isShown = canSend || isSendButtonAlwaysVisible\n  const shown = useSharedValue(isShown ? 1 : 0)\n  useEffect(() => {\n    shown.value = withTiming(isShown ? 1 : 0, MORPH)\n  }, [isShown, shown])\n  const circleStyle = useAnimatedStyle(() => ({\n    opacity: shown.value,\n    transform: [{ scale: 0.1 + 0.9 * shown.value }],\n  }))\n\n  const handleOnPress = useCallback(() => {\n    const trimmedText = text?.trim() ?? ''\n    const message = { text: trimmedText } as Partial<TMessage>\n\n    if (onSend && (trimmedText.length || isTextOptional))\n      onSend(message, true)\n  }, [text, onSend, isTextOptional])\n\n  const { size } = theme.sendButton\n\n  return (\n    <View style={[styles.container, containerStyle]}>\n      <TouchableOpacity\n        testID={TEST_ID.SEND_TOUCHABLE}\n        style={styles.touchable}\n        onPress={handleOnPress}\n        enabled={canSend}\n        accessible\n        accessibilityLabel='send'\n        accessibilityRole='button'\n        accessibilityState={{ disabled: !canSend }}\n        {...sendButtonProps}\n      >\n        {\n          children ||\n          <Animated.View style={[styles.circle, !canSend && styles.circleInactive, circleStyle]}>\n            <PlaneIcon color='#fff' size={Math.round(size * 0.62)} />\n          </Animated.View>\n        }\n      </TouchableOpacity>\n    </View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  // A 44 cell at the island's end; the button is bottom-aligned with the last line of text.\n  container: {\n    minHeight: theme.composer.minHeight,\n    minWidth: 44,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  touchable: {\n    justifyContent: 'center',\n  },\n  // A solid 36 circle in the accent color.\n  circle: {\n    width: theme.sendButton.size,\n    height: theme.sendButton.size,\n    borderRadius: theme.radii.sendButton,\n    backgroundColor: theme.colors.accent,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Shown (by `isSendButtonAlwaysVisible`) with nothing to send.\n  circleInactive: {\n    backgroundColor: theme.colors.placeholder,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/SystemMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.d.ts","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,WAAW,kBAAkB,CAAC,QAAQ,SAAS,QAAQ;IAC3D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,QAAQ,EAAG,EACxD,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,kBAAkB,CAAC,QAAQ,CAAC,4BAwB9B"}
+{"version":3,"file":"SystemMessage.d.ts","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,WAAW,kBAAkB,CAAC,QAAQ,SAAS,QAAQ;IAC3D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,QAAQ,EAAG,EACxD,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,kBAAkB,CAAC,QAAQ,CAAC,4BAyB9B"}

package/lib/SystemMessage.js

@@ -1,45 +1,114 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
-import { StyleSheet, View, } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { Color } from './Color';
 import { useThemedStyles } from './hooks/useTheme';
 import { MessageText } from './MessageText';
 import stylesCommon from './styles';
-export function SystemMessage({ currentMessage, containerStyle, messageContainerStyle, textStyle, messageTextProps, children, }) {
-    const styles = useThemedStyles(createStyles);
-    if (currentMessage == null)
-        return null;
-    return (<View style={[stylesCommon.fill, styles.wrapper]}>
-      <View style={[styles.container, containerStyle]}>
-        {!!currentMessage.text && (<MessageText currentMessage={currentMessage} customTextStyle={[styles.text, textStyle]} position='left' containerStyle={{ left: [styles.messageContainer, messageContainerStyle] }} {...messageTextProps}/>)}
-        {children}
-      </View>
-    </View>);
+export function SystemMessage(t0) {
+  const $ = _c(20);
+  const {
+    currentMessage,
+    containerStyle,
+    messageContainerStyle,
+    textStyle,
+    messageTextProps,
+    children
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  if (currentMessage == null) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== styles.wrapper) {
+    t1 = [stylesCommon.fill, styles.wrapper];
+    $[0] = styles.wrapper;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== containerStyle || $[3] !== styles.container) {
+    t2 = [styles.container, containerStyle];
+    $[2] = containerStyle;
+    $[3] = styles.container;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== currentMessage || $[6] !== messageContainerStyle || $[7] !== messageTextProps || $[8] !== styles.link || $[9] !== styles.messageContainer || $[10] !== styles.text || $[11] !== textStyle) {
+    t3 = !!currentMessage.text && <MessageText currentMessage={currentMessage} customTextStyle={[styles.text, textStyle]} position="left" containerStyle={{
+      left: [styles.messageContainer, messageContainerStyle]
+    }} linkStyle={{
+      left: styles.link
+    }} {...messageTextProps} />;
+    $[5] = currentMessage;
+    $[6] = messageContainerStyle;
+    $[7] = messageTextProps;
+    $[8] = styles.link;
+    $[9] = styles.messageContainer;
+    $[10] = styles.text;
+    $[11] = textStyle;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== children || $[14] !== t2 || $[15] !== t3) {
+    t4 = <View style={t2}>{t3}{children}</View>;
+    $[13] = children;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  let t5;
+  if ($[17] !== t1 || $[18] !== t4) {
+    t5 = <View style={t1}>{t4}</View>;
+    $[17] = t1;
+    $[18] = t4;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  return t5;
 }
-const createStyles = (theme) => StyleSheet.create({
-    wrapper: {
-        alignItems: 'center',
-        marginVertical: 5,
-        marginHorizontal: 10,
-    },
-    container: {
-        maxWidth: '70%',
-        borderRadius: 20,
-        borderWidth: 1,
-        borderColor: theme.colors.separator,
-        paddingHorizontal: 10,
-        paddingVertical: 10,
-        backgroundColor: theme.colors.reactionBackground,
-    },
-    messageContainer: {
-        marginVertical: 0,
-        marginHorizontal: 0,
-    },
-    text: {
-        backgroundColor: Color.backgroundTransparent,
-        color: theme.colors.incomingMeta,
-        fontSize: theme.typography.system.fontSize,
-        fontWeight: theme.typography.system.fontWeight,
-        textAlign: 'center',
-    },
+
+// Service messages share the date pill's look: 14 Medium white text
+// on the service color, radius 11, 8 either side and 3 above and below, at most 30 narrower
+// than the list.
+const createStyles = theme => StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    marginTop: 1,
+    marginBottom: 7,
+    marginHorizontal: 15
+  },
+  container: {
+    borderRadius: theme.radii.dayPill,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    backgroundColor: theme.colors.dayPillBackground
+  },
+  messageContainer: {
+    marginTop: 0,
+    marginBottom: 0,
+    marginVertical: 0,
+    marginHorizontal: 0
+  },
+  text: {
+    backgroundColor: Color.backgroundTransparent,
+    color: theme.colors.dayPillText,
+    fontSize: theme.typography.system.fontSize,
+    lineHeight: theme.typography.system.lineHeight,
+    fontWeight: theme.typography.system.fontWeight,
+    textAlign: 'center'
+  },
+  link: {
+    color: theme.colors.dayPillText,
+    fontWeight: '500'
+  }
 });
 //# sourceMappingURL=SystemMessage.js.map

package/lib/SystemMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,EACV,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,YAAY,MAAM,UAAU,CAAA;AAYnC,MAAM,UAAU,aAAa,CAA6B,EACxD,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACqB;IAC7B,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAE5C,IAAI,cAAc,IAAI,IAAI;QACxB,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAC/C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;QAAA,CACE,CAAC,CAAC,cAAc,CAAC,IAAI,IAAI,CACvB,CAAC,WAAW,CACV,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAC1C,QAAQ,CAAC,MAAM,CACf,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAC3E,IAAI,gBAAgB,CAAC,EACrB,CAEN,CACA;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3D,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,EAAE;KACrB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;QACnC,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB;KACjD;IACD,gBAAgB,EAAE;QAChB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,CAAC;KACpB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;QAChC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;QAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;QAC9C,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}
+{"version":3,"file":"SystemMessage.js","names":["React","StyleSheet","View","Color","useThemedStyles","MessageText","stylesCommon","SystemMessage","t0","$","_c","currentMessage","containerStyle","messageContainerStyle","textStyle","messageTextProps","children","styles","createStyles","t1","wrapper","fill","t2","container","t3","link","messageContainer","text","left","t4","t5","theme","create","alignItems","marginTop","marginBottom","marginHorizontal","borderRadius","radii","dayPill","paddingHorizontal","paddingVertical","backgroundColor","colors","dayPillBackground","marginVertical","backgroundTransparent","color","dayPillText","fontSize","typography","system","lineHeight","fontWeight","textAlign"],"sources":["../src/SystemMessage.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyleSheet,\n  View,\n  ViewStyle,\n  StyleProp,\n  TextStyle,\n} from 'react-native'\nimport { Color } from './Color'\nimport { useThemedStyles } from './hooks/useTheme'\nimport { MessageText, MessageTextProps } from './MessageText'\nimport { IMessage } from './Models'\nimport stylesCommon from './styles'\nimport { ChatTheme } from './Theme'\n\nexport interface SystemMessageProps<TMessage extends IMessage> {\n  currentMessage: TMessage\n  containerStyle?: StyleProp<ViewStyle>\n  messageContainerStyle?: StyleProp<ViewStyle>\n  textStyle?: StyleProp<TextStyle>\n  messageTextProps?: Partial<MessageTextProps<TMessage>>\n  children?: React.ReactNode\n}\n\nexport function SystemMessage<TMessage extends IMessage> ({\n  currentMessage,\n  containerStyle,\n  messageContainerStyle,\n  textStyle,\n  messageTextProps,\n  children,\n}: SystemMessageProps<TMessage>) {\n  const styles = useThemedStyles(createStyles)\n\n  if (currentMessage == null)\n    return null\n\n  return (\n    <View style={[stylesCommon.fill, styles.wrapper]}>\n      <View style={[styles.container, containerStyle]}>\n        {\n          !!currentMessage.text && (\n            <MessageText\n              currentMessage={currentMessage}\n              customTextStyle={[styles.text, textStyle]}\n              position='left'\n              containerStyle={{ left: [styles.messageContainer, messageContainerStyle] }}\n              linkStyle={{ left: styles.link }}\n              {...messageTextProps}\n            />\n          )\n        }\n        {children}\n      </View>\n    </View>\n  )\n}\n\n// Service messages share the date pill's look: 14 Medium white text\n// on the service color, radius 11, 8 either side and 3 above and below, at most 30 narrower\n// than the list.\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  wrapper: {\n    alignItems: 'center',\n    marginTop: 1,\n    marginBottom: 7,\n    marginHorizontal: 15,\n  },\n  container: {\n    borderRadius: theme.radii.dayPill,\n    paddingHorizontal: 8,\n    paddingVertical: 3,\n    backgroundColor: theme.colors.dayPillBackground,\n  },\n  messageContainer: {\n    marginTop: 0,\n    marginBottom: 0,\n    marginVertical: 0,\n    marginHorizontal: 0,\n  },\n  text: {\n    backgroundColor: Color.backgroundTransparent,\n    color: theme.colors.dayPillText,\n    fontSize: theme.typography.system.fontSize,\n    lineHeight: theme.typography.system.lineHeight,\n    fontWeight: theme.typography.system.fontWeight,\n    textAlign: 'center',\n  },\n  link: {\n    color: theme.colors.dayPillText,\n    fontWeight: '500',\n  },\n})\n"],"mappings":"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","ignoreList":[]}