@planningcenter/chat-react-native 3.42.2-qa-staging.2 → 3.42.2-qa-821.0

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"}

package/build/screens/avatar_picker/color_picker.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { FlatList, StyleSheet, useWindowDimensions } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 import { COLOR_KEYS, getAvatarGradientProps, } from '../../components/display/utils/avatar_gradient_colors';
@@ -10,11 +11,9 @@ export function ColorPicker({ selectedColor, onColorSelect }) {
     const renderItem = useCallback(({ item }) => {
         const gradientProps = getAvatarGradientProps(item);
         const isSelected = item === selectedColor;
-        return (<PlatformPressable onPress={() => onColorSelect(item)} style={[styles.swatchOuter, isSelected && styles.swatchSelected]} accessibilityRole="button" accessibilityLabel={`${item.replace(/-/g, ' ')} color`} accessibilityState={{ selected: isSelected }}>
-          <LinearGradient {...gradientProps} style={styles.swatch}/>
-        </PlatformPressable>);
+        return (_jsx(PlatformPressable, { onPress: () => onColorSelect(item), style: [styles.swatchOuter, isSelected && styles.swatchSelected], accessibilityRole: "button", accessibilityLabel: `${item.replace(/-/g, ' ')} color`, accessibilityState: { selected: isSelected }, children: _jsx(LinearGradient, { ...gradientProps, style: styles.swatch }) }));
     }, [selectedColor, onColorSelect, styles.swatch, styles.swatchOuter, styles.swatchSelected]);
-    return (<FlatList data={COLOR_KEYS} numColumns={GRID_COLUMNS} keyExtractor={item => item} renderItem={renderItem} contentContainerStyle={styles.grid} columnWrapperStyle={styles.row} scrollEnabled={false}/>);
+    return (_jsx(FlatList, { data: COLOR_KEYS, numColumns: GRID_COLUMNS, keyExtractor: item => item, renderItem: renderItem, contentContainerStyle: styles.grid, columnWrapperStyle: styles.row, scrollEnabled: false }));
 }
 const PADDING = 16;
 const GAP = 8;

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

