@planningcenter/chat-react-native 3.42.3-qa-staging.0 → 3.42.3-qa-staging.2

package/build/screens/conversation_new/components/avatar_selection_row.d.ts

@@ -1,12 +1,11 @@
-import React from 'react';
 import type { AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update';
 interface AvatarSelectionRowProps {
     avatarSelection?: AvatarUpdatePayload;
 }
-export declare function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps): React.JSX.Element;
+export declare function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps): import("react/jsx-runtime").JSX.Element;
 interface AvatarSelectionPreviewProps {
     avatarSelection?: AvatarUpdatePayload;
 }
-export declare function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps): React.JSX.Element | null;
+export declare function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=avatar_selection_row.d.ts.map

package/build/screens/conversation_new/components/avatar_selection_row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_selection_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAExF,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,eAAe,EAAE,EAAE,uBAAuB,qBAsB9E;AAED,UAAU,2BAA2B;IACnC,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,eAAe,EAAE,EAAE,2BAA2B,4BAiBtF"}
+{"version":3,"file":"avatar_selection_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAExF,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,eAAe,EAAE,EAAE,uBAAuB,2CAsB9E;AAED,UAAU,2BAA2B;IACnC,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,eAAe,EAAE,EAAE,2BAA2B,kDAiBtF"}

package/build/screens/conversation_new/components/avatar_selection_row.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation, useRoute } from '@react-navigation/native';
-import React from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
 import { Icon, Text } from '../../../components';
 import { EmojiAvatar } from '../../../components/display/emoji_avatar';
@@ -10,31 +10,21 @@ export function AvatarSelectionRow({ avatarSelection }) {
     const styles = useStyles();
     const navigation = useNavigation();
     const route = useRoute();
-    return (<Pressable style={styles.avatarSection} onPress={() => navigation.navigate('AvatarPicker', {
+    return (_jsxs(Pressable, { style: styles.avatarSection, onPress: () => navigation.navigate('AvatarPicker', {
             source_params: route.params,
             ...(avatarSelection && { avatar_selection: avatarSelection }),
-        })}>
-      <Text style={styles.avatarLabel}>Customize avatar</Text>
-      <View style={styles.avatarSectionTrailing}>
-        <AvatarSelectionPreview avatarSelection={avatarSelection}/>
-        <Icon name="general.rightChevron" size={12}/>
-      </View>
-    </Pressable>);
+        }), children: [_jsx(Text, { style: styles.avatarLabel, children: "Customize avatar" }), _jsxs(View, { style: styles.avatarSectionTrailing, children: [_jsx(AvatarSelectionPreview, { avatarSelection: avatarSelection }), _jsx(Icon, { name: "general.rightChevron", size: 12 })] })] }));
 }
 export function AvatarSelectionPreview({ avatarSelection }) {
     if (!avatarSelection || avatarSelection.kind === 'clear')
         return null;
     switch (avatarSelection.kind) {
         case 'icon':
-            return <IconAvatar iconKey={avatarSelection.key} color={avatarSelection.color} size="md"/>;
+            return _jsx(IconAvatar, { iconKey: avatarSelection.key, color: avatarSelection.color, size: "md" });
         case 'emoji':
-            return <EmojiAvatar emoji={avatarSelection.key} color={avatarSelection.color} size="md"/>;
+            return _jsx(EmojiAvatar, { emoji: avatarSelection.key, color: avatarSelection.color, size: "md" });
         case 'image':
-            return (<AvatarPrimitive.Root size="md">
-          <AvatarPrimitive.Mask>
-            <AvatarPrimitive.Image sourceUri={avatarSelection.imageAsset.uri}/>
-          </AvatarPrimitive.Mask>
-        </AvatarPrimitive.Root>);
+            return (_jsx(AvatarPrimitive.Root, { size: "md", children: _jsx(AvatarPrimitive.Mask, { children: _jsx(AvatarPrimitive.Image, { sourceUri: avatarSelection.imageAsset.uri }) }) }));
     }
 }
 const useStyles = () => {

package/build/screens/conversation_new/components/avatar_selection_row.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_selection_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport { Icon, Text } from '../../../components'\nimport { EmojiAvatar } from '../../../components/display/emoji_avatar'\nimport { IconAvatar } from '../../../components/display/icon_avatar'\nimport AvatarPrimitive from '../../../components/primitive/avatar_primitive'\nimport { useTheme } from '../../../hooks'\nimport type { AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update'\n\ninterface AvatarSelectionRowProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const route = useRoute()\n\n  return (\n    <Pressable\n      style={styles.avatarSection}\n      onPress={() =>\n        navigation.navigate('AvatarPicker', {\n          source_params: route.params as Record<string, unknown>,\n          ...(avatarSelection && { avatar_selection: avatarSelection }),\n        })\n      }\n    >\n      <Text style={styles.avatarLabel}>Customize avatar</Text>\n      <View style={styles.avatarSectionTrailing}>\n        <AvatarSelectionPreview avatarSelection={avatarSelection} />\n        <Icon name=\"general.rightChevron\" size={12} />\n      </View>\n    </Pressable>\n  )\n}\n\ninterface AvatarSelectionPreviewProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps) {\n  if (!avatarSelection || avatarSelection.kind === 'clear') return null\n\n  switch (avatarSelection.kind) {\n    case 'icon':\n      return <IconAvatar iconKey={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'emoji':\n      return <EmojiAvatar emoji={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'image':\n      return (\n        <AvatarPrimitive.Root size=\"md\">\n          <AvatarPrimitive.Mask>\n            <AvatarPrimitive.Image sourceUri={avatarSelection.imageAsset.uri} />\n          </AvatarPrimitive.Mask>\n        </AvatarPrimitive.Root>\n      )\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    avatarSection: {\n      padding: 16,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    avatarSectionTrailing: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    avatarLabel: {\n      fontSize: 18,\n      color: colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"avatar_selection_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAA;AACpE,OAAO,eAAe,MAAM,gDAAgD,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,MAAM,UAAU,kBAAkB,CAAC,EAAE,eAAe,EAA2B;IAC7E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,aAAa,EAC3B,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE;YAClC,aAAa,EAAE,KAAK,CAAC,MAAiC;YACtD,GAAG,CAAC,eAAe,IAAI,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;SAC9D,CAAC,aAGJ,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,iCAAyB,EACxD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB,aACvC,KAAC,sBAAsB,IAAC,eAAe,EAAE,eAAe,GAAI,EAC5D,KAAC,IAAI,IAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAE,EAAE,GAAI,IACzC,IACG,CACb,CAAA;AACH,CAAC;AAMD,MAAM,UAAU,sBAAsB,CAAC,EAAE,eAAe,EAA+B;IACrF,IAAI,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAErE,QAAQ,eAAe,CAAC,IAAI,EAAE,CAAC;QAC7B,KAAK,MAAM;YACT,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,eAAe,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CAAA;QAC7F,KAAK,OAAO;YACV,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,eAAe,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CAAA;QAC5F,KAAK,OAAO;YACV,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAC7B,KAAC,eAAe,CAAC,IAAI,cACnB,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,GAAI,GAC/C,GACF,CACxB,CAAA;IACL,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,aAAa,EAAE;YACb,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,qBAAqB,EAAE;YACrB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport { Icon, Text } from '../../../components'\nimport { EmojiAvatar } from '../../../components/display/emoji_avatar'\nimport { IconAvatar } from '../../../components/display/icon_avatar'\nimport AvatarPrimitive from '../../../components/primitive/avatar_primitive'\nimport { useTheme } from '../../../hooks'\nimport type { AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update'\n\ninterface AvatarSelectionRowProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const route = useRoute()\n\n  return (\n    <Pressable\n      style={styles.avatarSection}\n      onPress={() =>\n        navigation.navigate('AvatarPicker', {\n          source_params: route.params as Record<string, unknown>,\n          ...(avatarSelection && { avatar_selection: avatarSelection }),\n        })\n      }\n    >\n      <Text style={styles.avatarLabel}>Customize avatar</Text>\n      <View style={styles.avatarSectionTrailing}>\n        <AvatarSelectionPreview avatarSelection={avatarSelection} />\n        <Icon name=\"general.rightChevron\" size={12} />\n      </View>\n    </Pressable>\n  )\n}\n\ninterface AvatarSelectionPreviewProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps) {\n  if (!avatarSelection || avatarSelection.kind === 'clear') return null\n\n  switch (avatarSelection.kind) {\n    case 'icon':\n      return <IconAvatar iconKey={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'emoji':\n      return <EmojiAvatar emoji={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'image':\n      return (\n        <AvatarPrimitive.Root size=\"md\">\n          <AvatarPrimitive.Mask>\n            <AvatarPrimitive.Image sourceUri={avatarSelection.imageAsset.uri} />\n          </AvatarPrimitive.Mask>\n        </AvatarPrimitive.Root>\n      )\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    avatarSection: {\n      padding: 16,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    avatarSectionTrailing: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    avatarLabel: {\n      fontSize: 18,\n      color: colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/filter_by_plan.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface FilterByPlanProps {
     teamIds: number[];
     selectedPlanId?: number;
@@ -16,8 +15,8 @@ interface FilterByPlanModalProps {
     selectedPlanId?: number;
     onPlanSelect: (planId: number | undefined) => void;
 }
-export declare function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps): React.JSX.Element;
-export declare function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps): React.JSX.Element;
-export declare function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, onPlanSelect, }: FilterByPlanModalProps): React.JSX.Element;
+export declare function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, onPlanSelect, }: FilterByPlanModalProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=filter_by_plan.d.ts.map

