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

package/lib/Bubble/styles.js

@@ -1,110 +1,230 @@
 import { StyleSheet } from 'react-native';
-export const createBubbleStyles = (theme) => {
-    const { colors, radii, spacing, typography } = theme;
-    return StyleSheet.create({
-        // Fills the message row so the pressable surface reaches the far edge, with
-        // the bubble itself pinned to the sender's side.
-        container: {
-            flex: 1,
-        },
-        container_left: {
-            alignItems: 'flex-start',
-        },
-        container_right: {
-            alignItems: 'flex-end',
-        },
-        // Full-width band holding the bubble - this is what the reactions gesture is
-        // attached to, so the whole row responds and not just the bubble.
-        rowSurface: {
-            alignSelf: 'stretch',
-        },
-        rowSurface_left: {
-            alignItems: 'flex-start',
-        },
-        rowSurface_right: {
-            alignItems: 'flex-end',
-        },
-        wrapper: {
-            borderRadius: radii.bubble,
-            minHeight: 20,
-            maxWidth: '70%',
-        },
-        wrapper_left: {
-            backgroundColor: colors.incomingBubble,
-            justifyContent: 'flex-end',
-        },
-        wrapper_right: {
-            backgroundColor: colors.outgoingBubble,
-            justifyContent: 'flex-end',
-        },
-        // A round video note floats with no bubble background/chrome (Telegram-style).
-        noteWrapper: {
-            backgroundColor: 'transparent',
-        },
-        // With the bubble background gone, the meta row would render white-on-light.
-        // Telegram floats it in a translucent dark pill over the circle's lower edge.
-        // Positioning shell only. Anchored to the note's bounding-box corner, which
-        // on a circle sits just outside the shape - where Telegram puts the
-        // timestamp, clear of the duration pill centred on the circle itself.
-        noteMetaPill: {
-            position: 'absolute',
-            bottom: 2,
-            right: 0,
-            justifyContent: 'flex-end',
-            // Overrides `bottom`'s padding, which would otherwise offset the pill.
-            paddingHorizontal: 0,
-            paddingTop: 0,
-            paddingBottom: 0,
-        },
-        // The meta row grows to fill a bubble; on a note it just hugs. It sits on
-        // the chat background beside the duration now, not over the video, so it
-        // needs no pill behind it.
-        noteMetaInner: {
-            flexGrow: 0,
-        },
-        noteMetaText: {
-            color: colors.incomingMeta,
-        },
-        bottom: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'flex-end',
-            paddingHorizontal: spacing.bubblePaddingH,
-            paddingBottom: spacing.bubblePaddingV,
-        },
-        // Soften the inner corners of grouped messages instead of squaring them off.
-        containerToNext_left: {
-            borderBottomLeftRadius: radii.bubbleGrouped,
-        },
-        containerToNext_right: {
-            borderBottomRightRadius: radii.bubbleGrouped,
-        },
-        containerToPrevious_left: {
-            borderTopLeftRadius: radii.bubbleGrouped,
-        },
-        containerToPrevious_right: {
-            borderTopRightRadius: radii.bubbleGrouped,
-        },
-        messageTimeAndStatusContainer: {
-            flexGrow: 1,
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'flex-end',
-            gap: 3,
-        },
-        messageStatusContainer: {
-            flexDirection: 'row',
-            alignItems: 'center',
-        },
-        usernameContainer: {
-            paddingHorizontal: spacing.bubblePaddingH,
-            paddingTop: spacing.bubblePaddingV,
-        },
-        username: {
-            fontSize: typography.senderName.fontSize,
-            fontWeight: typography.senderName.fontWeight,
-            color: colors.senderName,
-        },
-    });
+/**
+ * Text that holds space without showing. Not 'transparent': on Android a fully clear color is
+ * the "unset" value, so a nested Text with it inherits the bubble's text color and the copy
+ * shows (the time printed twice in every bubble). One step of alpha is invisible everywhere.
+ */
+export const HIDDEN_TEXT_COLOR = 'rgba(0, 0, 0, 0.004)';
+export const createBubbleStyles = theme => {
+  const {
+    colors,
+    radii,
+    spacing,
+    typography
+  } = theme;
+  return StyleSheet.create({
+    // Fills the message row so the pressable surface reaches the far edge, with
+    // the bubble itself pinned to the sender's side.
+    container: {
+      flex: 1
+    },
+    container_left: {
+      alignItems: 'flex-start'
+    },
+    container_right: {
+      alignItems: 'flex-end'
+    },
+    // Full-width band holding the bubble - this is what the reactions gesture is
+    // attached to, so the whole row responds and not just the bubble.
+    rowSurface: {
+      alignSelf: 'stretch'
+    },
+    rowSurface_left: {
+      alignItems: 'flex-start'
+    },
+    rowSurface_right: {
+      alignItems: 'flex-end'
+    },
+    // The body. Its corners, width cap and shadow are worked out per message (see `Bubble`);
+    // the tail is drawn outside it, so it must not clip.
+    wrapper: {
+      borderRadius: radii.bubble,
+      minHeight: 20
+    },
+    wrapper_left: {
+      backgroundColor: colors.incomingBubble,
+      justifyContent: 'flex-end'
+    },
+    wrapper_right: {
+      backgroundColor: colors.outgoingBubble,
+      justifyContent: 'flex-end'
+    },
+    // The gradient is a layer inside the body.
+    gradientWrapper: {
+      backgroundColor: 'transparent'
+    },
+    // A round video note floats with no bubble background/chrome.
+    noteWrapper: {
+      backgroundColor: 'transparent'
+    },
+    // The time on the last line of text (or of reaction pills): the time text ends
+    // 6.5dp above the cell's bottom, 3.5 above the body's, 7dp in from its edge - the checks
+    // 7.5dp in, with the time 4 to their left.
+    meta: {
+      position: 'absolute',
+      bottom: 3.5,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    // At the end of the line: the right, or the left in a right-to-left layout.
+    metaIncomingEnd: {
+      right: 7
+    },
+    metaOutgoingEnd: {
+      right: 7.5
+    },
+    metaIncomingStart: {
+      left: 7
+    },
+    metaOutgoingStart: {
+      left: 7.5
+    },
+    // Matches the time text, so the copy reserving its place has exactly its width.
+    metaSpacer: {
+      fontSize: typography.time.fontSize,
+      fontWeight: typography.time.fontWeight
+    },
+    metaSpacerHidden: {
+      color: HIDDEN_TEXT_COLOR
+    },
+    // The time pill over a photo: 17 tall, radius 8, 6 in from the photo's corner,
+    // `mediaTimeBackground` with white text.
+    mediaMeta: {
+      position: 'absolute',
+      bottom: 8,
+      height: 17,
+      borderRadius: radii.mediaTimePill,
+      paddingHorizontal: 6,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 3,
+      backgroundColor: colors.mediaTimeBackground
+    },
+    mediaMetaEnd: {
+      right: 8
+    },
+    mediaMetaStart: {
+      left: 8
+    },
+    mediaMetaText: {
+      color: colors.mediaTimeText
+    },
+    // The photo sits 2 in from the body, so its 15 corners run parallel to the bubble's 17.
+    mediaFrame: {
+      margin: 2
+    },
+    // Text followed by reaction pills, or by a time row of its own, ends closer to it.
+    textAboveReactions: {
+      marginBottom: 6
+    },
+    // `drawLinkPreview`: the block's box starts 6 below the last line of text.
+    textAboveLinkPreview: {
+      marginBottom: 4
+    },
+    textAboveMetaRow: {
+      marginBottom: 2
+    },
+    // With the bubble background gone, the meta row would render white-on-light.
+    // So it floats in a translucent pill on the service color: 17dp tall, 4dp corners,
+    // 4dp either side of the text and the ticks, in the service text color.
+    // Anchored to the note's bounding-box corner, which on a circle sits just
+    // outside the shape, clear of the duration pill on the other side.
+    noteMetaPill: {
+      position: 'absolute',
+      bottom: 2,
+      right: 0,
+      // Over the circle: the note's wrapper is raised (zIndex 1) to pass over the avatar as it
+      // grows, and a time wider than "9:55 PM" reaches under the circle's curve, which hid its
+      // first digit.
+      zIndex: 2,
+      height: 17,
+      justifyContent: 'flex-end',
+      // Overrides `bottom`'s padding, which would otherwise offset the pill.
+      paddingHorizontal: 4,
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    // The service color at 0.6 of its own alpha, as `drawTime` scales it.
+    noteMetaBackground: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      borderRadius: 4,
+      backgroundColor: colors.dayPillBackground,
+      opacity: 0.6
+    },
+    // The meta row grows to fill a bubble; on a note it just hugs.
+    noteMetaInner: {
+      flexGrow: 0
+    },
+    noteMetaText: {
+      color: colors.dayPillText
+    },
+    // A voice note's time shares the duration's line at the bubble's
+    // bottom-right instead of taking a row of its own (6.5dp above the bottom),
+    // so it is laid over the player.
+    voiceMeta: {
+      position: 'absolute',
+      right: 0,
+      bottom: 0
+    },
+    // Big emoji float on the wallpaper like a sticker: no fill, no padding.
+    emojiWrapper: {
+      backgroundColor: 'transparent'
+    },
+    bigEmoji: {
+      paddingHorizontal: 2,
+      textAlign: 'left'
+    },
+    // The sticker time pill, on the service color: 17 tall, radius
+    // 8, 6 in, under the emoji at the end.
+    emojiMeta: {
+      alignSelf: 'flex-end',
+      height: 17,
+      borderRadius: radii.mediaTimePill,
+      paddingHorizontal: 6,
+      marginTop: 2,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 3,
+      backgroundColor: colors.dayPillBackground
+    },
+    // The time on a row of its own, for content the time cannot flow into.
+    bottom: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      paddingLeft: spacing.bubblePaddingH,
+      paddingRight: 7.5,
+      paddingBottom: 3.5
+    },
+    messageTimeAndStatusContainer: {
+      flexGrow: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      gap: 4
+    },
+    messageStatusContainer: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    // The name block: 14 Medium in the sender's color, 5 + 14 tall, the text starting
+    // right under it.
+    usernameContainer: {
+      paddingHorizontal: spacing.bubblePaddingH,
+      paddingTop: 6,
+      marginBottom: -3
+    },
+    username: {
+      fontSize: typography.senderName.fontSize,
+      lineHeight: typography.senderName.lineHeight,
+      fontWeight: typography.senderName.fontWeight,
+      color: colors.senderName
+    }
+  });
 };
 //# sourceMappingURL=styles.js.map

