@planningcenter/chat-react-native 3.42.2-qa-821.1 → 3.42.2-qa-staging.3

package/build/screens/conversation_details_screen.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HeaderTitle as ElementsHeaderTitle, PlatformPressable, } from '@react-navigation/elements';
 import { StackActions, useNavigation } from '@react-navigation/native';
-import { useCallback, useEffect, useRef, useState, } from 'react';
+import React, { useCallback, useEffect, useRef, useState, } from 'react';
 import { Alert, FlatList, Platform, Pressable, StyleSheet, TextInput, View, } from 'react-native';
 import { AdultRequirementNotice, Badge, Button, ChildNotice, Heading, Icon, Person, Switch, Text, TextButton, } from '../components';
 import { ConversationAvatar } from '../components/display/conversation_avatar';
@@ -112,13 +111,16 @@ export function ConversationDetailsScreen({ route }) {
         ]);
     }, [deleteConversation, navigation, title]);
     const HeaderTitle = useCallback((props) => {
-        return (_jsxs(View, { style: styles.headerTitleContainer, children: [_jsx(ElementsHeaderTitle, { maxFontSizeMultiplier: 1, ...props }), _jsx(Badge, { variant: "metaSubtle", label: resourceType, metaLabel: name, style: styles.headerTitleBadge, productLogoName: productName, maxFontSizeMultiplier: 1 })] }));
+        return (<View style={styles.headerTitleContainer}>
+          <ElementsHeaderTitle maxFontSizeMultiplier={1} {...props}/>
+          <Badge variant="metaSubtle" label={resourceType} metaLabel={name} style={styles.headerTitleBadge} productLogoName={productName} maxFontSizeMultiplier={1}/>
+        </View>);
     }, [name, productName, resourceType, styles.headerTitleBadge, styles.headerTitleContainer]);
     const HeaderRight = useCallback(() => {
-        return (_jsx(HeaderTextButton, { onPress: () => {
+        return (<HeaderTextButton onPress={() => {
                 saveTitle({ title: trimmedTitle || conversation.title });
                 navigation.goBack();
-            }, title: "Done" }));
+            }} title="Done"/>);
     }, [conversation.title, navigation, saveTitle, trimmedTitle]);
     useEffect(() => {
         navigation.setOptions({
@@ -130,7 +132,7 @@ export function ConversationDetailsScreen({ route }) {
         {
             type: canUpdate && customAvatarsEnabled ? SectionTypes.view : SectionTypes.hidden,
             data: {
-                children: (_jsx(AvatarCard, { conversation: conversation, onPress: () => navigation.navigate('AvatarPicker', { conversation_id }) })),
+                children: (<AvatarCard conversation={conversation} onPress={() => navigation.navigate('AvatarPicker', { conversation_id })}/>),
             },
             sectionOuterStyle: styles.sectionOuterAvatarCard,
             sectionInnerStyle: styles.sectionInnerAvatarCard,
@@ -144,7 +146,7 @@ export function ConversationDetailsScreen({ route }) {
         {
             type: SectionTypes.view,
             data: {
-                children: (_jsx(TitleInput, { canUpdate: canUpdate, title: title, setTitle: setTitle, isEmpty: emptyTitle })),
+                children: (<TitleInput canUpdate={canUpdate} title={title} setTitle={setTitle} isEmpty={emptyTitle}/>),
             },
             sectionInnerStyle: styles.sectionInnerTitleInput,
         },
@@ -168,7 +170,7 @@ export function ConversationDetailsScreen({ route }) {
                 type: SectionTypes.setting,
                 data: {
                     title: 'Mute',
-                    rightItem: _jsx(Switch, { value: muted, onValueChange: value => setMuted(value) }),
+                    rightItem: <Switch value={muted} onValueChange={value => setMuted(value)}/>,
                 },
                 showBottomBorder: true,
             },
@@ -176,7 +178,7 @@ export function ConversationDetailsScreen({ route }) {
             type: canUpdate ? SectionTypes.setting : SectionTypes.hidden,
             data: {
                 title: 'Only leaders can message',
-                rightItem: (_jsx(Switch, { value: repliesDisabled, onChange: () => setRepliesDisabled(!repliesDisabled) })),
+                rightItem: (<Switch value={repliesDisabled} onChange={() => setRepliesDisabled(!repliesDisabled)}/>),
             },
             showBottomBorder: true,
         },
@@ -197,35 +199,38 @@ export function ConversationDetailsScreen({ route }) {
         {
             type: hasTeams ? SectionTypes.view : SectionTypes.hidden,
             data: {
-                children: _jsx(TeamsGroup, { teams: teamsGroup }),
+                children: <TeamsGroup teams={teamsGroup}/>,
             },
         },
         {
             type: SectionTypes.header,
             data: {
                 title: 'People',
-                badge: showGenderFilter ? _jsx(Badge, { label: `${genderLabel}-only` }) : undefined,
+                badge: showGenderFilter ? <Badge label={`${genderLabel}-only`}/> : undefined,
             },
             sectionInnerStyle: styles.sectionInnerHeader,
         },
         {
             type: showGenderFilter ? SectionTypes.view : SectionTypes.hidden,
             data: {
-                children: (_jsxs(Text, { variant: "tertiary", children: ["This conversation will be automatically updated if any ", genderLabel.toLowerCase(), " are added or removed from this group."] })),
+                children: (<Text variant="tertiary">
+            This conversation will be automatically updated if any {genderLabel.toLowerCase()} are
+            added or removed from this group.
+          </Text>),
             },
             sectionInnerStyle: styles.sectionInnerGenderNotice,
         },
         {
             type: showAdultRequirementNotice ? SectionTypes.view : SectionTypes.hidden,
             data: {
-                children: _jsx(AdultRequirementNotice, {}),
+                children: <AdultRequirementNotice />,
             },
             sectionInnerStyle: styles.sectionInnerNotice,
         },
         {
             type: hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden,
             data: {
-                children: _jsx(ChildNotice, { childMembers: childMembers }),
+                children: <ChildNotice childMembers={childMembers}/>,
             },
             sectionInnerStyle: styles.sectionInnerNotice,
         },
@@ -235,33 +240,52 @@ export function ConversationDetailsScreen({ route }) {
     const headerIndices = listData
         .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))
         .filter(isDefined);
-    return (_jsx(View, { style: styles.listContainer, children: _jsx(FlatList, { data: listData, contentContainerStyle: styles.contentContainer, renderItem: ({ item, index }) => {
-                const [isStart, isEnd] = [
-                    index === 0 || headerIndices.includes(index),
-                    index === listData.length - 1 || headerIndices.includes(index + 1),
-                ];
-                switch (item.type) {
-                    case SectionTypes.header:
-                        return (_jsx(ListSection, { isStart: isStart, isEnd: isEnd, showBottomBorder: item?.showBottomBorder, outerStyle: item?.sectionOuterStyle, innerStyle: item?.sectionInnerStyle, children: item.data.badge ? (_jsxs(View, { style: styles.sectionHeaderRow, children: [_jsx(Heading, { variant: "h3", children: item.data.title }), item.data.badge] })) : (_jsx(Heading, { variant: "h3", children: item.data.title })) }));
-                    case SectionTypes.members:
-                        return (_jsx(ListSection, { isStart: isStart, isEnd: isEnd, showBottomBorder: item?.showBottomBorder, outerStyle: item?.sectionOuterStyle, innerStyle: item?.sectionInnerStyle, children: _jsx(Person, { person: { ...item.data } }) }));
-                    case SectionTypes.loadingMembers:
-                        return (_jsx(ListSection, { isStart: isStart, isEnd: isEnd, showBottomBorder: item?.showBottomBorder, outerStyle: item?.sectionOuterStyle, innerStyle: item?.sectionInnerStyle, children: _jsx(Text, { children: "Loading more..." }) }));
-                    case SectionTypes.navigableSetting:
-                        return (_jsx(ListSection, { isStart: isStart, isEnd: isEnd, showBottomBorder: item?.showBottomBorder, outerStyle: item?.sectionOuterStyle, innerStyle: item?.sectionInnerStyle, children: _jsx(NavigableSettingRow, { ...item.data }) }));
-                    case SectionTypes.setting:
-                        return (_jsx(ListSection, { isStart: isStart, isEnd: isEnd, showBottomBorder: item?.showBottomBorder, outerStyle: item?.sectionOuterStyle, innerStyle: item?.sectionInnerStyle, children: _jsx(SettingRow, { ...item.data }) }));
-                    case SectionTypes.view:
-                        return (_jsx(ListSection, { isStart: isStart, isEnd: isEnd, showBottomBorder: item?.showBottomBorder, outerStyle: item?.sectionOuterStyle, innerStyle: item?.sectionInnerStyle, children: _jsx(View, { ...item.data, style: item.data.style }) }));
-                    default:
-                        return null;
-                }
-            }, onEndReached: () => fetchNextPageOfMembers() }) }));
+    return (<View style={styles.listContainer}>
+      <FlatList data={listData} contentContainerStyle={styles.contentContainer} renderItem={({ item, index }) => {
+            const [isStart, isEnd] = [
+                index === 0 || headerIndices.includes(index),
+                index === listData.length - 1 || headerIndices.includes(index + 1),
+            ];
+            switch (item.type) {
+                case SectionTypes.header:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
+                  {item.data.badge ? (<View style={styles.sectionHeaderRow}>
+                      <Heading variant="h3">{item.data.title}</Heading>
+                      {item.data.badge}
+                    </View>) : (<Heading variant="h3">{item.data.title}</Heading>)}
+                </ListSection>);
+                case SectionTypes.members:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
+                  <Person person={{ ...item.data }}/>
+                </ListSection>);
+                case SectionTypes.loadingMembers:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
+                  <Text>Loading more...</Text>
+                </ListSection>);
+                case SectionTypes.navigableSetting:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
+                  <NavigableSettingRow {...item.data}/>
+                </ListSection>);
+                case SectionTypes.setting:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
+                  <SettingRow {...item.data}/>
+                </ListSection>);
+                case SectionTypes.view:
+                    return (<ListSection isStart={isStart} isEnd={isEnd} showBottomBorder={item?.showBottomBorder} outerStyle={item?.sectionOuterStyle} innerStyle={item?.sectionInnerStyle}>
+                  <View {...item.data} style={item.data.style}/>
+                </ListSection>);
+                default:
+                    return null;
+            }
+        }} onEndReached={() => fetchNextPageOfMembers()}/>
+    </View>);
 }
 function ListSection({ isStart, isEnd, showBottomBorder, outerStyle, innerStyle, children, }) {
     const styles = useStyles({ isStart, isEnd });
     const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {};
-    return (_jsx(View, { style: [styles.sectionOuterBase, outerStyle], children: _jsx(View, { style: [styles.sectionInnerBase, bottomBorder, innerStyle], children: children }) }));
+    return (<View style={[styles.sectionOuterBase, outerStyle]}>
+      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>
+    </View>);
 }
 function TitleInput({ canUpdate, title, setTitle, style, isEmpty }) {
     const styles = useStyles();
@@ -271,29 +295,68 @@ function TitleInput({ canUpdate, title, setTitle, style, isEmpty }) {
             textRef.current.focus();
         }
     };
-    return (_jsxs(Pressable, { style: [styles.titleContainer, style], onPress: () => handleFocus(), children: [_jsxs(View, { style: styles.titleLabelContainer, children: [_jsx(Text, { variant: "tertiary", style: styles.titleLabel, children: "Title" }), !canUpdate && _jsx(Icon, { name: "general.lock", style: styles.titleDisabledIcon })] }), _jsx(TextInput, { ref: textRef, editable: canUpdate, onChangeText: setTitle, style: [styles.titleInput, !canUpdate && styles.titleInputDisabled], value: title, multiline: true, maxLength: 255, enterKeyHint: "done", submitBehavior: "blurAndSubmit" }), isEmpty && (_jsx(View, { style: styles.inputValidationContainer, children: _jsx(Text, { variant: "footnote", style: styles.inputValidationText, children: "A title is required for your conversation." }) }))] }));
+    return (<Pressable style={[styles.titleContainer, style]} onPress={() => handleFocus()}>
+      <View style={styles.titleLabelContainer}>
+        <Text variant="tertiary" style={styles.titleLabel}>
+          Title
+        </Text>
+        {!canUpdate && <Icon name="general.lock" style={styles.titleDisabledIcon}/>}
+      </View>
+      <TextInput ref={textRef} editable={canUpdate} onChangeText={setTitle} style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]} value={title} multiline maxLength={255} // Matches Chat Web
+     enterKeyHint="done" submitBehavior="blurAndSubmit"/>
+      {isEmpty && (<View style={styles.inputValidationContainer}>
+          <Text variant="footnote" style={styles.inputValidationText}>
+            A title is required for your conversation.
+          </Text>
+        </View>)}
+    </Pressable>);
 }
 function SettingRow({ title, style, titleStyle = {}, buttonTextStyle = {}, subtitle, rightItem, rightItemStyle = {}, appearance, onPress, }) {
     const styles = useStyles();
     if (onPress) {
-        return (_jsx(TextButton, { style: [styles.settingRow, style], textStyle: buttonTextStyle, appearance: appearance, onPress: onPress, children: title }));
+        return (<TextButton style={[styles.settingRow, style]} textStyle={buttonTextStyle} appearance={appearance} onPress={onPress}>
+        {title}
+      </TextButton>);
     }
-    return (_jsxs(View, { style: [styles.settingRow, style], children: [_jsxs(View, { style: styles.settingRowContent, children: [_jsx(Text, { variant: "plain", style: [styles.settingRowText, titleStyle], children: title }), Boolean(subtitle) && _jsx(Text, { variant: "footnote", children: subtitle })] }), Boolean(rightItem) && _jsx(View, { style: rightItemStyle, children: rightItem })] }));
+    return (<View style={[styles.settingRow, style]}>
+      <View style={styles.settingRowContent}>
+        <Text variant="plain" style={[styles.settingRowText, titleStyle]}>
+          {title}
+        </Text>
+        {Boolean(subtitle) && <Text variant="footnote">{subtitle}</Text>}
+      </View>
+      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}
+    </View>);
 }
 function NavigableSettingRow({ title, subtitle, onPress }) {
     const styles = useStyles();
-    return (_jsx(PlatformPressable, { onPress: onPress, accessibilityRole: "button", children: _jsxs(View, { style: styles.settingRow, children: [_jsxs(View, { style: styles.settingRowContent, children: [_jsx(Text, { variant: "plain", style: styles.settingRowText, children: title }), Boolean(subtitle) && _jsx(Text, { variant: "footnote", children: subtitle })] }), Platform.OS === 'ios' && (_jsx(Icon, { name: "general.rightChevron", size: 16, style: styles.navigableSettingChevron, accessibilityElementsHidden: true }))] }) }));
+    return (<PlatformPressable onPress={onPress} accessibilityRole="button">
+      <View style={styles.settingRow}>
+        <View style={styles.settingRowContent}>
+          <Text variant="plain" style={styles.settingRowText}>
+            {title}
+          </Text>
+          {Boolean(subtitle) && <Text variant="footnote">{subtitle}</Text>}
+        </View>
+        {Platform.OS === 'ios' && (<Icon name="general.rightChevron" size={16} style={styles.navigableSettingChevron} accessibilityElementsHidden/>)}
+      </View>
+    </PlatformPressable>);
 }
 function AvatarCard({ conversation, onPress, }) {
     const styles = useStyles();
     const diameter = usePreviewAvatarDiameter();
-    return (_jsxs(View, { style: styles.avatarCard, children: [_jsx(ConversationAvatar, { conversation: conversation, size: "2xl", maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK, style: { width: diameter, height: diameter } }), _jsx(Button, { title: "Update avatar", iconNameLeft: "general.pencil", onPress: onPress, variant: "outline", appearance: "interaction", size: "sm", maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })] }));
+    return (<View style={styles.avatarCard}>
+      <ConversationAvatar conversation={conversation} size="2xl" maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK} style={{ width: diameter, height: diameter }}/>
+      <Button title="Update avatar" iconNameLeft="general.pencil" onPress={onPress} variant="outline" appearance="interaction" size="sm" maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}/>
+    </View>);
 }
 function TeamsGroup({ teams }) {
     const styles = useStyles();
     if (teams.length === 0)
         return null;
-    return (_jsx(View, { style: styles.teamGroup, children: teams.map((team, index) => (_jsx(Badge, { label: team.name }, index))) }));
+    return (<View style={styles.teamGroup}>
+      {teams.map((team, index) => (<Badge key={index} label={team.name}/>))}
+    </View>);
 }
 // =================================
 // ====== Styles ===================