package/build/screens/conversation_new/components/filter_by_plan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_by_plan.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAcvC,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAYD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,iBAAiB,qBAsBxF;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBA0CzF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,sBAAsB,qBAuDxB"}
+{"version":3,"file":"filter_by_plan.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"AAeA,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAYD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CAsBxF;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CA0CzF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,sBAAsB,2CAuDxB"}

package/build/screens/conversation_new/components/filter_by_plan.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Header, PlatformPressable } from '@react-navigation/elements';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { StyleSheet, View, FlatList, Platform } from 'react-native';
 import { Banner, Icon, Spinner, Text, Heading } from '../../../components';
 import { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons';
@@ -13,13 +14,10 @@ import { tokens } from '../../../vendor/tapestry/tokens';
 // ==========================================
 export function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }) {
     const [modalVisible, setModalVisible] = useState(false);
-    return (<>
-      <FilterByPlanField teamIds={teamIds} planId={selectedPlanId} onOpenModal={() => setModalVisible(true)}/>
-      <FilterByPlanModal visible={modalVisible} onClose={() => setModalVisible(false)} teamIds={teamIds} selectedPlanId={selectedPlanId} onPlanSelect={planId => {
-            onPlanSelect(planId);
-            setModalVisible(false);
-        }}/>
-    </>);
+    return (_jsxs(_Fragment, { children: [_jsx(FilterByPlanField, { teamIds: teamIds, planId: selectedPlanId, onOpenModal: () => setModalVisible(true) }), _jsx(FilterByPlanModal, { visible: modalVisible, onClose: () => setModalVisible(false), teamIds: teamIds, selectedPlanId: selectedPlanId, onPlanSelect: planId => {
+                    onPlanSelect(planId);
+                    setModalVisible(false);
+                } })] }));
 }
 // ==========================================
 // Sub-components