@@ -1 +1 @@
-{"version":3,"file":"color_picker.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/color_picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React, { useCallback } from 'react'\nimport { FlatList, StyleSheet, useWindowDimensions } from 'react-native'\nimport LinearGradient from 'react-native-linear-gradient'\nimport {\n  COLOR_KEYS,\n  type CustomAvatarColorKey,\n  getAvatarGradientProps,\n} from '../../components/display/utils/avatar_gradient_colors'\nimport { useTheme } from '../../hooks'\nimport { GRID_COLUMNS } from './constants'\n\ninterface ColorPickerProps {\n  selectedColor: string\n  onColorSelect: (color: CustomAvatarColorKey) => void\n}\n\nexport function ColorPicker({ selectedColor, onColorSelect }: ColorPickerProps) {\n  const styles = useStyles()\n\n  const renderItem = useCallback(\n    ({ item }: { item: CustomAvatarColorKey }) => {\n      const gradientProps = getAvatarGradientProps(item)\n      const isSelected = item === selectedColor\n\n      return (\n        <PlatformPressable\n          onPress={() => onColorSelect(item)}\n          style={[styles.swatchOuter, isSelected && styles.swatchSelected]}\n          accessibilityRole=\"button\"\n          accessibilityLabel={`${item.replace(/-/g, ' ')} color`}\n          accessibilityState={{ selected: isSelected }}\n        >\n          <LinearGradient {...gradientProps} style={styles.swatch} />\n        </PlatformPressable>\n      )\n    },\n    [selectedColor, onColorSelect, styles.swatch, styles.swatchOuter, styles.swatchSelected]\n  )\n\n  return (\n    <FlatList\n      data={COLOR_KEYS}\n      numColumns={GRID_COLUMNS}\n      keyExtractor={item => item}\n      renderItem={renderItem}\n      contentContainerStyle={styles.grid}\n      columnWrapperStyle={styles.row}\n      scrollEnabled={false}\n    />\n  )\n}\n\nconst PADDING = 16\nconst GAP = 8\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { width: screenWidth } = useWindowDimensions()\n  const swatchSize = Math.floor(\n    (screenWidth - PADDING * 2 - (GRID_COLUMNS - 1) * GAP) / GRID_COLUMNS\n  )\n  const innerSize = swatchSize - 6\n\n  return StyleSheet.create({\n    grid: {\n      paddingHorizontal: PADDING,\n      paddingVertical: 12,\n    },\n    row: {\n      gap: GAP,\n      marginBottom: GAP,\n    },\n    swatchOuter: {\n      width: swatchSize,\n      height: swatchSize,\n      borderRadius: swatchSize / 2,\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    swatchSelected: {\n      borderWidth: 3,\n      borderColor: colors.interaction,\n    },\n    swatch: {\n      width: innerSize,\n      height: innerSize,\n      borderRadius: innerSize / 2,\n    },\n  })\n}\n"]}
+{"version":3,"file":"color_picker.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/color_picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React, { useCallback } from 'react'\nimport { FlatList, StyleSheet, useWindowDimensions } from 'react-native'\nimport LinearGradient from 'react-native-linear-gradient'\nimport {\n  COLOR_KEYS,\n  type CustomAvatarColorKey,\n  getAvatarGradientProps,\n} from '../../components/display/utils/avatar_gradient_colors'\nimport { useTheme } from '../../hooks'\nimport { GRID_COLUMNS } from './constants'\n\ninterface ColorPickerProps {\n  selectedColor: string\n  onColorSelect: (color: CustomAvatarColorKey) => void\n}\n\nexport function ColorPicker({ selectedColor, onColorSelect }: ColorPickerProps) {\n  const styles = useStyles()\n\n  const renderItem = useCallback(\n    ({ item }: { item: CustomAvatarColorKey }) => {\n      const gradientProps = getAvatarGradientProps(item)\n      const isSelected = item === selectedColor\n\n      return (\n        <PlatformPressable\n          onPress={() => onColorSelect(item)}\n          style={[styles.swatchOuter, isSelected && styles.swatchSelected]}\n          accessibilityRole=\"button\"\n          accessibilityLabel={`${item.replace(/-/g, ' ')} color`}\n          accessibilityState={{ selected: isSelected }}\n        >\n          <LinearGradient {...gradientProps} style={styles.swatch} />\n        </PlatformPressable>\n      )\n    },\n    [selectedColor, onColorSelect, styles.swatch, styles.swatchOuter, styles.swatchSelected]\n  )\n\n  return (\n    <FlatList\n      data={COLOR_KEYS}\n      numColumns={GRID_COLUMNS}\n      keyExtractor={item => item}\n      renderItem={renderItem}\n      contentContainerStyle={styles.grid}\n      columnWrapperStyle={styles.row}\n      scrollEnabled={false}\n    />\n  )\n}\n\nconst PADDING = 16\nconst GAP = 8\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { width: screenWidth } = useWindowDimensions()\n  const swatchSize = Math.floor(\n    (screenWidth - PADDING * 2 - (GRID_COLUMNS - 1) * GAP) / GRID_COLUMNS\n  )\n  const innerSize = swatchSize - 6\n\n  return StyleSheet.create({\n    grid: {\n      paddingHorizontal: PADDING,\n      paddingVertical: 12,\n    },\n    row: {\n      gap: GAP,\n      marginBottom: GAP,\n    },\n    swatchOuter: {\n      width: swatchSize,\n      height: swatchSize,\n      borderRadius: swatchSize / 2,\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    swatchSelected: {\n      borderWidth: 3,\n      borderColor: colors.interaction,\n    },\n    swatch: {\n      width: innerSize,\n      height: innerSize,\n      borderRadius: innerSize / 2,\n    },\n  })\n}\n"]}

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

@@ -1,7 +1,6 @@
-import React from 'react';
 interface EmojiTabProps {
     onEmojiSelect: (emoji: string) => void;
 }
-export declare function EmojiTab({ onEmojiSelect }: EmojiTabProps): React.JSX.Element;
+export declare function EmojiTab({ onEmojiSelect }: EmojiTabProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=emoji_tab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"emoji_tab.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/emoji_tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,UAAU,aAAa;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,QAAQ,CAAC,EAAE,aAAa,EAAE,EAAE,aAAa,qBAyDxD"}
+{"version":3,"file":"emoji_tab.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/emoji_tab.tsx"],"names":[],"mappings":"AAYA,UAAU,aAAa;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,QAAQ,CAAC,EAAE,aAAa,EAAE,EAAE,aAAa,2CAyDxD"}

package/build/screens/avatar_picker/emoji_tab.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { EmojiKeyboard, emojisByCategory } from '@planningcenter/emoji-keyboard';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useTheme } from '../../hooks';
 const BLOCKED_EMOJIS = new Set(['🖕']);
@@ -34,19 +35,17 @@ export function EmojiTab({ onEmojiSelect }) {
             selected: colors.fillColorNeutral080,
         },
     };
