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

package/lib/Bubble/BubbleBody.js

@@ -0,0 +1,218 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Text, View } from 'react-native';
+import { BubbleTail, GradientBubbleBackground } from '../components/BubbleBackground';
+import { BubbleHighlightTint, useMessageHighlightToken } from '../components/messageHighlight';
+import { useTheme, useThemedStyles } from '../hooks/useTheme';
+import { getNameColor } from '../Theme';
+import { renderComponentOrElement } from '../utils';
+import { BubbleContent } from './BubbleContent';
+import { BubbleMeta, useTimeSpacer } from './BubbleMeta';
+import { createBubbleStyles } from './styles';
+/** The bubble's surface: its gradient or tail, and the tint of a quote-jump flash. */
+function BubbleSurface(t0) {
+  const $ = _c(19);
+  const {
+    bubble,
+    layout
+  } = t0;
+  const theme = useTheme();
+  const {
+    currentMessage,
+    position
+  } = bubble;
+  const {
+    isVideoNote,
+    hasTail,
+    visualPosition,
+    hasGradient,
+    gradientStops,
+    isGroupedWithNext,
+    cornerStyle,
+    bodyColor,
+    hasShadow,
+    shadowColor
+  } = layout;
+  const highlightToken = useMessageHighlightToken(currentMessage?._id);
+  if (isVideoNote) {
+    return null;
+  }
+  const tailSide = hasTail ? visualPosition : undefined;
+  let t1;
+  if ($[0] !== bodyColor || $[1] !== cornerStyle || $[2] !== currentMessage || $[3] !== gradientStops || $[4] !== hasGradient || $[5] !== hasShadow || $[6] !== isGroupedWithNext || $[7] !== shadowColor || $[8] !== tailSide || $[9] !== theme) {
+    t1 = hasGradient && currentMessage ? <GradientBubbleBackground stops={gradientStops} mode={theme.bubble.outgoingGradientMode} messageId={currentMessage._id} bottomGap={isGroupedWithNext ? theme.spacing.withinGroup : theme.spacing.betweenGroups} cornerStyle={cornerStyle} tailSide={tailSide} /> : tailSide && <BubbleTail side={tailSide} color={bodyColor} shadowColor={hasShadow ? shadowColor : undefined} />;
+    $[0] = bodyColor;
+    $[1] = cornerStyle;
+    $[2] = currentMessage;
+    $[3] = gradientStops;
+    $[4] = hasGradient;
+    $[5] = hasShadow;
+    $[6] = isGroupedWithNext;
+    $[7] = shadowColor;
+    $[8] = tailSide;
+    $[9] = theme;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  let t2;
+  if ($[11] !== cornerStyle || $[12] !== highlightToken || $[13] !== position || $[14] !== theme) {
+    t2 = !!highlightToken && <BubbleHighlightTint token={highlightToken} color={position === "right" ? theme.colors.outgoingBubbleSelected : theme.colors.incomingBubbleSelected} cornerStyle={cornerStyle} />;
+    $[11] = cornerStyle;
+    $[12] = highlightToken;
+    $[13] = position;
+    $[14] = theme;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  let t3;
+  if ($[16] !== t1 || $[17] !== t2) {
+    t3 = <>{t1}{t2}</>;
+    $[16] = t1;
+    $[17] = t2;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  return t3;
+}
+
+/** The sender's name over the first message of someone else's run. */
+function BubbleUsername(t0) {
+  const $ = _c(18);
+  const {
+    bubble,
+    layout
+  } = t0;
+  const theme = useTheme();
+  const styles = useThemedStyles(createBubbleStyles);
+  const {
+    currentMessage
+  } = bubble;
+  if (!layout.isUsernameShown || !currentMessage) {
+    return null;
+  }
+  if (bubble.renderUsername) {
+    let t1;
+    if ($[0] !== bubble.renderUsername || $[1] !== currentMessage.user) {
+      t1 = renderComponentOrElement(bubble.renderUsername, currentMessage.user);
+      $[0] = bubble.renderUsername;
+      $[1] = currentMessage.user;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  const t1 = styles.usernameContainer;
+  const t2 = styles.username;
+  let t3;
+  if ($[3] !== currentMessage.user._id || $[4] !== theme) {
+    t3 = getNameColor(theme, currentMessage.user._id);
+    $[3] = currentMessage.user._id;
+    $[4] = theme;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3) {
+    t4 = {
+      color: t3
+    };
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== bubble.usernameStyle || $[9] !== styles.username || $[10] !== t4) {
+    t5 = [t2, t4, bubble.usernameStyle];
+    $[8] = bubble.usernameStyle;
+    $[9] = styles.username;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== currentMessage.user.name || $[13] !== t5) {
+    t6 = <Text style={t5} numberOfLines={1}>{currentMessage.user.name}</Text>;
+    $[12] = currentMessage.user.name;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== styles.usernameContainer || $[16] !== t6) {
+    t7 = <View style={t1}>{t6}</View>;
+    $[15] = styles.usernameContainer;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+}
+
+/**
+ * Everything inside the bubble's outline: surface, name, content and time. Drawn in the row, and
+ * again as the lifted copy the long-press menu shows.
+ */
+export function BubbleBody(t0) {
+  const $ = _c(17);
+  const {
+    bubble,
+    layout,
+    reactionsDisplay
+  } = t0;
+  const timeSpacer = useTimeSpacer(bubble, layout);
+  let t1;
+  let t2;
+  if ($[0] !== bubble || $[1] !== layout) {
+    t1 = <BubbleSurface bubble={bubble} layout={layout} />;
+    t2 = <BubbleUsername bubble={bubble} layout={layout} />;
+    $[0] = bubble;
+    $[1] = layout;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== bubble || $[5] !== layout || $[6] !== reactionsDisplay || $[7] !== timeSpacer) {
+    t3 = <BubbleContent bubble={bubble} layout={layout} timeSpacer={timeSpacer} reactionsDisplay={reactionsDisplay} />;
+    $[4] = bubble;
+    $[5] = layout;
+    $[6] = reactionsDisplay;
+    $[7] = timeSpacer;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== bubble || $[10] !== layout) {
+    t4 = <BubbleMeta bubble={bubble} layout={layout} />;
+    $[9] = bubble;
+    $[10] = layout;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== t1 || $[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+    t5 = <>{t1}{t2}{t3}{t4}</>;
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+//# sourceMappingURL=BubbleBody.js.map

package/lib/Bubble/BubbleBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleBody.js","names":["React","Text","View","BubbleTail","GradientBubbleBackground","BubbleHighlightTint","useMessageHighlightToken","useTheme","useThemedStyles","getNameColor","renderComponentOrElement","BubbleContent","BubbleMeta","useTimeSpacer","createBubbleStyles","BubbleSurface","t0","$","_c","bubble","layout","theme","currentMessage","position","isVideoNote","hasTail","visualPosition","hasGradient","gradientStops","isGroupedWithNext","cornerStyle","bodyColor","hasShadow","shadowColor","highlightToken","_id","tailSide","undefined","t1","outgoingGradientMode","spacing","withinGroup","betweenGroups","t2","colors","outgoingBubbleSelected","incomingBubbleSelected","t3","BubbleUsername","styles","isUsernameShown","renderUsername","user","usernameContainer","username","t4","color","t5","usernameStyle","t6","name","t7","BubbleBody","reactionsDisplay","timeSpacer"],"sources":["../../src/Bubble/BubbleBody.tsx"],"sourcesContent":["import React from 'react'\nimport { Text, View } from 'react-native'\n\nimport { BubbleTail, GradientBubbleBackground } from '../components/BubbleBackground'\nimport { BubbleHighlightTint, useMessageHighlightToken } from '../components/messageHighlight'\nimport { useTheme, useThemedStyles } from '../hooks/useTheme'\nimport { IMessage } from '../Models'\nimport { getNameColor } from '../Theme'\nimport { renderComponentOrElement } from '../utils'\nimport { BubbleContent, ReactionsDisplayProps } from './BubbleContent'\nimport { BubbleMeta, useTimeSpacer } from './BubbleMeta'\nimport { BubbleLayout } from './layout'\nimport { createBubbleStyles } from './styles'\nimport { BubbleProps } from './types'\n\n/** The bubble's surface: its gradient or tail, and the tint of a quote-jump flash. */\nfunction BubbleSurface<TMessage extends IMessage> ({ bubble, layout }: { bubble: BubbleProps<TMessage>, layout: BubbleLayout }) {\n  const theme = useTheme()\n  const { currentMessage, position } = bubble\n  const {\n    isVideoNote,\n    hasTail,\n    visualPosition,\n    hasGradient,\n    gradientStops,\n    isGroupedWithNext,\n    cornerStyle,\n    bodyColor,\n    hasShadow,\n    shadowColor,\n  } = layout\n  // The flash after a quote jump tints the bubble too, not just the row behind it.\n  const highlightToken = useMessageHighlightToken(currentMessage?._id)\n\n  if (isVideoNote)\n    return null\n\n  const tailSide = hasTail ? visualPosition : undefined\n\n  return (\n    <>\n      {hasGradient && currentMessage\n        ? (\n          <GradientBubbleBackground\n            stops={gradientStops!}\n            mode={theme.bubble.outgoingGradientMode}\n            messageId={currentMessage._id}\n            bottomGap={isGroupedWithNext ? theme.spacing.withinGroup : theme.spacing.betweenGroups}\n            cornerStyle={cornerStyle}\n            tailSide={tailSide}\n          />\n        )\n        : tailSide && <BubbleTail side={tailSide} color={bodyColor} shadowColor={hasShadow ? shadowColor : undefined} />}\n      {!!highlightToken && (\n        <BubbleHighlightTint\n          token={highlightToken}\n          color={position === 'right' ? theme.colors.outgoingBubbleSelected : theme.colors.incomingBubbleSelected}\n          cornerStyle={cornerStyle}\n        />\n      )}\n    </>\n  )\n}\n\n/** The sender's name over the first message of someone else's run. */\nfunction BubbleUsername<TMessage extends IMessage> ({ bubble, layout }: { bubble: BubbleProps<TMessage>, layout: BubbleLayout }) {\n  const theme = useTheme()\n  const styles = useThemedStyles(createBubbleStyles)\n  const { currentMessage } = bubble\n\n  if (!layout.isUsernameShown || !currentMessage)\n    return null\n\n  if (bubble.renderUsername)\n    return renderComponentOrElement(bubble.renderUsername, currentMessage.user)\n\n  return (\n    <View style={styles.usernameContainer}>\n      <Text\n        style={[styles.username, { color: getNameColor(theme, currentMessage.user._id) }, bubble.usernameStyle]}\n        numberOfLines={1}\n      >\n        {currentMessage.user.name}\n      </Text>\n    </View>\n  )\n}\n\n/**\n * Everything inside the bubble's outline: surface, name, content and time. Drawn in the row, and\n * again as the lifted copy the long-press menu shows.\n */\nexport function BubbleBody<TMessage extends IMessage> ({ bubble, layout, reactionsDisplay }: {\n  bubble: BubbleProps<TMessage>\n  layout: BubbleLayout\n  reactionsDisplay: ReactionsDisplayProps | null\n}) {\n  const timeSpacer = useTimeSpacer(bubble, layout)\n  return (\n    <>\n      <BubbleSurface bubble={bubble} layout={layout} />\n      <BubbleUsername bubble={bubble} layout={layout} />\n      <BubbleContent bubble={bubble} layout={layout} timeSpacer={timeSpacer} reactionsDisplay={reactionsDisplay} />\n      <BubbleMeta bubble={bubble} layout={layout} />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Bubble/BubbleContent.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { MessageReactions } from '../Reactions';
+import { BubbleLayout } from './layout';
+import { BubbleProps } from './types';
+export type ReactionsDisplayProps = React.ComponentProps<typeof MessageReactions>;
+/**
+ * What the bubble holds, top to bottom: a custom view, the quoted reply, the media, the text, the
+ * link preview and the reaction pills. Each piece is the app's renderer when it passes one, and
+ * the built-in component otherwise.
+ */
+export declare function BubbleContent<TMessage extends IMessage>({ bubble, layout, timeSpacer, reactionsDisplay }: {
+    bubble: BubbleProps<TMessage>;
+    layout: BubbleLayout;
+    /** The reserved copy of the time for the end of the text or the pills (`useTimeSpacer`). */
+    timeSpacer: React.ReactNode;
+    reactionsDisplay: ReactionsDisplayProps | null;
+}): React.JSX.Element;
+/** Quick reply chips under the bubble, for a message that offers them. */
+export declare function BubbleQuickReplies<TMessage extends IMessage>({ bubble }: {
+    bubble: BubbleProps<TMessage>;
+}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+//# sourceMappingURL=BubbleContent.d.ts.map

package/lib/Bubble/BubbleContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleContent.d.ts","sourceRoot":"","sources":["../../src/Bubble/BubbleContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAYtC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,OAAO,EAAE,WAAW,EAA0B,MAAM,SAAS,CAAA;AAc7D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEjF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE;IAC1G,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC7B,MAAM,EAAE,YAAY,CAAA;IACpB,4FAA4F;IAC5F,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gBAAgB,EAAE,qBAAqB,GAAG,IAAI,CAAA;CAC/C,qBA+NA;AAED,0EAA0E;AAC1E,wBAAgB,kBAAkB,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CAAE,mSAmB3G"}