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

package/build/screens/age_check/age_check_underage_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"age_check_underage_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/age_check/age_check_underage_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,GAAE,2BAAgC,qBAuDxF"}
+{"version":3,"file":"age_check_underage_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/age_check/age_check_underage_screen.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,GAAE,2BAAgC,2CAuDxF"}

package/build/screens/age_check/age_check_underage_screen.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRoute } from '@react-navigation/native';
-import React from 'react';
 import { Linking, StyleSheet, View, ScrollView } from 'react-native';
 import { Heading } from '../../components';
 import { Icon, Text, TextInlineButton } from '../../components/display';
@@ -16,30 +16,7 @@ export function AgeCheckUnderageScreen({ contactEmail } = {}) {
     const openTerms = () => {
         Linking.openURL('https://www.planningcenter.com/terms');
     };
-    return (<ScrollView style={styles.scrollView} contentContainerStyle={styles.container}>
-      <Icon name="general.outlinedTextMessage" size={32} style={styles.icon}/>
-
-      <View style={styles.content}>
-        <Heading variant="h3" style={styles.baseText}>
-          Chat is only available for users 13 and older.
-        </Heading>
-        <Text variant="tertiary" style={styles.baseText}>
-          If you submitted the wrong birthdate by accident,{` `}
-          {email ? (<TextInlineButton onPress={openChurchAdminHelp} accessibilityRole="link" accessibilityHint="Opens email client to contact your church administrator" style={styles.linkText}>
-              please contact your church administrator
-            </TextInlineButton>) : (<>please contact your church administrator</>)}
-          {` `}
-          to update your profile.
-        </Text>
-        <Text variant="tertiary" style={styles.baseText}>
-          For more information, view our{` `}
-          <TextInlineButton onPress={openTerms} accessibilityRole="link" accessibilityHint="Opens terms of service in browser" style={styles.linkText}>
-            terms of service
-          </TextInlineButton>
-          .
-        </Text>
-      </View>
-    </ScrollView>);
+    return (_jsxs(ScrollView, { style: styles.scrollView, contentContainerStyle: styles.container, children: [_jsx(Icon, { name: "general.outlinedTextMessage", size: 32, style: styles.icon }), _jsxs(View, { style: styles.content, children: [_jsx(Heading, { variant: "h3", style: styles.baseText, children: "Chat is only available for users 13 and older." }), _jsxs(Text, { variant: "tertiary", style: styles.baseText, children: ["If you submitted the wrong birthdate by accident,", ` `, email ? (_jsx(TextInlineButton, { onPress: openChurchAdminHelp, accessibilityRole: "link", accessibilityHint: "Opens email client to contact your church administrator", style: styles.linkText, children: "please contact your church administrator" })) : (_jsx(_Fragment, { children: "please contact your church administrator" })), ` `, "to update your profile."] }), _jsxs(Text, { variant: "tertiary", style: styles.baseText, children: ["For more information, view our", ` `, _jsx(TextInlineButton, { onPress: openTerms, accessibilityRole: "link", accessibilityHint: "Opens terms of service in browser", style: styles.linkText, children: "terms of service" }), "."] })] })] }));
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/age_check/age_check_underage_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"age_check_underage_screen.js","sourceRoot":"","sources":["../../../src/screens/age_check/age_check_underage_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRoute, RouteProp } from '@react-navigation/native'\nimport React from 'react'\nimport { Linking, StyleSheet, View, ScrollView } from 'react-native'\nimport { Heading } from '../../components'\nimport { Icon, Text, TextInlineButton } from '../../components/display'\nimport { useTheme } from '../../hooks'\nimport type { AgeCheckParams } from './screen_props'\n\nexport interface AgeCheckUnderageScreenProps {\n  contactEmail?: string\n}\n\nexport function AgeCheckUnderageScreen({ contactEmail }: AgeCheckUnderageScreenProps = {}) {\n  const styles = useStyles()\n  const route = useRoute<RouteProp<AgeCheckParams, 'UnderagePerson'>>()\n\n  const email = contactEmail ?? route?.params?.contactEmail\n\n  const openChurchAdminHelp = () => {\n    if (!email) return\n    Linking.openURL(`mailto:${email}`)\n  }\n\n  const openTerms = () => {\n    Linking.openURL('https://www.planningcenter.com/terms')\n  }\n\n  return (\n    <ScrollView style={styles.scrollView} contentContainerStyle={styles.container}>\n      <Icon name=\"general.outlinedTextMessage\" size={32} style={styles.icon} />\n\n      <View style={styles.content}>\n        <Heading variant=\"h3\" style={styles.baseText}>\n          Chat is only available for users 13 and older.\n        </Heading>\n        <Text variant=\"tertiary\" style={styles.baseText}>\n          If you submitted the wrong birthdate by accident,{` `}\n          {email ? (\n            <TextInlineButton\n              onPress={openChurchAdminHelp}\n              accessibilityRole=\"link\"\n              accessibilityHint=\"Opens email client to contact your church administrator\"\n              style={styles.linkText}\n            >\n              please contact your church administrator\n            </TextInlineButton>\n          ) : (\n            <>please contact your church administrator</>\n          )}\n          {` `}\n          to update your profile.\n        </Text>\n        <Text variant=\"tertiary\" style={styles.baseText}>\n          For more information, view our{` `}\n          <TextInlineButton\n            onPress={openTerms}\n            accessibilityRole=\"link\"\n            accessibilityHint=\"Opens terms of service in browser\"\n            style={styles.linkText}\n          >\n            terms of service\n          </TextInlineButton>\n          .\n        </Text>\n      </View>\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    scrollView: {\n      flex: 1,\n    },\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 16,\n      padding: 16,\n      minHeight: '100%',\n    },\n    icon: {\n      color: colors.iconColorDefaultDisabled,\n    },\n    content: {\n      alignItems: 'center',\n      gap: 8,\n      maxWidth: 250,\n    },\n    baseText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    linkText: {\n      fontSize: 14,\n    },\n  })\n}\n"]}
+{"version":3,"file":"age_check_underage_screen.js","sourceRoot":"","sources":["../../../src/screens/age_check/age_check_underage_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRoute, RouteProp } from '@react-navigation/native'\nimport React from 'react'\nimport { Linking, StyleSheet, View, ScrollView } from 'react-native'\nimport { Heading } from '../../components'\nimport { Icon, Text, TextInlineButton } from '../../components/display'\nimport { useTheme } from '../../hooks'\nimport type { AgeCheckParams } from './screen_props'\n\nexport interface AgeCheckUnderageScreenProps {\n  contactEmail?: string\n}\n\nexport function AgeCheckUnderageScreen({ contactEmail }: AgeCheckUnderageScreenProps = {}) {\n  const styles = useStyles()\n  const route = useRoute<RouteProp<AgeCheckParams, 'UnderagePerson'>>()\n\n  const email = contactEmail ?? route?.params?.contactEmail\n\n  const openChurchAdminHelp = () => {\n    if (!email) return\n    Linking.openURL(`mailto:${email}`)\n  }\n\n  const openTerms = () => {\n    Linking.openURL('https://www.planningcenter.com/terms')\n  }\n\n  return (\n    <ScrollView style={styles.scrollView} contentContainerStyle={styles.container}>\n      <Icon name=\"general.outlinedTextMessage\" size={32} style={styles.icon} />\n\n      <View style={styles.content}>\n        <Heading variant=\"h3\" style={styles.baseText}>\n          Chat is only available for users 13 and older.\n        </Heading>\n        <Text variant=\"tertiary\" style={styles.baseText}>\n          If you submitted the wrong birthdate by accident,{` `}\n          {email ? (\n            <TextInlineButton\n              onPress={openChurchAdminHelp}\n              accessibilityRole=\"link\"\n              accessibilityHint=\"Opens email client to contact your church administrator\"\n              style={styles.linkText}\n            >\n              please contact your church administrator\n            </TextInlineButton>\n          ) : (\n            <>please contact your church administrator</>\n          )}\n          {` `}\n          to update your profile.\n        </Text>\n        <Text variant=\"tertiary\" style={styles.baseText}>\n          For more information, view our{` `}\n          <TextInlineButton\n            onPress={openTerms}\n            accessibilityRole=\"link\"\n            accessibilityHint=\"Opens terms of service in browser\"\n            style={styles.linkText}\n          >\n            terms of service\n          </TextInlineButton>\n          .\n        </Text>\n      </View>\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    scrollView: {\n      flex: 1,\n    },\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 16,\n      padding: 16,\n      minHeight: '100%',\n    },\n    icon: {\n      color: colors.iconColorDefaultDisabled,\n    },\n    content: {\n      alignItems: 'center',\n      gap: 8,\n      maxWidth: 250,\n    },\n    baseText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    linkText: {\n      fontSize: 14,\n    },\n  })\n}\n"]}

