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

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) {

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

@@ -1 +1 @@
-{"version":3,"file":"system_message.js","names":["useNavigation","React","Pressable","StyleSheet","View","Animated","useAnimatedMessageBackgroundColor","useTheme","formatEventDateTime","Haptic","Text","MessageReaction","jsx","_jsx","jsxs","_jsxs","SystemMessage","t0","$","_c","message","conversationId","reactionCounts","styles","useStyles","navigation","colors","t1","systemMessageText","text","isTruncated","systemTextFormat","systemTextParts","overflowCount","hasReactions","length","animatedBackgroundColor","handleMessagePressIn","handleMessagePressOut","t2","personIdsForSystemEvent","navigate","conversation_id","person_ids","handlePress","t3","id","impactLight","message_id","isSystemMessage","handleLongPress","t4","reaction","reaction_value","value","handleReactionLongPress","t5","undefined","t6","androidRippleNeutral","color","borderless","foreground","t7","t8","container","t9","variant","style","children","t10","reactions","map","reaction_0","t11","t12","onPress","android_ripple","accessibilityRole","accessibilityHint","names","action","peopleSystemMessageText","createdAt","overflowLabel","join","textColorDefaultSecondary","create","paddingVertical","paddingHorizontal","alignItems","textAlign","flexDirection","flexWrap","justifyContent","gap","marginTop"],"sources":["../../../src/components/conversation/system_message.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { useAnimatedMessageBackgroundColor, useTheme } from '../../hooks'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { formatEventDateTime } from '../../utils/date'\nimport { Haptic } from '../../utils/native_adapters'\nimport { SystemMessageResource } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { MessageReaction } from './message_reaction'\n\ninterface SystemMessageProps {\n  message: SystemMessageResource\n  conversationId: number\n}\n\nexport function SystemMessage({ message, conversationId }: SystemMessageProps) {\n  const { reactionCounts } = message\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const text = systemMessageText(message)\n  const isTruncated =\n    message.systemTextFormat === 'people' && message.systemTextParts.overflowCount > 0\n  const hasReactions = reactionCounts.length > 0\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n\n  const handlePress = () => {\n    if (message.systemTextFormat !== 'people') return\n\n    navigation.navigate('SystemMessagePeople', {\n      conversation_id: conversationId,\n      person_ids: message.personIdsForSystemEvent,\n    })\n  }\n\n  const handleLongPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('MessageActions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      isSystemMessage: true,\n    })\n  }\n\n  const handleReactionLongPress = (reaction: ReactionCountResource) => {\n    Haptic.impactLight()\n    navigation.navigate('Reactions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      reaction_value: reaction.value,\n    })\n  }\n\n  return (\n    <Pressable\n      onPress={isTruncated ? handlePress : undefined}\n      onLongPress={handleLongPress}\n      onPressIn={handleMessagePressIn}\n      onPressOut={handleMessagePressOut}\n      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      accessibilityRole=\"button\"\n      accessibilityHint={\n        isTruncated\n          ? 'Tap to see people. Long press for message actions.'\n          : 'Long press for message actions.'\n      }\n    >\n      <Animated.View style={[styles.container, animatedBackgroundColor]}>\n        <Text variant=\"tertiary\" style={styles.text}>\n          {text}\n        </Text>\n        {hasReactions && (\n          <View style={styles.reactions}>\n            {message.reactionCounts.map(reaction => (\n              <MessageReaction\n                key={reaction.value}\n                reaction={reaction}\n                onLongPress={handleReactionLongPress}\n                message={message}\n                conversationId={conversationId}\n              />\n            ))}\n          </View>\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nfunction systemMessageText(message: SystemMessageResource): string {\n  switch (message.systemTextFormat) {\n    case 'people': {\n      const { names, overflowCount, action } = message.systemTextParts\n      return peopleSystemMessageText(names, overflowCount, action)\n    }\n    case 'actor':\n      return `${message.text} on ${formatEventDateTime(message.createdAt)}`\n  }\n}\n\nfunction peopleSystemMessageText(names: string[], overflowCount: number, action: string): string {\n  if (overflowCount > 0) {\n    const overflowLabel = `${overflowCount} ${overflowCount === 1 ? 'other' : 'others'}`\n    return `${names.join(', ')}, and ${overflowLabel} ${action}`\n  }\n\n  switch (names.length) {\n    case 0:\n      return `Someone ${action}`\n    case 1:\n      return `${names[0]} ${action}`\n    case 2:\n      return `${names[0]} and ${names[1]} ${action}`\n    // Backend guarantees names.length <= 3 when overflowCount is 0;\n    // overflow branch handles 4+ people.\n    default:\n      return `${names[0]}, ${names[1]}, and ${names[2]} ${action}`\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      alignItems: 'center',\n    },\n    text: {\n      color: colors.textColorDefaultSecondary,\n      textAlign: 'center',\n    },\n    reactions: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n      gap: 4,\n      marginTop: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"system_message.js","names":["useNavigation","React","Pressable","StyleSheet","View","Animated","useAnimatedMessageBackgroundColor","useTheme","formatEventDateTime","Haptic","Text","MessageReaction","jsx","_jsx","jsxs","_jsxs","SystemMessage","t0","$","_c","message","conversationId","conversationDisabled","reactionCounts","styles","useStyles","navigation","colors","t1","systemMessageText","text","isTruncated","systemTextFormat","systemTextParts","overflowCount","pressable","hasReactions","length","animatedBackgroundColor","handleMessagePressIn","handleMessagePressOut","t2","personIdsForSystemEvent","navigate","conversation_id","person_ids","handlePress","t3","id","impactLight","message_id","isSystemMessage","handleLongPress","t4","reaction","reaction_value","value","handleReactionLongPress","t5","undefined","t6","t7","t8","t9","color","androidRippleNeutral","borderless","foreground","t10","t11","systemMessageHint","t12","container","t13","variant","style","children","t14","reactions","map","reaction_0","t15","t16","onPress","onLongPress","onPressIn","onPressOut","android_ripple","accessibilityRole","accessibilityHint","names","action","peopleSystemMessageText","createdAt","overflowLabel","join","textColorDefaultSecondary","create","paddingVertical","paddingHorizontal","alignItems","textAlign","flexDirection","flexWrap","justifyContent","gap","marginTop"],"sources":["../../../src/components/conversation/system_message.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { useAnimatedMessageBackgroundColor, useTheme } from '../../hooks'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { formatEventDateTime } from '../../utils/date'\nimport { Haptic } from '../../utils/native_adapters'\nimport { SystemMessageResource } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { MessageReaction } from './message_reaction'\n\ninterface SystemMessageProps {\n  message: SystemMessageResource\n  conversationId: number\n  conversationDisabled: boolean\n}\n\nexport function SystemMessage({\n  message,\n  conversationId,\n  conversationDisabled,\n}: SystemMessageProps) {\n  const { reactionCounts } = message\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const text = systemMessageText(message)\n  const isTruncated =\n    message.systemTextFormat === 'people' && message.systemTextParts.overflowCount > 0\n  const pressable = isTruncated || !conversationDisabled\n  const hasReactions = reactionCounts.length > 0\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n\n  const handlePress = () => {\n    if (message.systemTextFormat !== 'people') return\n\n    navigation.navigate('SystemMessagePeople', {\n      conversation_id: conversationId,\n      person_ids: message.personIdsForSystemEvent,\n    })\n  }\n\n  const handleLongPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('MessageActions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      isSystemMessage: true,\n    })\n  }\n\n  const handleReactionLongPress = (reaction: ReactionCountResource) => {\n    Haptic.impactLight()\n    navigation.navigate('Reactions', {\n      message_id: message.id,\n      conversation_id: conversationId,\n      reaction_value: reaction.value,\n    })\n  }\n\n  return (\n    <Pressable\n      onPress={isTruncated ? handlePress : undefined}\n      onLongPress={conversationDisabled ? undefined : handleLongPress}\n      onPressIn={pressable ? handleMessagePressIn : undefined}\n      onPressOut={pressable ? handleMessagePressOut : undefined}\n      android_ripple={\n        pressable\n          ? { color: colors.androidRippleNeutral, borderless: false, foreground: true }\n          : undefined\n      }\n      accessibilityRole={pressable ? 'button' : undefined}\n      accessibilityHint={systemMessageHint(isTruncated, conversationDisabled)}\n    >\n      <Animated.View style={[styles.container, animatedBackgroundColor]}>\n        <Text variant=\"tertiary\" style={styles.text}>\n          {text}\n        </Text>\n        {hasReactions && (\n          <View style={styles.reactions}>\n            {message.reactionCounts.map(reaction => (\n              <MessageReaction\n                key={reaction.value}\n                reaction={reaction}\n                onLongPress={handleReactionLongPress}\n                message={message}\n                conversationId={conversationId}\n                disabled={conversationDisabled}\n              />\n            ))}\n          </View>\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nfunction systemMessageHint(isTruncated: boolean, conversationDisabled: boolean) {\n  if (conversationDisabled) return isTruncated ? 'Tap to see people.' : undefined\n  return isTruncated\n    ? 'Tap to see people. Long press for message actions.'\n    : 'Long press for message actions.'\n}\n\nfunction systemMessageText(message: SystemMessageResource): string {\n  switch (message.systemTextFormat) {\n    case 'people': {\n      const { names, overflowCount, action } = message.systemTextParts\n      return peopleSystemMessageText(names, overflowCount, action)\n    }\n    case 'actor':\n      return `${message.text} on ${formatEventDateTime(message.createdAt)}`\n  }\n}\n\nfunction peopleSystemMessageText(names: string[], overflowCount: number, action: string): string {\n  if (overflowCount > 0) {\n    const overflowLabel = `${overflowCount} ${overflowCount === 1 ? 'other' : 'others'}`\n    return `${names.join(', ')}, and ${overflowLabel} ${action}`\n  }\n\n  switch (names.length) {\n    case 0:\n      return `Someone ${action}`\n    case 1:\n      return `${names[0]} ${action}`\n    case 2:\n      return `${names[0]} and ${names[1]} ${action}`\n    // Backend guarantees names.length <= 3 when overflowCount is 0;\n    // overflow branch handles 4+ people.\n    default:\n      return `${names[0]}, ${names[1]}, and ${names[2]} ${action}`\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      alignItems: 'center',\n    },\n    text: {\n      color: colors.textColorDefaultSecondary,\n      textAlign: 'center',\n    },\n    reactions: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n      gap: 4,\n      marginTop: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/display/action_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAGnC,eAAO,MAAM,YAAY,GAAI,0GAU1B;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;CACjC,4CA+CA,CAAA"}
+{"version":3,"file":"action_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAGnC,eAAO,MAAM,YAAY,GAAI,0GAU1B;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;CACjC,4CAgDA,CAAA"}

package/build/components/display/action_button.js

@@ -3,14 +3,14 @@ import React from 'react';
 import { StyleSheet, useWindowDimensions, View } from 'react-native';
 import Animated, { FadeIn, FadeOut, LayoutAnimationConfig, ReduceMotion } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme } from '../../hooks';
+import { useReduceMotion, useTheme } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
 import { Banner } from './banner';
 import { Button } from './button';
 import { Text } from './text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ActionButton = t0 => {
-  const $ = _c(15);
+  const $ = _c(16);
   const {
     visible: t1,
     disabled: t2,
@@ -35,11 +35,12 @@ export const ActionButton = t0 => {
   }
   const warnings = t5;
   const styles = useStyles();
+  const reduceMotion = useReduceMotion() ? ReduceMotion.Always : ReduceMotion.Never;
   let t6;
-  if ($[2] !== buttonIconNameLeft || $[3] !== disabled || $[4] !== infoText || $[5] !== loading || $[6] !== onPress || $[7] !== secondaryButton || $[8] !== styles || $[9] !== title || $[10] !== visible || $[11] !== warnings) {
+  if ($[2] !== buttonIconNameLeft || $[3] !== disabled || $[4] !== infoText || $[5] !== loading || $[6] !== onPress || $[7] !== reduceMotion || $[8] !== secondaryButton || $[9] !== styles || $[10] !== title || $[11] !== visible || $[12] !== warnings) {
     t6 = visible && /*#__PURE__*/_jsxs(Animated.View, {
-      entering: FadeIn.duration(300).reduceMotion(ReduceMotion.System),
-      exiting: FadeOut.duration(300).reduceMotion(ReduceMotion.System),
+      entering: FadeIn.duration(300).reduceMotion(reduceMotion),
+      exiting: FadeOut.duration(300).reduceMotion(reduceMotion),
       style: styles.container,
       children: [warnings.length > 0 && /*#__PURE__*/_jsx(View, {
         style: styles.warnings,
@@ -70,25 +71,26 @@ export const ActionButton = t0 => {
     $[4] = infoText;
     $[5] = loading;
     $[6] = onPress;
-    $[7] = secondaryButton;
-    $[8] = styles;
-    $[9] = title;
-    $[10] = visible;
-    $[11] = warnings;
-    $[12] = t6;
+    $[7] = reduceMotion;
+    $[8] = secondaryButton;
+    $[9] = styles;
+    $[10] = title;
+    $[11] = visible;
+    $[12] = warnings;
+    $[13] = t6;
   } else {
-    t6 = $[12];
+    t6 = $[13];
   }
   let t7;
-  if ($[13] !== t6) {
+  if ($[14] !== t6) {
     t7 = /*#__PURE__*/_jsx(LayoutAnimationConfig, {
       skipEntering: true,
       children: t6
     });
-    $[13] = t6;
-    $[14] = t7;
+    $[14] = t6;
+    $[15] = t7;
   } else {
-    t7 = $[14];
+    t7 = $[15];
   }
   return t7;
 };

package/build/components/display/action_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"action_button.js","names":["React","StyleSheet","useWindowDimensions","View","Animated","FadeIn","FadeOut","LayoutAnimationConfig","ReduceMotion","useSafeAreaInsets","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Banner","Button","Text","jsx","_jsx","jsxs","_jsxs","ActionButton","t0","$","_c","visible","t1","disabled","t2","onPress","title","infoText","buttonIconNameLeft","secondaryButton","loading","t3","warnings","t4","undefined","t5","styles","useStyles","t6","entering","duration","reduceMotion","System","exiting","style","container","children","length","map","_temp","Boolean","variant","buttonRow","size","fullWidthButton","accessibilityShowsLargeContentViewer","t7","skipEntering","fontScale","bottom","colors","borderColorDefaultDim","surfaceColor090","create","backgroundColor","paddingHorizontal","paddingTop","paddingBottom","borderTopWidth","borderTopColor","gap","flexDirection","justifyContent","alignItems","flexWrap","flexGrow","textAlign","warning","index","appearance","description","fullMessage","attribute"],"sources":["../../../src/components/display/action_button.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated, {\n  FadeIn,\n  FadeOut,\n  LayoutAnimationConfig,\n  ReduceMotion,\n} from 'react-native-reanimated'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { ConversationWarning } from '../../types'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Banner } from './banner'\nimport { Button } from './button'\nimport { IconString } from './icon'\nimport { Text } from './text'\n\nexport const ActionButton = ({\n  visible = true,\n  disabled = false,\n  onPress,\n  title,\n  infoText,\n  buttonIconNameLeft,\n  secondaryButton,\n  loading = false,\n  warnings = [],\n}: {\n  visible?: boolean\n  disabled?: boolean\n  onPress: () => void\n  title: string\n  infoText?: string\n  buttonIconNameLeft?: IconString\n  secondaryButton?: React.ReactNode\n  loading?: boolean\n  warnings?: ConversationWarning[]\n}) => {\n  const styles = useStyles()\n\n  return (\n    <LayoutAnimationConfig skipEntering>\n      {visible && (\n        <Animated.View\n          entering={FadeIn.duration(300).reduceMotion(ReduceMotion.System)}\n          exiting={FadeOut.duration(300).reduceMotion(ReduceMotion.System)}\n          style={styles.container}\n        >\n          {warnings.length > 0 && (\n            <View style={styles.warnings}>\n              {warnings.map((warning, index) => (\n                <Banner\n                  key={`${warning.attribute}-${index}`}\n                  appearance=\"error\"\n                  description={warning.fullMessage}\n                />\n              ))}\n            </View>\n          )}\n          {Boolean(infoText) && (\n            <Text style={styles.infoText} variant=\"footnote\">\n              {infoText}\n            </Text>\n          )}\n          <View style={styles.buttonRow}>\n            {secondaryButton}\n            <Button\n              variant=\"fill\"\n              size=\"lg\"\n              onPress={onPress}\n              title={title}\n              disabled={disabled}\n              style={secondaryButton ? null : styles.fullWidthButton}\n              iconNameLeft={buttonIconNameLeft}\n              loading={loading}\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n              accessibilityShowsLargeContentViewer\n              accessibilityLargeContentTitle={title}\n            />\n          </View>\n        </Animated.View>\n      )}\n    </LayoutAnimationConfig>\n  )\n}\n\nconst useStyles = () => {\n  const { fontScale } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n  const containerVerticalPadding = 16\n\n  return StyleSheet.create({\n    container: {\n      backgroundColor: colors.surfaceColor090,\n      paddingHorizontal: 24,\n      paddingTop: containerVerticalPadding,\n      paddingBottom: bottom + containerVerticalPadding,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      gap: 16,\n    },\n    buttonRow: {\n      flexDirection: 'row',\n      justifyContent: fontScale > 1 ? 'center' : 'space-between',\n      alignItems: 'center',\n      gap: 16,\n      flexWrap: 'wrap-reverse',\n    },\n    fullWidthButton: {\n      flexGrow: 1,\n    },\n    infoText: {\n      textAlign: 'center',\n    },\n    warnings: {\n      gap: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"action_button.js","names":["React","StyleSheet","useWindowDimensions","View","Animated","FadeIn","FadeOut","LayoutAnimationConfig","ReduceMotion","useSafeAreaInsets","useReduceMotion","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Banner","Button","Text","jsx","_jsx","jsxs","_jsxs","ActionButton","t0","$","_c","visible","t1","disabled","t2","onPress","title","infoText","buttonIconNameLeft","secondaryButton","loading","t3","warnings","t4","undefined","t5","styles","useStyles","reduceMotion","Always","Never","t6","entering","duration","exiting","style","container","children","length","map","_temp","Boolean","variant","buttonRow","size","fullWidthButton","accessibilityShowsLargeContentViewer","t7","skipEntering","fontScale","bottom","colors","borderColorDefaultDim","surfaceColor090","create","backgroundColor","paddingHorizontal","paddingTop","paddingBottom","borderTopWidth","borderTopColor","gap","flexDirection","justifyContent","alignItems","flexWrap","flexGrow","textAlign","warning","index","appearance","description","fullMessage","attribute"],"sources":["../../../src/components/display/action_button.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated, {\n  FadeIn,\n  FadeOut,\n  LayoutAnimationConfig,\n  ReduceMotion,\n} from 'react-native-reanimated'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useReduceMotion, useTheme } from '../../hooks'\nimport { ConversationWarning } from '../../types'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Banner } from './banner'\nimport { Button } from './button'\nimport { IconString } from './icon'\nimport { Text } from './text'\n\nexport const ActionButton = ({\n  visible = true,\n  disabled = false,\n  onPress,\n  title,\n  infoText,\n  buttonIconNameLeft,\n  secondaryButton,\n  loading = false,\n  warnings = [],\n}: {\n  visible?: boolean\n  disabled?: boolean\n  onPress: () => void\n  title: string\n  infoText?: string\n  buttonIconNameLeft?: IconString\n  secondaryButton?: React.ReactNode\n  loading?: boolean\n  warnings?: ConversationWarning[]\n}) => {\n  const styles = useStyles()\n  const reduceMotion = useReduceMotion() ? ReduceMotion.Always : ReduceMotion.Never\n\n  return (\n    <LayoutAnimationConfig skipEntering>\n      {visible && (\n        <Animated.View\n          entering={FadeIn.duration(300).reduceMotion(reduceMotion)}\n          exiting={FadeOut.duration(300).reduceMotion(reduceMotion)}\n          style={styles.container}\n        >\n          {warnings.length > 0 && (\n            <View style={styles.warnings}>\n              {warnings.map((warning, index) => (\n                <Banner\n                  key={`${warning.attribute}-${index}`}\n                  appearance=\"error\"\n                  description={warning.fullMessage}\n                />\n              ))}\n            </View>\n          )}\n          {Boolean(infoText) && (\n            <Text style={styles.infoText} variant=\"footnote\">\n              {infoText}\n            </Text>\n          )}\n          <View style={styles.buttonRow}>\n            {secondaryButton}\n            <Button\n              variant=\"fill\"\n              size=\"lg\"\n              onPress={onPress}\n              title={title}\n              disabled={disabled}\n              style={secondaryButton ? null : styles.fullWidthButton}\n              iconNameLeft={buttonIconNameLeft}\n              loading={loading}\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n              accessibilityShowsLargeContentViewer\n              accessibilityLargeContentTitle={title}\n            />\n          </View>\n        </Animated.View>\n      )}\n    </LayoutAnimationConfig>\n  )\n}\n\nconst useStyles = () => {\n  const { fontScale } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n  const containerVerticalPadding = 16\n\n  return StyleSheet.create({\n    container: {\n      backgroundColor: colors.surfaceColor090,\n      paddingHorizontal: 24,\n      paddingTop: containerVerticalPadding,\n      paddingBottom: bottom + containerVerticalPadding,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      gap: 16,\n    },\n    buttonRow: {\n      flexDirection: 'row',\n      justifyContent: fontScale > 1 ? 'center' : 'space-between',\n      alignItems: 'center',\n      gap: 16,\n      flexWrap: 'wrap-reverse',\n    },\n    fullWidthButton: {\n      flexGrow: 1,\n    },\n    infoText: {\n      textAlign: 'center',\n    },\n    warnings: {\n      gap: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/display/filter_dropdown.d.ts

@@ -0,0 +1,13 @@
+export interface FilterDropdownOption {
+    id: string;
+    label: string;
+}
+export interface FilterDropdownProps {
+    options: FilterDropdownOption[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    onMoreFilters: () => void;
+    triggerLabel: string;
+}
+export declare function FilterDropdown({ options, selectedId, onSelect, onMoreFilters, triggerLabel, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filter_dropdown.d.ts.map

package/build/components/display/filter_dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,GACb,EAAE,mBAAmB,2CAiDrB"}

package/build/components/display/filter_dropdown.js

@@ -0,0 +1,188 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, Menu, platformFontWeightBold } from '../../utils';
+import { tokens } from '../../vendor/tapestry/tokens';
+import { Icon } from './icon';
+import { Text } from './text';
+
+// =================================
+// ====== Constants ================
+// =================================
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MORE_FILTERS_ID = 'more_filters';
+const MORE_FILTERS_LABEL = 'More filters';
+
+// =================================
+// ====== Component ================
+// =================================
+
+export function FilterDropdown(t0) {
+  const $ = _c(23);
+  const {
+    options,
+    selectedId,
+    onSelect,
+    onMoreFilters,
+    triggerLabel
+  } = t0;
+  const styles = useStyles();
+  let t1;
+  if ($[0] !== options || $[1] !== selectedId) {
+    let t2;
+    if ($[3] !== selectedId) {
+      t2 = option => ({
+        id: option.id,
+        title: option.label,
+        state: option.id === selectedId ? "on" : "off"
+      });
+      $[3] = selectedId;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    let t3;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = {
+        id: MORE_FILTERS_ID,
+        title: "",
+        displayInline: true,
+        subactions: [{
+          id: MORE_FILTERS_ID,
+          title: MORE_FILTERS_LABEL
+        }]
+      };
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    t1 = [...options.map(t2), t3];
+    $[0] = options;
+    $[1] = selectedId;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const actions = t1;
+  let t2;
+  if ($[6] !== onMoreFilters || $[7] !== onSelect) {
+    t2 = t3 => {
+      const {
+        nativeEvent
+      } = t3;
+      if (nativeEvent.event === MORE_FILTERS_ID) {
+        onMoreFilters();
+      } else {
+        onSelect(nativeEvent.event);
+      }
+    };
+    $[6] = onMoreFilters;
+    $[7] = onSelect;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const handlePressAction = t2;
+  let t3;
+  if ($[9] !== styles.triggerLabel || $[10] !== triggerLabel) {
+    t3 = /*#__PURE__*/_jsx(Text, {
+      style: styles.triggerLabel,
+      numberOfLines: 1,
+      maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
+      children: triggerLabel
+    });
+    $[9] = styles.triggerLabel;
+    $[10] = triggerLabel;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== styles.triggerIcon) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
+      name: "general.downChevron",
+      style: styles.triggerIcon,
+      maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
+      accessibilityElementsHidden: true
+    });
+    $[12] = styles.triggerIcon;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== styles.trigger || $[15] !== t3 || $[16] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(View, {
+      style: styles.trigger,
+      accessible: true,
+      accessibilityRole: "button",
+      accessibilityHint: "Opens filter options",
+      children: [t3, t4]
+    });
+    $[14] = styles.trigger;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== actions || $[19] !== handlePressAction || $[20] !== styles.container || $[21] !== t5) {
+    t6 = /*#__PURE__*/_jsx(Menu.View, {
+      actions: actions,
+      onPressAction: handlePressAction,
+      style: styles.container,
+      children: t5
+    });
+    $[18] = actions;
+    $[19] = handlePressAction;
+    $[20] = styles.container;
+    $[21] = t5;
+    $[22] = t6;
+  } else {
+    t6 = $[22];
+  }
+  return t6;
+}
+
+// =================================
+// ====== Styles ===================
+// =================================
+
+const useStyles = () => {
+  const $ = _c(3);
+  const {
+    colors
+  } = useTheme();
+  let t0;
+  if ($[0] !== colors.iconColorDefaultPrimary || $[1] !== colors.textColorDefaultPrimary) {
+    t0 = StyleSheet.create({
+      container: {
+        alignSelf: "flex-start"
+      },
+      trigger: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6,
+        paddingVertical: 4
+      },
+      triggerLabel: {
+        flexShrink: 1,
+        fontWeight: platformFontWeightBold,
+        color: colors.textColorDefaultPrimary
+      },
+      triggerIcon: {
+        fontSize: tokens.fontSizeSm,
+        color: colors.iconColorDefaultPrimary
+      }
+    });
+    $[0] = colors.iconColorDefaultPrimary;
+    $[1] = colors.textColorDefaultPrimary;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};
+//# sourceMappingURL=filter_dropdown.js.map

package/build/components/display/filter_dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","styles","useStyles","t1","t2","option","id","title","label","state","t3","Symbol","for","displayInline","subactions","map","actions","nativeEvent","event","handlePressAction","style","numberOfLines","children","t4","triggerIcon","name","accessibilityElementsHidden","t5","trigger","accessible","accessibilityRole","accessibilityHint","t6","container","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  Menu,\n  MenuAction,\n  MenuActionEvent,\n  platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n  id: string\n  label: string\n}\n\nexport interface FilterDropdownProps {\n  options: FilterDropdownOption[]\n  selectedId: string\n  onSelect: (id: string) => void\n  onMoreFilters: () => void\n  triggerLabel: string\n}\n\nexport function FilterDropdown({\n  options,\n  selectedId,\n  onSelect,\n  onMoreFilters,\n  triggerLabel,\n}: FilterDropdownProps) {\n  const styles = useStyles()\n\n  const actions: MenuAction[] = [\n    ...options.map(option => ({\n      id: option.id,\n      title: option.label,\n      state: option.id === selectedId ? ('on' as const) : ('off' as const),\n    })),\n    {\n      id: MORE_FILTERS_ID,\n      title: '',\n      displayInline: true,\n      subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n    },\n  ]\n\n  const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n    if (nativeEvent.event === MORE_FILTERS_ID) {\n      onMoreFilters()\n    } else {\n      onSelect(nativeEvent.event)\n    }\n  }\n\n  return (\n    <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>\n      <View\n        style={styles.trigger}\n        accessible\n        accessibilityRole=\"button\"\n        accessibilityHint=\"Opens filter options\"\n      >\n        <Text\n          style={styles.triggerLabel}\n          numberOfLines={1}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        >\n          {triggerLabel}\n        </Text>\n        <Icon\n          name=\"general.downChevron\"\n          style={styles.triggerIcon}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          accessibilityElementsHidden\n        />\n      </View>\n    </Menu.View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'flex-start',\n    },\n    trigger: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingVertical: 4,\n    },\n    triggerLabel: {\n      flexShrink: 1,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    triggerIcon: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.iconColorDefaultPrimary,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/display/index.d.ts

@@ -23,6 +23,7 @@ export * from './text_button';
 export * from './text_inline_button';
 export * from './text';
 export * from './toggle_button';
+export * from './filter_dropdown';
 export * from './keyboard_scroll_view';
 export * from './keyboard_view';
 export * from './platform_modal_header_buttons';