package/lib/Bubble/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAgB,EAAE,EAAE;IACrD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAEpD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,4EAA4E;QAC5E,iDAAiD;QACjD,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;SACR;QACD,cAAc,EAAE;YACd,UAAU,EAAE,YAAY;SACzB;QACD,eAAe,EAAE;YACf,UAAU,EAAE,UAAU;SACvB;QAED,6EAA6E;QAC7E,kEAAkE;QAClE,UAAU,EAAE;YACV,SAAS,EAAE,SAAS;SACrB;QACD,eAAe,EAAE;YACf,UAAU,EAAE,YAAY;SACzB;QACD,gBAAgB,EAAE;YAChB,UAAU,EAAE,UAAU;SACvB;QAED,OAAO,EAAE;YACP,YAAY,EAAE,KAAK,CAAC,MAAM;YAC1B,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,KAAK;SAChB;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,MAAM,CAAC,cAAc;YACtC,cAAc,EAAE,UAAU;SAC3B;QACD,aAAa,EAAE;YACb,eAAe,EAAE,MAAM,CAAC,cAAc;YACtC,cAAc,EAAE,UAAU;SAC3B;QACD,+EAA+E;QAC/E,WAAW,EAAE;YACX,eAAe,EAAE,aAAa;SAC/B;QAED,6EAA6E;QAC7E,8EAA8E;QAC9E,4EAA4E;QAC5E,oEAAoE;QACpE,sEAAsE;QACtE,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,cAAc,EAAE,UAAU;YAC1B,uEAAuE;YACvE,iBAAiB,EAAE,CAAC;YACpB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;SACjB;QACD,0EAA0E;QAC1E,yEAAyE;QACzE,2BAA2B;QAC3B,aAAa,EAAE;YACb,QAAQ,EAAE,CAAC;SACZ;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,YAAY;SAC3B;QAED,MAAM,EAAE;YACN,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,UAAU;YAC1B,iBAAiB,EAAE,OAAO,CAAC,cAAc;YACzC,aAAa,EAAE,OAAO,CAAC,cAAc;SACtC;QAED,6EAA6E;QAC7E,oBAAoB,EAAE;YACpB,sBAAsB,EAAE,KAAK,CAAC,aAAa;SAC5C;QACD,qBAAqB,EAAE;YACrB,uBAAuB,EAAE,KAAK,CAAC,aAAa;SAC7C;QAED,wBAAwB,EAAE;YACxB,mBAAmB,EAAE,KAAK,CAAC,aAAa;SACzC;QACD,yBAAyB,EAAE;YACzB,oBAAoB,EAAE,KAAK,CAAC,aAAa;SAC1C;QAED,6BAA6B,EAAE;YAC7B,QAAQ,EAAE,CAAC;YACX,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,UAAU;YAC1B,GAAG,EAAE,CAAC;SACP;QAED,sBAAsB,EAAE;YACtB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;SACrB;QAED,iBAAiB,EAAE;YACjB,iBAAiB,EAAE,OAAO,CAAC,cAAc;YACzC,UAAU,EAAE,OAAO,CAAC,cAAc;SACnC;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,QAAQ;YACxC,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,UAAU;YAC5C,KAAK,EAAE,MAAM,CAAC,UAAU;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"styles.js","names":["StyleSheet","HIDDEN_TEXT_COLOR","createBubbleStyles","theme","colors","radii","spacing","typography","create","container","flex","container_left","alignItems","container_right","rowSurface","alignSelf","rowSurface_left","rowSurface_right","wrapper","borderRadius","bubble","minHeight","wrapper_left","backgroundColor","incomingBubble","justifyContent","wrapper_right","outgoingBubble","gradientWrapper","noteWrapper","meta","position","bottom","flexDirection","gap","metaIncomingEnd","right","metaOutgoingEnd","metaIncomingStart","left","metaOutgoingStart","metaSpacer","fontSize","time","fontWeight","metaSpacerHidden","color","mediaMeta","height","mediaTimePill","paddingHorizontal","mediaTimeBackground","mediaMetaEnd","mediaMetaStart","mediaMetaText","mediaTimeText","mediaFrame","margin","textAboveReactions","marginBottom","textAboveLinkPreview","textAboveMetaRow","noteMetaPill","zIndex","paddingTop","paddingBottom","noteMetaBackground","top","dayPillBackground","opacity","noteMetaInner","flexGrow","noteMetaText","dayPillText","voiceMeta","emojiWrapper","bigEmoji","textAlign","emojiMeta","marginTop","paddingLeft","bubblePaddingH","paddingRight","messageTimeAndStatusContainer","messageStatusContainer","usernameContainer","username","senderName","lineHeight"],"sources":["../../src/Bubble/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\nimport { ChatTheme } from '../Theme'\n\n/**\n * Text that holds space without showing. Not 'transparent': on Android a fully clear color is\n * the \"unset\" value, so a nested Text with it inherits the bubble's text color and the copy\n * shows (the time printed twice in every bubble). One step of alpha is invisible everywhere.\n */\nexport const HIDDEN_TEXT_COLOR = 'rgba(0, 0, 0, 0.004)'\n\nexport const createBubbleStyles = (theme: ChatTheme) => {\n  const { colors, radii, spacing, typography } = theme\n\n  return StyleSheet.create({\n    // Fills the message row so the pressable surface reaches the far edge, with\n    // the bubble itself pinned to the sender's side.\n    container: {\n      flex: 1,\n    },\n    container_left: {\n      alignItems: 'flex-start',\n    },\n    container_right: {\n      alignItems: 'flex-end',\n    },\n\n    // Full-width band holding the bubble - this is what the reactions gesture is\n    // attached to, so the whole row responds and not just the bubble.\n    rowSurface: {\n      alignSelf: 'stretch',\n    },\n    rowSurface_left: {\n      alignItems: 'flex-start',\n    },\n    rowSurface_right: {\n      alignItems: 'flex-end',\n    },\n\n    // The body. Its corners, width cap and shadow are worked out per message (see `Bubble`);\n    // the tail is drawn outside it, so it must not clip.\n    wrapper: {\n      borderRadius: radii.bubble,\n      minHeight: 20,\n    },\n    wrapper_left: {\n      backgroundColor: colors.incomingBubble,\n      justifyContent: 'flex-end',\n    },\n    wrapper_right: {\n      backgroundColor: colors.outgoingBubble,\n      justifyContent: 'flex-end',\n    },\n    // The gradient is a layer inside the body.\n    gradientWrapper: {\n      backgroundColor: 'transparent',\n    },\n    // A round video note floats with no bubble background/chrome.\n    noteWrapper: {\n      backgroundColor: 'transparent',\n    },\n\n    // The time on the last line of text (or of reaction pills): the time text ends\n    // 6.5dp above the cell's bottom, 3.5 above the body's, 7dp in from its edge - the checks\n    // 7.5dp in, with the time 4 to their left.\n    meta: {\n      position: 'absolute',\n      bottom: 3.5,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    // At the end of the line: the right, or the left in a right-to-left layout.\n    metaIncomingEnd: {\n      right: 7,\n    },\n    metaOutgoingEnd: {\n      right: 7.5,\n    },\n    metaIncomingStart: {\n      left: 7,\n    },\n    metaOutgoingStart: {\n      left: 7.5,\n    },\n    // Matches the time text, so the copy reserving its place has exactly its width.\n    metaSpacer: {\n      fontSize: typography.time.fontSize,\n      fontWeight: typography.time.fontWeight,\n    },\n    metaSpacerHidden: {\n      color: HIDDEN_TEXT_COLOR,\n    },\n\n    // The time pill over a photo: 17 tall, radius 8, 6 in from the photo's corner,\n    // `mediaTimeBackground` with white text.\n    mediaMeta: {\n      position: 'absolute',\n      bottom: 8,\n      height: 17,\n      borderRadius: radii.mediaTimePill,\n      paddingHorizontal: 6,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 3,\n      backgroundColor: colors.mediaTimeBackground,\n    },\n    mediaMetaEnd: {\n      right: 8,\n    },\n    mediaMetaStart: {\n      left: 8,\n    },\n    mediaMetaText: {\n      color: colors.mediaTimeText,\n    },\n    // The photo sits 2 in from the body, so its 15 corners run parallel to the bubble's 17.\n    mediaFrame: {\n      margin: 2,\n    },\n\n    // Text followed by reaction pills, or by a time row of its own, ends closer to it.\n    textAboveReactions: {\n      marginBottom: 6,\n    },\n    // `drawLinkPreview`: the block's box starts 6 below the last line of text.\n    textAboveLinkPreview: {\n      marginBottom: 4,\n    },\n    textAboveMetaRow: {\n      marginBottom: 2,\n    },\n\n    // With the bubble background gone, the meta row would render white-on-light.\n    // So it floats in a translucent pill on the service color: 17dp tall, 4dp corners,\n    // 4dp either side of the text and the ticks, in the service text color.\n    // Anchored to the note's bounding-box corner, which on a circle sits just\n    // outside the shape, clear of the duration pill on the other side.\n    noteMetaPill: {\n      position: 'absolute',\n      bottom: 2,\n      right: 0,\n      // Over the circle: the note's wrapper is raised (zIndex 1) to pass over the avatar as it\n      // grows, and a time wider than \"9:55 PM\" reaches under the circle's curve, which hid its\n      // first digit.\n      zIndex: 2,\n      height: 17,\n      justifyContent: 'flex-end',\n      // Overrides `bottom`'s padding, which would otherwise offset the pill.\n      paddingHorizontal: 4,\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    // The service color at 0.6 of its own alpha, as `drawTime` scales it.\n    noteMetaBackground: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      borderRadius: 4,\n      backgroundColor: colors.dayPillBackground,\n      opacity: 0.6,\n    },\n    // The meta row grows to fill a bubble; on a note it just hugs.\n    noteMetaInner: {\n      flexGrow: 0,\n    },\n    noteMetaText: {\n      color: colors.dayPillText,\n    },\n\n    // A voice note's time shares the duration's line at the bubble's\n    // bottom-right instead of taking a row of its own (6.5dp above the bottom),\n    // so it is laid over the player.\n    voiceMeta: {\n      position: 'absolute',\n      right: 0,\n      bottom: 0,\n    },\n\n    // Big emoji float on the wallpaper like a sticker: no fill, no padding.\n    emojiWrapper: {\n      backgroundColor: 'transparent',\n    },\n    bigEmoji: {\n      paddingHorizontal: 2,\n      textAlign: 'left',\n    },\n    // The sticker time pill, on the service color: 17 tall, radius\n    // 8, 6 in, under the emoji at the end.\n    emojiMeta: {\n      alignSelf: 'flex-end',\n      height: 17,\n      borderRadius: radii.mediaTimePill,\n      paddingHorizontal: 6,\n      marginTop: 2,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 3,\n      backgroundColor: colors.dayPillBackground,\n    },\n\n    // The time on a row of its own, for content the time cannot flow into.\n    bottom: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      paddingLeft: spacing.bubblePaddingH,\n      paddingRight: 7.5,\n      paddingBottom: 3.5,\n    },\n\n    messageTimeAndStatusContainer: {\n      flexGrow: 1,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: 4,\n    },\n\n    messageStatusContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n\n    // The name block: 14 Medium in the sender's color, 5 + 14 tall, the text starting\n    // right under it.\n    usernameContainer: {\n      paddingHorizontal: spacing.bubblePaddingH,\n      paddingTop: 6,\n      marginBottom: -3,\n    },\n    username: {\n      fontSize: typography.senderName.fontSize,\n      lineHeight: typography.senderName.lineHeight,\n      fontWeight: typography.senderName.fontWeight,\n      color: colors.senderName,\n    },\n  })\n}\n\nexport type BubbleStyles = ReturnType<typeof createBubbleStyles>\n"],"mappings":"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","ignoreList":[]}