package/build/screens/age_check/components/age_check_select_birthdate_modal.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export type AgeCheckSelectBirthdateProps = {
     onChange: (date: Date) => void;
     onDismiss?: () => void;
@@ -7,5 +6,5 @@ export type AgeCheckSelectBirthdateProps = {
     value?: Date | null;
     visible?: boolean;
 };
-export declare function AgeCheckSelectBirthdateModal(props: AgeCheckSelectBirthdateProps): React.JSX.Element;
+export declare function AgeCheckSelectBirthdateModal(props: AgeCheckSelectBirthdateProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=age_check_select_birthdate_modal.d.ts.map

package/build/screens/age_check/components/age_check_select_birthdate_modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"age_check_select_birthdate_modal.d.ts","sourceRoot":"","sources":["../../../../src/screens/age_check/components/age_check_select_birthdate_modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,4BAA4B,qBAK/E"}
+{"version":3,"file":"age_check_select_birthdate_modal.d.ts","sourceRoot":"","sources":["../../../../src/screens/age_check/components/age_check_select_birthdate_modal.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,4BAA4B,2CAK/E"}

package/build/screens/age_check/components/age_check_select_birthdate_modal.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DateTimePicker from '@react-native-community/datetimepicker';
 import React from 'react';
 import { Modal, Platform, StyleSheet, View } from 'react-native';
@@ -6,10 +7,10 @@ import FormSheet from '../../../components/primitive/form_sheet';
 import { useTheme } from '../../../hooks';
 export function AgeCheckSelectBirthdateModal(props) {
     if (Platform.OS === 'ios')
-        return <IOSBirthdateModal {...props}/>;
+        return _jsx(IOSBirthdateModal, { ...props });
     if (Platform.OS === 'android')
-        return <AndroidBirthdatePicker {...props}/>;
-    return <Text>Birthdate selection is not supported on this platform.</Text>;
+        return _jsx(AndroidBirthdatePicker, { ...props });
+    return _jsx(Text, { children: "Birthdate selection is not supported on this platform." });
 }
 const MINIMUM_BIRTHDATE = new Date(1900, 0, 1);
 function IOSBirthdateModal({ onChange, onDismiss, onRequestClose, onSubmit, value, visible, }) {
@@ -24,27 +25,7 @@ function IOSBirthdateModal({ onChange, onDismiss, onRequestClose, onSubmit, valu
         onSubmit(selected);
         onRequestClose();
     };
-    return (<Modal visible={visible} animationType="slide" presentationStyle="pageSheet" onRequestClose={onRequestClose} onDismiss={onDismiss}>
-      <FormSheet.Root style={styles.formSheet} contentStyle={styles.formSheetContent}>
-        <FormSheet.Header>
-          <FormSheet.HeaderTitle>Your birthdate</FormSheet.HeaderTitle>
-          <FormSheet.HeaderActions>
-            <FormSheet.HeaderTextButton onPress={onRequestClose}>Cancel</FormSheet.HeaderTextButton>
-            <FormSheet.HeaderButton title="Save" onPress={handleSave}/>
-          </FormSheet.HeaderActions>
-        </FormSheet.Header>
-        <View style={styles.content}>
-          <View style={styles.card}>
-            <Text nativeID="birthdateLabel" variant="tertiary" style={styles.label}>
-              Birthdate
-            </Text>
-            <View style={styles.pickerContainer}>
-              <DateTimePicker timeZoneName="UTC" accessibilityLabelledBy="birthdateLabel" testID="age-check-date-picker" mode="date" display="spinner" value={selected} minimumDate={MINIMUM_BIRTHDATE} maximumDate={today} onChange={handleChange}/>
-            </View>
-          </View>
-        </View>
-      </FormSheet.Root>
-    </Modal>);
+    return (_jsx(Modal, { visible: visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onRequestClose, onDismiss: onDismiss, children: _jsxs(FormSheet.Root, { style: styles.formSheet, contentStyle: styles.formSheetContent, children: [_jsxs(FormSheet.Header, { children: [_jsx(FormSheet.HeaderTitle, { children: "Your birthdate" }), _jsxs(FormSheet.HeaderActions, { children: [_jsx(FormSheet.HeaderTextButton, { onPress: onRequestClose, children: "Cancel" }), _jsx(FormSheet.HeaderButton, { title: "Save", onPress: handleSave })] })] }), _jsx(View, { style: styles.content, children: _jsxs(View, { style: styles.card, children: [_jsx(Text, { nativeID: "birthdateLabel", variant: "tertiary", style: styles.label, children: "Birthdate" }), _jsx(View, { style: styles.pickerContainer, children: _jsx(DateTimePicker, { timeZoneName: "UTC", accessibilityLabelledBy: "birthdateLabel", testID: "age-check-date-picker", mode: "date", display: "spinner", value: selected, minimumDate: MINIMUM_BIRTHDATE, maximumDate: today, onChange: handleChange }) })] }) })] }) }));
 }
 function AndroidBirthdatePicker({ onRequestClose, onSubmit, value, visible, }) {
     if (!visible)
@@ -57,7 +38,7 @@ function AndroidBirthdatePicker({ onRequestClose, onSubmit, value, visible, }) {
         }
         onRequestClose();
     };
-    return (<DateTimePicker timeZoneName="UTC" testID="age-check-date-picker-android" mode="date" display="spinner" value={selected} minimumDate={MINIMUM_BIRTHDATE} maximumDate={today} onChange={handleAndroidDateChange}/>);
+    return (_jsx(DateTimePicker, { timeZoneName: "UTC", testID: "age-check-date-picker-android", mode: "date", display: "spinner", value: selected, minimumDate: MINIMUM_BIRTHDATE, maximumDate: today, onChange: handleAndroidDateChange }));
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/age_check/components/age_check_select_birthdate_modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"age_check_select_birthdate_modal.js","sourceRoot":"","sources":["../../../../src/screens/age_check/components/age_check_select_birthdate_modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'\nimport React from 'react'\nimport { Modal, Platform, StyleSheet, View } from 'react-native'\nimport { Text } from '../../../components/display/text'\nimport FormSheet from '../../../components/primitive/form_sheet'\nimport { useTheme } from '../../../hooks'\n\nexport type AgeCheckSelectBirthdateProps = {\n  onChange: (date: Date) => void\n  onDismiss?: () => void\n  onRequestClose: () => void\n  onSubmit: (date: Date) => void\n  value?: Date | null\n  visible?: boolean\n}\n\nexport function AgeCheckSelectBirthdateModal(props: AgeCheckSelectBirthdateProps) {\n  if (Platform.OS === 'ios') return <IOSBirthdateModal {...props} />\n  if (Platform.OS === 'android') return <AndroidBirthdatePicker {...props} />\n\n  return <Text>Birthdate selection is not supported on this platform.</Text>\n}\n\nconst MINIMUM_BIRTHDATE = new Date(1900, 0, 1)\n\nfunction IOSBirthdateModal({\n  onChange,\n  onDismiss,\n  onRequestClose,\n  onSubmit,\n  value,\n  visible,\n}: AgeCheckSelectBirthdateProps) {\n  const styles = useStyles()\n  const today = React.useMemo(() => new Date(), [])\n  const selected = value || today\n\n  const handleChange = (_event: DateTimePickerEvent, date?: Date) => {\n    if (date) onChange(date)\n  }\n\n  const handleSave = () => {\n    onSubmit(selected)\n    onRequestClose()\n  }\n\n  return (\n    <Modal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onRequestClose}\n      onDismiss={onDismiss}\n    >\n      <FormSheet.Root style={styles.formSheet} contentStyle={styles.formSheetContent}>\n        <FormSheet.Header>\n          <FormSheet.HeaderTitle>Your birthdate</FormSheet.HeaderTitle>\n          <FormSheet.HeaderActions>\n            <FormSheet.HeaderTextButton onPress={onRequestClose}>Cancel</FormSheet.HeaderTextButton>\n            <FormSheet.HeaderButton title=\"Save\" onPress={handleSave} />\n          </FormSheet.HeaderActions>\n        </FormSheet.Header>\n        <View style={styles.content}>\n          <View style={styles.card}>\n            <Text nativeID=\"birthdateLabel\" variant=\"tertiary\" style={styles.label}>\n              Birthdate\n            </Text>\n            <View style={styles.pickerContainer}>\n              <DateTimePicker\n                timeZoneName=\"UTC\"\n                accessibilityLabelledBy=\"birthdateLabel\"\n                testID=\"age-check-date-picker\"\n                mode=\"date\"\n                display=\"spinner\"\n                value={selected}\n                minimumDate={MINIMUM_BIRTHDATE}\n                maximumDate={today}\n                onChange={handleChange}\n              />\n            </View>\n          </View>\n        </View>\n      </FormSheet.Root>\n    </Modal>\n  )\n}\n\nfunction AndroidBirthdatePicker({\n  onRequestClose,\n  onSubmit,\n  value,\n  visible,\n}: AgeCheckSelectBirthdateProps) {\n  if (!visible) return null\n\n  const today = new Date()\n  const selected = value || today\n\n  const handleAndroidDateChange = (event: DateTimePickerEvent, selectedDate?: Date) => {\n    if (event.type === 'set' && selectedDate) {\n      onSubmit(selectedDate)\n    }\n    onRequestClose()\n  }\n\n  return (\n    <DateTimePicker\n      timeZoneName=\"UTC\"\n      testID=\"age-check-date-picker-android\"\n      mode=\"date\"\n      display=\"spinner\"\n      value={selected}\n      minimumDate={MINIMUM_BIRTHDATE}\n      maximumDate={today}\n      onChange={handleAndroidDateChange}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    formSheet: {\n      backgroundColor: colors.surfaceColor080,\n    },\n    formSheetContent: {\n      flex: 1,\n    },\n    content: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n      padding: 16,\n      justifyContent: 'flex-start',\n    },\n    card: {\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n      padding: 16,\n    },\n    label: {\n      marginBottom: 8,\n      textTransform: 'uppercase',\n    },\n    pickerContainer: {\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"age_check_select_birthdate_modal.js","sourceRoot":"","sources":["../../../../src/screens/age_check/components/age_check_select_birthdate_modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'\nimport React from 'react'\nimport { Modal, Platform, StyleSheet, View } from 'react-native'\nimport { Text } from '../../../components/display/text'\nimport FormSheet from '../../../components/primitive/form_sheet'\nimport { useTheme } from '../../../hooks'\n\nexport type AgeCheckSelectBirthdateProps = {\n  onChange: (date: Date) => void\n  onDismiss?: () => void\n  onRequestClose: () => void\n  onSubmit: (date: Date) => void\n  value?: Date | null\n  visible?: boolean\n}\n\nexport function AgeCheckSelectBirthdateModal(props: AgeCheckSelectBirthdateProps) {\n  if (Platform.OS === 'ios') return <IOSBirthdateModal {...props} />\n  if (Platform.OS === 'android') return <AndroidBirthdatePicker {...props} />\n\n  return <Text>Birthdate selection is not supported on this platform.</Text>\n}\n\nconst MINIMUM_BIRTHDATE = new Date(1900, 0, 1)\n\nfunction IOSBirthdateModal({\n  onChange,\n  onDismiss,\n  onRequestClose,\n  onSubmit,\n  value,\n  visible,\n}: AgeCheckSelectBirthdateProps) {\n  const styles = useStyles()\n  const today = React.useMemo(() => new Date(), [])\n  const selected = value || today\n\n  const handleChange = (_event: DateTimePickerEvent, date?: Date) => {\n    if (date) onChange(date)\n  }\n\n  const handleSave = () => {\n    onSubmit(selected)\n    onRequestClose()\n  }\n\n  return (\n    <Modal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onRequestClose}\n      onDismiss={onDismiss}\n    >\n      <FormSheet.Root style={styles.formSheet} contentStyle={styles.formSheetContent}>\n        <FormSheet.Header>\n          <FormSheet.HeaderTitle>Your birthdate</FormSheet.HeaderTitle>\n          <FormSheet.HeaderActions>\n            <FormSheet.HeaderTextButton onPress={onRequestClose}>Cancel</FormSheet.HeaderTextButton>\n            <FormSheet.HeaderButton title=\"Save\" onPress={handleSave} />\n          </FormSheet.HeaderActions>\n        </FormSheet.Header>\n        <View style={styles.content}>\n          <View style={styles.card}>\n            <Text nativeID=\"birthdateLabel\" variant=\"tertiary\" style={styles.label}>\n              Birthdate\n            </Text>\n            <View style={styles.pickerContainer}>\n              <DateTimePicker\n                timeZoneName=\"UTC\"\n                accessibilityLabelledBy=\"birthdateLabel\"\n                testID=\"age-check-date-picker\"\n                mode=\"date\"\n                display=\"spinner\"\n                value={selected}\n                minimumDate={MINIMUM_BIRTHDATE}\n                maximumDate={today}\n                onChange={handleChange}\n              />\n            </View>\n          </View>\n        </View>\n      </FormSheet.Root>\n    </Modal>\n  )\n}\n\nfunction AndroidBirthdatePicker({\n  onRequestClose,\n  onSubmit,\n  value,\n  visible,\n}: AgeCheckSelectBirthdateProps) {\n  if (!visible) return null\n\n  const today = new Date()\n  const selected = value || today\n\n  const handleAndroidDateChange = (event: DateTimePickerEvent, selectedDate?: Date) => {\n    if (event.type === 'set' && selectedDate) {\n      onSubmit(selectedDate)\n    }\n    onRequestClose()\n  }\n\n  return (\n    <DateTimePicker\n      timeZoneName=\"UTC\"\n      testID=\"age-check-date-picker-android\"\n      mode=\"date\"\n      display=\"spinner\"\n      value={selected}\n      minimumDate={MINIMUM_BIRTHDATE}\n      maximumDate={today}\n      onChange={handleAndroidDateChange}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    formSheet: {\n      backgroundColor: colors.surfaceColor080,\n    },\n    formSheetContent: {\n      flex: 1,\n    },\n    content: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n      padding: 16,\n      justifyContent: 'flex-start',\n    },\n    card: {\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n      padding: 16,\n    },\n    label: {\n      marginBottom: 8,\n      textTransform: 'uppercase',\n    },\n    pickerContainer: {\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n    },\n  })\n}\n"]}

package/build/screens/attachment_actions/attachment_actions_screen.d.ts

@@ -1,5 +1,4 @@
 import { StaticScreenProps } from '@react-navigation/native';
-import React from 'react';
 export declare const AttachmentActionsScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
 export type AttachmentActionsScreenProps = StaticScreenProps<{
     attachmentId: string;
@@ -9,5 +8,5 @@ export type AttachmentActionsScreenProps = StaticScreenProps<{
     canDeleteNonAuthoredMessages: boolean;
     myMessage: boolean;
 }>;
-export declare function AttachmentActionsScreen({ route }: AttachmentActionsScreenProps): React.JSX.Element;
+export declare function AttachmentActionsScreen({ route }: AttachmentActionsScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=attachment_actions_screen.d.ts.map

package/build/screens/attachment_actions/attachment_actions_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment_actions_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/attachment_actions/attachment_actions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,8BAA8B,uEAEzC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,EAAE,4BAA4B,qBAgE9E"}
+{"version":3,"file":"attachment_actions_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/attachment_actions/attachment_actions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAM3E,eAAO,MAAM,8BAA8B,uEAEzC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,EAAE,4BAA4B,2CAgE9E"}

package/build/screens/attachment_actions/attachment_actions_screen.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { Alert, Linking, StyleSheet } from 'react-native';
 import FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet';
 import { useDeleteAttachment } from './hooks/useDeleteAttachment';
@@ -34,10 +35,7 @@ export function AttachmentActionsScreen({ route }) {
         Linking.openURL(attachmentUrl);
         navigation.goBack();
     };
-    return (<FormSheet.Root contentStyle={styles.formSheetContent}>
-      <FormSheet.Action iconName="general.newWindow" title="Open in browser" accessibilityRole="link" accessibilityLabel={`Open ${attachmentName} in browser`} accessibilityHint={`${attachmentName} can be downloaded and shared through the browser.`} onPress={handleOpenInBrowser}/>
-      {canDelete && (<FormSheet.Action appearance="danger" iconName="publishing.trash" title={`Delete ${attachmentName}`} onPress={handleDeleteConfirm}/>)}
-    </FormSheet.Root>);
+    return (_jsxs(FormSheet.Root, { contentStyle: styles.formSheetContent, children: [_jsx(FormSheet.Action, { iconName: "general.newWindow", title: "Open in browser", accessibilityRole: "link", accessibilityLabel: `Open ${attachmentName} in browser`, accessibilityHint: `${attachmentName} can be downloaded and shared through the browser.`, onPress: handleOpenInBrowser }), canDelete && (_jsx(FormSheet.Action, { appearance: "danger", iconName: "publishing.trash", title: `Delete ${attachmentName}`, onPress: handleDeleteConfirm }))] }));
 }
 const useStyles = () => {
     return StyleSheet.create({

package/build/screens/attachment_actions/attachment_actions_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment_actions_screen.js","sourceRoot":"","sources":["../../../src/screens/attachment_actions/attachment_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Alert, Linking, StyleSheet } from 'react-native'\nimport FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'\nimport { useDeleteAttachment } from './hooks/useDeleteAttachment'\n\nexport const AttachmentActionsScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Attachment actions',\n})\n\nexport type AttachmentActionsScreenProps = StaticScreenProps<{\n  attachmentId: string\n  attachmentContentType: string\n  attachmentUrl: string\n  conversation_id: number\n  canDeleteNonAuthoredMessages: boolean\n  myMessage: boolean\n}>\n\nexport function AttachmentActionsScreen({ route }: AttachmentActionsScreenProps) {\n  const navigation = useNavigation()\n  const {\n    attachmentId,\n    attachmentContentType,\n    attachmentUrl,\n    conversation_id,\n    canDeleteNonAuthoredMessages,\n    myMessage,\n  } = route.params\n\n  const attachmentName = getAttachmentLabelName(attachmentContentType)\n  const canDelete = myMessage || canDeleteNonAuthoredMessages\n  const styles = useStyles()\n\n  const { handleDeleteAttachment } = useDeleteAttachment({\n    conversation_id,\n    attachmentId,\n    attachmentName,\n  })\n\n  const handleDeleteConfirm = useCallback(() => {\n    Alert.alert(\n      `Delete ${attachmentName}`,\n      'Are you sure you want to permanently delete this attachment?',\n      [\n        { text: 'Cancel', style: 'cancel' },\n        {\n          text: 'Delete',\n          style: 'destructive',\n          onPress: () => {\n            handleDeleteAttachment()\n            navigation.goBack()\n          },\n        },\n      ]\n    )\n  }, [attachmentName, handleDeleteAttachment, navigation])\n\n  const handleOpenInBrowser = () => {\n    Linking.openURL(attachmentUrl)\n    navigation.goBack()\n  }\n\n  return (\n    <FormSheet.Root contentStyle={styles.formSheetContent}>\n      <FormSheet.Action\n        iconName=\"general.newWindow\"\n        title=\"Open in browser\"\n        accessibilityRole=\"link\"\n        accessibilityLabel={`Open ${attachmentName} in browser`}\n        accessibilityHint={`${attachmentName} can be downloaded and shared through the browser.`}\n        onPress={handleOpenInBrowser}\n      />\n      {canDelete && (\n        <FormSheet.Action\n          appearance=\"danger\"\n          iconName=\"publishing.trash\"\n          title={`Delete ${attachmentName}`}\n          onPress={handleDeleteConfirm}\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n  })\n}\n\nfunction getAttachmentLabelName(contentType: string) {\n  if (contentType.startsWith('image/')) return 'image'\n  if (contentType.startsWith('video/')) return 'video'\n  if (contentType.startsWith('audio/')) return 'audio'\n  if (contentType === 'application/pdf') return 'PDF'\n  if (contentType.startsWith('application/')) return 'file'\n\n  return ''\n}\n"]}
+{"version":3,"file":"attachment_actions_screen.js","sourceRoot":"","sources":["../../../src/screens/attachment_actions/attachment_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Alert, Linking, StyleSheet } from 'react-native'\nimport FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'\nimport { useDeleteAttachment } from './hooks/useDeleteAttachment'\n\nexport const AttachmentActionsScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Attachment actions',\n})\n\nexport type AttachmentActionsScreenProps = StaticScreenProps<{\n  attachmentId: string\n  attachmentContentType: string\n  attachmentUrl: string\n  conversation_id: number\n  canDeleteNonAuthoredMessages: boolean\n  myMessage: boolean\n}>\n\nexport function AttachmentActionsScreen({ route }: AttachmentActionsScreenProps) {\n  const navigation = useNavigation()\n  const {\n    attachmentId,\n    attachmentContentType,\n    attachmentUrl,\n    conversation_id,\n    canDeleteNonAuthoredMessages,\n    myMessage,\n  } = route.params\n\n  const attachmentName = getAttachmentLabelName(attachmentContentType)\n  const canDelete = myMessage || canDeleteNonAuthoredMessages\n  const styles = useStyles()\n\n  const { handleDeleteAttachment } = useDeleteAttachment({\n    conversation_id,\n    attachmentId,\n    attachmentName,\n  })\n\n  const handleDeleteConfirm = useCallback(() => {\n    Alert.alert(\n      `Delete ${attachmentName}`,\n      'Are you sure you want to permanently delete this attachment?',\n      [\n        { text: 'Cancel', style: 'cancel' },\n        {\n          text: 'Delete',\n          style: 'destructive',\n          onPress: () => {\n            handleDeleteAttachment()\n            navigation.goBack()\n          },\n        },\n      ]\n    )\n  }, [attachmentName, handleDeleteAttachment, navigation])\n\n  const handleOpenInBrowser = () => {\n    Linking.openURL(attachmentUrl)\n    navigation.goBack()\n  }\n\n  return (\n    <FormSheet.Root contentStyle={styles.formSheetContent}>\n      <FormSheet.Action\n        iconName=\"general.newWindow\"\n        title=\"Open in browser\"\n        accessibilityRole=\"link\"\n        accessibilityLabel={`Open ${attachmentName} in browser`}\n        accessibilityHint={`${attachmentName} can be downloaded and shared through the browser.`}\n        onPress={handleOpenInBrowser}\n      />\n      {canDelete && (\n        <FormSheet.Action\n          appearance=\"danger\"\n          iconName=\"publishing.trash\"\n          title={`Delete ${attachmentName}`}\n          onPress={handleDeleteConfirm}\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n  })\n}\n\nfunction getAttachmentLabelName(contentType: string) {\n  if (contentType.startsWith('image/')) return 'image'\n  if (contentType.startsWith('video/')) return 'video'\n  if (contentType.startsWith('audio/')) return 'audio'\n  if (contentType === 'application/pdf') return 'PDF'\n  if (contentType.startsWith('application/')) return 'file'\n\n  return ''\n}\n"]}

package/build/screens/avatar_picker/avatar_picker_screen.d.ts

@@ -1,5 +1,4 @@
 import { StaticScreenProps } from '@react-navigation/native';
-import React from 'react';
 import { type AvatarUpdatePayload } from '../../hooks/use_conversation_avatar_update';
 export declare const AvatarPickerScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
 export declare const AvatarPickerCreateScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
@@ -8,5 +7,5 @@ export type AvatarPickerScreenProps = StaticScreenProps<{
     source_params?: Record<string, unknown>;
     avatar_selection?: AvatarUpdatePayload;
 }>;
-export declare function AvatarPickerScreen({ route }: AvatarPickerScreenProps): React.JSX.Element;
+export declare function AvatarPickerScreen({ route }: AvatarPickerScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=avatar_picker_screen.d.ts.map

package/build/screens/avatar_picker/avatar_picker_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_picker_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_picker_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAAkC,MAAM,OAAO,CAAA;AAUtD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4CAA4C,CAAA;AAoBnD,eAAO,MAAM,yBAAyB,uEAIpC,CAAA;AAEF,eAAO,MAAM,+BAA+B,uEAI1C,CAAA;AAEF,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,mBAAmB,CAAA;CACvC,CAAC,CAAA;AAUF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBAMpE"}
+{"version":3,"file":"avatar_picker_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_picker_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAWzF,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4CAA4C,CAAA;AAoBnD,eAAO,MAAM,yBAAyB,uEAIpC,CAAA;AAEF,eAAO,MAAM,+BAA+B,uEAI1C,CAAA;AAEF,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,mBAAmB,CAAA;CACvC,CAAC,CAAA;AAUF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAMpE"}

package/build/screens/avatar_picker/avatar_picker_screen.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { StackActions, useNavigation } from '@react-navigation/native';
-import React, { useCallback, useReducer } from 'react';
+import { useCallback, useReducer } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { ConversationAvatar } from '../../components/display/conversation_avatar';
@@ -38,9 +39,9 @@ const TAB_LABELS = {
 export function AvatarPickerScreen({ route }) {
     const { conversation_id, source_params, avatar_selection } = route.params;
     if (conversation_id) {
-        return <EditModeContent conversationId={conversation_id}/>;
+        return _jsx(EditModeContent, { conversationId: conversation_id });
     }
-    return <CreateModeContent sourceParams={source_params} existingSelection={avatar_selection}/>;
+    return _jsx(CreateModeContent, { sourceParams: source_params, existingSelection: avatar_selection });
 }
 function EditModeContent({ conversationId }) {
     const navigation = useNavigation();
@@ -63,14 +64,7 @@ function EditModeContent({ conversationId }) {
     const handleRemove = useCallback(() => {
         mutation.mutate({ kind: 'clear' }, { onSuccess: () => dispatch({ type: 'CLEAR' }) });
     }, [mutation, dispatch]);
-    return (<AvatarPickerFormSheet state={state} dispatch={dispatch} headerTitle="Update avatar" headerActions={<>
-          {hasAvatar && (<FormSheet.HeaderTextButton onPress={handleRemove} appearance="danger">
-              Remove
-            </FormSheet.HeaderTextButton>)}
-          <FormSheet.HeaderTextButton onPress={handleDone} disabled={mutation.isPending}>
-            Done
-          </FormSheet.HeaderTextButton>
-        </>} fallbackPreview={<ConversationAvatar conversation={conversation} size="2xl" maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK} style={{ width: previewDiameter, height: previewDiameter }}/>}/>);
+    return (_jsx(AvatarPickerFormSheet, { state: state, dispatch: dispatch, headerTitle: "Update avatar", headerActions: _jsxs(_Fragment, { children: [hasAvatar && (_jsx(FormSheet.HeaderTextButton, { onPress: handleRemove, appearance: "danger", children: "Remove" })), _jsx(FormSheet.HeaderTextButton, { onPress: handleDone, disabled: mutation.isPending, children: "Done" })] }), fallbackPreview: _jsx(ConversationAvatar, { conversation: conversation, size: "2xl", maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK, style: { width: previewDiameter, height: previewDiameter } }) }));
 }
 function CreateModeContent({ sourceParams, existingSelection }) {
     const navigation = useNavigation();
@@ -88,40 +82,19 @@ function CreateModeContent({ sourceParams, existingSelection }) {
             navigation.goBack();
         }
     }, [state, navigation, sourceParams]);
-    return (<AvatarPickerFormSheet state={state} dispatch={dispatch} headerTitle="Choose avatar" headerActions={<FormSheet.HeaderTextButton onPress={handleDone}>Done</FormSheet.HeaderTextButton>} fallbackPreview={<EmptyAvatarPlaceholder />}/>);
+    return (_jsx(AvatarPickerFormSheet, { state: state, dispatch: dispatch, headerTitle: "Choose avatar", headerActions: _jsx(FormSheet.HeaderTextButton, { onPress: handleDone, children: "Done" }), fallbackPreview: _jsx(EmptyAvatarPlaceholder, {}) }));
 }
 function AvatarPickerFormSheet({ state, dispatch, headerTitle, headerActions, fallbackPreview, }) {
     const styles = useStyles();
-    return (<FormSheet.Root style={styles.formSheetRoot} contentStyle={styles.formSheetContent} showAndroidSheetGrabber={false}>
-      <FormSheet.Header style={styles.header}>
-        <FormSheet.HeaderTitle>{headerTitle}</FormSheet.HeaderTitle>
-        <FormSheet.HeaderActions>{headerActions}</FormSheet.HeaderActions>
-      </FormSheet.Header>
-
-      <AvatarPreview state={state} fallback={fallbackPreview}/>
-
-      <Tabs data={TABS} activeTab={state.activeTab} onTabPress={tab => dispatch({ type: 'SELECT_TAB', payload: tab })} renderItem={({ item }) => (<Text style={[styles.tabLabel, item === state.activeTab && styles.tabLabelActive]} maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}>
-            {TAB_LABELS[item]}
-          </Text>)} style={styles.tabs}/>
-
-      <View style={styles.body}>
-        {state.activeTab === 'icon' && (<IconGrid selectedIconKey={state.selectedType === 'icon' ? state.selectedKey : null} onIconSelect={iconKey => dispatch({ type: 'SELECT_ICON', payload: iconKey })}/>)}
-        {state.activeTab === 'emoji' && (<EmojiTab onEmojiSelect={emoji => dispatch({ type: 'SELECT_EMOJI', payload: emoji })}/>)}
-        {state.activeTab === 'upload' && (<UploadTab imagePreviewUri={state.imagePreviewUri} onImageSelect={asset => dispatch({ type: 'SET_IMAGE', payload: asset })}/>)}
-      </View>
-
-      {state.activeTab !== 'upload' && (<View style={styles.colorPickerWrapper}>
-          <ColorPicker selectedColor={state.selectedColor} onColorSelect={color => dispatch({ type: 'SELECT_COLOR', payload: color })}/>
-        </View>)}
-    </FormSheet.Root>);
+    return (_jsxs(FormSheet.Root, { style: styles.formSheetRoot, contentStyle: styles.formSheetContent, showAndroidSheetGrabber: false, children: [_jsxs(FormSheet.Header, { style: styles.header, children: [_jsx(FormSheet.HeaderTitle, { children: headerTitle }), _jsx(FormSheet.HeaderActions, { children: headerActions })] }), _jsx(AvatarPreview, { state: state, fallback: fallbackPreview }), _jsx(Tabs, { data: TABS, activeTab: state.activeTab, onTabPress: tab => dispatch({ type: 'SELECT_TAB', payload: tab }), renderItem: ({ item }) => (_jsx(Text, { style: [styles.tabLabel, item === state.activeTab && styles.tabLabelActive], maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK, children: TAB_LABELS[item] })), style: styles.tabs }), _jsxs(View, { style: styles.body, children: [state.activeTab === 'icon' && (_jsx(IconGrid, { selectedIconKey: state.selectedType === 'icon' ? state.selectedKey : null, onIconSelect: iconKey => dispatch({ type: 'SELECT_ICON', payload: iconKey }) })), state.activeTab === 'emoji' && (_jsx(EmojiTab, { onEmojiSelect: emoji => dispatch({ type: 'SELECT_EMOJI', payload: emoji }) })), state.activeTab === 'upload' && (_jsx(UploadTab, { imagePreviewUri: state.imagePreviewUri, onImageSelect: asset => dispatch({ type: 'SET_IMAGE', payload: asset }) }))] }), state.activeTab !== 'upload' && (_jsx(View, { style: styles.colorPickerWrapper, children: _jsx(ColorPicker, { selectedColor: state.selectedColor, onColorSelect: color => dispatch({ type: 'SELECT_COLOR', payload: color }) }) }))] }));
 }
 function EmptyAvatarPlaceholder() {
     const styles = useStyles();
     const diameter = usePreviewAvatarDiameter();
-    return (<View style={[
+    return (_jsx(View, { style: [
             styles.emptyAvatarPlaceholder,
             { width: diameter, height: diameter, borderRadius: diameter / 2 },
-        ]}/>);
+        ] }));
 }
 function hasValidSelection(state) {
     switch (state.selectedType) {

package/build/screens/avatar_picker/avatar_picker_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_picker_screen.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_picker_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useReducer } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationAvatar } from '../../components/display/conversation_avatar'\nimport { Tabs } from '../../components/display/tabs'\nimport { Text } from '../../components/display/text'\nimport { coerceColorKey } from '../../components/display/utils/avatar_gradient_colors'\nimport FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'\nimport { useTheme } from '../../hooks'\nimport { useConversation } from '../../hooks/use_conversation'\nimport {\n  useConversationAvatarUpdate,\n  type AvatarUpdatePayload,\n} from '../../hooks/use_conversation_avatar_update'\nimport { useFontScale } from '../../hooks/use_font_scale'\nimport { usePreviewAvatarDiameter } from '../../hooks/use_preview_avatar_diameter'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport type { ImagePickerAsset } from '../../utils/native_adapters/image_picker'\nimport {\n  avatarPickerReducer,\n  initAvatarPickerState,\n  initAvatarPickerStateFromPayload,\n  initEmptyAvatarPickerState,\n  type AvatarPickerAction,\n  type AvatarPickerState,\n  type AvatarTab,\n} from './avatar_picker_state'\nimport { AvatarPreview } from './avatar_preview'\nimport { ColorPicker } from './color_picker'\nimport { EmojiTab } from './emoji_tab'\nimport { IconGrid } from './icon_grid'\nimport { UploadTab } from './upload_tab'\n\nexport const AvatarPickerScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Update avatar',\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: [1],\n})\n\nexport const AvatarPickerCreateScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Choose avatar',\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: [1],\n})\n\nexport type AvatarPickerScreenProps = StaticScreenProps<{\n  conversation_id?: number\n  source_params?: Record<string, unknown>\n  avatar_selection?: AvatarUpdatePayload\n}>\n\nconst TABS: AvatarTab[] = ['icon', 'emoji', 'upload']\n\nconst TAB_LABELS: Record<AvatarTab, string> = {\n  icon: 'Icon',\n  emoji: 'Emoji',\n  upload: 'Upload',\n}\n\nexport function AvatarPickerScreen({ route }: AvatarPickerScreenProps) {\n  const { conversation_id, source_params, avatar_selection } = route.params\n  if (conversation_id) {\n    return <EditModeContent conversationId={conversation_id} />\n  }\n  return <CreateModeContent sourceParams={source_params} existingSelection={avatar_selection} />\n}\n\nfunction EditModeContent({ conversationId }: { conversationId: number }) {\n  const navigation = useNavigation()\n  const { data: conversation } = useConversation({ conversation_id: conversationId })\n  const mutation = useConversationAvatarUpdate({ conversationId })\n  const previewDiameter = usePreviewAvatarDiameter()\n\n  const [state, dispatch] = useReducer(avatarPickerReducer, conversation, initAvatarPickerState)\n\n  const hasAvatar = state.selectedType !== null\n\n  const handleDone = useCallback(() => {\n    if (!state.isDirty) {\n      navigation.goBack()\n      return\n    }\n\n    const payload = buildPayload(state)\n    if (payload) {\n      mutation.mutate(payload)\n    }\n    navigation.goBack()\n  }, [state, mutation, navigation])\n\n  const handleRemove = useCallback(() => {\n    mutation.mutate({ kind: 'clear' }, { onSuccess: () => dispatch({ type: 'CLEAR' }) })\n  }, [mutation, dispatch])\n\n  return (\n    <AvatarPickerFormSheet\n      state={state}\n      dispatch={dispatch}\n      headerTitle=\"Update avatar\"\n      headerActions={\n        <>\n          {hasAvatar && (\n            <FormSheet.HeaderTextButton onPress={handleRemove} appearance=\"danger\">\n              Remove\n            </FormSheet.HeaderTextButton>\n          )}\n          <FormSheet.HeaderTextButton onPress={handleDone} disabled={mutation.isPending}>\n            Done\n          </FormSheet.HeaderTextButton>\n        </>\n      }\n      fallbackPreview={\n        <ConversationAvatar\n          conversation={conversation}\n          size=\"2xl\"\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          style={{ width: previewDiameter, height: previewDiameter }}\n        />\n      }\n    />\n  )\n}\n\ninterface CreateModeContentProps {\n  sourceParams?: Record<string, unknown>\n  existingSelection?: AvatarUpdatePayload\n}\n\nfunction CreateModeContent({ sourceParams, existingSelection }: CreateModeContentProps) {\n  const navigation = useNavigation()\n\n  const [state, dispatch] = useReducer(avatarPickerReducer, existingSelection, selection =>\n    selection ? initAvatarPickerStateFromPayload(selection) : initEmptyAvatarPickerState()\n  )\n\n  const handleDone = useCallback(() => {\n    if (!state.isDirty) {\n      navigation.goBack()\n      return\n    }\n\n    const payload = buildPayload(state)\n    if (payload) {\n      navigation.dispatch(\n        StackActions.popTo('ConversationNew', { ...sourceParams, avatar_selection: payload })\n      )\n    } else {\n      navigation.goBack()\n    }\n  }, [state, navigation, sourceParams])\n\n  return (\n    <AvatarPickerFormSheet\n      state={state}\n      dispatch={dispatch}\n      headerTitle=\"Choose avatar\"\n      headerActions={\n        <FormSheet.HeaderTextButton onPress={handleDone}>Done</FormSheet.HeaderTextButton>\n      }\n      fallbackPreview={<EmptyAvatarPlaceholder />}\n    />\n  )\n}\n\ninterface AvatarPickerFormSheetProps {\n  state: AvatarPickerState\n  dispatch: React.Dispatch<AvatarPickerAction>\n  headerTitle: string\n  headerActions: React.ReactNode\n  fallbackPreview: React.ReactNode\n}\n\nfunction AvatarPickerFormSheet({\n  state,\n  dispatch,\n  headerTitle,\n  headerActions,\n  fallbackPreview,\n}: AvatarPickerFormSheetProps) {\n  const styles = useStyles()\n\n  return (\n    <FormSheet.Root\n      style={styles.formSheetRoot}\n      contentStyle={styles.formSheetContent}\n      showAndroidSheetGrabber={false}\n    >\n      <FormSheet.Header style={styles.header}>\n        <FormSheet.HeaderTitle>{headerTitle}</FormSheet.HeaderTitle>\n        <FormSheet.HeaderActions>{headerActions}</FormSheet.HeaderActions>\n      </FormSheet.Header>\n\n      <AvatarPreview state={state} fallback={fallbackPreview} />\n\n      <Tabs\n        data={TABS}\n        activeTab={state.activeTab}\n        onTabPress={tab => dispatch({ type: 'SELECT_TAB', payload: tab })}\n        renderItem={({ item }) => (\n          <Text\n            style={[styles.tabLabel, item === state.activeTab && styles.tabLabelActive]}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          >\n            {TAB_LABELS[item]}\n          </Text>\n        )}\n        style={styles.tabs}\n      />\n\n      <View style={styles.body}>\n        {state.activeTab === 'icon' && (\n          <IconGrid\n            selectedIconKey={state.selectedType === 'icon' ? state.selectedKey : null}\n            onIconSelect={iconKey => dispatch({ type: 'SELECT_ICON', payload: iconKey })}\n          />\n        )}\n        {state.activeTab === 'emoji' && (\n          <EmojiTab onEmojiSelect={emoji => dispatch({ type: 'SELECT_EMOJI', payload: emoji })} />\n        )}\n        {state.activeTab === 'upload' && (\n          <UploadTab\n            imagePreviewUri={state.imagePreviewUri}\n            onImageSelect={asset => dispatch({ type: 'SET_IMAGE', payload: asset })}\n          />\n        )}\n      </View>\n\n      {state.activeTab !== 'upload' && (\n        <View style={styles.colorPickerWrapper}>\n          <ColorPicker\n            selectedColor={state.selectedColor}\n            onColorSelect={color => dispatch({ type: 'SELECT_COLOR', payload: color })}\n          />\n        </View>\n      )}\n    </FormSheet.Root>\n  )\n}\n\nfunction EmptyAvatarPlaceholder() {\n  const styles = useStyles()\n  const diameter = usePreviewAvatarDiameter()\n  return (\n    <View\n      style={[\n        styles.emptyAvatarPlaceholder,\n        { width: diameter, height: diameter, borderRadius: diameter / 2 },\n      ]}\n    />\n  )\n}\n\ntype ValidAvatarPickerState = AvatarPickerState &\n  (\n    | { selectedType: 'icon' | 'emoji'; selectedKey: string }\n    | { selectedType: 'image'; imageAsset: ImagePickerAsset }\n  )\n\nfunction hasValidSelection(state: AvatarPickerState): state is ValidAvatarPickerState {\n  switch (state.selectedType) {\n    case 'icon':\n    case 'emoji':\n      return state.selectedKey !== null\n    case 'image':\n      return state.imageAsset !== null\n    case null:\n      return false\n  }\n}\n\nfunction buildPayload(state: AvatarPickerState): AvatarUpdatePayload | null {\n  if (!hasValidSelection(state)) return null\n\n  const color = coerceColorKey(state.selectedColor)\n\n  switch (state.selectedType) {\n    case 'icon':\n      return { kind: 'icon', key: state.selectedKey, color }\n    case 'emoji':\n      return { kind: 'emoji', key: state.selectedKey, color }\n    case 'image':\n      return { kind: 'image', imageAsset: state.imageAsset, color }\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })\n  const { top } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    formSheetRoot: {\n      flex: 1,\n    },\n    formSheetContent: {\n      flex: 1,\n    },\n    header: {\n      paddingTop: Platform.select({ ios: 20, android: 20 + top }),\n    },\n    tabs: {\n      minHeight: 52 * fontScale,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      zIndex: 1,\n    },\n    tabLabel: {\n      fontSize: 14,\n      color: colors.textColorDefaultSecondary,\n      paddingVertical: 14 * fontScale,\n      minWidth: 56 * fontScale,\n      textAlign: 'center',\n    },\n    tabLabelActive: {\n      color: colors.textColorDefaultPrimary,\n    },\n    body: {\n      flex: 1,\n      overflow: 'hidden',\n    },\n    colorPickerWrapper: {\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultBase,\n    },\n    emptyAvatarPlaceholder: {\n      borderWidth: 2,\n      borderStyle: 'dashed',\n      borderColor: colors.borderColorDefaultBase,\n    },\n  })\n}\n"]}
+{"version":3,"file":"avatar_picker_screen.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_picker_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useReducer } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationAvatar } from '../../components/display/conversation_avatar'\nimport { Tabs } from '../../components/display/tabs'\nimport { Text } from '../../components/display/text'\nimport { coerceColorKey } from '../../components/display/utils/avatar_gradient_colors'\nimport FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'\nimport { useTheme } from '../../hooks'\nimport { useConversation } from '../../hooks/use_conversation'\nimport {\n  useConversationAvatarUpdate,\n  type AvatarUpdatePayload,\n} from '../../hooks/use_conversation_avatar_update'\nimport { useFontScale } from '../../hooks/use_font_scale'\nimport { usePreviewAvatarDiameter } from '../../hooks/use_preview_avatar_diameter'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport type { ImagePickerAsset } from '../../utils/native_adapters/image_picker'\nimport {\n  avatarPickerReducer,\n  initAvatarPickerState,\n  initAvatarPickerStateFromPayload,\n  initEmptyAvatarPickerState,\n  type AvatarPickerAction,\n  type AvatarPickerState,\n  type AvatarTab,\n} from './avatar_picker_state'\nimport { AvatarPreview } from './avatar_preview'\nimport { ColorPicker } from './color_picker'\nimport { EmojiTab } from './emoji_tab'\nimport { IconGrid } from './icon_grid'\nimport { UploadTab } from './upload_tab'\n\nexport const AvatarPickerScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Update avatar',\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: [1],\n})\n\nexport const AvatarPickerCreateScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Choose avatar',\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: [1],\n})\n\nexport type AvatarPickerScreenProps = StaticScreenProps<{\n  conversation_id?: number\n  source_params?: Record<string, unknown>\n  avatar_selection?: AvatarUpdatePayload\n}>\n\nconst TABS: AvatarTab[] = ['icon', 'emoji', 'upload']\n\nconst TAB_LABELS: Record<AvatarTab, string> = {\n  icon: 'Icon',\n  emoji: 'Emoji',\n  upload: 'Upload',\n}\n\nexport function AvatarPickerScreen({ route }: AvatarPickerScreenProps) {\n  const { conversation_id, source_params, avatar_selection } = route.params\n  if (conversation_id) {\n    return <EditModeContent conversationId={conversation_id} />\n  }\n  return <CreateModeContent sourceParams={source_params} existingSelection={avatar_selection} />\n}\n\nfunction EditModeContent({ conversationId }: { conversationId: number }) {\n  const navigation = useNavigation()\n  const { data: conversation } = useConversation({ conversation_id: conversationId })\n  const mutation = useConversationAvatarUpdate({ conversationId })\n  const previewDiameter = usePreviewAvatarDiameter()\n\n  const [state, dispatch] = useReducer(avatarPickerReducer, conversation, initAvatarPickerState)\n\n  const hasAvatar = state.selectedType !== null\n\n  const handleDone = useCallback(() => {\n    if (!state.isDirty) {\n      navigation.goBack()\n      return\n    }\n\n    const payload = buildPayload(state)\n    if (payload) {\n      mutation.mutate(payload)\n    }\n    navigation.goBack()\n  }, [state, mutation, navigation])\n\n  const handleRemove = useCallback(() => {\n    mutation.mutate({ kind: 'clear' }, { onSuccess: () => dispatch({ type: 'CLEAR' }) })\n  }, [mutation, dispatch])\n\n  return (\n    <AvatarPickerFormSheet\n      state={state}\n      dispatch={dispatch}\n      headerTitle=\"Update avatar\"\n      headerActions={\n        <>\n          {hasAvatar && (\n            <FormSheet.HeaderTextButton onPress={handleRemove} appearance=\"danger\">\n              Remove\n            </FormSheet.HeaderTextButton>\n          )}\n          <FormSheet.HeaderTextButton onPress={handleDone} disabled={mutation.isPending}>\n            Done\n          </FormSheet.HeaderTextButton>\n        </>\n      }\n      fallbackPreview={\n        <ConversationAvatar\n          conversation={conversation}\n          size=\"2xl\"\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          style={{ width: previewDiameter, height: previewDiameter }}\n        />\n      }\n    />\n  )\n}\n\ninterface CreateModeContentProps {\n  sourceParams?: Record<string, unknown>\n  existingSelection?: AvatarUpdatePayload\n}\n\nfunction CreateModeContent({ sourceParams, existingSelection }: CreateModeContentProps) {\n  const navigation = useNavigation()\n\n  const [state, dispatch] = useReducer(avatarPickerReducer, existingSelection, selection =>\n    selection ? initAvatarPickerStateFromPayload(selection) : initEmptyAvatarPickerState()\n  )\n\n  const handleDone = useCallback(() => {\n    if (!state.isDirty) {\n      navigation.goBack()\n      return\n    }\n\n    const payload = buildPayload(state)\n    if (payload) {\n      navigation.dispatch(\n        StackActions.popTo('ConversationNew', { ...sourceParams, avatar_selection: payload })\n      )\n    } else {\n      navigation.goBack()\n    }\n  }, [state, navigation, sourceParams])\n\n  return (\n    <AvatarPickerFormSheet\n      state={state}\n      dispatch={dispatch}\n      headerTitle=\"Choose avatar\"\n      headerActions={\n        <FormSheet.HeaderTextButton onPress={handleDone}>Done</FormSheet.HeaderTextButton>\n      }\n      fallbackPreview={<EmptyAvatarPlaceholder />}\n    />\n  )\n}\n\ninterface AvatarPickerFormSheetProps {\n  state: AvatarPickerState\n  dispatch: React.Dispatch<AvatarPickerAction>\n  headerTitle: string\n  headerActions: React.ReactNode\n  fallbackPreview: React.ReactNode\n}\n\nfunction AvatarPickerFormSheet({\n  state,\n  dispatch,\n  headerTitle,\n  headerActions,\n  fallbackPreview,\n}: AvatarPickerFormSheetProps) {\n  const styles = useStyles()\n\n  return (\n    <FormSheet.Root\n      style={styles.formSheetRoot}\n      contentStyle={styles.formSheetContent}\n      showAndroidSheetGrabber={false}\n    >\n      <FormSheet.Header style={styles.header}>\n        <FormSheet.HeaderTitle>{headerTitle}</FormSheet.HeaderTitle>\n        <FormSheet.HeaderActions>{headerActions}</FormSheet.HeaderActions>\n      </FormSheet.Header>\n\n      <AvatarPreview state={state} fallback={fallbackPreview} />\n\n      <Tabs\n        data={TABS}\n        activeTab={state.activeTab}\n        onTabPress={tab => dispatch({ type: 'SELECT_TAB', payload: tab })}\n        renderItem={({ item }) => (\n          <Text\n            style={[styles.tabLabel, item === state.activeTab && styles.tabLabelActive]}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          >\n            {TAB_LABELS[item]}\n          </Text>\n        )}\n        style={styles.tabs}\n      />\n\n      <View style={styles.body}>\n        {state.activeTab === 'icon' && (\n          <IconGrid\n            selectedIconKey={state.selectedType === 'icon' ? state.selectedKey : null}\n            onIconSelect={iconKey => dispatch({ type: 'SELECT_ICON', payload: iconKey })}\n          />\n        )}\n        {state.activeTab === 'emoji' && (\n          <EmojiTab onEmojiSelect={emoji => dispatch({ type: 'SELECT_EMOJI', payload: emoji })} />\n        )}\n        {state.activeTab === 'upload' && (\n          <UploadTab\n            imagePreviewUri={state.imagePreviewUri}\n            onImageSelect={asset => dispatch({ type: 'SET_IMAGE', payload: asset })}\n          />\n        )}\n      </View>\n\n      {state.activeTab !== 'upload' && (\n        <View style={styles.colorPickerWrapper}>\n          <ColorPicker\n            selectedColor={state.selectedColor}\n            onColorSelect={color => dispatch({ type: 'SELECT_COLOR', payload: color })}\n          />\n        </View>\n      )}\n    </FormSheet.Root>\n  )\n}\n\nfunction EmptyAvatarPlaceholder() {\n  const styles = useStyles()\n  const diameter = usePreviewAvatarDiameter()\n  return (\n    <View\n      style={[\n        styles.emptyAvatarPlaceholder,\n        { width: diameter, height: diameter, borderRadius: diameter / 2 },\n      ]}\n    />\n  )\n}\n\ntype ValidAvatarPickerState = AvatarPickerState &\n  (\n    | { selectedType: 'icon' | 'emoji'; selectedKey: string }\n    | { selectedType: 'image'; imageAsset: ImagePickerAsset }\n  )\n\nfunction hasValidSelection(state: AvatarPickerState): state is ValidAvatarPickerState {\n  switch (state.selectedType) {\n    case 'icon':\n    case 'emoji':\n      return state.selectedKey !== null\n    case 'image':\n      return state.imageAsset !== null\n    case null:\n      return false\n  }\n}\n\nfunction buildPayload(state: AvatarPickerState): AvatarUpdatePayload | null {\n  if (!hasValidSelection(state)) return null\n\n  const color = coerceColorKey(state.selectedColor)\n\n  switch (state.selectedType) {\n    case 'icon':\n      return { kind: 'icon', key: state.selectedKey, color }\n    case 'emoji':\n      return { kind: 'emoji', key: state.selectedKey, color }\n    case 'image':\n      return { kind: 'image', imageAsset: state.imageAsset, color }\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })\n  const { top } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    formSheetRoot: {\n      flex: 1,\n    },\n    formSheetContent: {\n      flex: 1,\n    },\n    header: {\n      paddingTop: Platform.select({ ios: 20, android: 20 + top }),\n    },\n    tabs: {\n      minHeight: 52 * fontScale,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      zIndex: 1,\n    },\n    tabLabel: {\n      fontSize: 14,\n      color: colors.textColorDefaultSecondary,\n      paddingVertical: 14 * fontScale,\n      minWidth: 56 * fontScale,\n      textAlign: 'center',\n    },\n    tabLabelActive: {\n      color: colors.textColorDefaultPrimary,\n    },\n    body: {\n      flex: 1,\n      overflow: 'hidden',\n    },\n    colorPickerWrapper: {\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultBase,\n    },\n    emptyAvatarPlaceholder: {\n      borderWidth: 2,\n      borderStyle: 'dashed',\n      borderColor: colors.borderColorDefaultBase,\n    },\n  })\n}\n"]}

package/build/screens/avatar_picker/avatar_preview.d.ts

@@ -4,6 +4,6 @@ interface AvatarPreviewProps {
     state: AvatarPickerState;
     fallback: React.ReactNode;
 }
-export declare function AvatarPreview({ state, fallback }: AvatarPreviewProps): React.JSX.Element;
+export declare function AvatarPreview({ state, fallback }: AvatarPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=avatar_preview.d.ts.map

package/build/screens/avatar_picker/avatar_preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_preview.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AA8BD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBAIpE"}
+{"version":3,"file":"avatar_preview.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AA8BD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAIpE"}

package/build/screens/avatar_picker/avatar_preview.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { StyleSheet, View } from 'react-native';
 import { EmojiAvatar } from '../../components/display/emoji_avatar';
 import { IconAvatar } from '../../components/display/icon_avatar';
@@ -15,19 +15,15 @@ function getPreviewNode(state, diameter) {
         case 'icon':
             if (!state.selectedKey)
                 return null;
-            return <IconAvatar iconKey={state.selectedKey} color={state.selectedColor} {...sizeProps}/>;
+            return _jsx(IconAvatar, { iconKey: state.selectedKey, color: state.selectedColor, ...sizeProps });
         case 'emoji':
             if (!state.selectedKey)
                 return null;
-            return <EmojiAvatar emoji={state.selectedKey} color={state.selectedColor} {...sizeProps}/>;
+            return _jsx(EmojiAvatar, { emoji: state.selectedKey, color: state.selectedColor, ...sizeProps });
         case 'image':
             if (!state.imagePreviewUri)
                 return null;
-            return (<AvatarPrimitive.Root {...sizeProps}>
-          <AvatarPrimitive.Mask>
-            <AvatarPrimitive.Image sourceUri={state.imagePreviewUri}/>
-          </AvatarPrimitive.Mask>
-        </AvatarPrimitive.Root>);
+            return (_jsx(AvatarPrimitive.Root, { ...sizeProps, children: _jsx(AvatarPrimitive.Mask, { children: _jsx(AvatarPrimitive.Image, { sourceUri: state.imagePreviewUri }) }) }));
         default:
             return null;
     }
@@ -35,7 +31,7 @@ function getPreviewNode(state, diameter) {
 export function AvatarPreview({ state, fallback }) {
     const diameter = usePreviewAvatarDiameter();
     const preview = getPreviewNode(state, diameter);
-    return <View style={styles.container}>{preview ?? fallback}</View>;
+    return _jsx(View, { style: styles.container, children: preview ?? fallback });
 }
 const styles = StyleSheet.create({
     container: {

package/build/screens/avatar_picker/avatar_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_preview.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACjE,OAAO,eAAe,MAAM,6CAA6C,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAA;AAQ/D,SAAS,cAAc,CAAC,KAAwB,EAAE,QAAgB;IAChE,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,KAAK;QACX,qBAAqB,EAAE,iCAAiC;QACxD,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE;KACpC,CAAA;IAEV,QAAQ,KAAK,CAAC,YAAY,EAAE,CAAC;QAC3B,KAAK,MAAM;YACT,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,SAAS,CAAC,EAAG,CAAA;QAC9F,KAAK,OAAO;YACV,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,SAAS,CAAC,EAAG,CAAA;QAC7F,KAAK,OAAO;YACV,IAAI,CAAC,KAAK,CAAC,eAAe;gBAAE,OAAO,IAAI,CAAA;YACvC,OAAO,CACL,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAClC;UAAA,CAAC,eAAe,CAAC,IAAI,CACnB;YAAA,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,EAC1D;UAAA,EAAE,eAAe,CAAC,IAAI,CACxB;QAAA,EAAE,eAAe,CAAC,IAAI,CAAC,CACxB,CAAA;QACH;YACE,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB;IACnE,MAAM,QAAQ,GAAG,wBAAwB,EAAE,CAAA;IAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC/C,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AACpE,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,EAAE;KAClB;CACF,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { EmojiAvatar } from '../../components/display/emoji_avatar'\nimport { IconAvatar } from '../../components/display/icon_avatar'\nimport AvatarPrimitive from '../../components/primitive/avatar_primitive'\nimport { usePreviewAvatarDiameter } from '../../hooks/use_preview_avatar_diameter'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport type { AvatarPickerState } from './avatar_picker_state'\n\ninterface AvatarPreviewProps {\n  state: AvatarPickerState\n  fallback: React.ReactNode\n}\n\nfunction getPreviewNode(state: AvatarPickerState, diameter: number): React.ReactNode {\n  const sizeProps = {\n    size: '2xl',\n    maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n    style: { width: diameter, height: diameter },\n  } as const\n\n  switch (state.selectedType) {\n    case 'icon':\n      if (!state.selectedKey) return null\n      return <IconAvatar iconKey={state.selectedKey} color={state.selectedColor} {...sizeProps} />\n    case 'emoji':\n      if (!state.selectedKey) return null\n      return <EmojiAvatar emoji={state.selectedKey} color={state.selectedColor} {...sizeProps} />\n    case 'image':\n      if (!state.imagePreviewUri) return null\n      return (\n        <AvatarPrimitive.Root {...sizeProps}>\n          <AvatarPrimitive.Mask>\n            <AvatarPrimitive.Image sourceUri={state.imagePreviewUri} />\n          </AvatarPrimitive.Mask>\n        </AvatarPrimitive.Root>\n      )\n    default:\n      return null\n  }\n}\n\nexport function AvatarPreview({ state, fallback }: AvatarPreviewProps) {\n  const diameter = usePreviewAvatarDiameter()\n  const preview = getPreviewNode(state, diameter)\n  return <View style={styles.container}>{preview ?? fallback}</View>\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    paddingTop: 24,\n    paddingBottom: 16,\n  },\n})\n"]}
+{"version":3,"file":"avatar_preview.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/avatar_preview.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACjE,OAAO,eAAe,MAAM,6CAA6C,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAA;AAQ/D,SAAS,cAAc,CAAC,KAAwB,EAAE,QAAgB;IAChE,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,KAAK;QACX,qBAAqB,EAAE,iCAAiC;QACxD,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE;KACpC,CAAA;IAEV,QAAQ,KAAK,CAAC,YAAY,EAAE,CAAC;QAC3B,KAAK,MAAM;YACT,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,KAAM,SAAS,GAAI,CAAA;QAC9F,KAAK,OAAO;YACV,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,KAAM,SAAS,GAAI,CAAA;QAC7F,KAAK,OAAO;YACV,IAAI,CAAC,KAAK,CAAC,eAAe;gBAAE,OAAO,IAAI,CAAA;YACvC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,OAAK,SAAS,YACjC,KAAC,eAAe,CAAC,IAAI,cACnB,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,KAAK,CAAC,eAAe,GAAI,GACtC,GACF,CACxB,CAAA;QACH;YACE,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB;IACnE,MAAM,QAAQ,GAAG,wBAAwB,EAAE,CAAA;IAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC/C,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAAG,OAAO,IAAI,QAAQ,GAAQ,CAAA;AACpE,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,EAAE;KAClB;CACF,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { EmojiAvatar } from '../../components/display/emoji_avatar'\nimport { IconAvatar } from '../../components/display/icon_avatar'\nimport AvatarPrimitive from '../../components/primitive/avatar_primitive'\nimport { usePreviewAvatarDiameter } from '../../hooks/use_preview_avatar_diameter'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport type { AvatarPickerState } from './avatar_picker_state'\n\ninterface AvatarPreviewProps {\n  state: AvatarPickerState\n  fallback: React.ReactNode\n}\n\nfunction getPreviewNode(state: AvatarPickerState, diameter: number): React.ReactNode {\n  const sizeProps = {\n    size: '2xl',\n    maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n    style: { width: diameter, height: diameter },\n  } as const\n\n  switch (state.selectedType) {\n    case 'icon':\n      if (!state.selectedKey) return null\n      return <IconAvatar iconKey={state.selectedKey} color={state.selectedColor} {...sizeProps} />\n    case 'emoji':\n      if (!state.selectedKey) return null\n      return <EmojiAvatar emoji={state.selectedKey} color={state.selectedColor} {...sizeProps} />\n    case 'image':\n      if (!state.imagePreviewUri) return null\n      return (\n        <AvatarPrimitive.Root {...sizeProps}>\n          <AvatarPrimitive.Mask>\n            <AvatarPrimitive.Image sourceUri={state.imagePreviewUri} />\n          </AvatarPrimitive.Mask>\n        </AvatarPrimitive.Root>\n      )\n    default:\n      return null\n  }\n}\n\nexport function AvatarPreview({ state, fallback }: AvatarPreviewProps) {\n  const diameter = usePreviewAvatarDiameter()\n  const preview = getPreviewNode(state, diameter)\n  return <View style={styles.container}>{preview ?? fallback}</View>\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    paddingTop: 24,\n    paddingBottom: 16,\n  },\n})\n"]}

package/build/screens/avatar_picker/color_picker.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { type CustomAvatarColorKey } from '../../components/display/utils/avatar_gradient_colors';
 interface ColorPickerProps {
     selectedColor: string;
     onColorSelect: (color: CustomAvatarColorKey) => void;
 }
-export declare function ColorPicker({ selectedColor, onColorSelect }: ColorPickerProps): React.JSX.Element;
+export declare function ColorPicker({ selectedColor, onColorSelect }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=color_picker.d.ts.map

package/build/screens/avatar_picker/color_picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color_picker.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/color_picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,uDAAuD,CAAA;AAI9D,UAAU,gBAAgB;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACrD;AAED,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,gBAAgB,qBAkC7E"}
+{"version":3,"file":"color_picker.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/color_picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,uDAAuD,CAAA;AAI9D,UAAU,gBAAgB;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACrD;AAED,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,gBAAgB,2CAkC7E"}