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

package/lib/QuickReplies.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useState, useMemo, useCallback } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import { TouchableOpacity } from './components/TouchableOpacity';
@@ -5,109 +6,241 @@ import { useLabels } from './hooks/useLabels';
 import { useTheme, useThemedStyles } from './hooks/useTheme';
 import { warning } from './logging';
 import stylesCommon from './styles';
-const createStyles = (theme) => StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        maxWidth: 300,
-    },
-    quickReply: {
-        borderWidth: 1,
-        maxWidth: 200,
-        paddingVertical: 7,
-        paddingHorizontal: 12,
-        minHeight: 50,
-        borderRadius: 13,
-        margin: 3,
-    },
-    quickReplyText: {
-        overflow: 'visible',
-    },
-    sendLink: {
-        borderWidth: 0,
-    },
-    sendLinkText: {
-        color: theme.colors.accent,
-        fontWeight: '600',
-        fontSize: 17,
-    },
+const createStyles = theme => StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    maxWidth: 300
+  },
+  quickReply: {
+    borderWidth: 1,
+    maxWidth: 200,
+    paddingVertical: 7,
+    paddingHorizontal: 12,
+    minHeight: 50,
+    borderRadius: 13,
+    margin: 3
+  },
+  quickReplyText: {
+    overflow: 'visible'
+  },
+  sendLink: {
+    borderWidth: 0
+  },
+  sendLinkText: {
+    color: theme.colors.accent,
+    fontWeight: '600',
+    fontSize: 17
+  }
 });