package/lib/Bubble/types.d.ts

@@ -1,9 +1,10 @@
 import React, { ComponentProps } from 'react';
 import { StyleProp, ViewStyle, TextStyle, Pressable } from 'react-native';
+import { FetchLinkPreview, LinkPreviewProps } from '../components/LinkPreviewCard';
 import { MessageReplyProps } from '../components/MessageReply';
 import { MessageImageProps } from '../MessageImage';
 import { MessageTextProps } from '../MessageText';
-import { User, IMessage, LeftRightStyle, Reply, ReplyMessage, Omit, MessageVideoProps, MessageAudioProps, MessageLocationProps, MessageMenuItem } from '../Models';
+import { User, IMessage, LeftRightStyle, Reply, ReplyMessage, Omit, MessageVideoProps, MessageAudioProps, MessageFileProps, MessageLocationProps, MessageMenuItem, LinkPreview } from '../Models';
 import { QuickRepliesProps } from '../QuickReplies';
 import { ReactionsProps } from '../Reactions';
 import { MessageReplyStyleProps } from '../Reply';
@@ -12,13 +13,14 @@ export type RenderMessageImageProps<TMessage extends IMessage> = Omit<BubbleProp
 export type RenderMessageVideoProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageVideoProps<TMessage>;
 export type RenderMessageAudioProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageAudioProps<TMessage>;
 export type RenderMessageLocationProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageLocationProps<TMessage>;