-    return (<View style={styles.container}>
-      <EmojiKeyboard categoryPosition="top" emojisByCategory={filteredEmojis} onEmojiSelected={handleEmojiSelected} hideHeader enableSearchBar enableRecentlyUsed theme={emojiTheme} styles={{
-            container: { borderRadius: 0 },
-            category: {
-                container: {
-                    borderRadius: 0,
-                    marginTop: -6,
-                    borderBottomWidth: 1,
-                    borderBottomColor: colors.borderColorDefaultDim,
+    return (_jsx(View, { style: styles.container, children: _jsx(EmojiKeyboard, { categoryPosition: "top", emojisByCategory: filteredEmojis, onEmojiSelected: handleEmojiSelected, hideHeader: true, enableSearchBar: true, enableRecentlyUsed: true, theme: emojiTheme, styles: {
+                container: { borderRadius: 0 },
+                category: {
+                    container: {
+                        borderRadius: 0,
+                        marginTop: -6,
+                        borderBottomWidth: 1,
+                        borderBottomColor: colors.borderColorDefaultDim,
+                    },
                 },
-            },
-        }}/>
-    </View>);
+            } }) }));
 }
 const useStyles = () => {
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"emoji_tab.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/emoji_tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAkB,MAAM,gCAAgC,CAAA;AAChG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;AAEtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,GAAG,QAAQ;IACX,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CAC9D,CAAC,CAAC,CAAA;AAMH,MAAM,UAAU,QAAQ,CAAC,EAAE,aAAa,EAAiB;IACvD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,WAAsB,EAAE,EAAE;QACzB,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,UAAU,GAAG;QACjB,SAAS,EAAE,MAAM,CAAC,2BAA2B;QAC7C,MAAM,EAAE,MAAM,CAAC,yBAAyB;QACxC,IAAI,EAAE,MAAM,CAAC,mBAAmB;QAChC,kBAAkB,EAAE,MAAM,CAAC,mBAAmB;QAC9C,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,CAAC,yBAAyB;YACtC,UAAU,EAAE,MAAM,CAAC,WAAW;YAC9B,SAAS,EAAE,MAAM,CAAC,2BAA2B;YAC7C,eAAe,EAAE,MAAM,CAAC,mBAAmB;SAC5C;QACD,MAAM,EAAE;YACN,UAAU,EAAE,MAAM,CAAC,mBAAmB;YACtC,IAAI,EAAE,MAAM,CAAC,uBAAuB;YACpC,WAAW,EAAE,MAAM,CAAC,yBAAyB;YAC7C,IAAI,EAAE,MAAM,CAAC,yBAAyB;SACvC;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC,mBAAmB;SACrC;KACF,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,aAAa,CACZ,gBAAgB,CAAC,KAAK,CACtB,gBAAgB,CAAC,CAAC,cAAc,CAAC,CACjC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CACrC,UAAU,CACV,eAAe,CACf,kBAAkB,CAClB,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,MAAM,CAAC,CAAC;YACN,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;YAC9B,QAAQ,EAAE;gBACR,SAAS,EAAE;oBACT,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE,CAAC,CAAC;oBACb,iBAAiB,EAAE,CAAC;oBACpB,iBAAiB,EAAE,MAAM,CAAC,qBAAqB;iBAChD;aACF;SACF,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { EmojiKeyboard, emojisByCategory, type EmojiType } from '@planningcenter/emoji-keyboard'\nimport React, { useCallback } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\n\nconst BLOCKED_EMOJIS = new Set(['🖕'])\n\nconst filteredEmojis = emojisByCategory.map(category => ({\n  ...category,\n  data: category.data.filter(e => !BLOCKED_EMOJIS.has(e.emoji)),\n}))\n\ninterface EmojiTabProps {\n  onEmojiSelect: (emoji: string) => void\n}\n\nexport function EmojiTab({ onEmojiSelect }: EmojiTabProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  const handleEmojiSelected = useCallback(\n    (emojiObject: EmojiType) => {\n      onEmojiSelect(emojiObject.emoji)\n    },\n    [onEmojiSelect]\n  )\n\n  const emojiTheme = {\n    container: colors.fillColorNeutral100Inverted,\n    header: colors.textColorDefaultSecondary,\n    knob: colors.fillColorNeutral040,\n    skinTonesContainer: colors.fillColorNeutral060,\n    category: {\n      icon: colors.textColorDefaultSecondary,\n      iconActive: colors.interaction,\n      container: colors.fillColorNeutral100Inverted,\n      containerActive: colors.fillColorNeutral080,\n    },\n    search: {\n      background: colors.fillColorNeutral080,\n      text: colors.textColorDefaultPrimary,\n      placeholder: colors.textColorDefaultSecondary,\n      icon: colors.textColorDefaultSecondary,\n    },\n    emoji: {\n      selected: colors.fillColorNeutral080,\n    },\n  }\n\n  return (\n    <View style={styles.container}>\n      <EmojiKeyboard\n        categoryPosition=\"top\"\n        emojisByCategory={filteredEmojis}\n        onEmojiSelected={handleEmojiSelected}\n        hideHeader\n        enableSearchBar\n        enableRecentlyUsed\n        theme={emojiTheme}\n        styles={{\n          container: { borderRadius: 0 },\n          category: {\n            container: {\n              borderRadius: 0,\n              marginTop: -6,\n              borderBottomWidth: 1,\n              borderBottomColor: colors.borderColorDefaultDim,\n            },\n          },\n        }}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n  })\n}\n"]}
+{"version":3,"file":"emoji_tab.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/emoji_tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAkB,MAAM,gCAAgC,CAAA;AAChG,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;AAEtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,GAAG,QAAQ;IACX,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CAC9D,CAAC,CAAC,CAAA;AAMH,MAAM,UAAU,QAAQ,CAAC,EAAE,aAAa,EAAiB;IACvD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,WAAsB,EAAE,EAAE;QACzB,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,UAAU,GAAG;QACjB,SAAS,EAAE,MAAM,CAAC,2BAA2B;QAC7C,MAAM,EAAE,MAAM,CAAC,yBAAyB;QACxC,IAAI,EAAE,MAAM,CAAC,mBAAmB;QAChC,kBAAkB,EAAE,MAAM,CAAC,mBAAmB;QAC9C,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,CAAC,yBAAyB;YACtC,UAAU,EAAE,MAAM,CAAC,WAAW;YAC9B,SAAS,EAAE,MAAM,CAAC,2BAA2B;YAC7C,eAAe,EAAE,MAAM,CAAC,mBAAmB;SAC5C;QACD,MAAM,EAAE;YACN,UAAU,EAAE,MAAM,CAAC,mBAAmB;YACtC,IAAI,EAAE,MAAM,CAAC,uBAAuB;YACpC,WAAW,EAAE,MAAM,CAAC,yBAAyB;YAC7C,IAAI,EAAE,MAAM,CAAC,yBAAyB;SACvC;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC,mBAAmB;SACrC;KACF,CAAA;IAED,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,KAAC,aAAa,IACZ,gBAAgB,EAAC,KAAK,EACtB,gBAAgB,EAAE,cAAc,EAChC,eAAe,EAAE,mBAAmB,EACpC,UAAU,QACV,eAAe,QACf,kBAAkB,QAClB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE;gBACN,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;gBAC9B,QAAQ,EAAE;oBACR,SAAS,EAAE;wBACT,YAAY,EAAE,CAAC;wBACf,SAAS,EAAE,CAAC,CAAC;wBACb,iBAAiB,EAAE,CAAC;wBACpB,iBAAiB,EAAE,MAAM,CAAC,qBAAqB;qBAChD;iBACF;aACF,GACD,GACG,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { EmojiKeyboard, emojisByCategory, type EmojiType } from '@planningcenter/emoji-keyboard'\nimport React, { useCallback } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\n\nconst BLOCKED_EMOJIS = new Set(['🖕'])\n\nconst filteredEmojis = emojisByCategory.map(category => ({\n  ...category,\n  data: category.data.filter(e => !BLOCKED_EMOJIS.has(e.emoji)),\n}))\n\ninterface EmojiTabProps {\n  onEmojiSelect: (emoji: string) => void\n}\n\nexport function EmojiTab({ onEmojiSelect }: EmojiTabProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  const handleEmojiSelected = useCallback(\n    (emojiObject: EmojiType) => {\n      onEmojiSelect(emojiObject.emoji)\n    },\n    [onEmojiSelect]\n  )\n\n  const emojiTheme = {\n    container: colors.fillColorNeutral100Inverted,\n    header: colors.textColorDefaultSecondary,\n    knob: colors.fillColorNeutral040,\n    skinTonesContainer: colors.fillColorNeutral060,\n    category: {\n      icon: colors.textColorDefaultSecondary,\n      iconActive: colors.interaction,\n      container: colors.fillColorNeutral100Inverted,\n      containerActive: colors.fillColorNeutral080,\n    },\n    search: {\n      background: colors.fillColorNeutral080,\n      text: colors.textColorDefaultPrimary,\n      placeholder: colors.textColorDefaultSecondary,\n      icon: colors.textColorDefaultSecondary,\n    },\n    emoji: {\n      selected: colors.fillColorNeutral080,\n    },\n  }\n\n  return (\n    <View style={styles.container}>\n      <EmojiKeyboard\n        categoryPosition=\"top\"\n        emojisByCategory={filteredEmojis}\n        onEmojiSelected={handleEmojiSelected}\n        hideHeader\n        enableSearchBar\n        enableRecentlyUsed\n        theme={emojiTheme}\n        styles={{\n          container: { borderRadius: 0 },\n          category: {\n            container: {\n              borderRadius: 0,\n              marginTop: -6,\n              borderBottomWidth: 1,\n              borderBottomColor: colors.borderColorDefaultDim,\n            },\n          },\n        }}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n  })\n}\n"]}

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