@@ -28,61 +26,39 @@ export function FilterByPlanField({ teamIds, planId, onOpenModal }) {
     const styles = useStyles();
     const { planOptions, findPlan, isFetching, isError } = useTeamPlans({ teamIds });
     if (isFetching) {
-        return (<View style={styles.spinnerContainer}>
-        <Spinner size={20}/>
-      </View>);
+        return (_jsx(View, { style: styles.spinnerContainer, children: _jsx(Spinner, { size: 20 }) }));
     }
     if (isError) {
-        return (<Banner appearance="error" description="An error occurred while fetching plans. Please try again."/>);
+        return (_jsx(Banner, { appearance: "error", description: "An error occurred while fetching plans. Please try again." }));
     }
     if (!planOptions || planOptions.length === 0) {
-        return <Banner appearance="neutral" description="No plans available with the selected teams."/>;
+        return _jsx(Banner, { appearance: "neutral", description: "No plans available with the selected teams." });
     }
     const selectedPlan = findPlan(planId);
     const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan';
-    return (<PlatformPressable style={styles.selectButton} onPress={onOpenModal} accessibilityRole="button" accessibilityLabel={`Selected plan: ${buttonText}`} accessibilityHint="Opens plan selection">
-      <Text style={styles.buttonText} numberOfLines={1}>
-        {buttonText}
-      </Text>
-      <Icon name="general.downChevron" size={16} style={styles.chevronIcon}/>
-    </PlatformPressable>);
+    return (_jsxs(PlatformPressable, { style: styles.selectButton, onPress: onOpenModal, accessibilityRole: "button", accessibilityLabel: `Selected plan: ${buttonText}`, accessibilityHint: "Opens plan selection", children: [_jsx(Text, { style: styles.buttonText, numberOfLines: 1, children: buttonText }), _jsx(Icon, { name: "general.downChevron", size: 16, style: styles.chevronIcon })] }));
 }
 export function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, onPlanSelect, }) {
     const styles = useStyles();
     const { planOptions, isFetching } = useTeamPlans({ teamIds });
-    return (<SafeAreaModal visible={visible} animationType="slide" presentationStyle="pageSheet" onRequestClose={onClose}>
-      <View style={styles.modalContainer}>
-        <Header headerStyle={styles.header} title="Select a plan" headerShadowVisible={false} headerRight={createStableHeaderRight(onClose)} headerRightContainerStyle={styles.modalHeaderRightContainer}/>
-
-        {isFetching && <DefaultLoading />}
-
-        {planOptions && planOptions.length > 0 && (<FlatList data={planOptions} contentContainerStyle={styles.listContainer} keyExtractor={item => item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`} renderItem={({ item }) => {
-                switch (item.type) {
-                    case 'header':
-                        return (<Heading variant="h3" numberOfLines={1} style={styles.listHeader}>
-                      {item.title}
-                    </Heading>);
-                    case 'plan': {
-                        const isSelected = item.value === selectedPlanId;
-                        return (<OptionItem plan={item} isSelected={isSelected} onPress={() => onPlanSelect(isSelected ? undefined : item.value)}/>);
-                    }
-                }
-            }} showsVerticalScrollIndicator={false}/>)}
-      </View>
-    </SafeAreaModal>);
+    return (_jsx(SafeAreaModal, { visible: visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: _jsxs(View, { style: styles.modalContainer, children: [_jsx(Header, { headerStyle: styles.header, title: "Select a plan", headerShadowVisible: false, headerRight: createStableHeaderRight(onClose), headerRightContainerStyle: styles.modalHeaderRightContainer }), isFetching && _jsx(DefaultLoading, {}), planOptions && planOptions.length > 0 && (_jsx(FlatList, { data: planOptions, contentContainerStyle: styles.listContainer, keyExtractor: item => item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`, renderItem: ({ item }) => {
+                        switch (item.type) {
+                            case 'header':
+                                return (_jsx(Heading, { variant: "h3", numberOfLines: 1, style: styles.listHeader, children: item.title }));
+                            case 'plan': {
+                                const isSelected = item.value === selectedPlanId;
+                                return (_jsx(OptionItem, { plan: item, isSelected: isSelected, onPress: () => onPlanSelect(isSelected ? undefined : item.value) }));
+                            }
+                        }
+                    }, showsVerticalScrollIndicator: false }))] }) }));
 }
 // ==========================================
 // Helper Components
 // ==========================================
-const createStableHeaderRight = (onClose) => () => (<HeaderDismissButton onPress={onClose} title="Cancel"/>);
+const createStableHeaderRight = (onClose) => () => (_jsx(HeaderDismissButton, { onPress: onClose, title: "Cancel" }));
 function OptionItem({ plan, isSelected, onPress }) {
     const styles = useStyles();
-    return (<PlatformPressable style={styles.optionItem} onPress={onPress} accessibilityRole="radio" accessibilityState={{ selected: isSelected }} accessibilityLabel={plan.name}>
-      <Text style={styles.optionText} numberOfLines={1}>
-        {plan.name}
-      </Text>
-      {isSelected && <Icon name="general.check" size={16} style={styles.checkIcon}/>}
-    </PlatformPressable>);
+    return (_jsxs(PlatformPressable, { style: styles.optionItem, onPress: onPress, accessibilityRole: "radio", accessibilityState: { selected: isSelected }, accessibilityLabel: plan.name, children: [_jsx(Text, { style: styles.optionText, numberOfLines: 1, children: plan.name }), isSelected && _jsx(Icon, { name: "general.check", size: 16, style: styles.checkIcon })] }));
 }
 // ==========================================
 // Styles