+export type RenderMessageFileProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageFileProps<TMessage>;
 export type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageTextProps<TMessage>;
 /** Props for message reply functionality in bubble */
 export interface BubbleReplyProps<TMessage extends IMessage> extends MessageReplyStyleProps {
     /** Custom render for message reply; rendered on top of message content */
     renderMessageReply?: (props: MessageReplyProps<TMessage>) => React.ReactNode;
     /** Callback when message reply is pressed */
-    onPress?: (replyMessage: ReplyMessage) => void;
+    onPress?: (replyMessage: ReplyMessage, message: IMessage) => void;
 }
 export interface BubbleProps<TMessage extends IMessage> {
     user?: User;
@@ -49,6 +51,8 @@ export interface BubbleProps<TMessage extends IMessage> {
     renderMessageVideo?: (props: RenderMessageVideoProps<TMessage>) => React.ReactNode;
     renderMessageAudio?: (props: RenderMessageAudioProps<TMessage>) => React.ReactNode;
     renderMessageLocation?: (props: RenderMessageLocationProps<TMessage>) => React.ReactNode;
+    /** Custom file bubble for `IMessage.file`. */
+    renderMessageFile?: (props: RenderMessageFileProps<TMessage>) => React.ReactNode;
     renderMessageText?: (props: RenderMessageTextProps<TMessage>) => React.ReactNode;
     renderCustomView?: (bubbleProps: BubbleProps<TMessage>) => React.ReactNode;
     renderTime?: (timeProps: TimeProps<TMessage>) => React.ReactNode;
@@ -60,7 +64,7 @@ export interface BubbleProps<TMessage extends IMessage> {
     messageReply?: BubbleReplyProps<TMessage>;
     /** Emoji reactions configuration */
     reactions?: ReactionsProps<TMessage>;
-    /** Telegram-style long-press context menu actions (array or per-message function) */
+    /** Long-press context menu actions (array or per-message function) */
     messageActions?: MessageMenuItem[] | ((message: TMessage) => MessageMenuItem[]);
     /**
      * Controls whether the bubble attaches its tap / long-press gestures, which
@@ -73,5 +77,17 @@ export interface BubbleProps<TMessage extends IMessage> {
      * @default true
      */
     isMessageGestureEnabled?: boolean | ((message: TMessage) => boolean);
+    /**
+     * Fetches the web page preview for the first link in a message that has no
+     * `linkPreview` of its own (e.g. from your server's Open Graph endpoint). Each URL is fetched
+     * once per app run.
+     */
+    fetchLinkPreview?: FetchLinkPreview;
+    /** Custom web page preview under the text, or `null` to draw none. */
+    renderLinkPreview?: ((props: LinkPreviewProps<TMessage>) => React.ReactNode) | null;
+    /** Called when a link preview is tapped, instead of opening its URL. */
+    onPressLinkPreview?: (preview: LinkPreview & {
+        url: string;
+    }, message: TMessage) => void;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EAChB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnC,MAAM,MAAM,uBAAuB,CAAC,QAAQ,SAAS,QAAQ,IAAI,IAAI,CACnE,WAAW,CAAC,QAAQ,CAAC,EACrB,gBAAgB,GAAG,cAAc,CAClC,GACC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;AAE7B,MAAM,MAAM,uBAAuB,CAAC,QAAQ,SAAS,QAAQ,IAAI,IAAI,CACnE,WAAW,CAAC,QAAQ,CAAC,EACrB,gBAAgB,GAAG,cAAc,CAClC,GACC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;AAE7B,MAAM,MAAM,uBAAuB,CAAC,QAAQ,SAAS,QAAQ,IAAI,IAAI,CACnE,WAAW,CAAC,QAAQ,CAAC,EACrB,gBAAgB,GAAG,cAAc,CAClC,GACC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;AAE7B,MAAM,MAAM,0BAA0B,CAAC,QAAQ,SAAS,QAAQ,IAAI,IAAI,CACtE,WAAW,CAAC,QAAQ,CAAC,EACrB,gBAAgB,GAAG,cAAc,CAClC,GACC,oBAAoB,CAAC,QAAQ,CAAC,CAAA;AAEhC,MAAM,MAAM,sBAAsB,CAAC,QAAQ,SAAS,QAAQ,IAAI,IAAI,CAClE,WAAW,CAAC,QAAQ,CAAC,EACrB,gBAAgB,GAAG,cAAc,CAClC,GACC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAE5B,sDAAsD;AACtD,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,CAAE,SAAQ,sBAAsB;IACzF,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;CAC/C;AAED,MAAM,WAAW,WAAW,CAAC,QAAQ,SAAS,QAAQ;IACpD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,cAAc,EAAE,QAAQ,CAAA;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,oBAAoB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,oBAAoB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAChD,wBAAwB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACpD,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtD,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/D,kBAAkB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACnE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACzC,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,uBAAuB,CAAC,QAAQ,CAAC,KACrC,KAAK,CAAC,SAAS,CAAA;IACpB,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,uBAAuB,CAAC,QAAQ,CAAC,KACrC,KAAK,CAAC,SAAS,CAAA;IACpB,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,uBAAuB,CAAC,QAAQ,CAAC,KACrC,KAAK,CAAC,SAAS,CAAA;IACpB,qBAAqB,CAAC,EAAE,CACtB,KAAK,EAAE,0BAA0B,CAAC,QAAQ,CAAC,KACxC,KAAK,CAAC,SAAS,CAAA;IACpB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChF,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1E,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChE,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAC3D,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7D,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC5C,kBAAkB,CAAC,EAAE,CACnB,YAAY,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KACtC,KAAK,CAAC,SAAS,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACzC,oCAAoC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IACpC,qFAAqF;IACrF,cAAc,CAAC,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,eAAe,EAAE,CAAC,CAAA;IAC/E;;;;;;;;;OASG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAA;CACrE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":"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"}

package/lib/Bubble/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/Bubble/types.ts"],"sourcesContent":["import React, { ComponentProps } from 'react'\nimport {\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Pressable,\n} from 'react-native'\n\nimport { FetchLinkPreview, LinkPreviewProps } from '../components/LinkPreviewCard'\nimport { MessageReplyProps } from '../components/MessageReply'\nimport { MessageImageProps } from '../MessageImage'\nimport { MessageTextProps } from '../MessageText'\nimport {\n  User,\n  IMessage,\n  LeftRightStyle,\n  Reply,\n  ReplyMessage,\n  Omit,\n  MessageVideoProps,\n  MessageAudioProps,\n  MessageFileProps,\n  MessageLocationProps,\n  MessageMenuItem,\n  LinkPreview,\n} from '../Models'\nimport { QuickRepliesProps } from '../QuickReplies'\nimport { ReactionsProps } from '../Reactions'\nimport { MessageReplyStyleProps } from '../Reply'\nimport { TimeProps } from '../Time'\n\n\nexport type RenderMessageImageProps<TMessage extends IMessage> = Omit<\n  BubbleProps<TMessage>,\n  'containerStyle' | 'wrapperStyle'\n> &\n  MessageImageProps<TMessage>\n\nexport type RenderMessageVideoProps<TMessage extends IMessage> = Omit<\n  BubbleProps<TMessage>,\n  'containerStyle' | 'wrapperStyle'\n> &\n  MessageVideoProps<TMessage>\n\nexport type RenderMessageAudioProps<TMessage extends IMessage> = Omit<\n  BubbleProps<TMessage>,\n  'containerStyle' | 'wrapperStyle'\n> &\n  MessageAudioProps<TMessage>\n\nexport type RenderMessageLocationProps<TMessage extends IMessage> = Omit<\n  BubbleProps<TMessage>,\n  'containerStyle' | 'wrapperStyle'\n> &\n  MessageLocationProps<TMessage>\n\nexport type RenderMessageFileProps<TMessage extends IMessage> = Omit<\n  BubbleProps<TMessage>,\n  'containerStyle' | 'wrapperStyle'\n> &\n  MessageFileProps<TMessage>\n\nexport type RenderMessageTextProps<TMessage extends IMessage> = Omit<\n  BubbleProps<TMessage>,\n  'containerStyle' | 'wrapperStyle'\n> &\n  MessageTextProps<TMessage>\n\n/** Props for message reply functionality in bubble */\nexport interface BubbleReplyProps<TMessage extends IMessage> extends MessageReplyStyleProps {\n  /** Custom render for message reply; rendered on top of message content */\n  renderMessageReply?: (props: MessageReplyProps<TMessage>) => React.ReactNode\n  /** Callback when message reply is pressed */\n  onPress?: (replyMessage: ReplyMessage, message: IMessage) => void\n}\n\nexport interface BubbleProps<TMessage extends IMessage> {\n  user?: User\n  touchableProps?: ComponentProps<typeof Pressable>\n  isUsernameVisible?: boolean\n  isCustomViewBottom?: boolean\n  isInverted?: boolean\n  position: 'left' | 'right'\n  currentMessage: TMessage\n  nextMessage?: TMessage\n  previousMessage?: TMessage\n  containerStyle?: LeftRightStyle<ViewStyle>\n  wrapperStyle?: LeftRightStyle<ViewStyle>\n  textStyle?: LeftRightStyle<TextStyle>\n  bottomContainerStyle?: LeftRightStyle<ViewStyle>\n  tickStyle?: StyleProp<TextStyle>\n  containerToNextStyle?: LeftRightStyle<ViewStyle>\n  containerToPreviousStyle?: LeftRightStyle<ViewStyle>\n  usernameStyle?: TextStyle\n  quickReplyStyle?: StyleProp<ViewStyle>\n  quickReplyTextStyle?: StyleProp<TextStyle>\n  quickReplyContainerStyle?: StyleProp<ViewStyle>\n  messageTextProps?: Partial<MessageTextProps<TMessage>>\n  onPressMessage?: (context?: unknown, message?: unknown) => void\n  onLongPressMessage?: (context?: unknown, message?: unknown) => void\n  onQuickReply?: (replies: Reply[]) => void\n  renderMessageImage?: (\n    props: RenderMessageImageProps<TMessage>\n  ) => React.ReactNode\n  renderMessageVideo?: (\n    props: RenderMessageVideoProps<TMessage>\n  ) => React.ReactNode\n  renderMessageAudio?: (\n    props: RenderMessageAudioProps<TMessage>\n  ) => React.ReactNode\n  renderMessageLocation?: (\n    props: RenderMessageLocationProps<TMessage>\n  ) => React.ReactNode\n  /** Custom file bubble for `IMessage.file`. */\n  renderMessageFile?: (props: RenderMessageFileProps<TMessage>) => React.ReactNode\n  renderMessageText?: (props: RenderMessageTextProps<TMessage>) => React.ReactNode\n  renderCustomView?: (bubbleProps: BubbleProps<TMessage>) => React.ReactNode\n  renderTime?: (timeProps: TimeProps<TMessage>) => React.ReactNode\n  renderTicks?: (currentMessage: TMessage) => React.ReactNode\n  renderUsername?: (user?: TMessage['user']) => React.ReactNode\n  renderQuickReplySend?: () => React.ReactNode\n  renderQuickReplies?: (\n    quickReplies: QuickRepliesProps<TMessage>\n  ) => React.ReactNode\n  /** Message reply configuration */\n  messageReply?: BubbleReplyProps<TMessage>\n  /** Emoji reactions configuration */\n  reactions?: ReactionsProps<TMessage>\n  /** Long-press context menu actions (array or per-message function) */\n  messageActions?: MessageMenuItem[] | ((message: TMessage) => MessageMenuItem[])\n  /**\n   * Controls whether the bubble attaches its tap / long-press gestures, which\n   * `reactions` and `messageActions` rely on. Pass `false` (or a predicate\n   * returning `false`) for messages that render natively interactive content -\n   * a video player with its own controls, a map, a WebView - whose touches\n   * must not compete with the bubble.\n   * Note: with gestures off, that message can no longer open the reaction\n   * picker or the context menu.\n   * @default true\n   */\n  isMessageGestureEnabled?: boolean | ((message: TMessage) => boolean)\n  /**\n   * Fetches the web page preview for the first link in a message that has no\n   * `linkPreview` of its own (e.g. from your server's Open Graph endpoint). Each URL is fetched\n   * once per app run.\n   */\n  fetchLinkPreview?: FetchLinkPreview\n  /** Custom web page preview under the text, or `null` to draw none. */\n  renderLinkPreview?: ((props: LinkPreviewProps<TMessage>) => React.ReactNode) | null\n  /** Called when a link preview is tapped, instead of opening its URL. */\n  onPressLinkPreview?: (preview: LinkPreview & { url: string }, message: TMessage) => void\n}\n"],"mappings":"","ignoreList":[]}

package/lib/Chat/Chat.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { ChatProps } from './types';
+export declare function Chat<TMessage extends IMessage = IMessage>(props: ChatProps<TMessage>): React.JSX.Element;
+//# sourceMappingURL=Chat.d.ts.map

package/lib/Chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../src/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAOd,OAAO,EAAE,QAAQ,EAAQ,MAAM,WAAW,CAAA;AAS1C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAYnC,wBAAgB,IAAI,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EACvD,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,qBA+M3B"}