@@ -1,8 +1,7 @@
-import React from 'react';
 interface IconGridProps {
     selectedIconKey: string | null;
     onIconSelect: (iconKey: string) => void;
 }
-export declare function IconGrid({ selectedIconKey, onIconSelect }: IconGridProps): React.JSX.Element;
+export declare function IconGrid({ selectedIconKey, onIconSelect }: IconGridProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=icon_grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon_grid.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/icon_grid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,UAAU,aAAa;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,wBAAgB,QAAQ,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,aAAa,qBAiCxE"}
+{"version":3,"file":"icon_grid.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/icon_grid.tsx"],"names":[],"mappings":"AAQA,UAAU,aAAa;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,wBAAgB,QAAQ,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,aAAa,2CAiCxE"}

package/build/screens/avatar_picker/icon_grid.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { PlatformPressable } from '@react-navigation/elements';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { FlatList, StyleSheet, useWindowDimensions } from 'react-native';
 import { useTheme } from '../../hooks';
 import { AVATAR_ICON_KEYS, GRID_COLUMNS } from './constants';
@@ -8,11 +9,9 @@ export function IconGrid({ selectedIconKey, onIconSelect }) {
     const styles = useStyles();
     const renderItem = useCallback(({ item }) => {
         const isSelected = item === selectedIconKey;
-        return (<PlatformPressable onPress={() => onIconSelect(item)} style={[styles.cell, isSelected && styles.cellSelected]} accessibilityRole="button" accessibilityLabel={`${item.replace(/-/g, ' ')} icon`} accessibilityState={{ selected: isSelected }}>
-          <FontAwesomeIcon icon={['fas', item]} size={20} color="white"/>
-        </PlatformPressable>);
+        return (_jsx(PlatformPressable, { onPress: () => onIconSelect(item), style: [styles.cell, isSelected && styles.cellSelected], accessibilityRole: "button", accessibilityLabel: `${item.replace(/-/g, ' ')} icon`, accessibilityState: { selected: isSelected }, children: _jsx(FontAwesomeIcon, { icon: ['fas', item], size: 20, color: "white" }) }));
     }, [selectedIconKey, onIconSelect, styles.cell, styles.cellSelected]);
-    return (<FlatList data={AVATAR_ICON_KEYS} numColumns={GRID_COLUMNS} keyExtractor={item => item} renderItem={renderItem} contentContainerStyle={styles.grid} columnWrapperStyle={styles.row} style={styles.list}/>);
+    return (_jsx(FlatList, { data: AVATAR_ICON_KEYS, numColumns: GRID_COLUMNS, keyExtractor: item => item, renderItem: renderItem, contentContainerStyle: styles.grid, columnWrapperStyle: styles.row, style: styles.list }));
 }
 const PADDING = 16;
 const GAP = 8;

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