package/build/screens/conversation_new/components/filter_by_plan.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter_by_plan.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Header, PlatformPressable } from '@react-navigation/elements'\nimport React, { useState } from 'react'\nimport { StyleSheet, View, FlatList, Platform } from 'react-native'\nimport { Banner, Icon, Spinner, Text, Heading } from '../../../components'\nimport { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons'\nimport { DefaultLoading } from '../../../components/page/loading'\nimport { SafeAreaModal } from '../../../components/safe_area_modal'\nimport { useTheme } from '../../../hooks'\nimport { useTeamPlans } from '../../../hooks/services/use_team_plans'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\n// ==========================================\n// Interfaces\n// ==========================================\n\ninterface FilterByPlanProps {\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface FilterByPlanFieldProps {\n  teamIds: number[]\n  planId?: number\n  onOpenModal: () => void\n}\n\ninterface FilterByPlanModalProps {\n  visible: boolean\n  onClose: () => void\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface OptionItemProps {\n  plan: { value: number; name: string }\n  isSelected: boolean\n  onPress: () => void\n}\n\n// ==========================================\n// Main Component\n// ==========================================\n\nexport function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps) {\n  const [modalVisible, setModalVisible] = useState(false)\n\n  return (\n    <>\n      <FilterByPlanField\n        teamIds={teamIds}\n        planId={selectedPlanId}\n        onOpenModal={() => setModalVisible(true)}\n      />\n      <FilterByPlanModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n        teamIds={teamIds}\n        selectedPlanId={selectedPlanId}\n        onPlanSelect={planId => {\n          onPlanSelect(planId)\n          setModalVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\n// ==========================================\n// Sub-components\n// ==========================================\n\nexport function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps) {\n  const styles = useStyles()\n  const { planOptions, findPlan, isFetching, isError } = useTeamPlans({ teamIds })\n\n  if (isFetching) {\n    return (\n      <View style={styles.spinnerContainer}>\n        <Spinner size={20} />\n      </View>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Banner\n        appearance=\"error\"\n        description=\"An error occurred while fetching plans. Please try again.\"\n      />\n    )\n  }\n\n  if (!planOptions || planOptions.length === 0) {\n    return <Banner appearance=\"neutral\" description=\"No plans available with the selected teams.\" />\n  }\n\n  const selectedPlan = findPlan(planId)\n  const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan'\n\n  return (\n    <PlatformPressable\n      style={styles.selectButton}\n      onPress={onOpenModal}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Selected plan: ${buttonText}`}\n      accessibilityHint=\"Opens plan selection\"\n    >\n      <Text style={styles.buttonText} numberOfLines={1}>\n        {buttonText}\n      </Text>\n      <Icon name=\"general.downChevron\" size={16} style={styles.chevronIcon} />\n    </PlatformPressable>\n  )\n}\n\nexport function FilterByPlanModal({\n  visible,\n  onClose,\n  teamIds,\n  selectedPlanId,\n  onPlanSelect,\n}: FilterByPlanModalProps) {\n  const styles = useStyles()\n  const { planOptions, isFetching } = useTeamPlans({ teamIds })\n\n  return (\n    <SafeAreaModal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onClose}\n    >\n      <View style={styles.modalContainer}>\n        <Header\n          headerStyle={styles.header}\n          title=\"Select a plan\"\n          headerShadowVisible={false}\n          headerRight={createStableHeaderRight(onClose)}\n          headerRightContainerStyle={styles.modalHeaderRightContainer}\n        />\n\n        {isFetching && <DefaultLoading />}\n\n        {planOptions && planOptions.length > 0 && (\n          <FlatList\n            data={planOptions}\n            contentContainerStyle={styles.listContainer}\n            keyExtractor={item =>\n              item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`\n            }\n            renderItem={({ item }) => {\n              switch (item.type) {\n                case 'header':\n                  return (\n                    <Heading variant=\"h3\" numberOfLines={1} style={styles.listHeader}>\n                      {item.title}\n                    </Heading>\n                  )\n                case 'plan': {\n                  const isSelected = item.value === selectedPlanId\n                  return (\n                    <OptionItem\n                      plan={item}\n                      isSelected={isSelected}\n                      onPress={() => onPlanSelect(isSelected ? undefined : item.value)}\n                    />\n                  )\n                }\n              }\n            }}\n            showsVerticalScrollIndicator={false}\n          />\n        )}\n      </View>\n    </SafeAreaModal>\n  )\n}\n\n// ==========================================\n// Helper Components\n// ==========================================\n\nconst createStableHeaderRight = (onClose: () => void) => () => (\n  <HeaderDismissButton onPress={onClose} title=\"Cancel\" />\n)\n\nfunction OptionItem({ plan, isSelected, onPress }: OptionItemProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable\n      style={styles.optionItem}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={plan.name}\n    >\n      <Text style={styles.optionText} numberOfLines={1}>\n        {plan.name}\n      </Text>\n      {isSelected && <Icon name=\"general.check\" size={16} style={styles.checkIcon} />}\n    </PlatformPressable>\n  )\n}\n\n// ==========================================\n// Styles\n// ==========================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    spinnerContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: 44,\n    },\n    header: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    selectButton: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: tokens.borderRadiusRound,\n      minHeight: 44,\n    },\n    buttonText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    chevronIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginLeft: 8,\n    },\n    modalContainer: {\n      backgroundColor: colors.surfaceColor100,\n      flex: 1,\n    },\n    modalHeaderRightContainer: {\n      paddingRight: Platform.select({ ios: 20, android: 0 }),\n    },\n    listContainer: {\n      paddingBottom: 16,\n    },\n    listHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n    },\n    optionItem: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultDim,\n    },\n    optionText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    checkIcon: {\n      color: colors.statusSuccessIcon,\n      marginLeft: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"filter_by_plan.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAA;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAgCxD,6CAA6C;AAC7C,iBAAiB;AACjB,6CAA6C;AAE7C,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAqB;IACvF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,OAAO,CACL,8BACE,KAAC,iBAAiB,IAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,GACxC,EACF,KAAC,iBAAiB,IAChB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,MAAM,CAAC,EAAE;oBACrB,YAAY,CAAC,MAAM,CAAC,CAAA;oBACpB,eAAe,CAAC,KAAK,CAAC,CAAA;gBACxB,CAAC,GACD,IACD,CACJ,CAAA;AACH,CAAC;AAED,6CAA6C;AAC7C,iBAAiB;AACjB,6CAA6C;AAE7C,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAA0B;IACxF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,YAClC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,CACR,CAAA;IACH,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,MAAM,IACL,UAAU,EAAC,OAAO,EAClB,WAAW,EAAC,2DAA2D,GACvE,CACH,CAAA;IACH,CAAC;IAED,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7C,OAAO,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,WAAW,EAAC,6CAA6C,GAAG,CAAA;IAClG,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IACrC,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAA;IAErE,OAAO,CACL,MAAC,iBAAiB,IAChB,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,kBAAkB,UAAU,EAAE,EAClD,iBAAiB,EAAC,sBAAsB,aAExC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,CAAC,YAC7C,UAAU,GACN,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,IACtD,CACrB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,GACW;IACvB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAE7D,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,aAAa,EAAC,OAAO,EACrB,iBAAiB,EAAC,WAAW,EAC7B,cAAc,EAAE,OAAO,YAEvB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAChC,KAAC,MAAM,IACL,WAAW,EAAE,MAAM,CAAC,MAAM,EAC1B,KAAK,EAAC,eAAe,EACrB,mBAAmB,EAAE,KAAK,EAC1B,WAAW,EAAE,uBAAuB,CAAC,OAAO,CAAC,EAC7C,yBAAyB,EAAE,MAAM,CAAC,yBAAyB,GAC3D,EAED,UAAU,IAAI,KAAC,cAAc,KAAG,EAEhC,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,KAAC,QAAQ,IACP,IAAI,EAAE,WAAW,EACjB,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,YAAY,EAAE,IAAI,CAAC,EAAE,CACnB,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,EAExE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;wBACvB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;4BAClB,KAAK,QAAQ;gCACX,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,YAC7D,IAAI,CAAC,KAAK,GACH,CACX,CAAA;4BACH,KAAK,MAAM,CAAC,CAAC,CAAC;gCACZ,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,KAAK,cAAc,CAAA;gCAChD,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAChE,CACH,CAAA;4BACH,CAAC;wBACH,CAAC;oBACH,CAAC,EACD,4BAA4B,EAAE,KAAK,GACnC,CACH,IACI,GACO,CACjB,CAAA;AACH,CAAC;AAED,6CAA6C;AAC7C,oBAAoB;AACpB,6CAA6C;AAE7C,MAAM,uBAAuB,GAAG,CAAC,OAAmB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAC7D,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,QAAQ,GAAG,CACzD,CAAA;AAED,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAmB;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,MAAC,iBAAiB,IAChB,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC5C,kBAAkB,EAAE,IAAI,CAAC,IAAI,aAE7B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,CAAC,YAC7C,IAAI,CAAC,IAAI,GACL,EACN,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,IAC7D,CACrB,CAAA;AACH,CAAC;AAED,6CAA6C;AAC7C,SAAS;AACT,6CAA6C;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,SAAS,EAAE,EAAE;SACd;QACD,MAAM,EAAE;YACN,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;SACjD;QACD,YAAY,EAAE;YACZ,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,YAAY,EAAE,MAAM,CAAC,iBAAiB;YACtC,SAAS,EAAE,EAAE;SACd;QACD,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,yBAAyB;YACvC,UAAU,EAAE,CAAC;SACd;QACD,cAAc,EAAE;YACd,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,IAAI,EAAE,CAAC;SACR;QACD,yBAAyB,EAAE;YACzB,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SACvD;QACD,aAAa,EAAE;YACb,aAAa,EAAE,EAAE;SAClB;QACD,UAAU,EAAE;YACV,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE;SAClB;QACD,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,qBAAqB;SAChD;QACD,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAC,iBAAiB;YAC/B,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { Header, PlatformPressable } from '@react-navigation/elements'\nimport React, { useState } from 'react'\nimport { StyleSheet, View, FlatList, Platform } from 'react-native'\nimport { Banner, Icon, Spinner, Text, Heading } from '../../../components'\nimport { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons'\nimport { DefaultLoading } from '../../../components/page/loading'\nimport { SafeAreaModal } from '../../../components/safe_area_modal'\nimport { useTheme } from '../../../hooks'\nimport { useTeamPlans } from '../../../hooks/services/use_team_plans'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\n// ==========================================\n// Interfaces\n// ==========================================\n\ninterface FilterByPlanProps {\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface FilterByPlanFieldProps {\n  teamIds: number[]\n  planId?: number\n  onOpenModal: () => void\n}\n\ninterface FilterByPlanModalProps {\n  visible: boolean\n  onClose: () => void\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface OptionItemProps {\n  plan: { value: number; name: string }\n  isSelected: boolean\n  onPress: () => void\n}\n\n// ==========================================\n// Main Component\n// ==========================================\n\nexport function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps) {\n  const [modalVisible, setModalVisible] = useState(false)\n\n  return (\n    <>\n      <FilterByPlanField\n        teamIds={teamIds}\n        planId={selectedPlanId}\n        onOpenModal={() => setModalVisible(true)}\n      />\n      <FilterByPlanModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n        teamIds={teamIds}\n        selectedPlanId={selectedPlanId}\n        onPlanSelect={planId => {\n          onPlanSelect(planId)\n          setModalVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\n// ==========================================\n// Sub-components\n// ==========================================\n\nexport function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps) {\n  const styles = useStyles()\n  const { planOptions, findPlan, isFetching, isError } = useTeamPlans({ teamIds })\n\n  if (isFetching) {\n    return (\n      <View style={styles.spinnerContainer}>\n        <Spinner size={20} />\n      </View>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Banner\n        appearance=\"error\"\n        description=\"An error occurred while fetching plans. Please try again.\"\n      />\n    )\n  }\n\n  if (!planOptions || planOptions.length === 0) {\n    return <Banner appearance=\"neutral\" description=\"No plans available with the selected teams.\" />\n  }\n\n  const selectedPlan = findPlan(planId)\n  const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan'\n\n  return (\n    <PlatformPressable\n      style={styles.selectButton}\n      onPress={onOpenModal}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Selected plan: ${buttonText}`}\n      accessibilityHint=\"Opens plan selection\"\n    >\n      <Text style={styles.buttonText} numberOfLines={1}>\n        {buttonText}\n      </Text>\n      <Icon name=\"general.downChevron\" size={16} style={styles.chevronIcon} />\n    </PlatformPressable>\n  )\n}\n\nexport function FilterByPlanModal({\n  visible,\n  onClose,\n  teamIds,\n  selectedPlanId,\n  onPlanSelect,\n}: FilterByPlanModalProps) {\n  const styles = useStyles()\n  const { planOptions, isFetching } = useTeamPlans({ teamIds })\n\n  return (\n    <SafeAreaModal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onClose}\n    >\n      <View style={styles.modalContainer}>\n        <Header\n          headerStyle={styles.header}\n          title=\"Select a plan\"\n          headerShadowVisible={false}\n          headerRight={createStableHeaderRight(onClose)}\n          headerRightContainerStyle={styles.modalHeaderRightContainer}\n        />\n\n        {isFetching && <DefaultLoading />}\n\n        {planOptions && planOptions.length > 0 && (\n          <FlatList\n            data={planOptions}\n            contentContainerStyle={styles.listContainer}\n            keyExtractor={item =>\n              item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`\n            }\n            renderItem={({ item }) => {\n              switch (item.type) {\n                case 'header':\n                  return (\n                    <Heading variant=\"h3\" numberOfLines={1} style={styles.listHeader}>\n                      {item.title}\n                    </Heading>\n                  )\n                case 'plan': {\n                  const isSelected = item.value === selectedPlanId\n                  return (\n                    <OptionItem\n                      plan={item}\n                      isSelected={isSelected}\n                      onPress={() => onPlanSelect(isSelected ? undefined : item.value)}\n                    />\n                  )\n                }\n              }\n            }}\n            showsVerticalScrollIndicator={false}\n          />\n        )}\n      </View>\n    </SafeAreaModal>\n  )\n}\n\n// ==========================================\n// Helper Components\n// ==========================================\n\nconst createStableHeaderRight = (onClose: () => void) => () => (\n  <HeaderDismissButton onPress={onClose} title=\"Cancel\" />\n)\n\nfunction OptionItem({ plan, isSelected, onPress }: OptionItemProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable\n      style={styles.optionItem}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={plan.name}\n    >\n      <Text style={styles.optionText} numberOfLines={1}>\n        {plan.name}\n      </Text>\n      {isSelected && <Icon name=\"general.check\" size={16} style={styles.checkIcon} />}\n    </PlatformPressable>\n  )\n}\n\n// ==========================================\n// Styles\n// ==========================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    spinnerContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: 44,\n    },\n    header: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    selectButton: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: tokens.borderRadiusRound,\n      minHeight: 44,\n    },\n    buttonText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    chevronIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginLeft: 8,\n    },\n    modalContainer: {\n      backgroundColor: colors.surfaceColor100,\n      flex: 1,\n    },\n    modalHeaderRightContainer: {\n      paddingRight: Platform.select({ ios: 20, android: 0 }),\n    },\n    listContainer: {\n      paddingBottom: 16,\n    },\n    listHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n    },\n    optionItem: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultDim,\n    },\n    optionText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    checkIcon: {\n      color: colors.statusSuccessIcon,\n      marginLeft: 8,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/form_list.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type FlatListProps } from 'react-native';
 import { MemberResource } from '../../../types';
 interface FormListProps {
@@ -8,7 +7,7 @@ interface FormListProps {
     listEmptyText?: string;
     onEndReached?: () => void;
 }
-export declare const FormList: ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }: FormListProps) => React.JSX.Element;
-export declare const Divider: () => React.JSX.Element;
+export declare const FormList: ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }: FormListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Divider: () => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=form_list.d.ts.map

package/build/screens/conversation_new/components/form_list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,KAAK,aAAa,EAAoB,MAAM,cAAc,CAAA;AAG7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,GAAI,wEAMtB,aAAa,sBAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}
+{"version":3,"file":"form_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAoB,MAAM,cAAc,CAAA;AAG7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,GAAI,wEAMtB,aAAa,4CAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,+CAInB,CAAA"}

package/build/screens/conversation_new/components/form_list.js

@@ -1,20 +1,18 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FlatList, StyleSheet, View } from 'react-native';
 import { Person, Text } from '../../../components/display';
 import { useTheme } from '../../../hooks';
 export const FormList = ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }) => {
     const styles = useStyles();
-    return (<FlatList data={memberData} ListHeaderComponent={FormContent} renderItem={({ item }) => <Person person={item} style={styles.person}/>} ListFooterComponent={loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null} keyExtractor={item => item.id.toString()} ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'}/>} onEndReached={onEndReached}/>);
+    return (_jsx(FlatList, { data: memberData, ListHeaderComponent: FormContent, renderItem: ({ item }) => _jsx(Person, { person: item, style: styles.person }), ListFooterComponent: loadingMore ? _jsx(Text, { style: styles.loadingMore, children: "Loading more..." }) : null, keyExtractor: item => item.id.toString(), ListEmptyComponent: _jsx(ListEmptyText, { text: listEmptyText || 'No members found' }), onEndReached: onEndReached }));
 };
 const ListEmptyText = ({ text }) => {
     const styles = useStyles();
-    return (<View style={styles.emptyTextContainer}>
-      <Text style={styles.emptyText}>{text}</Text>
-    </View>);
+    return (_jsx(View, { style: styles.emptyTextContainer, children: _jsx(Text, { style: styles.emptyText, children: text }) }));
 };
 export const Divider = () => {
     const styles = useStyles();
-    return <View style={styles.divider}/>;
+    return _jsx(View, { style: styles.divider });
 };
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/conversation_new/components/form_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"form_list.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAWzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,mBAAmB,CAAC,CAAC,WAAW,CAAC,CACjC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAG,CAAC,CACzE,mBAAmB,CAAC,CAClB,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAC1E,CAAC,CACD,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,WAAW,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,EAAE;SACZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { FlatList, type FlatListProps, StyleSheet, View } from 'react-native'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\nimport { MemberResource } from '../../../types'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  loadingMore?: boolean\n  FormContent?: FlatListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n  onEndReached?: () => void\n}\n\nexport const FormList = ({\n  memberData,\n  loadingMore,\n  FormContent,\n  listEmptyText,\n  onEndReached,\n}: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlatList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      ListFooterComponent={\n        loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null\n      }\n      keyExtractor={item => item.id.toString()}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\n      onEndReached={onEndReached}\n    />\n  )\n}\n\nconst ListEmptyText = ({ text }: { text: string }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.emptyTextContainer}>\n      <Text style={styles.emptyText}>{text}</Text>\n    </View>\n  )\n}\n\nexport const Divider = () => {\n  const styles = useStyles()\n\n  return <View style={styles.divider} />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    person: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    loadingMore: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    emptyTextContainer: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 32,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    divider: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}
+{"version":3,"file":"form_list.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAWzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,UAAU,EAChB,mBAAmB,EAAE,WAAW,EAChC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,KAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,EACxE,mBAAmB,EACjB,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,gCAAwB,CAAC,CAAC,CAAC,IAAI,EAE9E,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EACxC,kBAAkB,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,aAAa,IAAI,kBAAkB,GAAI,EAChF,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,YACpC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAAG,IAAI,GAAQ,GACvC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,WAAW,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,EAAE;SACZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { FlatList, type FlatListProps, StyleSheet, View } from 'react-native'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\nimport { MemberResource } from '../../../types'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  loadingMore?: boolean\n  FormContent?: FlatListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n  onEndReached?: () => void\n}\n\nexport const FormList = ({\n  memberData,\n  loadingMore,\n  FormContent,\n  listEmptyText,\n  onEndReached,\n}: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlatList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      ListFooterComponent={\n        loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null\n      }\n      keyExtractor={item => item.id.toString()}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\n      onEndReached={onEndReached}\n    />\n  )\n}\n\nconst ListEmptyText = ({ text }: { text: string }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.emptyTextContainer}>\n      <Text style={styles.emptyText}>{text}</Text>\n    </View>\n  )\n}\n\nexport const Divider = () => {\n  const styles = useStyles()\n\n  return <View style={styles.divider} />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    person: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    loadingMore: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    emptyTextContainer: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 32,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    divider: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/gender_filter_toggle.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 interface GenderFilterToggleProps {
     genderValue: string | null;
     isFetching: boolean;
     enabled: boolean;
     onToggle: (enabled: boolean) => void;
 }
-export declare function GenderFilterToggle({ genderValue, isFetching, enabled, onToggle, }: GenderFilterToggleProps): React.JSX.Element;
+export declare function GenderFilterToggle({ genderValue, isFetching, enabled, onToggle, }: GenderFilterToggleProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=gender_filter_toggle.d.ts.map

package/build/screens/conversation_new/components/gender_filter_toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gender_filter_toggle.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/gender_filter_toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmDzB,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,qBAczB"}
+{"version":3,"file":"gender_filter_toggle.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/gender_filter_toggle.tsx"],"names":[],"mappings":"AAmDA,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,2CAczB"}

package/build/screens/conversation_new/components/gender_filter_toggle.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ActivityIndicator, StyleSheet, View } from 'react-native';
 import { Heading, Switch, Text } from '../../../components';
 import { useTheme } from '../../../hooks';
@@ -7,32 +7,16 @@ function FilterableGenderContent({ genderValue, enabled, onToggle }) {
     const { colors } = useTheme();
     const styles = useStyles();
     const displayLabel = genderDisplayLabel(genderValue);
-    return (<>
-      <View style={styles.toggleRow}>
-        <Text>{displayLabel}</Text>
-        <Switch value={enabled} onValueChange={onToggle} accessibilityLabel={`Filter by ${displayLabel}`}/>
-      </View>
-      <Text style={{ color: colors.textColorDefaultSecondary }}>
-        Filter limited to your profile's set gender.
-      </Text>
-    </>);
+    return (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.toggleRow, children: [_jsx(Text, { children: displayLabel }), _jsx(Switch, { value: enabled, onValueChange: onToggle, accessibilityLabel: `Filter by ${displayLabel}` })] }), _jsx(Text, { style: { color: colors.textColorDefaultSecondary }, children: "Filter limited to your profile's set gender." })] }));
 }
 function NoGenderContent({ isFetching }) {
     const { colors } = useTheme();
-    return (<>
-      <Text>Gender</Text>
-      {isFetching ? (<ActivityIndicator size="small"/>) : (<Text style={{ color: colors.textColorDefaultSecondary }}>
-          Set a gender in your Church Center profile to enable gender filtering.
-        </Text>)}
-    </>);
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Gender" }), isFetching ? (_jsx(ActivityIndicator, { size: "small" })) : (_jsx(Text, { style: { color: colors.textColorDefaultSecondary }, children: "Set a gender in your Church Center profile to enable gender filtering." }))] }));
 }
 export function GenderFilterToggle({ genderValue, isFetching, enabled, onToggle, }) {
     const styles = useStyles();
     const hasFilterableGender = genderValue !== null && genderValue !== 'Prefer not to say';
-    return (<View style={styles.container}>
-      <Heading variant="h3">Filter by</Heading>
-      {hasFilterableGender ? (<FilterableGenderContent genderValue={genderValue} enabled={enabled} onToggle={onToggle}/>) : (<NoGenderContent isFetching={isFetching}/>)}
-    </View>);
+    return (_jsxs(View, { style: styles.container, children: [_jsx(Heading, { variant: "h3", children: "Filter by" }), hasFilterableGender ? (_jsx(FilterableGenderContent, { genderValue: genderValue, enabled: enabled, onToggle: onToggle })) : (_jsx(NoGenderContent, { isFetching: isFetching }))] }));
 }
 const useStyles = () => {
     return StyleSheet.create({

package/build/screens/conversation_new/components/gender_filter_toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"gender_filter_toggle.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/gender_filter_toggle.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { ActivityIndicator, StyleSheet, View } from 'react-native'\nimport { Heading, Switch, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { genderDisplayLabel } from '../../../utils/gender_display_label'\n\ninterface FilterableGenderContentProps {\n  genderValue: string\n  enabled: boolean\n  onToggle: (enabled: boolean) => void\n}\n\nfunction FilterableGenderContent({ genderValue, enabled, onToggle }: FilterableGenderContentProps) {\n  const { colors } = useTheme()\n  const styles = useStyles()\n  const displayLabel = genderDisplayLabel(genderValue)\n\n  return (\n    <>\n      <View style={styles.toggleRow}>\n        <Text>{displayLabel}</Text>\n        <Switch\n          value={enabled}\n          onValueChange={onToggle}\n          accessibilityLabel={`Filter by ${displayLabel}`}\n        />\n      </View>\n      <Text style={{ color: colors.textColorDefaultSecondary }}>\n        Filter limited to your profile's set gender.\n      </Text>\n    </>\n  )\n}\n\nfunction NoGenderContent({ isFetching }: { isFetching: boolean }) {\n  const { colors } = useTheme()\n\n  return (\n    <>\n      <Text>Gender</Text>\n      {isFetching ? (\n        <ActivityIndicator size=\"small\" />\n      ) : (\n        <Text style={{ color: colors.textColorDefaultSecondary }}>\n          Set a gender in your Church Center profile to enable gender filtering.\n        </Text>\n      )}\n    </>\n  )\n}\n\ninterface GenderFilterToggleProps {\n  genderValue: string | null\n  isFetching: boolean\n  enabled: boolean\n  onToggle: (enabled: boolean) => void\n}\n\nexport function GenderFilterToggle({\n  genderValue,\n  isFetching,\n  enabled,\n  onToggle,\n}: GenderFilterToggleProps) {\n  const styles = useStyles()\n  const hasFilterableGender = genderValue !== null && genderValue !== 'Prefer not to say'\n\n  return (\n    <View style={styles.container}>\n      <Heading variant=\"h3\">Filter by</Heading>\n      {hasFilterableGender ? (\n        <FilterableGenderContent genderValue={genderValue} enabled={enabled} onToggle={onToggle} />\n      ) : (\n        <NoGenderContent isFetching={isFetching} />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      gap: 8,\n    },\n    toggleRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"gender_filter_toggle.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/gender_filter_toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAQxE,SAAS,uBAAuB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAgC;IAC/F,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,YAAY,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAEpD,OAAO,CACL,8BACE,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,IAAI,cAAE,YAAY,GAAQ,EAC3B,KAAC,MAAM,IACL,KAAK,EAAE,OAAO,EACd,aAAa,EAAE,QAAQ,EACvB,kBAAkB,EAAE,aAAa,YAAY,EAAE,GAC/C,IACG,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,yBAAyB,EAAE,6DAEjD,IACN,CACJ,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,UAAU,EAA2B;IAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,CACL,8BACE,KAAC,IAAI,yBAAc,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,yBAAyB,EAAE,uFAEjD,CACR,IACA,CACJ,CAAA;AACH,CAAC;AASD,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,GACgB;IACxB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,mBAAmB,GAAG,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,mBAAmB,CAAA;IAEvF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,OAAO,IAAC,OAAO,EAAC,IAAI,0BAAoB,EACxC,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,uBAAuB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5F,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAC5C,IACI,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,OAAO,EAAE,EAAE;YACX,GAAG,EAAE,CAAC;SACP;QACD,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { ActivityIndicator, StyleSheet, View } from 'react-native'\nimport { Heading, Switch, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { genderDisplayLabel } from '../../../utils/gender_display_label'\n\ninterface FilterableGenderContentProps {\n  genderValue: string\n  enabled: boolean\n  onToggle: (enabled: boolean) => void\n}\n\nfunction FilterableGenderContent({ genderValue, enabled, onToggle }: FilterableGenderContentProps) {\n  const { colors } = useTheme()\n  const styles = useStyles()\n  const displayLabel = genderDisplayLabel(genderValue)\n\n  return (\n    <>\n      <View style={styles.toggleRow}>\n        <Text>{displayLabel}</Text>\n        <Switch\n          value={enabled}\n          onValueChange={onToggle}\n          accessibilityLabel={`Filter by ${displayLabel}`}\n        />\n      </View>\n      <Text style={{ color: colors.textColorDefaultSecondary }}>\n        Filter limited to your profile's set gender.\n      </Text>\n    </>\n  )\n}\n\nfunction NoGenderContent({ isFetching }: { isFetching: boolean }) {\n  const { colors } = useTheme()\n\n  return (\n    <>\n      <Text>Gender</Text>\n      {isFetching ? (\n        <ActivityIndicator size=\"small\" />\n      ) : (\n        <Text style={{ color: colors.textColorDefaultSecondary }}>\n          Set a gender in your Church Center profile to enable gender filtering.\n        </Text>\n      )}\n    </>\n  )\n}\n\ninterface GenderFilterToggleProps {\n  genderValue: string | null\n  isFetching: boolean\n  enabled: boolean\n  onToggle: (enabled: boolean) => void\n}\n\nexport function GenderFilterToggle({\n  genderValue,\n  isFetching,\n  enabled,\n  onToggle,\n}: GenderFilterToggleProps) {\n  const styles = useStyles()\n  const hasFilterableGender = genderValue !== null && genderValue !== 'Prefer not to say'\n\n  return (\n    <View style={styles.container}>\n      <Heading variant=\"h3\">Filter by</Heading>\n      {hasFilterableGender ? (\n        <FilterableGenderContent genderValue={genderValue} enabled={enabled} onToggle={onToggle} />\n      ) : (\n        <NoGenderContent isFetching={isFetching} />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      gap: 8,\n    },\n    toggleRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/groups_form.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update';
 import { GraphId } from '../../../types/resources/group_resource';
 type GroupsFormProps = {
@@ -6,6 +5,6 @@ type GroupsFormProps = {
     chat_group_graph_id?: GraphId;
     avatarSelection?: AvatarUpdatePayload;
 };
-export declare const GroupsForm: ({ groupId, chat_group_graph_id, avatarSelection }: GroupsFormProps) => React.JSX.Element;
+export declare const GroupsForm: ({ groupId, chat_group_graph_id, avatarSelection }: GroupsFormProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=groups_form.d.ts.map

package/build/screens/conversation_new/components/groups_form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAYrE,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,+CAA+C,CAAA;AAMtD,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAQjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mDAAmD,eAAe,sBAoH5F,CAAA"}
+{"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,+CAA+C,CAAA;AAMtD,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAQjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mDAAmD,eAAe,4CAoH5F,CAAA"}

package/build/screens/conversation_new/components/groups_form.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { StackActions, useNavigation } from '@react-navigation/native';
-import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useMemo, useRef, useState } from 'react';
 import { Platform, Pressable, StyleSheet, TextInput, View } from 'react-native';
 import { Banner, ChildNotice, Heading, Text } from '../../../components';
 import { ActionButton } from '../../../components/display/action_button';
@@ -83,10 +84,7 @@ export const GroupsForm = ({ groupId, chat_group_graph_id, avatarSelection }) =>
         genderId: activeGenderId,
         onSuccess: handleCreateSuccess,
     });
-    return (<KeyboardView>
-      <FormList memberData={groupMemberships.adultMembers} loadingMore={groupMemberships.isFetchingNextPage} onEndReached={groupMemberships.fetchNextPage} FormContent={<FormContent group={group} title={title} setTitle={setTitle} genderFilterAvailable={genderFilterAvailable} genderFilterEnabled={genderFilterEnabled} genderValue={genderValue} genderFetching={genderFetching} onGenderToggle={handleGenderToggle} groupMemberships={groupMemberships} filteredMemberCount={groupMemberships.adultMembers.length} avatarSelection={avatarSelection} customAvatarsEnabled={customAvatarsEnabled}/>}/>
-      <ActionButton disabled={!title || isPending || validationPending || warnings.length > 0} title="Start Conversation" onPress={() => handleSave()} infoText="Conversation will be automatically updated if any members are added or removed from this group." warnings={warnings}/>
-    </KeyboardView>);
+    return (_jsxs(KeyboardView, { children: [_jsx(FormList, { memberData: groupMemberships.adultMembers, loadingMore: groupMemberships.isFetchingNextPage, onEndReached: groupMemberships.fetchNextPage, FormContent: _jsx(FormContent, { group: group, title: title, setTitle: setTitle, genderFilterAvailable: genderFilterAvailable, genderFilterEnabled: genderFilterEnabled, genderValue: genderValue, genderFetching: genderFetching, onGenderToggle: handleGenderToggle, groupMemberships: groupMemberships, filteredMemberCount: groupMemberships.adultMembers.length, avatarSelection: avatarSelection, customAvatarsEnabled: customAvatarsEnabled }) }), _jsx(ActionButton, { disabled: !title || isPending || validationPending || warnings.length > 0, title: "Start Conversation", onPress: () => handleSave(), infoText: "Conversation will be automatically updated if any members are added or removed from this group.", warnings: warnings })] }));
 };
 function FormContent({ group, title, setTitle, genderFilterAvailable, genderFilterEnabled, genderValue, genderFetching, onGenderToggle, groupMemberships, filteredMemberCount, avatarSelection, customAvatarsEnabled, }) {
     const styles = useStyles();
@@ -103,31 +101,7 @@ function FormContent({ group, title, setTitle, genderFilterAvailable, genderFilt
     const handleTitleSectionPress = useCallback(() => {
         inputRef.current?.focus();
     }, []);
-    return (<View style={styles.formContent}>
-      <View style={styles.toSection}>
-        <Heading variant="h3">To:</Heading>
-        <Text style={styles.groupName}>{name}</Text>
-      </View>
-      <Divider />
-      <Pressable style={styles.titleSection} onPress={handleTitleSectionPress}>
-        <Heading variant="h3">Title</Heading>
-        <TextInput placeholder="Topic of conversation (required)" value={title} onChangeText={setTitle} style={styles.titleInput} autoFocus={true} ref={inputRef}/>
-      </Pressable>
-      <Divider />
-      {customAvatarsEnabled && (<>
-          <AvatarSelectionRow avatarSelection={avatarSelection}/>
-          <Divider />
-        </>)}
-      {genderFilterAvailable && (<>
-          <GenderFilterToggle genderValue={genderValue} isFetching={genderFetching} enabled={genderFilterEnabled} onToggle={onGenderToggle}/>
-          <Divider />
-        </>)}
-      <View style={styles.memberSection}>
-        <Heading variant="h3">{memberHeaderLabel}</Heading>
-        {hasChildren && (<ChildNotice childMembers={childMembers} showMembers={isLeader} style={styles.banner}/>)}
-        {showMemberError && (<Banner appearance="error" description="There was an issue loading group members, please refresh and try again." style={styles.banner}/>)}
-      </View>
-    </View>);
+    return (_jsxs(View, { style: styles.formContent, children: [_jsxs(View, { style: styles.toSection, children: [_jsx(Heading, { variant: "h3", children: "To:" }), _jsx(Text, { style: styles.groupName, children: name })] }), _jsx(Divider, {}), _jsxs(Pressable, { style: styles.titleSection, onPress: handleTitleSectionPress, children: [_jsx(Heading, { variant: "h3", children: "Title" }), _jsx(TextInput, { placeholder: "Topic of conversation (required)", value: title, onChangeText: setTitle, style: styles.titleInput, autoFocus: true, ref: inputRef })] }), _jsx(Divider, {}), customAvatarsEnabled && (_jsxs(_Fragment, { children: [_jsx(AvatarSelectionRow, { avatarSelection: avatarSelection }), _jsx(Divider, {})] })), genderFilterAvailable && (_jsxs(_Fragment, { children: [_jsx(GenderFilterToggle, { genderValue: genderValue, isFetching: genderFetching, enabled: genderFilterEnabled, onToggle: onGenderToggle }), _jsx(Divider, {})] })), _jsxs(View, { style: styles.memberSection, children: [_jsx(Heading, { variant: "h3", children: memberHeaderLabel }), hasChildren && (_jsx(ChildNotice, { childMembers: childMembers, showMembers: isLeader, style: styles.banner })), showMemberError && (_jsx(Banner, { appearance: "error", description: "There was an issue loading group members, please refresh and try again.", style: styles.banner }))] })] }));
 }
 const useStyles = () => {
     const { colors } = useTheme();