@planningcenter/chat-react-native 4.4.1-qa-staging.13 → 4.4.1-qa-staging.14

package/build/components/conversation/message_reaction.js

@@ -11,53 +11,55 @@ import { REACTION_EMOJIS } from '../../utils';
 import { Haptic } from '../../utils/native_adapters';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function MessageReaction(t0) {
-  const $ = _c(29);
+  const $ = _c(31);
   const {
     reaction,
     onLongPress,
     message,
-    conversationId
+    conversationId,
+    disabled: t1
   } = t0;
+  const disabled = t1 === undefined ? false : t1;
   const styles = useReactionStyles(reaction);
-  let t1;
+  let t2;
   if ($[0] !== conversationId || $[1] !== message) {
-    t1 = {
+    t2 = {
       conversation_id: conversationId,
       message
     };
     $[0] = conversationId;
     $[1] = message;
-    $[2] = t1;
+    $[2] = t2;
   } else {
-    t1 = $[2];
+    t2 = $[2];
   }
   const {
     handleReactionToggle
-  } = useMessageReactionToggle(t1);
+  } = useMessageReactionToggle(t2);
   const {
     colors
   } = useTheme();
   const baseRippleColor = reaction.mine ? colors.interaction : colors.fillColorNeutral060;
-  let t2;
+  let t3;
   if ($[3] !== baseRippleColor) {
-    t2 = {
+    t3 = {
       color: baseRippleColor
     };
     $[3] = baseRippleColor;
-    $[4] = t2;
+    $[4] = t3;
   } else {
-    t2 = $[4];
+    t3 = $[4];
   }
-  const androidRippleColor = useCreateAndroidRippleColor(t2);
+  const androidRippleColor = useCreateAndroidRippleColor(t3);
   if (!reaction.count) {
     return null;
   }
   if (!REACTION_EMOJIS[reaction.value]) {
     return null;
   }
-  let t3;
+  let t4;
   if ($[5] !== handleReactionToggle || $[6] !== reaction.mine || $[7] !== reaction.value) {
-    t3 = () => {
+    t4 = () => {
       Haptic.impactLight();
       handleReactionToggle({
         value: reaction.value,
@@ -67,81 +69,86 @@ export function MessageReaction(t0) {
     $[5] = handleReactionToggle;
     $[6] = reaction.mine;
     $[7] = reaction.value;
-    $[8] = t3;
+    $[8] = t4;
   } else {
-    t3 = $[8];
+    t4 = $[8];
   }
-  const handlePress = t3;
-  const t4 = `reaction-${message.id}-${reaction.value}`;
-  let t5;
+  const handlePress = t4;
+  const t5 = `reaction-${message.id}-${reaction.value}`;
+  let t6;
   if ($[9] !== onLongPress || $[10] !== reaction) {
-    t5 = () => onLongPress(reaction);
+    t6 = () => onLongPress(reaction);
     $[9] = onLongPress;
     $[10] = reaction;
-    $[11] = t5;
+    $[11] = t6;
   } else {
-    t5 = $[11];
+    t6 = $[11];
   }
-  let t6;
-  if ($[12] !== androidRippleColor) {
-    t6 = {
+  const t7 = disabled ? undefined : handlePress;
+  const t8 = disabled ? 1 : undefined;
+  let t9;
+  if ($[12] !== androidRippleColor || $[13] !== disabled) {
+    t9 = disabled ? undefined : {
       color: androidRippleColor,
       borderless: false,
       foreground: true
     };
     $[12] = androidRippleColor;
-    $[13] = t6;
+    $[13] = disabled;
+    $[14] = t9;
   } else {
-    t6 = $[13];
+    t9 = $[14];
   }
-  const t7 = REACTION_EMOJIS[reaction.value];
-  let t8;
-  if ($[14] !== styles.reactionEmoji || $[15] !== t7) {
-    t8 = /*#__PURE__*/_jsx(Text, {
+  const t10 = REACTION_EMOJIS[reaction.value];
+  let t11;
+  if ($[15] !== styles.reactionEmoji || $[16] !== t10) {
+    t11 = /*#__PURE__*/_jsx(Text, {
       style: styles.reactionEmoji,
-      children: t7
+      children: t10
     });
-    $[14] = styles.reactionEmoji;
-    $[15] = t7;
-    $[16] = t8;
+    $[15] = styles.reactionEmoji;
+    $[16] = t10;
+    $[17] = t11;
   } else {
-    t8 = $[16];
+    t11 = $[17];
   }
-  let t9;
-  if ($[17] !== reaction.count || $[18] !== styles.reactionText) {
-    t9 = /*#__PURE__*/_jsx(Text, {
+  let t12;
+  if ($[18] !== reaction.count || $[19] !== styles.reactionText) {
+    t12 = /*#__PURE__*/_jsx(Text, {
       style: styles.reactionText,
       children: reaction.count
     });
-    $[17] = reaction.count;
-    $[18] = styles.reactionText;
-    $[19] = t9;
+    $[18] = reaction.count;
+    $[19] = styles.reactionText;
+    $[20] = t12;
   } else {
-    t9 = $[19];
+    t12 = $[20];
   }
-  let t10;
-  if ($[20] !== handlePress || $[21] !== reaction.value || $[22] !== styles.reaction || $[23] !== t4 || $[24] !== t5 || $[25] !== t6 || $[26] !== t8 || $[27] !== t9) {
-    t10 = /*#__PURE__*/_jsxs(PlatformPressable, {
-      testID: t4,
+  let t13;
+  if ($[21] !== reaction.value || $[22] !== styles.reaction || $[23] !== t11 || $[24] !== t12 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7 || $[28] !== t8 || $[29] !== t9) {
+    t13 = /*#__PURE__*/_jsxs(PlatformPressable, {
+      testID: t5,
       style: styles.reaction,
-      onLongPress: t5,
-      onPress: handlePress,
-      android_ripple: t6,
-      children: [t8, t9]
+      onLongPress: t6,
+      onPress: t7,
+      pressOpacity: t8,
+      android_ripple: t9,
+      children: [t11, t12]
     }, reaction.value);
-    $[20] = handlePress;
     $[21] = reaction.value;
     $[22] = styles.reaction;
-    $[23] = t4;
-    $[24] = t5;
-    $[25] = t6;
-    $[26] = t8;
-    $[27] = t9;
-    $[28] = t10;
+    $[23] = t11;
+    $[24] = t12;
+    $[25] = t5;
+    $[26] = t6;
+    $[27] = t7;
+    $[28] = t8;
+    $[29] = t9;
+    $[30] = t13;
   } else {
-    t10 = $[28];
+    t13 = $[30];
   }
-  return t10;
+  return t13;
 }
 export const useReactionStyles = t0 => {
   const $ = _c(10);

package/build/components/conversation/message_reaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_reaction.js","names":["PlatformPressable","colorFunction","React","useMemo","StyleSheet","Text","useSelectedChipBackgroundColor","useTheme","useCreateAndroidRippleColor","useMessageReactionToggle","REACTION_EMOJIS","Haptic","jsx","_jsx","jsxs","_jsxs","MessageReaction","t0","$","_c","reaction","onLongPress","message","conversationId","styles","useReactionStyles","t1","conversation_id","handleReactionToggle","colors","baseRippleColor","mine","interaction","fillColorNeutral060","t2","color","androidRippleColor","count","value","t3","impactLight","handlePress","t4","id","t5","t6","borderless","foreground","t7","t8","reactionEmoji","style","children","t9","reactionText","t10","testID","android_ripple","borderColorChipSelected","name","hsl","lightness","string","activeBorderColor","activeBackgroundColor","textColorDefaultPrimary","create","borderWidth","borderColor","backgroundColor","borderRadius","overflow","paddingVertical","paddingHorizontal","flexDirection","alignItems","gap","fontSize","paddingTop"],"sources":["../../../src/components/conversation/message_reaction.tsx"],"sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport colorFunction from 'color'\nimport React, { useMemo } from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Text } from '../../components/display'\nimport { useSelectedChipBackgroundColor, useTheme } from '../../hooks'\nimport { useCreateAndroidRippleColor } from '../../hooks/use_create_android_ripple_color'\nimport { useMessageReactionToggle } from '../../hooks/use_message_reaction_toggle'\nimport { MessageResource } from '../../types'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { REACTION_EMOJIS } from '../../utils'\nimport { Haptic } from '../../utils/native_adapters'\n\nexport function MessageReaction({\n  reaction,\n  onLongPress,\n  message,\n  conversationId,\n}: {\n  reaction: ReactionCountResource\n  onLongPress: (_reaction: ReactionCountResource) => void\n  message: MessageResource\n  conversationId: number\n}) {\n  const styles = useReactionStyles(reaction)\n  const { handleReactionToggle } = useMessageReactionToggle({\n    conversation_id: conversationId,\n    message,\n  })\n\n  const { colors } = useTheme()\n  const baseRippleColor = reaction.mine ? colors.interaction : colors.fillColorNeutral060\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  if (!reaction.count) return null\n  if (!REACTION_EMOJIS[reaction.value]) return null\n\n  const handlePress = () => {\n    Haptic.impactLight()\n    handleReactionToggle({ value: reaction.value, mine: !!reaction.mine })\n  }\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      testID={`reaction-${message.id}-${reaction.value}`}\n      style={styles.reaction}\n      onLongPress={() => onLongPress(reaction)}\n      onPress={handlePress}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n    >\n      <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={styles.reactionText}>{reaction.count}</Text>\n    </PlatformPressable>\n  )\n}\n\nexport const useReactionStyles = ({ mine }: { mine: number }) => {\n  const { colors } = useTheme()\n  const activeBorderColor = useMemo(() => {\n    return colorFunction(colors.borderColorChipSelected ?? colors.interaction)\n      .hsl()\n      .lightness(colors.name === 'dark' ? 20 : 80)\n      .string()\n  }, [colors.borderColorChipSelected, colors.interaction, colors.name])\n  const activeBackgroundColor = useSelectedChipBackgroundColor()\n\n  return StyleSheet.create({\n    reaction: {\n      borderWidth: 1,\n      borderColor: mine ? activeBorderColor : 'transparent',\n      backgroundColor: mine ? activeBackgroundColor : colors.fillColorNeutral060,\n      borderRadius: 16,\n      overflow: 'hidden',\n      paddingVertical: 4,\n      paddingHorizontal: 8,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 2,\n    },\n    reactionEmoji: { fontSize: 12, paddingTop: 0 },\n    reactionText: { fontSize: 12, color: colors.textColorDefaultPrimary },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"message_reaction.js","names":["PlatformPressable","colorFunction","React","useMemo","StyleSheet","Text","useSelectedChipBackgroundColor","useTheme","useCreateAndroidRippleColor","useMessageReactionToggle","REACTION_EMOJIS","Haptic","jsx","_jsx","jsxs","_jsxs","MessageReaction","t0","$","_c","reaction","onLongPress","message","conversationId","disabled","t1","undefined","styles","useReactionStyles","t2","conversation_id","handleReactionToggle","colors","baseRippleColor","mine","interaction","fillColorNeutral060","t3","color","androidRippleColor","count","value","t4","impactLight","handlePress","t5","id","t6","t7","t8","t9","borderless","foreground","t10","t11","reactionEmoji","style","children","t12","reactionText","t13","testID","onPress","pressOpacity","android_ripple","borderColorChipSelected","name","hsl","lightness","string","activeBorderColor","activeBackgroundColor","textColorDefaultPrimary","create","borderWidth","borderColor","backgroundColor","borderRadius","overflow","paddingVertical","paddingHorizontal","flexDirection","alignItems","gap","fontSize","paddingTop"],"sources":["../../../src/components/conversation/message_reaction.tsx"],"sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport colorFunction from 'color'\nimport React, { useMemo } from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Text } from '../../components/display'\nimport { useSelectedChipBackgroundColor, useTheme } from '../../hooks'\nimport { useCreateAndroidRippleColor } from '../../hooks/use_create_android_ripple_color'\nimport { useMessageReactionToggle } from '../../hooks/use_message_reaction_toggle'\nimport { MessageResource } from '../../types'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { REACTION_EMOJIS } from '../../utils'\nimport { Haptic } from '../../utils/native_adapters'\n\nexport function MessageReaction({\n  reaction,\n  onLongPress,\n  message,\n  conversationId,\n  disabled = false,\n}: {\n  reaction: ReactionCountResource\n  onLongPress: (_reaction: ReactionCountResource) => void\n  message: MessageResource\n  conversationId: number\n  disabled?: boolean\n}) {\n  const styles = useReactionStyles(reaction)\n  const { handleReactionToggle } = useMessageReactionToggle({\n    conversation_id: conversationId,\n    message,\n  })\n\n  const { colors } = useTheme()\n  const baseRippleColor = reaction.mine ? colors.interaction : colors.fillColorNeutral060\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  if (!reaction.count) return null\n  if (!REACTION_EMOJIS[reaction.value]) return null\n\n  const handlePress = () => {\n    Haptic.impactLight()\n    handleReactionToggle({ value: reaction.value, mine: !!reaction.mine })\n  }\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      testID={`reaction-${message.id}-${reaction.value}`}\n      style={styles.reaction}\n      onLongPress={() => onLongPress(reaction)}\n      onPress={disabled ? undefined : handlePress}\n      pressOpacity={disabled ? 1 : undefined}\n      android_ripple={\n        disabled ? undefined : { color: androidRippleColor, borderless: false, foreground: true }\n      }\n    >\n      <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={styles.reactionText}>{reaction.count}</Text>\n    </PlatformPressable>\n  )\n}\n\nexport const useReactionStyles = ({ mine }: { mine: number }) => {\n  const { colors } = useTheme()\n  const activeBorderColor = useMemo(() => {\n    return colorFunction(colors.borderColorChipSelected ?? colors.interaction)\n      .hsl()\n      .lightness(colors.name === 'dark' ? 20 : 80)\n      .string()\n  }, [colors.borderColorChipSelected, colors.interaction, colors.name])\n  const activeBackgroundColor = useSelectedChipBackgroundColor()\n\n  return StyleSheet.create({\n    reaction: {\n      borderWidth: 1,\n      borderColor: mine ? activeBorderColor : 'transparent',\n      backgroundColor: mine ? activeBackgroundColor : colors.fillColorNeutral060,\n      borderRadius: 16,\n      overflow: 'hidden',\n      paddingVertical: 4,\n      paddingHorizontal: 8,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 2,\n    },\n    reactionEmoji: { fontSize: 12, paddingTop: 0 },\n    reactionText: { fontSize: 12, color: colors.textColorDefaultPrimary },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/conversation/messages_disabled_banners.d.ts

@@ -1,12 +1,14 @@
 export declare const LeaderMessagesDisabledBanner: () => import("react/jsx-runtime").JSX.Element;
 export declare const MemberMessagesDisabledBanner: () => import("react/jsx-runtime").JSX.Element;
+interface BannerAction {
+    label: string;
+    onPress: () => void;
+    loading?: boolean;
+}
 interface ConversationDisabledBannerProps {
     message: string | null;
-    messageLink?: {
-        label: string;
-        onPress: () => void;
-    };
+    action?: BannerAction;
 }
-export declare const ConversationDisabledBanner: ({ message, messageLink, }: ConversationDisabledBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConversationDisabledBanner: ({ message, action, }: ConversationDisabledBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=messages_disabled_banners.d.ts.map

package/build/components/conversation/messages_disabled_banners.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages_disabled_banners.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,4BAA4B,+CAIxC,CAAA;AAED,eAAO,MAAM,4BAA4B,+CASxC,CAAA;AAID,UAAU,+BAA+B;IACvC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACrD;AAED,eAAO,MAAM,0BAA0B,GAAI,2BAGxC,+BAA+B,4CAWjC,CAAA"}
+{"version":3,"file":"messages_disabled_banners.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,4BAA4B,+CAIxC,CAAA;AAED,eAAO,MAAM,4BAA4B,+CASxC,CAAA;AAID,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,+BAA+B;IACvC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED,eAAO,MAAM,0BAA0B,GAAI,sBAGxC,+BAA+B,4CAOjC,CAAA"}

package/build/components/conversation/messages_disabled_banners.js

@@ -38,19 +38,19 @@ export const ConversationDisabledBanner = t0 => {
   const $ = _c(4);
   const {
     message,
-    messageLink
+    action
   } = t0;
   const styles = useStyles();
   const description = message ?? DEFAULT_DISABLED_TEXT;
   let t1;
-  if ($[0] !== description || $[1] !== messageLink || $[2] !== styles.memberBanner) {
+  if ($[0] !== action || $[1] !== description || $[2] !== styles.memberBanner) {
     t1 = /*#__PURE__*/_jsx(MessagesDisabledBanner, {
       description: description,
       style: styles.memberBanner,
-      messageLink: messageLink
+      action: action
     });
-    $[0] = description;
-    $[1] = messageLink;
+    $[0] = action;
+    $[1] = description;
     $[2] = styles.memberBanner;
     $[3] = t1;
   } else {
@@ -63,7 +63,7 @@ const MessagesDisabledBanner = t0 => {
   const {
     description,
     style,
-    messageLink
+    action
   } = t0;
   const styles = useStyles();
   let t1;
@@ -89,16 +89,17 @@ const MessagesDisabledBanner = t0 => {
     t2 = $[5];
   }
   let t3;
-  if ($[6] !== messageLink || $[7] !== styles.messageButton) {
-    t3 = messageLink && /*#__PURE__*/_jsx(Button, {
+  if ($[6] !== action || $[7] !== styles.actionButton) {
+    t3 = action && /*#__PURE__*/_jsx(Button, {
       variant: "fill",
       size: "lg",
-      title: messageLink.label,
-      onPress: messageLink.onPress,
-      style: styles.messageButton
+      title: action.label,
+      onPress: action.onPress,
+      loading: action.loading,
+      style: styles.actionButton
     });
-    $[6] = messageLink;
-    $[7] = styles.messageButton;
+    $[6] = action;
+    $[7] = styles.actionButton;
     $[8] = t3;
   } else {
     t3 = $[8];
@@ -144,7 +145,7 @@ const useStyles = () => {
         paddingBottom: 16 + bottom,
         marginBottom: -bottom
       },
-      messageButton: {
+      actionButton: {
         marginTop: 12
       }
     });

package/build/components/conversation/messages_disabled_banners.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages_disabled_banners.js","names":["StyleSheet","View","useSafeAreaInsets","useTheme","Button","Text","jsx","_jsx","jsxs","_jsxs","LeaderMessagesDisabledBanner","$","_c","t0","Symbol","for","MessagesDisabledBanner","description","MemberMessagesDisabledBanner","styles","useStyles","memberBanner","style","DEFAULT_DISABLED_TEXT","ConversationDisabledBanner","message","messageLink","t1","baseBanner","t2","text","variant","children","t3","messageButton","size","title","label","onPress","t4","colors","bottom","borderColorDefaultBase","statusNeutralComposedBackground","create","paddingHorizontal","paddingVertical","backgroundColor","borderTopWidth","borderTopColor","textAlign","paddingTop","paddingBottom","marginBottom","marginTop"],"sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"sourcesContent":["import { StyleSheet, View, type ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { Button, Text } from '../display'\n\nexport const LeaderMessagesDisabledBanner = () => {\n  return (\n    <MessagesDisabledBanner description=\"Only leaders can send messages in this conversation.\" />\n  )\n}\n\nexport const MemberMessagesDisabledBanner = () => {\n  const styles = useStyles()\n\n  return (\n    <MessagesDisabledBanner\n      description=\"Only leaders can send messages, but you can still add reactions.\"\n      style={styles.memberBanner}\n    />\n  )\n}\n\nconst DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'\n\ninterface ConversationDisabledBannerProps {\n  message: string | null\n  messageLink?: { label: string; onPress: () => void }\n}\n\nexport const ConversationDisabledBanner = ({\n  message,\n  messageLink,\n}: ConversationDisabledBannerProps) => {\n  const styles = useStyles()\n  const description = message ?? DEFAULT_DISABLED_TEXT\n\n  return (\n    <MessagesDisabledBanner\n      description={description}\n      style={styles.memberBanner}\n      messageLink={messageLink}\n    />\n  )\n}\n\ninterface MessagesDisabledBannerProps {\n  description: string\n  style?: ViewStyle\n  messageLink?: { label: string; onPress: () => void }\n}\n\nconst MessagesDisabledBanner = ({\n  description,\n  style,\n  messageLink,\n}: MessagesDisabledBannerProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.baseBanner, style]}>\n      <Text style={styles.text} variant=\"tertiary\">\n        {description}\n      </Text>\n      {messageLink && (\n        <Button\n          variant=\"fill\"\n          size=\"lg\"\n          title={messageLink.label}\n          onPress={messageLink.onPress}\n          style={styles.messageButton}\n        />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    baseBanner: {\n      paddingHorizontal: 16,\n      paddingVertical: 4,\n      backgroundColor: colors.statusNeutralComposedBackground,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultBase,\n    },\n    text: {\n      textAlign: 'center',\n    },\n    memberBanner: {\n      paddingTop: 16,\n      paddingBottom: 16 + bottom,\n      marginBottom: -bottom,\n    },\n    messageButton: {\n      marginTop: 12,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"messages_disabled_banners.js","names":["StyleSheet","View","useSafeAreaInsets","useTheme","Button","Text","jsx","_jsx","jsxs","_jsxs","LeaderMessagesDisabledBanner","$","_c","t0","Symbol","for","MessagesDisabledBanner","description","MemberMessagesDisabledBanner","styles","useStyles","memberBanner","style","DEFAULT_DISABLED_TEXT","ConversationDisabledBanner","message","action","t1","baseBanner","t2","text","variant","children","t3","actionButton","size","title","label","onPress","loading","t4","colors","bottom","borderColorDefaultBase","statusNeutralComposedBackground","create","paddingHorizontal","paddingVertical","backgroundColor","borderTopWidth","borderTopColor","textAlign","paddingTop","paddingBottom","marginBottom","marginTop"],"sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"sourcesContent":["import { StyleSheet, View, type ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { Button, Text } from '../display'\n\nexport const LeaderMessagesDisabledBanner = () => {\n  return (\n    <MessagesDisabledBanner description=\"Only leaders can send messages in this conversation.\" />\n  )\n}\n\nexport const MemberMessagesDisabledBanner = () => {\n  const styles = useStyles()\n\n  return (\n    <MessagesDisabledBanner\n      description=\"Only leaders can send messages, but you can still add reactions.\"\n      style={styles.memberBanner}\n    />\n  )\n}\n\nconst DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'\n\ninterface BannerAction {\n  label: string\n  onPress: () => void\n  loading?: boolean\n}\n\ninterface ConversationDisabledBannerProps {\n  message: string | null\n  action?: BannerAction\n}\n\nexport const ConversationDisabledBanner = ({\n  message,\n  action,\n}: ConversationDisabledBannerProps) => {\n  const styles = useStyles()\n  const description = message ?? DEFAULT_DISABLED_TEXT\n\n  return (\n    <MessagesDisabledBanner description={description} style={styles.memberBanner} action={action} />\n  )\n}\n\ninterface MessagesDisabledBannerProps {\n  description: string\n  style?: ViewStyle\n  action?: BannerAction\n}\n\nconst MessagesDisabledBanner = ({ description, style, action }: MessagesDisabledBannerProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.baseBanner, style]}>\n      <Text style={styles.text} variant=\"tertiary\">\n        {description}\n      </Text>\n      {action && (\n        <Button\n          variant=\"fill\"\n          size=\"lg\"\n          title={action.label}\n          onPress={action.onPress}\n          loading={action.loading}\n          style={styles.actionButton}\n        />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    baseBanner: {\n      paddingHorizontal: 16,\n      paddingVertical: 4,\n      backgroundColor: colors.statusNeutralComposedBackground,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultBase,\n    },\n    text: {\n      textAlign: 'center',\n    },\n    memberBanner: {\n      paddingTop: 16,\n      paddingBottom: 16 + bottom,\n      marginBottom: -bottom,\n    },\n    actionButton: {\n      marginTop: 12,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/conversation/system_message.d.ts

@@ -2,7 +2,8 @@ import { SystemMessageResource } from '../../utils/system_messages';
 interface SystemMessageProps {
     message: SystemMessageResource;
     conversationId: number;
+    conversationDisabled: boolean;
 }
-export declare function SystemMessage({ message, conversationId }: SystemMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function SystemMessage({ message, conversationId, conversationDisabled, }: SystemMessageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=system_message.d.ts.map

package/build/components/conversation/system_message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system_message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/system_message.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAInE,UAAU,kBAAkB;IAC1B,OAAO,EAAE,qBAAqB,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,kBAAkB,2CAyE5E"}
+{"version":3,"file":"system_message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/system_message.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAInE,UAAU,kBAAkB;IAC1B,OAAO,EAAE,qBAAqB,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,oBAAoB,EAAE,OAAO,CAAA;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAc,EACd,oBAAoB,GACrB,EAAE,kBAAkB,2CA2EpB"}

package/build/components/conversation/system_message.js

@@ -10,10 +10,11 @@ import { Text } from '../display';
 import { MessageReaction } from './message_reaction';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SystemMessage(t0) {
-  const $ = _c(41);
+  const $ = _c(47);
   const {
     message,
-    conversationId
+    conversationId,
+    conversationDisabled
   } = t0;
   const {
     reactionCounts
@@ -33,6 +34,7 @@ export function SystemMessage(t0) {
   }
   const text = t1;
   const isTruncated = message.systemTextFormat === "people" && message.systemTextParts.overflowCount > 0;
+  const pressable = isTruncated || !conversationDisabled;
   const hasReactions = reactionCounts.length > 0;
   const {
     animatedBackgroundColor,
@@ -96,98 +98,118 @@ export function SystemMessage(t0) {
   }
   const handleReactionLongPress = t4;
   const t5 = isTruncated ? handlePress : undefined;
-  let t6;
-  if ($[15] !== colors.androidRippleNeutral) {
-    t6 = {
+  const t6 = conversationDisabled ? undefined : handleLongPress;
+  const t7 = pressable ? handleMessagePressIn : undefined;
+  const t8 = pressable ? handleMessagePressOut : undefined;
+  let t9;
+  if ($[15] !== colors || $[16] !== pressable) {
+    t9 = pressable ? {
       color: colors.androidRippleNeutral,
       borderless: false,
       foreground: true
-    };
-    $[15] = colors.androidRippleNeutral;
-    $[16] = t6;
+    } : undefined;
+    $[15] = colors;
+    $[16] = pressable;
+    $[17] = t9;
   } else {
-    t6 = $[16];
+    t9 = $[17];
   }
-  const t7 = isTruncated ? "Tap to see people. Long press for message actions." : "Long press for message actions.";
-  let t8;
-  if ($[17] !== animatedBackgroundColor || $[18] !== styles.container) {
-    t8 = [styles.container, animatedBackgroundColor];
-    $[17] = animatedBackgroundColor;
-    $[18] = styles.container;
-    $[19] = t8;
+  const t10 = pressable ? "button" : undefined;
+  let t11;
+  if ($[18] !== conversationDisabled || $[19] !== isTruncated) {
+    t11 = systemMessageHint(isTruncated, conversationDisabled);
+    $[18] = conversationDisabled;
+    $[19] = isTruncated;
+    $[20] = t11;
   } else {
-    t8 = $[19];
+    t11 = $[20];
   }
-  let t9;
-  if ($[20] !== styles.text || $[21] !== text) {
-    t9 = /*#__PURE__*/_jsx(Text, {
+  let t12;
+  if ($[21] !== animatedBackgroundColor || $[22] !== styles.container) {
+    t12 = [styles.container, animatedBackgroundColor];
+    $[21] = animatedBackgroundColor;
+    $[22] = styles.container;
+    $[23] = t12;
+  } else {
+    t12 = $[23];
+  }
+  let t13;
+  if ($[24] !== styles.text || $[25] !== text) {
+    t13 = /*#__PURE__*/_jsx(Text, {
       variant: "tertiary",
       style: styles.text,
       children: text
     });
-    $[20] = styles.text;
-    $[21] = text;
-    $[22] = t9;
+    $[24] = styles.text;
+    $[25] = text;
+    $[26] = t13;
   } else {
-    t9 = $[22];
+    t13 = $[26];
   }
-  let t10;
-  if ($[23] !== conversationId || $[24] !== handleReactionLongPress || $[25] !== hasReactions || $[26] !== message || $[27] !== styles.reactions) {
-    t10 = hasReactions && /*#__PURE__*/_jsx(View, {
+  let t14;
+  if ($[27] !== conversationDisabled || $[28] !== conversationId || $[29] !== handleReactionLongPress || $[30] !== hasReactions || $[31] !== message || $[32] !== styles.reactions) {
+    t14 = hasReactions && /*#__PURE__*/_jsx(View, {
       style: styles.reactions,
       children: message.reactionCounts.map(reaction_0 => /*#__PURE__*/_jsx(MessageReaction, {
         reaction: reaction_0,
         onLongPress: handleReactionLongPress,
         message: message,
-        conversationId: conversationId
+        conversationId: conversationId,
+        disabled: conversationDisabled
       }, reaction_0.value))
     });
-    $[23] = conversationId;
-    $[24] = handleReactionLongPress;
-    $[25] = hasReactions;
-    $[26] = message;
-    $[27] = styles.reactions;
-    $[28] = t10;
+    $[27] = conversationDisabled;
+    $[28] = conversationId;
+    $[29] = handleReactionLongPress;
+    $[30] = hasReactions;
+    $[31] = message;
+    $[32] = styles.reactions;
+    $[33] = t14;
   } else {
-    t10 = $[28];
+    t14 = $[33];
   }
-  let t11;
-  if ($[29] !== t10 || $[30] !== t8 || $[31] !== t9) {
-    t11 = /*#__PURE__*/_jsxs(Animated.View, {
-      style: t8,
-      children: [t9, t10]
+  let t15;
+  if ($[34] !== t12 || $[35] !== t13 || $[36] !== t14) {
+    t15 = /*#__PURE__*/_jsxs(Animated.View, {
+      style: t12,
+      children: [t13, t14]
     });
-    $[29] = t10;
-    $[30] = t8;
-    $[31] = t9;
-    $[32] = t11;
+    $[34] = t12;
+    $[35] = t13;
+    $[36] = t14;
+    $[37] = t15;
   } else {
-    t11 = $[32];
+    t15 = $[37];
   }
-  let t12;
-  if ($[33] !== handleLongPress || $[34] !== handleMessagePressIn || $[35] !== handleMessagePressOut || $[36] !== t11 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7) {
-    t12 = /*#__PURE__*/_jsx(Pressable, {
+  let t16;
+  if ($[38] !== t10 || $[39] !== t11 || $[40] !== t15 || $[41] !== t5 || $[42] !== t6 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
+    t16 = /*#__PURE__*/_jsx(Pressable, {
       onPress: t5,
-      onLongPress: handleLongPress,
-      onPressIn: handleMessagePressIn,
-      onPressOut: handleMessagePressOut,
-      android_ripple: t6,
-      accessibilityRole: "button",
-      accessibilityHint: t7,
-      children: t11
+      onLongPress: t6,
+      onPressIn: t7,
+      onPressOut: t8,
+      android_ripple: t9,
+      accessibilityRole: t10,
+      accessibilityHint: t11,
+      children: t15
     });
-    $[33] = handleLongPress;
-    $[34] = handleMessagePressIn;
-    $[35] = handleMessagePressOut;
-    $[36] = t11;
-    $[37] = t5;
-    $[38] = t6;
-    $[39] = t7;
-    $[40] = t12;
+    $[38] = t10;
+    $[39] = t11;
+    $[40] = t15;
+    $[41] = t5;
+    $[42] = t6;
+    $[43] = t7;
+    $[44] = t8;
+    $[45] = t9;
+    $[46] = t16;
   } else {
-    t12 = $[40];
+    t16 = $[46];
   }
-  return t12;
+  return t16;
+}
+function systemMessageHint(isTruncated, conversationDisabled) {
+  if (conversationDisabled) return isTruncated ? 'Tap to see people.' : undefined;
+  return isTruncated ? 'Tap to see people. Long press for message actions.' : 'Long press for message actions.';
 }
 function systemMessageText(message) {
   switch (message.systemTextFormat) {