@@ -1 +1 @@
-{"version":3,"file":"icon_grid.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/icon_grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { IconName } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'\nimport { PlatformPressable } from '@react-navigation/elements'\nimport React, { useCallback } from 'react'\nimport { FlatList, StyleSheet, useWindowDimensions } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { AVATAR_ICON_KEYS, GRID_COLUMNS } from './constants'\n\ninterface IconGridProps {\n  selectedIconKey: string | null\n  onIconSelect: (iconKey: string) => void\n}\n\nexport function IconGrid({ selectedIconKey, onIconSelect }: IconGridProps) {\n  const styles = useStyles()\n\n  const renderItem = useCallback(\n    ({ item }: { item: string }) => {\n      const isSelected = item === selectedIconKey\n\n      return (\n        <PlatformPressable\n          onPress={() => onIconSelect(item)}\n          style={[styles.cell, isSelected && styles.cellSelected]}\n          accessibilityRole=\"button\"\n          accessibilityLabel={`${item.replace(/-/g, ' ')} icon`}\n          accessibilityState={{ selected: isSelected }}\n        >\n          <FontAwesomeIcon icon={['fas', item as IconName]} size={20} color=\"white\" />\n        </PlatformPressable>\n      )\n    },\n    [selectedIconKey, onIconSelect, styles.cell, styles.cellSelected]\n  )\n\n  return (\n    <FlatList\n      data={AVATAR_ICON_KEYS}\n      numColumns={GRID_COLUMNS}\n      keyExtractor={item => item}\n      renderItem={renderItem}\n      contentContainerStyle={styles.grid}\n      columnWrapperStyle={styles.row}\n      style={styles.list}\n    />\n  )\n}\n\nconst PADDING = 16\nconst GAP = 8\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { width: screenWidth } = useWindowDimensions()\n  const cellSize = Math.floor((screenWidth - PADDING * 2 - (GRID_COLUMNS - 1) * GAP) / GRID_COLUMNS)\n\n  return StyleSheet.create({\n    list: {\n      flex: 1,\n    },\n    grid: {\n      padding: PADDING,\n    },\n    row: {\n      gap: GAP,\n      marginBottom: GAP,\n    },\n    cell: {\n      width: cellSize,\n      height: cellSize,\n      borderRadius: cellSize / 2,\n      backgroundColor: colors.fillColorNeutral040,\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    cellSelected: {\n      borderWidth: 3,\n      borderColor: colors.interaction,\n    },\n  })\n}\n"]}
+{"version":3,"file":"icon_grid.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/icon_grid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAO5D,MAAM,UAAU,QAAQ,CAAC,EAAE,eAAe,EAAE,YAAY,EAAiB;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;QAC7B,MAAM,UAAU,GAAG,IAAI,KAAK,eAAe,CAAA;QAE3C,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,IAAI,MAAM,CAAC,YAAY,CAAC,EACvD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,EACrD,kBAAkB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAE5C,KAAC,eAAe,IAAC,IAAI,EAAE,CAAC,KAAK,EAAE,IAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,GAC1D,CACrB,CAAA;IACH,CAAC,EACD,CAAC,eAAe,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAClE,CAAA;IAED,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,YAAY,EACxB,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,EAC1B,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAClC,kBAAkB,EAAE,MAAM,CAAC,GAAG,EAC9B,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH,CAAA;AACH,CAAC;AAED,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,GAAG,GAAG,CAAC,CAAA;AAEb,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,YAAY,CAAC,CAAA;IAElG,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC;SACR;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,OAAO;SACjB;QACD,GAAG,EAAE;YACH,GAAG,EAAE,GAAG;YACR,YAAY,EAAE,GAAG;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,QAAQ;YAChB,YAAY,EAAE,QAAQ,GAAG,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,WAAW;SAChC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import type { IconName } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'\nimport { PlatformPressable } from '@react-navigation/elements'\nimport React, { useCallback } from 'react'\nimport { FlatList, StyleSheet, useWindowDimensions } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { AVATAR_ICON_KEYS, GRID_COLUMNS } from './constants'\n\ninterface IconGridProps {\n  selectedIconKey: string | null\n  onIconSelect: (iconKey: string) => void\n}\n\nexport function IconGrid({ selectedIconKey, onIconSelect }: IconGridProps) {\n  const styles = useStyles()\n\n  const renderItem = useCallback(\n    ({ item }: { item: string }) => {\n      const isSelected = item === selectedIconKey\n\n      return (\n        <PlatformPressable\n          onPress={() => onIconSelect(item)}\n          style={[styles.cell, isSelected && styles.cellSelected]}\n          accessibilityRole=\"button\"\n          accessibilityLabel={`${item.replace(/-/g, ' ')} icon`}\n          accessibilityState={{ selected: isSelected }}\n        >\n          <FontAwesomeIcon icon={['fas', item as IconName]} size={20} color=\"white\" />\n        </PlatformPressable>\n      )\n    },\n    [selectedIconKey, onIconSelect, styles.cell, styles.cellSelected]\n  )\n\n  return (\n    <FlatList\n      data={AVATAR_ICON_KEYS}\n      numColumns={GRID_COLUMNS}\n      keyExtractor={item => item}\n      renderItem={renderItem}\n      contentContainerStyle={styles.grid}\n      columnWrapperStyle={styles.row}\n      style={styles.list}\n    />\n  )\n}\n\nconst PADDING = 16\nconst GAP = 8\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { width: screenWidth } = useWindowDimensions()\n  const cellSize = Math.floor((screenWidth - PADDING * 2 - (GRID_COLUMNS - 1) * GAP) / GRID_COLUMNS)\n\n  return StyleSheet.create({\n    list: {\n      flex: 1,\n    },\n    grid: {\n      padding: PADDING,\n    },\n    row: {\n      gap: GAP,\n      marginBottom: GAP,\n    },\n    cell: {\n      width: cellSize,\n      height: cellSize,\n      borderRadius: cellSize / 2,\n      backgroundColor: colors.fillColorNeutral040,\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    cellSelected: {\n      borderWidth: 3,\n      borderColor: colors.interaction,\n    },\n  })\n}\n"]}

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { ImagePickerAsset } from '../../utils/native_adapters/image_picker';
 interface UploadTabProps {
     imagePreviewUri: string | null;
     onImageSelect: (asset: ImagePickerAsset) => void;
 }