package/build/screens/conversation_details_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_details_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  HeaderTitle as ElementsHeaderTitle,\n  HeaderTitleProps,\n  PlatformPressable,\n} from '@react-navigation/elements'\nimport { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type Dispatch,\n  type ReactNode,\n  type SetStateAction,\n} from 'react'\nimport {\n  Alert,\n  FlatList,\n  Platform,\n  Pressable,\n  StyleSheet,\n  TextInput,\n  View,\n  type ViewProps,\n  type ViewStyle,\n} from 'react-native'\nimport {\n  AdultRequirementNotice,\n  Badge,\n  Button,\n  ChildNotice,\n  Heading,\n  Icon,\n  Person,\n  Switch,\n  Text,\n  TextButton,\n  type TextStyle,\n} from '../components'\nimport { ConversationAvatar } from '../components/display/conversation_avatar'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { ButtonAppearanceUnion } from '../components/display/utils/button_colors'\nimport { useSuspensePaginator, useTheme } from '../hooks'\nimport {\n  useConversation,\n  useConversationDelete,\n  useConversationDisableReplies,\n  useConversationMute,\n  useConversationUpdate,\n} from '../hooks/use_conversation'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { usePreviewAvatarDiameter } from '../hooks/use_preview_avatar_diameter'\nimport { type ConversationResource, MemberResource, isDefined } from '../types'\nimport { GroupResource } from '../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../utils'\nimport { genderDisplayLabel } from '../utils/gender_display_label'\nimport { tokens } from '../vendor/tapestry/tokens'\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  members,\n  loadingMembers,\n  navigableSetting,\n  setting,\n  view,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string; badge?: ReactNode }, SectionTypes.header>\n  | DataItem<MemberResource, SectionTypes.members>\n  | DataItem<any, SectionTypes.loadingMembers>\n  | DataItem<NavigableSettingRowProps, SectionTypes.navigableSetting>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type ConversationDetailsScreenProps = StaticScreenProps<{\n  conversation_id: number\n}>\n\nexport function ConversationDetailsScreen({ route }: ConversationDetailsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n\n  const { data: conversation } = useConversation(route.params)\n  const [title, setTitle] = useState(conversation.title)\n  const { conversation_id } = route.params\n  const { repliesDisabled, setRepliesDisabled } = useConversationDisableReplies(route.params)\n  const { mutate: saveTitle } = useConversationUpdate(route.params)\n  const { mutate: deleteConversation } = useConversationDelete(route.params)\n  const { featureEnabled } = useFeatures()\n  const granularNotificationsEnabled = featureEnabled(availableFeatures.granular_notifications_ui)\n  const customAvatarsEnabled = featureEnabled(availableFeatures.custom_conversation_avatars)\n  const showGenderFilter =\n    featureEnabled(availableFeatures.gender_specific_conversations) && !!conversation.genderOption\n  const genderLabel = conversation.genderOption ? genderDisplayLabel(conversation.genderOption) : ''\n  const { muted, setMuted } = useConversationMute({ conversation_id })\n\n  const trimmedTitle = title.trim()\n  const emptyTitle = trimmedTitle === '' || title === null\n\n  const notificationLevelDescription =\n    conversation?.conversationMembership?.notificationLevelDescription\n  const canUpdate = conversation.memberAbility?.canUpdate || false\n  const canDelete = conversation.memberAbility?.canDelete || false\n  const isLeader = conversation.memberAbility?.leader || false\n  const isDisabled = conversation.disabled ?? false\n  const showAdultRequirementNotice = isDisabled && conversation.disabledReason === 'safety_check'\n\n  const {\n    data: members,\n    fetchNextPage: fetchNextPageOfMembers,\n    isFetchingNextPage: isLoadingMembers,\n  } = useSuspensePaginator<MemberResource>({\n    url: `/me/conversations/${route.params.conversation_id}/members`,\n    data: {\n      include: ['person'],\n      fields: {\n        Member: ['avatar', 'name', 'first_name', 'last_name', 'child', 'badges'],\n      },\n    },\n  })\n\n  const memberSectionStyleMap = {\n    first: styles.sectionInnerFirstMember,\n    middle: styles.sectionInnerMiddleMiddle,\n    last: styles.sectionInnerLastMember,\n  }\n\n  const memberItems = members.map((data, index) => {\n    const isFirst = index === 0\n    const isLast = index === members.length - 1\n    const memberPosition = isFirst ? 'first' : isLast ? 'last' : 'middle'\n    const memberSectionStyle = memberSectionStyleMap[memberPosition]\n\n    return {\n      type: SectionTypes.members,\n      data,\n      sectionInnerStyle: memberSectionStyle,\n    }\n  })\n\n  const loadingMemberItems = isLoadingMembers\n    ? [\n        {\n          type: SectionTypes.loadingMembers,\n          data: {},\n          sectionInnerStyle: styles.sectionInnerFirstMember,\n        },\n      ]\n    : []\n\n  const childMembers = members.filter(member => member.child)\n  const hasChildren = childMembers.length > 0\n\n  const teamsGroup =\n    conversation.groups\n      ?.filter(g => g.sourceAppName === 'Services')\n      ?.filter(g => ['Team', 'PlanTeam'].includes(g.sourceType))\n      ?.filter(g => g.name !== null) || []\n  const hasTeams = teamsGroup.length > 0\n\n  const badge = conversation.badges?.[0]\n  const resourceType = badge?.pcoResourceType || ''\n  const productName = badge?.appName\n  const name = badge?.text || undefined\n\n  const handleDelete = useCallback(() => {\n    Alert.alert(\n      'Delete conversation',\n      `All messages in ${title} will be deleted for everyone. This action cannot be undone.`,\n      [\n        {\n          text: 'Cancel',\n          style: 'cancel',\n        },\n        {\n          text: 'Delete',\n          style: 'destructive',\n          onPress: () => {\n            deleteConversation()\n            navigation.dispatch(StackActions.popToTop())\n          },\n        },\n      ]\n    )\n  }, [deleteConversation, navigation, title])\n\n  const HeaderTitle = useCallback(\n    (props: HeaderTitleProps) => {\n      return (\n        <View style={styles.headerTitleContainer}>\n          <ElementsHeaderTitle maxFontSizeMultiplier={1} {...props} />\n          <Badge\n            variant=\"metaSubtle\"\n            label={resourceType}\n            metaLabel={name}\n            style={styles.headerTitleBadge}\n            productLogoName={productName}\n            maxFontSizeMultiplier={1}\n          />\n        </View>\n      )\n    },\n    [name, productName, resourceType, styles.headerTitleBadge, styles.headerTitleContainer]\n  )\n\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          saveTitle({ title: trimmedTitle || conversation.title })\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [conversation.title, navigation, saveTitle, trimmedTitle])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n      headerTitle: HeaderTitle,\n    })\n  }, [HeaderRight, HeaderTitle, navigation])\n\n  const listData = [\n    {\n      type: canUpdate && customAvatarsEnabled ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: (\n          <AvatarCard\n            conversation={conversation}\n            onPress={() => navigation.navigate('AvatarPicker', { conversation_id })}\n          />\n        ),\n      },\n      sectionOuterStyle: styles.sectionOuterAvatarCard,\n      sectionInnerStyle: styles.sectionInnerAvatarCard,\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Basic info' },\n      showBottomBorder: true,\n      sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <TitleInput\n            canUpdate={canUpdate}\n            title={title}\n            setTitle={setTitle}\n            isEmpty={emptyTitle}\n          />\n        ),\n      },\n      sectionInnerStyle: styles.sectionInnerTitleInput,\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Settings' },\n      showBottomBorder: true,\n      sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder,\n    },\n    granularNotificationsEnabled\n      ? {\n          type: SectionTypes.navigableSetting,\n          data: {\n            title: 'Notifications',\n            subtitle: notificationLevelDescription,\n            onPress: () =>\n              navigation.navigate('ConversationNotificationLevelSelect', { conversation_id }),\n          },\n          showBottomBorder: true,\n        }\n      : {\n          type: SectionTypes.setting,\n          data: {\n            title: 'Mute',\n            rightItem: <Switch value={muted} onValueChange={value => setMuted(value)} />,\n          },\n          showBottomBorder: true,\n        },\n    {\n      type: canUpdate ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Only leaders can message',\n        rightItem: (\n          <Switch value={repliesDisabled} onChange={() => setRepliesDisabled(!repliesDisabled)} />\n        ),\n      },\n      showBottomBorder: true,\n    },\n    {\n      type: canDelete ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Delete conversation…',\n        buttonTextStyle: styles.deleteButtonText,\n        appearance: 'danger',\n        onPress: handleDelete,\n      },\n    },\n    {\n      type: hasTeams ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: hasTeams ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <TeamsGroup teams={teamsGroup} />,\n      },\n    },\n    {\n      type: SectionTypes.header,\n      data: {\n        title: 'People',\n        badge: showGenderFilter ? <Badge label={`${genderLabel}-only`} /> : undefined,\n      },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: showGenderFilter ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: (\n          <Text variant=\"tertiary\">\n            This conversation will be automatically updated if any {genderLabel.toLowerCase()} are\n            added or removed from this group.\n          </Text>\n        ),\n      },\n      sectionInnerStyle: styles.sectionInnerGenderNotice,\n    },\n    {\n      type: showAdultRequirementNotice ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <AdultRequirementNotice />,\n      },\n      sectionInnerStyle: styles.sectionInnerNotice,\n    },\n    {\n      type: hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <ChildNotice childMembers={childMembers} />,\n      },\n      sectionInnerStyle: styles.sectionInnerNotice,\n    },\n    ...memberItems,\n    ...loadingMemberItems,\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  {item.data.badge ? (\n                    <View style={styles.sectionHeaderRow}>\n                      <Heading variant=\"h3\">{item.data.title}</Heading>\n                      {item.data.badge}\n                    </View>\n                  ) : (\n                    <Heading variant=\"h3\">{item.data.title}</Heading>\n                  )}\n                </ListSection>\n              )\n            case SectionTypes.members:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Person person={{ ...item.data }} />\n                </ListSection>\n              )\n            case SectionTypes.loadingMembers:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Text>Loading more...</Text>\n                </ListSection>\n              )\n            case SectionTypes.navigableSetting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <NavigableSettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            default:\n              return null\n          }\n        }}\n        onEndReached={() => fetchNextPageOfMembers()}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface InputProps {\n  canUpdate: boolean\n  title: string\n  setTitle: Dispatch<SetStateAction<string>>\n  style?: ViewStyle\n  isEmpty: boolean\n}\n\nfunction TitleInput({ canUpdate, title, setTitle, style, isEmpty }: InputProps) {\n  const styles = useStyles()\n  const textRef = useRef<TextInput>(null)\n\n  const handleFocus = () => {\n    if (textRef.current) {\n      textRef.current.focus()\n    }\n  }\n\n  return (\n    <Pressable style={[styles.titleContainer, style]} onPress={() => handleFocus()}>\n      <View style={styles.titleLabelContainer}>\n        <Text variant=\"tertiary\" style={styles.titleLabel}>\n          Title\n        </Text>\n        {!canUpdate && <Icon name=\"general.lock\" style={styles.titleDisabledIcon} />}\n      </View>\n      <TextInput\n        ref={textRef}\n        editable={canUpdate}\n        onChangeText={setTitle}\n        style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]}\n        value={title}\n        multiline\n        maxLength={255} // Matches Chat Web\n        enterKeyHint=\"done\"\n        submitBehavior=\"blurAndSubmit\"\n      />\n      {isEmpty && (\n        <View style={styles.inputValidationContainer}>\n          <Text variant=\"footnote\" style={styles.inputValidationText}>\n            A title is required for your conversation.\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\ninterface NavigableSettingRowProps {\n  title: string\n  subtitle?: string\n  onPress: () => void\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  titleStyle?: TextStyle\n  buttonTextStyle?: TextStyle\n  subtitle?: string\n  rightItemStyle?: ViewStyle\n  appearance?: ButtonAppearanceUnion\n  onPress?: () => void\n}\n\nfunction SettingRow({\n  title,\n  style,\n  titleStyle = {},\n  buttonTextStyle = {},\n  subtitle,\n  rightItem,\n  rightItemStyle = {},\n  appearance,\n  onPress,\n}: SettingRowProps) {\n  const styles = useStyles()\n\n  if (onPress) {\n    return (\n      <TextButton\n        style={[styles.settingRow, style]}\n        textStyle={buttonTextStyle}\n        appearance={appearance}\n        onPress={onPress}\n      >\n        {title}\n      </TextButton>\n    )\n  }\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={[styles.settingRowText, titleStyle]}>\n          {title}\n        </Text>\n        {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\nfunction NavigableSettingRow({ title, subtitle, onPress }: NavigableSettingRowProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable onPress={onPress} accessibilityRole=\"button\">\n      <View style={styles.settingRow}>\n        <View style={styles.settingRowContent}>\n          <Text variant=\"plain\" style={styles.settingRowText}>\n            {title}\n          </Text>\n          {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n        </View>\n        {Platform.OS === 'ios' && (\n          <Icon\n            name=\"general.rightChevron\"\n            size={16}\n            style={styles.navigableSettingChevron}\n            accessibilityElementsHidden\n          />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nfunction AvatarCard({\n  conversation,\n  onPress,\n}: {\n  conversation: ConversationResource\n  onPress: () => void\n}) {\n  const styles = useStyles()\n  const diameter = usePreviewAvatarDiameter()\n\n  return (\n    <View style={styles.avatarCard}>\n      <ConversationAvatar\n        conversation={conversation}\n        size=\"2xl\"\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        style={{ width: diameter, height: diameter }}\n      />\n      <Button\n        title=\"Update avatar\"\n        iconNameLeft=\"general.pencil\"\n        onPress={onPress}\n        variant=\"outline\"\n        appearance=\"interaction\"\n        size=\"sm\"\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      />\n    </View>\n  )\n}\n\nfunction TeamsGroup({ teams }: { teams: GroupResource[] }) {\n  const styles = useStyles()\n\n  if (teams.length === 0) return null\n\n  return (\n    <View style={styles.teamGroup}>\n      {teams.map((team, index) => (\n        <Badge key={index} label={team.name as string} />\n      ))}\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const headerBottomPadding = 4\n  const sectionBorderRadius = 8\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n    },\n    contentContainer: {\n      padding: 16,\n    },\n    sectionOuterBase: {\n      paddingLeft: 16,\n      backgroundColor: colors.surfaceColor100,\n      borderTopLeftRadius: isStart ? sectionBorderRadius : 0,\n      borderTopRightRadius: isStart ? sectionBorderRadius : 0,\n      borderBottomLeftRadius: isEnd ? sectionBorderRadius : 0,\n      borderBottomRightRadius: isEnd ? sectionBorderRadius : 0,\n      marginBottom: isEnd ? 16 : 0,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingTop: isStart ? 16 : 12,\n      paddingBottom: isEnd ? 16 : 12,\n    },\n    sectionInnerHeader: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerGenderNotice: {\n      paddingTop: 0,\n      paddingBottom: headerBottomPadding,\n    },\n    sectionHeaderRow: {\n      flexDirection: 'row' as const,\n      alignItems: 'center' as const,\n      gap: 8,\n    },\n    sectionInnerHeaderWithBottomBorder: {\n      paddingBottom: 16,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: isEnd ? 0 : 1,\n    },\n    sectionInnerTitleInput: {\n      paddingTop: 12, // paddingVertical doesn't override the sectionInner padding\n      paddingBottom: 12,\n    },\n    sectionInnerNotice: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerMiddleMiddle: {\n      paddingTop: 0,\n      paddingBottom: 12,\n    },\n    sectionInnerFirstMember: {\n      paddingTop: 12,\n      paddingBottom: 12,\n    },\n    sectionInnerLastMember: {\n      paddingTop: 0,\n      paddingBottom: 16,\n    },\n    titleContainer: {\n      gap: 4,\n    },\n    titleLabelContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    titleLabel: {\n      color: colors.textColorDefaultSecondary,\n    },\n    titleDisabledIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    titleInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    titleInputDisabled: {\n      color: colors.textColorDefaultSecondary,\n    },\n    inputValidationContainer: {\n      paddingTop: 8,\n      borderTopWidth: 1,\n      borderColor: colors.statusErrorBorder,\n    },\n    inputValidationText: {\n      color: colors.statusErrorText,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    deleteButtonText: {\n      fontWeight: 'normal',\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n    navigableSettingChevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n    avatarCard: {\n      alignItems: 'center',\n      gap: 16,\n    },\n    sectionOuterAvatarCard: {\n      paddingLeft: 0,\n    },\n    sectionInnerAvatarCard: {\n      paddingTop: 24,\n      paddingBottom: 24,\n      paddingHorizontal: 16,\n      alignItems: 'center',\n    },\n    teamGroup: {\n      flexDirection: 'row',\n      gap: 4,\n      flexWrap: 'wrap',\n    },\n    headerTitleBadge: {\n      alignSelf: Platform.select({ android: 'flex-start', default: 'center' }),\n      marginTop: 2,\n    },\n    headerTitleContainer: {\n      alignItems: Platform.select({ android: 'flex-start', default: 'center' }),\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_details_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_details_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,mBAAmB,EAElC,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,YAAY,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GAIT,MAAM,OAAO,CAAA;AACd,OAAO,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,IAAI,GAGL,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,UAAU,GAEX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAA;AAEtF,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,6BAA6B,EAC7B,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA;AAC/E,OAAO,EAA6C,SAAS,EAAE,MAAM,UAAU,CAAA;AAE/E,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,4CAA4C;AAC5C,4CAA4C;AAC5C,4CAA4C;AAE5C,IAAK,YAQJ;AARD,WAAK,YAAY;IACf,mDAAM,CAAA;IACN,mDAAM,CAAA;IACN,qDAAO,CAAA;IACP,mEAAc,CAAA;IACd,uEAAgB,CAAA;IAChB,qDAAO,CAAA;IACP,+CAAI,CAAA;AACN,CAAC,EARI,YAAY,KAAZ,YAAY,QAQhB;AA4BD,MAAM,UAAU,yBAAyB,CAAC,EAAE,KAAK,EAAkC;IACjF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IACtD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IACxC,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,6BAA6B,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3F,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACjE,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC1E,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAA;IACxC,MAAM,4BAA4B,GAAG,cAAc,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;IAChG,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAA;IAC1F,MAAM,gBAAgB,GACpB,cAAc,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,YAAY,CAAA;IAChG,MAAM,WAAW,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAClG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IAEpE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IACjC,MAAM,UAAU,GAAG,YAAY,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,CAAA;IAExD,MAAM,4BAA4B,GAChC,YAAY,EAAE,sBAAsB,EAAE,4BAA4B,CAAA;IACpE,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,SAAS,IAAI,KAAK,CAAA;IAChE,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,SAAS,IAAI,KAAK,CAAA;IAChE,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,CAAA;IAC5D,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAA;IACjD,MAAM,0BAA0B,GAAG,UAAU,IAAI,YAAY,CAAC,cAAc,KAAK,cAAc,CAAA;IAE/F,MAAM,EACJ,IAAI,EAAE,OAAO,EACb,aAAa,EAAE,sBAAsB,EACrC,kBAAkB,EAAE,gBAAgB,GACrC,GAAG,oBAAoB,CAAiB;QACvC,GAAG,EAAE,qBAAqB,KAAK,CAAC,MAAM,CAAC,eAAe,UAAU;QAChE,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC;aACzE;SACF;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG;QAC5B,KAAK,EAAE,MAAM,CAAC,uBAAuB;QACrC,MAAM,EAAE,MAAM,CAAC,wBAAwB;QACvC,IAAI,EAAE,MAAM,CAAC,sBAAsB;KACpC,CAAA;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAA;QAC3B,MAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QAC3C,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;QACrE,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAA;QAEhE,OAAO;YACL,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,IAAI;YACJ,iBAAiB,EAAE,kBAAkB;SACtC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,gBAAgB;QACzC,CAAC,CAAC;YACE;gBACE,IAAI,EAAE,YAAY,CAAC,cAAc;gBACjC,IAAI,EAAE,EAAE;gBACR,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;aAClD;SACF;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;IAE3C,MAAM,UAAU,GACd,YAAY,CAAC,MAAM;QACjB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,KAAK,UAAU,CAAC;QAC7C,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAC1D,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAA;IACxC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAA;IAEtC,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IACtC,MAAM,YAAY,GAAG,KAAK,EAAE,eAAe,IAAI,EAAE,CAAA;IACjD,MAAM,WAAW,GAAG,KAAK,EAAE,OAAO,CAAA;IAClC,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,SAAS,CAAA;IAErC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,KAAK,CAAC,KAAK,CACT,qBAAqB,EACrB,mBAAmB,KAAK,8DAA8D,EACtF;YACE;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAChB;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,aAAa;gBACpB,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,EAAE,CAAA;oBACpB,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAA;gBAC9C,CAAC;aACF;SACF,CACF,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAA;IAE3C,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAuB,EAAE,EAAE;QAC1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACvC;UAAA,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EACzD;UAAA,CAAC,KAAK,CACJ,OAAO,CAAC,YAAY,CACpB,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC/B,eAAe,CAAC,CAAC,WAAW,CAAC,CAC7B,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAE7B;QAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC,EACD,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,oBAAoB,CAAC,CACxF,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC,CAAA;gBACxD,UAAU,CAAC,MAAM,EAAE,CAAA;YACrB,CAAC,CAAC,CACF,KAAK,CAAC,MAAM,EACZ,CACH,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAA;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC;YACpB,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,WAAW;SACzB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1C,MAAM,QAAQ,GAAG;QACf;YACE,IAAI,EAAE,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YACjF,IAAI,EAAE;gBACJ,QAAQ,EAAE,CACR,CAAC,UAAU,CACT,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,EACxE,CACH;aACF;YACD,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;YAChD,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;SACjD;QACD;YACE,IAAI,EAAE,YAAY,CAAC,MAAM;YACzB,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC7B,gBAAgB,EAAE,IAAI;YACtB,iBAAiB,EAAE,MAAM,CAAC,kCAAkC;SAC7D;QACD;YACE,IAAI,EAAE,YAAY,CAAC,IAAI;YACvB,IAAI,EAAE;gBACJ,QAAQ,EAAE,CACR,CAAC,UAAU,CACT,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,UAAU,CAAC,EACpB,CACH;aACF;YACD,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;SACjD;QACD;YACE,IAAI,EAAE,YAAY,CAAC,MAAM;YACzB,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;YAC3B,gBAAgB,EAAE,IAAI;YACtB,iBAAiB,EAAE,MAAM,CAAC,kCAAkC;SAC7D;QACD,4BAA4B;YAC1B,CAAC,CAAC;gBACE,IAAI,EAAE,YAAY,CAAC,gBAAgB;gBACnC,IAAI,EAAE;oBACJ,KAAK,EAAE,eAAe;oBACtB,QAAQ,EAAE,4BAA4B;oBACtC,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,qCAAqC,EAAE,EAAE,eAAe,EAAE,CAAC;iBAClF;gBACD,gBAAgB,EAAE,IAAI;aACvB;YACH,CAAC,CAAC;gBACE,IAAI,EAAE,YAAY,CAAC,OAAO;gBAC1B,IAAI,EAAE;oBACJ,KAAK,EAAE,MAAM;oBACb,SAAS,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAG;iBAC7E;gBACD,gBAAgB,EAAE,IAAI;aACvB;QACL;YACE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,0BAA0B;gBACjC,SAAS,EAAE,CACT,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC,EAAG,CACzF;aACF;YACD,gBAAgB,EAAE,IAAI;SACvB;QACD;YACE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;gBAC7B,eAAe,EAAE,MAAM,CAAC,gBAAgB;gBACxC,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,YAAY;aACtB;SACF;QACD;YACE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAC1D,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACxB,iBAAiB,EAAE,MAAM,CAAC,kBAAkB;SAC7C;QACD;YACE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YACxD,IAAI,EAAE;gBACJ,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,EAAG;aAC5C;SACF;QACD;YACE,IAAI,EAAE,YAAY,CAAC,MAAM;YACzB,IAAI,EAAE;gBACJ,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,WAAW,OAAO,CAAC,EAAG,CAAC,CAAC,CAAC,SAAS;aAC9E;YACD,iBAAiB,EAAE,MAAM,CAAC,kBAAkB;SAC7C;QACD;YACE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAChE,IAAI,EAAE;gBACJ,QAAQ,EAAE,CACR,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;mEAAuD,CAAC,WAAW,CAAC,WAAW,EAAE,CAAE;;UAErF,EAAE,IAAI,CAAC,CACR;aACF;YACD,iBAAiB,EAAE,MAAM,CAAC,wBAAwB;SACnD;QACD;YACE,IAAI,EAAE,0BAA0B,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAC1E,IAAI,EAAE;gBACJ,QAAQ,EAAE,CAAC,sBAAsB,CAAC,AAAD,EAAG;aACrC;YACD,iBAAiB,EAAE,MAAM,CAAC,kBAAkB;SAC7C;QACD;YACE,IAAI,EAAE,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YACvE,IAAI,EAAE;gBACJ,QAAQ,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,EAAG;aACtD;YACD,iBAAiB,EAAE,MAAM,CAAC,kBAAkB;SAC7C;QACD,GAAG,WAAW;QACd,GAAG,kBAAkB;KACtB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,QAAQ;SAC3B,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC5E,MAAM,CAAC,SAAS,CAAC,CAAA;IAEpB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;MAAA,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,QAA2B,CAAC,CAClC,qBAAqB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC/C,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;YAC9B,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG;gBACvB,KAAK,KAAK,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC5C,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;aACnE,CAAA;YAED,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;gBAClB,KAAK,YAAY,CAAC,MAAM;oBACtB,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CACpC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAEpC;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;sBAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,CAChD;sBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAClB;oBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAClD,CACH;gBAAA,EAAE,WAAW,CAAC,CACf,CAAA;gBACH,KAAK,YAAY,CAAC,OAAO;oBACvB,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CACpC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAEpC;kBAAA,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EACnC;gBAAA,EAAE,WAAW,CAAC,CACf,CAAA;gBACH,KAAK,YAAY,CAAC,cAAc;oBAC9B,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CACpC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAEpC;kBAAA,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAC7B;gBAAA,EAAE,WAAW,CAAC,CACf,CAAA;gBACH,KAAK,YAAY,CAAC,gBAAgB;oBAChC,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CACpC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAEpC;kBAAA,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EACrC;gBAAA,EAAE,WAAW,CAAC,CACf,CAAA;gBACH,KAAK,YAAY,CAAC,OAAO;oBACvB,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CACpC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAEpC;kBAAA,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAC5B;gBAAA,EAAE,WAAW,CAAC,CACf,CAAA;gBACH,KAAK,YAAY,CAAC,IAAI;oBACpB,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CACpC,UAAU,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAEpC;kBAAA,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAC9C;gBAAA,EAAE,WAAW,CAAC,CACf,CAAA;gBACH;oBACE,OAAO,IAAI,CAAA;YACf,CAAC;QACH,CAAC,CAAC,CACF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,sBAAsB,EAAE,CAAC,EAEjD;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAWD,SAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,GACS;IACjB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAC5C,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAA;IAE5E,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CACjD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACpF;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAUD,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAc;IAC5E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAEvC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAC7E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACtC;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAChD;;QACF,EAAE,IAAI,CACN;QAAA,CAAC,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAG,CAC9E;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,OAAO,CAAC,CACb,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,YAAY,CAAC,CAAC,QAAQ,CAAC,CACvB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,SAAS,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC,CACpE,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CACT,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,mBAAmB;KACnC,YAAY,CAAC,MAAM,CACnB,cAAc,CAAC,eAAe,EAEhC;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAC3C;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACzD;;UACF,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAoBD,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,EACL,UAAU,GAAG,EAAE,EACf,eAAe,GAAG,EAAE,EACpB,QAAQ,EACR,SAAS,EACT,cAAc,GAAG,EAAE,EACnB,UAAU,EACV,OAAO,GACS;IAChB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAClC,SAAS,CAAC,CAAC,eAAe,CAAC,CAC3B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,OAAO,CAAC,CAAC,OAAO,CAAC,CAEjB;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,UAAU,CAAC,CACd,CAAA;IACH,CAAC;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CACtC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAC/D;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAClE;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CACxE;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAA4B;IACjF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAC7D;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjD;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAClE;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,CAAC,IAAI,CACH,IAAI,CAAC,sBAAsB,CAC3B,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CACtC,2BAA2B,EAC3B,CACH,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,OAAO,GAIR;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,QAAQ,GAAG,wBAAwB,EAAE,CAAA;IAE3C,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;MAAA,CAAC,kBAAkB,CACjB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,CAAC,KAAK,CACV,qBAAqB,CAAC,CAAC,iCAAiC,CAAC,CACzD,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAE/C;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,eAAe,CACrB,YAAY,CAAC,gBAAgB,CAC7B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,SAAS,CACjB,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,CACT,qBAAqB,CAAC,CAAC,iCAAiC,CAAC,EAE7D;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,KAAK,EAA8B;IACvD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEnC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAc,CAAC,EAAG,CAClD,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,KAA6C,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,mBAAmB,GAAG,CAAC,CAAA;IAC7B,MAAM,mBAAmB,GAAG,CAAC,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,aAAa,EAAE;YACb,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE;SACZ;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACtD,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACvD,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACvD,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACxD,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAC7B;QACD,gBAAgB,EAAE;YAChB,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YAC7B,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;SAC/B;QACD,kBAAkB,EAAE;YAClB,aAAa,EAAE,mBAAmB;SACnC;QACD,wBAAwB,EAAE;YACxB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,mBAAmB;SACnC;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE,KAAc;YAC7B,UAAU,EAAE,QAAiB;YAC7B,GAAG,EAAE,CAAC;SACP;QACD,kCAAkC,EAAE;YAClC,aAAa,EAAE,EAAE;SAClB;QACD,wBAAwB,EAAE;YACxB,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;YAChD,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACjC;QACD,sBAAsB,EAAE;YACtB,UAAU,EAAE,EAAE,EAAE,4DAA4D;YAC5E,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,aAAa,EAAE,mBAAmB;SACnC;QACD,wBAAwB,EAAE;YACxB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,EAAE;SAClB;QACD,uBAAuB,EAAE;YACvB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE;SAClB;QACD,sBAAsB,EAAE;YACtB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,EAAE;SAClB;QACD,cAAc,EAAE;YACd,GAAG,EAAE,CAAC;SACP;QACD,mBAAmB,EAAE;YACnB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;SACP;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,iBAAiB,EAAE;YACjB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,kBAAkB,EAAE;YAClB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,wBAAwB,EAAE;YACxB,UAAU,EAAE,CAAC;YACb,cAAc,EAAE,CAAC;YACjB,WAAW,EAAE,MAAM,CAAC,iBAAiB;SACtC;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,eAAe;SAC9B;QACD,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;SACP;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,CAAC;SACR;QACD,gBAAgB,EAAE;YAChB,UAAU,EAAE,QAAQ;SACrB;QACD,cAAc,EAAE;YACd,UAAU,EAAE,EAAE;SACf;QACD,uBAAuB,EAAE;YACvB,KAAK,EAAE,MAAM,CAAC,wBAAwB;SACvC;QACD,UAAU,EAAE;YACV,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,sBAAsB,EAAE;YACtB,WAAW,EAAE,CAAC;SACf;QACD,sBAAsB,EAAE;YACtB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE;YACjB,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,QAAQ;SACrB;QACD,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,MAAM;SACjB;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;YACxE,SAAS,EAAE,CAAC;SACb;QACD,oBAAoB,EAAE;YACpB,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;SAC1E;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import {\n  HeaderTitle as ElementsHeaderTitle,\n  HeaderTitleProps,\n  PlatformPressable,\n} from '@react-navigation/elements'\nimport { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type Dispatch,\n  type ReactNode,\n  type SetStateAction,\n} from 'react'\nimport {\n  Alert,\n  FlatList,\n  Platform,\n  Pressable,\n  StyleSheet,\n  TextInput,\n  View,\n  type ViewProps,\n  type ViewStyle,\n} from 'react-native'\nimport {\n  AdultRequirementNotice,\n  Badge,\n  Button,\n  ChildNotice,\n  Heading,\n  Icon,\n  Person,\n  Switch,\n  Text,\n  TextButton,\n  type TextStyle,\n} from '../components'\nimport { ConversationAvatar } from '../components/display/conversation_avatar'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { ButtonAppearanceUnion } from '../components/display/utils/button_colors'\nimport { useSuspensePaginator, useTheme } from '../hooks'\nimport {\n  useConversation,\n  useConversationDelete,\n  useConversationDisableReplies,\n  useConversationMute,\n  useConversationUpdate,\n} from '../hooks/use_conversation'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { usePreviewAvatarDiameter } from '../hooks/use_preview_avatar_diameter'\nimport { type ConversationResource, MemberResource, isDefined } from '../types'\nimport { GroupResource } from '../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../utils'\nimport { genderDisplayLabel } from '../utils/gender_display_label'\nimport { tokens } from '../vendor/tapestry/tokens'\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  members,\n  loadingMembers,\n  navigableSetting,\n  setting,\n  view,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string; badge?: ReactNode }, SectionTypes.header>\n  | DataItem<MemberResource, SectionTypes.members>\n  | DataItem<any, SectionTypes.loadingMembers>\n  | DataItem<NavigableSettingRowProps, SectionTypes.navigableSetting>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type ConversationDetailsScreenProps = StaticScreenProps<{\n  conversation_id: number\n}>\n\nexport function ConversationDetailsScreen({ route }: ConversationDetailsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n\n  const { data: conversation } = useConversation(route.params)\n  const [title, setTitle] = useState(conversation.title)\n  const { conversation_id } = route.params\n  const { repliesDisabled, setRepliesDisabled } = useConversationDisableReplies(route.params)\n  const { mutate: saveTitle } = useConversationUpdate(route.params)\n  const { mutate: deleteConversation } = useConversationDelete(route.params)\n  const { featureEnabled } = useFeatures()\n  const granularNotificationsEnabled = featureEnabled(availableFeatures.granular_notifications_ui)\n  const customAvatarsEnabled = featureEnabled(availableFeatures.custom_conversation_avatars)\n  const showGenderFilter =\n    featureEnabled(availableFeatures.gender_specific_conversations) && !!conversation.genderOption\n  const genderLabel = conversation.genderOption ? genderDisplayLabel(conversation.genderOption) : ''\n  const { muted, setMuted } = useConversationMute({ conversation_id })\n\n  const trimmedTitle = title.trim()\n  const emptyTitle = trimmedTitle === '' || title === null\n\n  const notificationLevelDescription =\n    conversation?.conversationMembership?.notificationLevelDescription\n  const canUpdate = conversation.memberAbility?.canUpdate || false\n  const canDelete = conversation.memberAbility?.canDelete || false\n  const isLeader = conversation.memberAbility?.leader || false\n  const isDisabled = conversation.disabled ?? false\n  const showAdultRequirementNotice = isDisabled && conversation.disabledReason === 'safety_check'\n\n  const {\n    data: members,\n    fetchNextPage: fetchNextPageOfMembers,\n    isFetchingNextPage: isLoadingMembers,\n  } = useSuspensePaginator<MemberResource>({\n    url: `/me/conversations/${route.params.conversation_id}/members`,\n    data: {\n      include: ['person'],\n      fields: {\n        Member: ['avatar', 'name', 'first_name', 'last_name', 'child', 'badges'],\n      },\n    },\n  })\n\n  const memberSectionStyleMap = {\n    first: styles.sectionInnerFirstMember,\n    middle: styles.sectionInnerMiddleMiddle,\n    last: styles.sectionInnerLastMember,\n  }\n\n  const memberItems = members.map((data, index) => {\n    const isFirst = index === 0\n    const isLast = index === members.length - 1\n    const memberPosition = isFirst ? 'first' : isLast ? 'last' : 'middle'\n    const memberSectionStyle = memberSectionStyleMap[memberPosition]\n\n    return {\n      type: SectionTypes.members,\n      data,\n      sectionInnerStyle: memberSectionStyle,\n    }\n  })\n\n  const loadingMemberItems = isLoadingMembers\n    ? [\n        {\n          type: SectionTypes.loadingMembers,\n          data: {},\n          sectionInnerStyle: styles.sectionInnerFirstMember,\n        },\n      ]\n    : []\n\n  const childMembers = members.filter(member => member.child)\n  const hasChildren = childMembers.length > 0\n\n  const teamsGroup =\n    conversation.groups\n      ?.filter(g => g.sourceAppName === 'Services')\n      ?.filter(g => ['Team', 'PlanTeam'].includes(g.sourceType))\n      ?.filter(g => g.name !== null) || []\n  const hasTeams = teamsGroup.length > 0\n\n  const badge = conversation.badges?.[0]\n  const resourceType = badge?.pcoResourceType || ''\n  const productName = badge?.appName\n  const name = badge?.text || undefined\n\n  const handleDelete = useCallback(() => {\n    Alert.alert(\n      'Delete conversation',\n      `All messages in ${title} will be deleted for everyone. This action cannot be undone.`,\n      [\n        {\n          text: 'Cancel',\n          style: 'cancel',\n        },\n        {\n          text: 'Delete',\n          style: 'destructive',\n          onPress: () => {\n            deleteConversation()\n            navigation.dispatch(StackActions.popToTop())\n          },\n        },\n      ]\n    )\n  }, [deleteConversation, navigation, title])\n\n  const HeaderTitle = useCallback(\n    (props: HeaderTitleProps) => {\n      return (\n        <View style={styles.headerTitleContainer}>\n          <ElementsHeaderTitle maxFontSizeMultiplier={1} {...props} />\n          <Badge\n            variant=\"metaSubtle\"\n            label={resourceType}\n            metaLabel={name}\n            style={styles.headerTitleBadge}\n            productLogoName={productName}\n            maxFontSizeMultiplier={1}\n          />\n        </View>\n      )\n    },\n    [name, productName, resourceType, styles.headerTitleBadge, styles.headerTitleContainer]\n  )\n\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          saveTitle({ title: trimmedTitle || conversation.title })\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [conversation.title, navigation, saveTitle, trimmedTitle])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n      headerTitle: HeaderTitle,\n    })\n  }, [HeaderRight, HeaderTitle, navigation])\n\n  const listData = [\n    {\n      type: canUpdate && customAvatarsEnabled ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: (\n          <AvatarCard\n            conversation={conversation}\n            onPress={() => navigation.navigate('AvatarPicker', { conversation_id })}\n          />\n        ),\n      },\n      sectionOuterStyle: styles.sectionOuterAvatarCard,\n      sectionInnerStyle: styles.sectionInnerAvatarCard,\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Basic info' },\n      showBottomBorder: true,\n      sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <TitleInput\n            canUpdate={canUpdate}\n            title={title}\n            setTitle={setTitle}\n            isEmpty={emptyTitle}\n          />\n        ),\n      },\n      sectionInnerStyle: styles.sectionInnerTitleInput,\n    },\n    {\n      type: SectionTypes.header,\n      data: { title: 'Settings' },\n      showBottomBorder: true,\n      sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder,\n    },\n    granularNotificationsEnabled\n      ? {\n          type: SectionTypes.navigableSetting,\n          data: {\n            title: 'Notifications',\n            subtitle: notificationLevelDescription,\n            onPress: () =>\n              navigation.navigate('ConversationNotificationLevelSelect', { conversation_id }),\n          },\n          showBottomBorder: true,\n        }\n      : {\n          type: SectionTypes.setting,\n          data: {\n            title: 'Mute',\n            rightItem: <Switch value={muted} onValueChange={value => setMuted(value)} />,\n          },\n          showBottomBorder: true,\n        },\n    {\n      type: canUpdate ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Only leaders can message',\n        rightItem: (\n          <Switch value={repliesDisabled} onChange={() => setRepliesDisabled(!repliesDisabled)} />\n        ),\n      },\n      showBottomBorder: true,\n    },\n    {\n      type: canDelete ? SectionTypes.setting : SectionTypes.hidden,\n      data: {\n        title: 'Delete conversation…',\n        buttonTextStyle: styles.deleteButtonText,\n        appearance: 'danger',\n        onPress: handleDelete,\n      },\n    },\n    {\n      type: hasTeams ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: hasTeams ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <TeamsGroup teams={teamsGroup} />,\n      },\n    },\n    {\n      type: SectionTypes.header,\n      data: {\n        title: 'People',\n        badge: showGenderFilter ? <Badge label={`${genderLabel}-only`} /> : undefined,\n      },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: showGenderFilter ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: (\n          <Text variant=\"tertiary\">\n            This conversation will be automatically updated if any {genderLabel.toLowerCase()} are\n            added or removed from this group.\n          </Text>\n        ),\n      },\n      sectionInnerStyle: styles.sectionInnerGenderNotice,\n    },\n    {\n      type: showAdultRequirementNotice ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <AdultRequirementNotice />,\n      },\n      sectionInnerStyle: styles.sectionInnerNotice,\n    },\n    {\n      type: hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden,\n      data: {\n        children: <ChildNotice childMembers={childMembers} />,\n      },\n      sectionInnerStyle: styles.sectionInnerNotice,\n    },\n    ...memberItems,\n    ...loadingMemberItems,\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  {item.data.badge ? (\n                    <View style={styles.sectionHeaderRow}>\n                      <Heading variant=\"h3\">{item.data.title}</Heading>\n                      {item.data.badge}\n                    </View>\n                  ) : (\n                    <Heading variant=\"h3\">{item.data.title}</Heading>\n                  )}\n                </ListSection>\n              )\n            case SectionTypes.members:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Person person={{ ...item.data }} />\n                </ListSection>\n              )\n            case SectionTypes.loadingMembers:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Text>Loading more...</Text>\n                </ListSection>\n              )\n            case SectionTypes.navigableSetting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <NavigableSettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            default:\n              return null\n          }\n        }}\n        onEndReached={() => fetchNextPageOfMembers()}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface InputProps {\n  canUpdate: boolean\n  title: string\n  setTitle: Dispatch<SetStateAction<string>>\n  style?: ViewStyle\n  isEmpty: boolean\n}\n\nfunction TitleInput({ canUpdate, title, setTitle, style, isEmpty }: InputProps) {\n  const styles = useStyles()\n  const textRef = useRef<TextInput>(null)\n\n  const handleFocus = () => {\n    if (textRef.current) {\n      textRef.current.focus()\n    }\n  }\n\n  return (\n    <Pressable style={[styles.titleContainer, style]} onPress={() => handleFocus()}>\n      <View style={styles.titleLabelContainer}>\n        <Text variant=\"tertiary\" style={styles.titleLabel}>\n          Title\n        </Text>\n        {!canUpdate && <Icon name=\"general.lock\" style={styles.titleDisabledIcon} />}\n      </View>\n      <TextInput\n        ref={textRef}\n        editable={canUpdate}\n        onChangeText={setTitle}\n        style={[styles.titleInput, !canUpdate && styles.titleInputDisabled]}\n        value={title}\n        multiline\n        maxLength={255} // Matches Chat Web\n        enterKeyHint=\"done\"\n        submitBehavior=\"blurAndSubmit\"\n      />\n      {isEmpty && (\n        <View style={styles.inputValidationContainer}>\n          <Text variant=\"footnote\" style={styles.inputValidationText}>\n            A title is required for your conversation.\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\ninterface NavigableSettingRowProps {\n  title: string\n  subtitle?: string\n  onPress: () => void\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  titleStyle?: TextStyle\n  buttonTextStyle?: TextStyle\n  subtitle?: string\n  rightItemStyle?: ViewStyle\n  appearance?: ButtonAppearanceUnion\n  onPress?: () => void\n}\n\nfunction SettingRow({\n  title,\n  style,\n  titleStyle = {},\n  buttonTextStyle = {},\n  subtitle,\n  rightItem,\n  rightItemStyle = {},\n  appearance,\n  onPress,\n}: SettingRowProps) {\n  const styles = useStyles()\n\n  if (onPress) {\n    return (\n      <TextButton\n        style={[styles.settingRow, style]}\n        textStyle={buttonTextStyle}\n        appearance={appearance}\n        onPress={onPress}\n      >\n        {title}\n      </TextButton>\n    )\n  }\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={[styles.settingRowText, titleStyle]}>\n          {title}\n        </Text>\n        {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\nfunction NavigableSettingRow({ title, subtitle, onPress }: NavigableSettingRowProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable onPress={onPress} accessibilityRole=\"button\">\n      <View style={styles.settingRow}>\n        <View style={styles.settingRowContent}>\n          <Text variant=\"plain\" style={styles.settingRowText}>\n            {title}\n          </Text>\n          {Boolean(subtitle) && <Text variant=\"footnote\">{subtitle}</Text>}\n        </View>\n        {Platform.OS === 'ios' && (\n          <Icon\n            name=\"general.rightChevron\"\n            size={16}\n            style={styles.navigableSettingChevron}\n            accessibilityElementsHidden\n          />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nfunction AvatarCard({\n  conversation,\n  onPress,\n}: {\n  conversation: ConversationResource\n  onPress: () => void\n}) {\n  const styles = useStyles()\n  const diameter = usePreviewAvatarDiameter()\n\n  return (\n    <View style={styles.avatarCard}>\n      <ConversationAvatar\n        conversation={conversation}\n        size=\"2xl\"\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        style={{ width: diameter, height: diameter }}\n      />\n      <Button\n        title=\"Update avatar\"\n        iconNameLeft=\"general.pencil\"\n        onPress={onPress}\n        variant=\"outline\"\n        appearance=\"interaction\"\n        size=\"sm\"\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      />\n    </View>\n  )\n}\n\nfunction TeamsGroup({ teams }: { teams: GroupResource[] }) {\n  const styles = useStyles()\n\n  if (teams.length === 0) return null\n\n  return (\n    <View style={styles.teamGroup}>\n      {teams.map((team, index) => (\n        <Badge key={index} label={team.name as string} />\n      ))}\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ isStart, isEnd }: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const headerBottomPadding = 4\n  const sectionBorderRadius = 8\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n    },\n    contentContainer: {\n      padding: 16,\n    },\n    sectionOuterBase: {\n      paddingLeft: 16,\n      backgroundColor: colors.surfaceColor100,\n      borderTopLeftRadius: isStart ? sectionBorderRadius : 0,\n      borderTopRightRadius: isStart ? sectionBorderRadius : 0,\n      borderBottomLeftRadius: isEnd ? sectionBorderRadius : 0,\n      borderBottomRightRadius: isEnd ? sectionBorderRadius : 0,\n      marginBottom: isEnd ? 16 : 0,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingTop: isStart ? 16 : 12,\n      paddingBottom: isEnd ? 16 : 12,\n    },\n    sectionInnerHeader: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerGenderNotice: {\n      paddingTop: 0,\n      paddingBottom: headerBottomPadding,\n    },\n    sectionHeaderRow: {\n      flexDirection: 'row' as const,\n      alignItems: 'center' as const,\n      gap: 8,\n    },\n    sectionInnerHeaderWithBottomBorder: {\n      paddingBottom: 16,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: isEnd ? 0 : 1,\n    },\n    sectionInnerTitleInput: {\n      paddingTop: 12, // paddingVertical doesn't override the sectionInner padding\n      paddingBottom: 12,\n    },\n    sectionInnerNotice: {\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerMiddleMiddle: {\n      paddingTop: 0,\n      paddingBottom: 12,\n    },\n    sectionInnerFirstMember: {\n      paddingTop: 12,\n      paddingBottom: 12,\n    },\n    sectionInnerLastMember: {\n      paddingTop: 0,\n      paddingBottom: 16,\n    },\n    titleContainer: {\n      gap: 4,\n    },\n    titleLabelContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    titleLabel: {\n      color: colors.textColorDefaultSecondary,\n    },\n    titleDisabledIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    titleInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    titleInputDisabled: {\n      color: colors.textColorDefaultSecondary,\n    },\n    inputValidationContainer: {\n      paddingTop: 8,\n      borderTopWidth: 1,\n      borderColor: colors.statusErrorBorder,\n    },\n    inputValidationText: {\n      color: colors.statusErrorText,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    deleteButtonText: {\n      fontWeight: 'normal',\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n    navigableSettingChevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n    avatarCard: {\n      alignItems: 'center',\n      gap: 16,\n    },\n    sectionOuterAvatarCard: {\n      paddingLeft: 0,\n    },\n    sectionInnerAvatarCard: {\n      paddingTop: 24,\n      paddingBottom: 24,\n      paddingHorizontal: 16,\n      alignItems: 'center',\n    },\n    teamGroup: {\n      flexDirection: 'row',\n      gap: 4,\n      flexWrap: 'wrap',\n    },\n    headerTitleBadge: {\n      alignSelf: Platform.select({ android: 'flex-start', default: 'center' }),\n      marginTop: 2,\n    },\n    headerTitleContainer: {\n      alignItems: Platform.select({ android: 'flex-start', default: 'center' }),\n    },\n  })\n}\n"]}

package/build/screens/conversation_filter_recipients/components/checkbox_row.d.ts

@@ -6,6 +6,6 @@ interface TeamRowProps {
     accessibilityLabelledBy: string;
     setTeamFilters: SetTeamFilters;
 }
-export declare const CheckboxRow: ({ data, style, accessibilityLabelledBy, setTeamFilters, }: TeamRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxRow: ({ data, style, accessibilityLabelledBy, setTeamFilters, }: TeamRowProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=checkbox_row.d.ts.map

package/build/screens/conversation_filter_recipients/components/checkbox_row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/checkbox_row.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAI1E,OAAO,EAA2C,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAE7F,UAAU,YAAY;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;CAC/B;AAED,eAAO,MAAM,WAAW,GAAI,2DAKzB,YAAY,4CAgCd,CAAA"}
+{"version":3,"file":"checkbox_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/checkbox_row.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAI1E,OAAO,EAA2C,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAE7F,UAAU,YAAY;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;CAC/B;AAED,eAAO,MAAM,WAAW,GAAI,2DAKzB,YAAY,gCAgCd,CAAA"}

package/build/screens/conversation_filter_recipients/components/checkbox_row.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRoute } from '@react-navigation/native';
 import { Pressable, View, StyleSheet } from 'react-native';
 import { Icon, Text } from '../../../components';
@@ -17,12 +16,19 @@ export const CheckboxRow = ({ data, style, accessibilityLabelledBy, setTeamFilte
             team_ids: checked ? newTeamIdRemoved : newTeamIdAdded,
         });
     };
-    return (_jsxs(Pressable, { style: ({ pressed }) => [styles.checkboxRow, pressed && styles.checkboxRowPressed, style], onPress: handlePress, accessibilityRole: "checkbox", accessibilityState: { checked }, accessibilityLabelledBy: accessibilityLabelledBy, accessibilityLabel: `${teamName} team`, children: [_jsx(CheckboxIcon, { checked: checked }), _jsx(Text, { style: styles.label, numberOfLines: 2, children: teamName })] }));
+    return (<Pressable style={({ pressed }) => [styles.checkboxRow, pressed && styles.checkboxRowPressed, style]} onPress={handlePress} accessibilityRole="checkbox" accessibilityState={{ checked }} accessibilityLabelledBy={accessibilityLabelledBy} accessibilityLabel={`${teamName} team`}>
+      <CheckboxIcon checked={checked}/>
+      <Text style={styles.label} numberOfLines={2}>
+        {teamName}
+      </Text>
+    </Pressable>);
 };
 function CheckboxIcon({ checked }) {
     const styles = useStyles();
     const checkedStyle = checked ? styles.checkedContainer : styles.uncheckedContainer;
-    return (_jsx(View, { style: checkedStyle, children: checked && _jsx(Icon, { name: "general.thickCheckmark", style: styles.checkedIcon }) }));
+    return (<View style={checkedStyle}>
+      {checked && <Icon name="general.thickCheckmark" style={styles.checkedIcon}/>}
+    </View>);
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/conversation_filter_recipients/components/checkbox_row.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/checkbox_row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type RouteProp, useRoute } from '@react-navigation/native'\nimport { Pressable, View, StyleSheet, type ViewStyle } from 'react-native'\nimport { Icon, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { ConversationFilterRecipientsScreenProps, SetTeamFilters, TeamProps } from '../types'\n\ninterface TeamRowProps {\n  data: TeamProps\n  style?: ViewStyle\n  accessibilityLabelledBy: string\n  setTeamFilters: SetTeamFilters\n}\n\nexport const CheckboxRow = ({\n  data,\n  style,\n  accessibilityLabelledBy,\n  setTeamFilters,\n}: TeamRowProps) => {\n  const styles = useStyles()\n  const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n\n  const { teamId, teamName } = data\n  const { team_ids: currentTeamIds } = route.params\n\n  const checked = currentTeamIds?.includes(teamId) ?? false\n  const newTeamIdAdded = [...(currentTeamIds ?? []), teamId]\n  const newTeamIdRemoved = (currentTeamIds ?? []).filter(currentId => currentId !== teamId)\n\n  const handlePress = () => {\n    setTeamFilters({\n      team_ids: checked ? newTeamIdRemoved : newTeamIdAdded,\n    })\n  }\n\n  return (\n    <Pressable\n      style={({ pressed }) => [styles.checkboxRow, pressed && styles.checkboxRowPressed, style]}\n      onPress={handlePress}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked }}\n      accessibilityLabelledBy={accessibilityLabelledBy}\n      accessibilityLabel={`${teamName} team`}\n    >\n      <CheckboxIcon checked={checked} />\n      <Text style={styles.label} numberOfLines={2}>\n        {teamName}\n      </Text>\n    </Pressable>\n  )\n}\n\nfunction CheckboxIcon({ checked }: { checked: boolean }) {\n  const styles = useStyles()\n  const checkedStyle = checked ? styles.checkedContainer : styles.uncheckedContainer\n\n  return (\n    <View style={checkedStyle}>\n      {checked && <Icon name=\"general.thickCheckmark\" style={styles.checkedIcon} />}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  const baseCheckboxStyles: ViewStyle = {\n    width: 20,\n    height: 20,\n    borderRadius: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  }\n\n  return StyleSheet.create({\n    checkboxRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      padding: 16,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      backgroundColor: colors.surfaceColor100,\n    },\n    checkboxRowPressed: {\n      opacity: 0.5,\n    },\n    label: {\n      flex: 1,\n    },\n    checkedContainer: {\n      ...baseCheckboxStyles,\n      backgroundColor: colors.statusSuccessIcon,\n    },\n    uncheckedContainer: {\n      ...baseCheckboxStyles,\n      borderWidth: 2,\n      borderColor: colors.borderColorDefaultDarker,\n    },\n    checkedIcon: {\n      color: tokens.colorNeutral100White,\n    },\n  })\n}\n"]}
+{"version":3,"file":"checkbox_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/checkbox_row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type RouteProp, useRoute } from '@react-navigation/native'\nimport { Pressable, View, StyleSheet, type ViewStyle } from 'react-native'\nimport { Icon, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { ConversationFilterRecipientsScreenProps, SetTeamFilters, TeamProps } from '../types'\n\ninterface TeamRowProps {\n  data: TeamProps\n  style?: ViewStyle\n  accessibilityLabelledBy: string\n  setTeamFilters: SetTeamFilters\n}\n\nexport const CheckboxRow = ({\n  data,\n  style,\n  accessibilityLabelledBy,\n  setTeamFilters,\n}: TeamRowProps) => {\n  const styles = useStyles()\n  const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n\n  const { teamId, teamName } = data\n  const { team_ids: currentTeamIds } = route.params\n\n  const checked = currentTeamIds?.includes(teamId) ?? false\n  const newTeamIdAdded = [...(currentTeamIds ?? []), teamId]\n  const newTeamIdRemoved = (currentTeamIds ?? []).filter(currentId => currentId !== teamId)\n\n  const handlePress = () => {\n    setTeamFilters({\n      team_ids: checked ? newTeamIdRemoved : newTeamIdAdded,\n    })\n  }\n\n  return (\n    <Pressable\n      style={({ pressed }) => [styles.checkboxRow, pressed && styles.checkboxRowPressed, style]}\n      onPress={handlePress}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked }}\n      accessibilityLabelledBy={accessibilityLabelledBy}\n      accessibilityLabel={`${teamName} team`}\n    >\n      <CheckboxIcon checked={checked} />\n      <Text style={styles.label} numberOfLines={2}>\n        {teamName}\n      </Text>\n    </Pressable>\n  )\n}\n\nfunction CheckboxIcon({ checked }: { checked: boolean }) {\n  const styles = useStyles()\n  const checkedStyle = checked ? styles.checkedContainer : styles.uncheckedContainer\n\n  return (\n    <View style={checkedStyle}>\n      {checked && <Icon name=\"general.thickCheckmark\" style={styles.checkedIcon} />}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  const baseCheckboxStyles: ViewStyle = {\n    width: 20,\n    height: 20,\n    borderRadius: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  }\n\n  return StyleSheet.create({\n    checkboxRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      padding: 16,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      backgroundColor: colors.surfaceColor100,\n    },\n    checkboxRowPressed: {\n      opacity: 0.5,\n    },\n    label: {\n      flex: 1,\n    },\n    checkedContainer: {\n      ...baseCheckboxStyles,\n      backgroundColor: colors.statusSuccessIcon,\n    },\n    uncheckedContainer: {\n      ...baseCheckboxStyles,\n      borderWidth: 2,\n      borderColor: colors.borderColorDefaultDarker,\n    },\n    checkedIcon: {\n      color: tokens.colorNeutral100White,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filter_recipients/components/header_row.d.ts

@@ -6,6 +6,6 @@ interface HeaderRowProps {
     style?: ViewStyle;
     setTeamFilters: SetTeamFilters;
 }
-export declare const HeaderRow: ({ data, nativeID, style, setTeamFilters }: HeaderRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderRow: ({ data, nativeID, style, setTeamFilters }: HeaderRowProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=header_row.d.ts.map

package/build/screens/conversation_filter_recipients/components/header_row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/header_row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAK/D,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EACf,MAAM,UAAU,CAAA;AAIjB,UAAU,cAAc;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,cAAc,EAAE,cAAc,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,GAAI,2CAA2C,cAAc,4CAkDlF,CAAA"}
+{"version":3,"file":"header_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/header_row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAK/D,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EACf,MAAM,UAAU,CAAA;AAIjB,UAAU,cAAc;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,cAAc,EAAE,cAAc,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,GAAI,2CAA2C,cAAc,gCAkDlF,CAAA"}

package/build/screens/conversation_filter_recipients/components/header_row.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRoute } from '@react-navigation/native';
 import { View, StyleSheet } from 'react-native';
 import { Icon, Heading, TextButton } from '../../../components';
@@ -24,7 +23,18 @@ export const HeaderRow = ({ data, nativeID, style, setTeamFilters }) => {
             team_ids: allTeamsSelected ? newTeamIdsRemoved : newTeamIdsAdded,
         });
     };
-    return (_jsxs(View, { style: [styles.headerRow, style], children: [_jsxs(View, { style: styles.headerContent, children: [_jsx(Icon, { name: "services.folderClosed", style: styles.headerIcon }), _jsx(Heading, { variant: "h3", style: styles.headerText, numberOfLines: 2, nativeID: nativeID, accessibilityHint: headingAccessibilityHint, children: displayName })] }), showSelectAll && (_jsxs(TextButton, { variant: "tertiary", onPress: handleSelectAll, accessibilityLabel: selectAllAccessibilityLabel, children: [selectLabel, " all"] }))] }));
+    return (<View style={[styles.headerRow, style]}>
+      <View style={styles.headerContent}>
+        <Icon name="services.folderClosed" style={styles.headerIcon}/>
+        <Heading variant="h3" style={styles.headerText} numberOfLines={2} nativeID={nativeID} accessibilityHint={headingAccessibilityHint}>
+          {displayName}
+        </Heading>
+      </View>
+
+      {showSelectAll && (<TextButton variant="tertiary" onPress={handleSelectAll} accessibilityLabel={selectAllAccessibilityLabel}>
+          {selectLabel} all
+        </TextButton>)}
+    </View>);
 };
 const useStyles = () => {
     const { colors } = useTheme();