-const sameReply = (currentReply) => (reply) => currentReply.value === reply.value;
-const diffReply = (currentReply) => (reply) => currentReply.value !== reply.value;
-export function QuickReplies({ currentMessage, nextMessage, color: colorProp, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, onQuickReply, sendText, renderQuickReplySend, }) {
-    const theme = useTheme();
-    const labels = useLabels();
-    const styles = useThemedStyles(createStyles);
-    const color = colorProp ?? theme.colors.accent;
-    const sendLabel = sendText ?? labels.send;
-    const { type } = currentMessage.quickReplies;
-    const [replies, setReplies] = useState([]);
-    const shouldComponentDisplay = useMemo(() => {
-        const hasReplies = !!currentMessage && !!currentMessage.quickReplies;
-        const hasNext = !!nextMessage && !!nextMessage._id;
-        const keepIt = currentMessage.quickReplies.keepIt;
-        if (hasReplies && !hasNext)
-            return true;
-        if (hasReplies && hasNext && keepIt)
-            return true;
-        return false;
-    }, [currentMessage, nextMessage]);
-    const handleSend = useCallback((repliesData) => () => {
-        onQuickReply?.(repliesData.map((reply) => ({
-            ...reply,
-            messageId: currentMessage._id,
-        })));
-    }, [onQuickReply, currentMessage]);
-    const handlePress = useCallback((reply) => () => {
-        if (currentMessage) {
-            const { type } = currentMessage.quickReplies;
-            switch (type) {
-                case 'radio': {
-                    handleSend([reply])();
-                    return;
-                }
-                case 'checkbox': {
-                    if (replies.find(sameReply(reply)))
-                        setReplies(replies.filter(diffReply(reply)));
-                    else
-                        setReplies([...replies, reply]);
-                    return;
-                }
-                default: {
-                    warning(`onQuickReply unknown type: ${type}`);
-                }
+const sameReply = currentReply => reply => currentReply.value === reply.value;
+const diffReply = currentReply => reply => currentReply.value !== reply.value;
+export function QuickReplies(t0) {
+  const $ = _c(48);
+  const {
+    currentMessage,
+    nextMessage,
+    color: colorProp,
+    quickReplyStyle,
+    quickReplyTextStyle,
+    quickReplyContainerStyle,
+    onQuickReply,
+    sendText,
+    renderQuickReplySend
+  } = t0;
+  const theme = useTheme();
+  const labels = useLabels();
+  const styles = useThemedStyles(createStyles);
+  const color = colorProp ?? theme.colors.accent;
+  const sendLabel = sendText ?? labels.send;
+  const {
+    type
+  } = currentMessage.quickReplies;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [replies, setReplies] = useState(t1);
+  let t2;
+  bb0: {
+    const hasReplies = !!currentMessage && !!currentMessage.quickReplies;
+    const hasNext = !!nextMessage && !!nextMessage._id;
+    const keepIt = currentMessage.quickReplies.keepIt;
+    if (hasReplies && !hasNext) {
+      t2 = true;
+      break bb0;
+    }
+    if (hasReplies && hasNext && keepIt) {
+      t2 = true;
+      break bb0;
+    }
+    t2 = false;
+  }
+  const shouldComponentDisplay = t2;
+  let t3;
+  if ($[1] !== currentMessage._id || $[2] !== onQuickReply) {
+    t3 = repliesData => () => {
+      onQuickReply?.(repliesData.map(reply => ({
+        ...reply,
+        messageId: currentMessage._id
+      })));
+    };
+    $[1] = currentMessage._id;
+    $[2] = onQuickReply;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const handleSend = t3;
+  let t4;
+  if ($[4] !== currentMessage || $[5] !== handleSend || $[6] !== replies) {
+    t4 = reply_0 => () => {
+      if (currentMessage) {
+        const {
+          type: type_0
+        } = currentMessage.quickReplies;
+        switch (type_0) {
+          case "radio":
+            {
+              handleSend([reply_0])();
+              return;
+            }
+          case "checkbox":
+            {
+              if (replies.find(sameReply(reply_0))) {
+                setReplies(replies.filter(diffReply(reply_0)));
+              } else {
+                setReplies([...replies, reply_0]);
+              }
+              return;
+            }
+          default:
+            {
+              warning(`onQuickReply unknown type: ${type_0}`);
             }
         }
-    }, [replies, currentMessage, handleSend]);
-    const renderSendButton = useMemo(() => {
-        if (!replies.length)
-            return null;
-        return (<TouchableOpacity style={[stylesCommon.centerItems, styles.quickReply, styles.sendLink]} onPress={handleSend(replies)}>
-        {renderQuickReplySend?.() || (<Text style={styles.sendLinkText}>{sendLabel}</Text>)}
-      </TouchableOpacity>);
-    }, [replies, handleSend, renderQuickReplySend, sendLabel, styles]);
-    if (!shouldComponentDisplay)
-        return null;
-    return (<View style={[styles.container, quickReplyContainerStyle]}>
-      {currentMessage.quickReplies.values.map((reply, index) => {
-            const selected = type === 'checkbox' && replies.find(sameReply(reply));
-            return (<TouchableOpacity onPress={handlePress(reply)} style={[
-                    stylesCommon.centerItems,
-                    styles.quickReply,
-                    quickReplyStyle,
-                    { borderColor: color },
-                    selected && { backgroundColor: color },
-                ]} key={`${reply.value}-${index}`}>
-              <Text numberOfLines={10} ellipsizeMode='tail' style={[
-                    styles.quickReplyText,
-                    { color: selected ? '#fff' : color },
-                    quickReplyTextStyle,
-                ]}>
-                {reply.title}
-              </Text>
-            </TouchableOpacity>);
-        })}
-      {renderSendButton}
-    </View>);
+      }
+    };
+    $[4] = currentMessage;
+    $[5] = handleSend;
+    $[6] = replies;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const handlePress = t4;
+  let t5;
+  bb1: {
+    if (!replies.length) {
+      t5 = null;
+      break bb1;
+    }
+    let t6;
+    if ($[8] !== styles.quickReply || $[9] !== styles.sendLink) {
+      t6 = [stylesCommon.centerItems, styles.quickReply, styles.sendLink];
+      $[8] = styles.quickReply;
+      $[9] = styles.sendLink;
+      $[10] = t6;
+    } else {
+      t6 = $[10];
+    }
+    let t7;
+    if ($[11] !== handleSend || $[12] !== replies) {
+      t7 = handleSend(replies);
+      $[11] = handleSend;
+      $[12] = replies;
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    let t8;
+    if ($[14] !== renderQuickReplySend || $[15] !== sendLabel || $[16] !== styles.sendLinkText) {
+      t8 = renderQuickReplySend?.() || <Text style={styles.sendLinkText}>{sendLabel}</Text>;
+      $[14] = renderQuickReplySend;
+      $[15] = sendLabel;
+      $[16] = styles.sendLinkText;
+      $[17] = t8;
+    } else {
+      t8 = $[17];
+    }
+    let t9;
+    if ($[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
+      t9 = <TouchableOpacity style={t6} onPress={t7}>{t8}</TouchableOpacity>;
+      $[18] = t6;
+      $[19] = t7;
+      $[20] = t8;
+      $[21] = t9;
+    } else {
+      t9 = $[21];
+    }
+    t5 = t9;
+  }
+  const renderSendButton = t5;
+  if (!shouldComponentDisplay) {
+    return null;
+  }
+  let t6;
+  if ($[22] !== quickReplyContainerStyle || $[23] !== styles.container) {
+    t6 = [styles.container, quickReplyContainerStyle];
+    $[22] = quickReplyContainerStyle;
+    $[23] = styles.container;
+    $[24] = t6;
+  } else {
+    t6 = $[24];
+  }
+  let t7;
+  if ($[25] !== color || $[26] !== currentMessage.quickReplies.values || $[27] !== handlePress || $[28] !== quickReplyStyle || $[29] !== quickReplyTextStyle || $[30] !== replies || $[31] !== styles.quickReply || $[32] !== styles.quickReplyText || $[33] !== type) {
+    let t8;
+    if ($[35] !== color || $[36] !== handlePress || $[37] !== quickReplyStyle || $[38] !== quickReplyTextStyle || $[39] !== replies || $[40] !== styles.quickReply || $[41] !== styles.quickReplyText || $[42] !== type) {
+      t8 = (reply_1, index) => {
+        const selected = type === "checkbox" && replies.find(sameReply(reply_1));
+        return <TouchableOpacity onPress={handlePress(reply_1)} style={[stylesCommon.centerItems, styles.quickReply, quickReplyStyle, {
+          borderColor: color
+        }, selected && {
+          backgroundColor: color
+        }]} key={`${reply_1.value}-${index}`}><Text numberOfLines={10} ellipsizeMode="tail" style={[styles.quickReplyText, {
+            color: selected ? "#fff" : color
+          }, quickReplyTextStyle]}>{reply_1.title}</Text></TouchableOpacity>;
+      };
+      $[35] = color;
+      $[36] = handlePress;
+      $[37] = quickReplyStyle;
+      $[38] = quickReplyTextStyle;
+      $[39] = replies;
+      $[40] = styles.quickReply;
+      $[41] = styles.quickReplyText;
+      $[42] = type;
+      $[43] = t8;
+    } else {
+      t8 = $[43];
+    }
+    t7 = currentMessage.quickReplies.values.map(t8);
+    $[25] = color;
+    $[26] = currentMessage.quickReplies.values;
+    $[27] = handlePress;
+    $[28] = quickReplyStyle;
+    $[29] = quickReplyTextStyle;
+    $[30] = replies;
+    $[31] = styles.quickReply;
+    $[32] = styles.quickReplyText;
+    $[33] = type;
+    $[34] = t7;
+  } else {
+    t7 = $[34];
+  }
+  let t8;
+  if ($[44] !== renderSendButton || $[45] !== t6 || $[46] !== t7) {
+    t8 = <View style={t6}>{t7}{renderSendButton}</View>;
+    $[44] = renderSendButton;
+    $[45] = t6;
+    $[46] = t7;
+    $[47] = t8;
+  } else {
+    t8 = $[47];
+  }
+  return t8;
 }
 //# sourceMappingURL=QuickReplies.js.map

package/lib/QuickReplies.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickReplies.js","sourceRoot":"","sources":["../src/QuickReplies.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuickReplies.js","names":["React","useState","useMemo","useCallback","StyleSheet","View","Text","TouchableOpacity","useLabels","useTheme","useThemedStyles","warning","stylesCommon","createStyles","theme","create","container","flexDirection","flexWrap","maxWidth","quickReply","borderWidth","paddingVertical","paddingHorizontal","minHeight","borderRadius","margin","quickReplyText","overflow","sendLink","sendLinkText","color","colors","accent","fontWeight","fontSize","sameReply","currentReply","reply","value","diffReply","QuickReplies","t0","$","_c","currentMessage","nextMessage","colorProp","quickReplyStyle","quickReplyTextStyle","quickReplyContainerStyle","onQuickReply","sendText","renderQuickReplySend","labels","styles","sendLabel","send","type","quickReplies","t1","Symbol","for","replies","setReplies","t2","bb0","hasReplies","hasNext","_id","keepIt","shouldComponentDisplay","t3","repliesData","map","messageId","handleSend","t4","reply_0","type_0","find","filter","handlePress","t5","bb1","length","t6","centerItems","t7","t8","t9","renderSendButton","values","reply_1","index","selected","borderColor","backgroundColor","title"],"sources":["../src/QuickReplies.tsx"],"sourcesContent":["import React, { useState, useMemo, useCallback } from 'react'\nimport {\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Text } from 'react-native'\nimport { TouchableOpacity } from './components/TouchableOpacity'\nimport { useLabels } from './hooks/useLabels'\nimport { useTheme, useThemedStyles } from './hooks/useTheme'\nimport { warning } from './logging'\nimport { IMessage, Reply } from './Models'\nimport stylesCommon from './styles'\nimport { ChatTheme } from './Theme'\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    maxWidth: 300,\n  },\n  quickReply: {\n    borderWidth: 1,\n    maxWidth: 200,\n    paddingVertical: 7,\n    paddingHorizontal: 12,\n    minHeight: 50,\n    borderRadius: 13,\n    margin: 3,\n  },\n  quickReplyText: {\n    overflow: 'visible',\n  },\n  sendLink: {\n    borderWidth: 0,\n  },\n  sendLinkText: {\n    color: theme.colors.accent,\n    fontWeight: '600',\n    fontSize: 17,\n  },\n})\n\nexport interface QuickRepliesProps<TMessage extends IMessage = IMessage> {\n  nextMessage?: TMessage\n  currentMessage: TMessage\n  color?: string\n  sendText?: string\n  quickReplyStyle?: StyleProp<ViewStyle>\n  quickReplyTextStyle?: StyleProp<TextStyle>\n  quickReplyContainerStyle?: StyleProp<ViewStyle>\n  onQuickReply?(reply: Reply[]): void\n  renderQuickReplySend?(): React.ReactNode\n}\n\nconst sameReply = (currentReply: Reply) => (reply: Reply) =>\n  currentReply.value === reply.value\n\nconst diffReply = (currentReply: Reply) => (reply: Reply) =>\n  currentReply.value !== reply.value\n\nexport function QuickReplies ({\n  currentMessage,\n  nextMessage,\n  color: colorProp,\n  quickReplyStyle,\n  quickReplyTextStyle,\n  quickReplyContainerStyle,\n  onQuickReply,\n  sendText,\n  renderQuickReplySend,\n}: QuickRepliesProps<IMessage>) {\n  const theme = useTheme()\n  const labels = useLabels()\n  const styles = useThemedStyles(createStyles)\n  const color = colorProp ?? theme.colors.accent\n  const sendLabel = sendText ?? labels.send\n\n  const { type } = currentMessage!.quickReplies!\n  const [replies, setReplies] = useState<Reply[]>([])\n\n  const shouldComponentDisplay = useMemo(() => {\n    const hasReplies = !!currentMessage && !!currentMessage!.quickReplies\n    const hasNext = !!nextMessage && !!nextMessage!._id\n    const keepIt = currentMessage!.quickReplies!.keepIt\n\n    if (hasReplies && !hasNext)\n      return true\n\n    if (hasReplies && hasNext && keepIt)\n      return true\n\n    return false\n  }, [currentMessage, nextMessage])\n\n  const handleSend = useCallback((repliesData: Reply[]) => () => {\n    onQuickReply?.(\n      repliesData.map((reply: Reply) => ({\n        ...reply,\n        messageId: currentMessage!._id,\n      }))\n    )\n  }, [onQuickReply, currentMessage])\n\n  const handlePress = useCallback(\n    (reply: Reply) => () => {\n      if (currentMessage) {\n        const { type } = currentMessage.quickReplies!\n        switch (type) {\n          case 'radio': {\n            handleSend([reply])()\n            return\n          }\n          case 'checkbox': {\n            if (replies.find(sameReply(reply)))\n              setReplies(replies.filter(diffReply(reply)))\n            else\n              setReplies([...replies, reply])\n\n            return\n          }\n          default: {\n            warning(`onQuickReply unknown type: ${type}`)\n          }\n        }\n      }\n    },\n    [replies, currentMessage, handleSend]\n  )\n\n  const renderSendButton = useMemo(() => {\n    if (!replies.length)\n      return null\n\n    return (\n      <TouchableOpacity\n        style={[stylesCommon.centerItems, styles.quickReply, styles.sendLink]}\n        onPress={handleSend(replies)}\n      >\n        {renderQuickReplySend?.() || (\n          <Text style={styles.sendLinkText}>{sendLabel}</Text>\n        )}\n      </TouchableOpacity>\n    )\n  }, [replies, handleSend, renderQuickReplySend, sendLabel, styles])\n\n  if (!shouldComponentDisplay)\n    return null\n\n  return (\n    <View style={[styles.container, quickReplyContainerStyle]}>\n      {currentMessage!.quickReplies!.values.map(\n        (reply: Reply, index: number) => {\n          const selected =\n            type === 'checkbox' && replies.find(sameReply(reply))\n\n          return (\n            <TouchableOpacity\n              onPress={handlePress(reply)}\n              style={[\n                stylesCommon.centerItems,\n                styles.quickReply,\n                quickReplyStyle,\n                { borderColor: color },\n                selected && { backgroundColor: color },\n              ]}\n              key={`${reply.value}-${index}`}\n            >\n              <Text\n                numberOfLines={10}\n                ellipsizeMode='tail'\n                style={[\n                  styles.quickReplyText,\n                  { color: selected ? '#fff' : color },\n                  quickReplyTextStyle,\n                ]}\n              >\n                {reply.title}\n              </Text>\n            </TouchableOpacity>\n          )\n        }\n      )}\n      {renderSendButton}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Reactions/MessageReactions.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { IMessage } from '../Models';
 import { MessageReactionsDisplayProps } from './types';
+/**
+ * Reaction pills inside the bubble: 26pt capsules
+ * that wrap 4pt apart, the bubble's accent at 15.6% when not chosen and solid with white text
+ * when chosen, bouncing on a tap.
+ */
 export declare const MessageReactions: <TMessage extends IMessage = IMessage>(props: MessageReactionsDisplayProps<TMessage>) => React.ReactElement | null;
 //# sourceMappingURL=MessageReactions.d.ts.map

package/lib/Reactions/MessageReactions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../src/Reactions/MessageReactions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAEtD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EACnE,OAAO,4BAA4B,CAAC,QAAQ,CAAC,KAC5C,KAAK,CAAC,YAAY,GAAG,IA0DvB,CAAA"}
+{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../src/Reactions/MessageReactions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,OAAO,EAAE,QAAQ,EAAQ,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAsEtD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EACnE,OAAO,4BAA4B,CAAC,QAAQ,CAAC,KAC5C,KAAK,CAAC,YAAY,GAAG,IAwEvB,CAAA"}