-export declare function UploadTab({ imagePreviewUri, onImageSelect }: UploadTabProps): React.JSX.Element;
+export declare function UploadTab({ imagePreviewUri, onImageSelect }: UploadTabProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=upload_tab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload_tab.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/upload_tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAIhF,UAAU,cAAc;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,SAAS,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,cAAc,qBAmC3E"}
+{"version":3,"file":"upload_tab.d.ts","sourceRoot":"","sources":["../../../src/screens/avatar_picker/upload_tab.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAIhF,UAAU,cAAc;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,SAAS,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,cAAc,2CAmC3E"}

package/build/screens/avatar_picker/upload_tab.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Alert, StyleSheet, View } from 'react-native';
 import { Button } from '../../components';
 import { useTheme } from '../../hooks';
@@ -22,9 +23,7 @@ export function UploadTab({ imagePreviewUri, onImageSelect }) {
         }
         onImageSelect(asset);
     }, [onImageSelect]);
-    return (<View style={styles.container}>
-      <Button title={imagePreviewUri ? 'Change photo' : 'Choose photo'} iconNameLeft="general.image" onPress={pickImage} variant="outline" appearance="interaction" size="md" maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}/>
-    </View>);
+    return (_jsx(View, { style: styles.container, children: _jsx(Button, { title: imagePreviewUri ? 'Change photo' : 'Choose photo', iconNameLeft: "general.image", onPress: pickImage, variant: "outline", appearance: "interaction", size: "md", maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK }) }));
 }
 const useStyles = () => {
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"upload_tab.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/upload_tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAGzD,MAAM,aAAa,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA,CAAC,OAAO;AAO9C,MAAM,UAAU,SAAS,CAAC,EAAE,eAAe,EAAE,aAAa,EAAkB;IAC1E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,qBAAqB,CAAC;YACrD,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,KAAK;SAC/B,CAAC,CAAA;QAEF,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YAAE,OAAM;QAElD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE9B,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,GAAG,aAAa,EAAE,CAAC;YACrD,KAAK,CAAC,KAAK,CAAC,iBAAiB,EAAE,oCAAoC,CAAC,CAAA;YACpE,OAAM;QACR,CAAC;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CACzD,YAAY,CAAC,eAAe,CAC5B,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,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,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React, { useCallback } from 'react'\nimport { Alert, StyleSheet, View } from 'react-native'\nimport { Button } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { ImagePicker } from '../../utils/native_adapters'\nimport type { ImagePickerAsset } from '../../utils/native_adapters/image_picker'\n\nconst MAX_FILE_SIZE = 10 * 1024 * 1024 // 10MB\n\ninterface UploadTabProps {\n  imagePreviewUri: string | null\n  onImageSelect: (asset: ImagePickerAsset) => void\n}\n\nexport function UploadTab({ imagePreviewUri, onImageSelect }: UploadTabProps) {\n  const styles = useStyles()\n\n  const pickImage = useCallback(async () => {\n    const result = await ImagePicker.openImageLibraryAsync({\n      mediaTypes: ['images'],\n      allowsEditing: true,\n      allowsMultipleSelection: false,\n    })\n\n    if (result.canceled || !result.assets?.[0]) return\n\n    const asset = result.assets[0]\n\n    if (asset.fileSize && asset.fileSize > MAX_FILE_SIZE) {\n      Alert.alert('Image too large', 'Please choose an image under 10MB.')\n      return\n    }\n\n    onImageSelect(asset)\n  }, [onImageSelect])\n\n  return (\n    <View style={styles.container}>\n      <Button\n        title={imagePreviewUri ? 'Change photo' : 'Choose photo'}\n        iconNameLeft=\"general.image\"\n        onPress={pickImage}\n        variant=\"outline\"\n        appearance=\"interaction\"\n        size=\"md\"\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n  })\n}\n"]}
+{"version":3,"file":"upload_tab.js","sourceRoot":"","sources":["../../../src/screens/avatar_picker/upload_tab.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAGzD,MAAM,aAAa,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA,CAAC,OAAO;AAO9C,MAAM,UAAU,SAAS,CAAC,EAAE,eAAe,EAAE,aAAa,EAAkB;IAC1E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,qBAAqB,CAAC;YACrD,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,KAAK;SAC/B,CAAC,CAAA;QAEF,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YAAE,OAAM;QAElD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE9B,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,GAAG,aAAa,EAAE,CAAC;YACrD,KAAK,CAAC,KAAK,CAAC,iBAAiB,EAAE,oCAAoC,CAAC,CAAA;YACpE,OAAM;QACR,CAAC;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,KAAC,MAAM,IACL,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EACxD,YAAY,EAAC,eAAe,EAC5B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAC,SAAS,EACjB,UAAU,EAAC,aAAa,EACxB,IAAI,EAAC,IAAI,EACT,qBAAqB,EAAE,iCAAiC,GACxD,GACG,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React, { useCallback } from 'react'\nimport { Alert, StyleSheet, View } from 'react-native'\nimport { Button } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { ImagePicker } from '../../utils/native_adapters'\nimport type { ImagePickerAsset } from '../../utils/native_adapters/image_picker'\n\nconst MAX_FILE_SIZE = 10 * 1024 * 1024 // 10MB\n\ninterface UploadTabProps {\n  imagePreviewUri: string | null\n  onImageSelect: (asset: ImagePickerAsset) => void\n}\n\nexport function UploadTab({ imagePreviewUri, onImageSelect }: UploadTabProps) {\n  const styles = useStyles()\n\n  const pickImage = useCallback(async () => {\n    const result = await ImagePicker.openImageLibraryAsync({\n      mediaTypes: ['images'],\n      allowsEditing: true,\n      allowsMultipleSelection: false,\n    })\n\n    if (result.canceled || !result.assets?.[0]) return\n\n    const asset = result.assets[0]\n\n    if (asset.fileSize && asset.fileSize > MAX_FILE_SIZE) {\n      Alert.alert('Image too large', 'Please choose an image under 10MB.')\n      return\n    }\n\n    onImageSelect(asset)\n  }, [onImageSelect])\n\n  return (\n    <View style={styles.container}>\n      <Button\n        title={imagePreviewUri ? 'Change photo' : 'Choose photo'}\n        iconNameLeft=\"general.image\"\n        onPress={pickImage}\n        variant=\"outline\"\n        appearance=\"interaction\"\n        size=\"md\"\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: colors.fillColorNeutral100Inverted,\n    },\n  })\n}\n"]}

package/build/screens/bug_report_screen.d.ts

@@ -1,5 +1,4 @@
 import type { NativeStackNavigationOptions, NativeStackScreenProps } from '@react-navigation/native-stack';
-import React from 'react';
 export declare const BugReportScreenOptions: ({ navigation, }: NativeStackScreenProps<any>) => NativeStackNavigationOptions;
-export declare function BugReportScreen(): React.JSX.Element;
+export declare function BugReportScreen(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=bug_report_screen.d.ts.map

package/build/screens/bug_report_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bug_report_screen.d.ts","sourceRoot":"","sources":["../../src/screens/bug_report_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,KAAiD,MAAM,OAAO,CAAA;AAiDrE,eAAO,MAAM,sBAAsB,GAAI,iBAEpC,sBAAsB,CAAC,GAAG,CAAC,KAAG,4BAI/B,CAAA;AAoBF,wBAAgB,eAAe,sBA0S9B"}
+{"version":3,"file":"bug_report_screen.d.ts","sourceRoot":"","sources":["../../src/screens/bug_report_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAmDvC,eAAO,MAAM,sBAAsB,GAAI,iBAEpC,sBAAsB,CAAC,GAAG,CAAC,KAAG,4BAI/B,CAAA;AAoBF,wBAAgB,eAAe,4CA0S9B"}