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

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

package/build/screens/bug_report_screen.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
 import { startsWith } from 'lodash';
-import React, { useCallback, useLayoutEffect, useState } from 'react';
+import { useCallback, useLayoutEffect, useState } from 'react';
 import { View, StyleSheet, TextInput, Linking, ScrollView, TouchableOpacity, Platform, } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button, Spinner, Text, TextInlineButton, ImageAttachmentPreview, Icon, KeyboardView, } from '../components';
@@ -31,7 +32,7 @@ var BUG_TYPE_OPTIONS;
 export const BugReportScreenOptions = ({ navigation, }) => ({
     presentation: 'modal',
     title: 'Report a bug',
-    headerLeft: () => <HeaderDismissButton title="Cancel" onPress={() => navigation.goBack()}/>,
+    headerLeft: () => _jsx(HeaderDismissButton, { title: "Cancel", onPress: () => navigation.goBack() }),
 });
 var QualifiedMobileAppName;
 (function (QualifiedMobileAppName) {
@@ -116,129 +117,22 @@ export function BugReportScreen() {
     useLayoutEffect(() => {
         navigation.setOptions({
             // eslint-disable-next-line react/no-unstable-nested-components
-            headerRight: () => (<HeaderTextButton title="Submit" onPress={handleSubmit} disabled={!formValid}/>),
+            headerRight: () => (_jsx(HeaderTextButton, { title: "Submit", onPress: handleSubmit, disabled: !formValid })),
         });
     }, [formValid, handleSubmit, navigation]);
     if (status === 'pending') {
-        return (<View style={[styles.container, styles.fullHeight]}>
-        <DefaultLoading />
-      </View>);
+        return (_jsx(View, { style: [styles.container, styles.fullHeight], children: _jsx(DefaultLoading, {}) }));
     }
     if (status === 'success') {
-        return (<BlankState.Root>
-        <BlankState.Imagery name="general.checkCircle" style={styles.successIcon}/>
-        <BlankState.Content>
-          <BlankState.Heading style={styles.successTitle}>Thank you!</BlankState.Heading>
-          <BlankState.Text style={styles.successSubtitle}>
-            We appreciate you taking the time to help improve {DisplayableAppName[name]}! We'll take
-            a look at the issue you reported.
-          </BlankState.Text>
-        </BlankState.Content>
-        <BlankState.Button title="Return to chat" onPress={navigation.goBack} size="lg" variant="fill"/>
-      </BlankState.Root>);
+        return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "general.checkCircle", style: styles.successIcon }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { style: styles.successTitle, children: "Thank you!" }), _jsxs(BlankState.Text, { style: styles.successSubtitle, children: ["We appreciate you taking the time to help improve ", DisplayableAppName[name], "! We'll take a look at the issue you reported."] })] }), _jsx(BlankState.Button, { title: "Return to chat", onPress: navigation.goBack, size: "lg", variant: "fill" })] }));
     }
     if (status === 'error') {
-        return (<View style={styles.container}>
-        <Text>
-          This is embarrassing, we can't submit your bug report right now. If you still need help or
-          would like to submit this bug report another way please{' '}
-          <TextInlineButton accessibilityRole="link" onPress={() => Linking.openURL('https://support.planningcenteronline.com/hc/en-us/requests/new')}>
-            contact our help center
-          </TextInlineButton>
-          .
-        </Text>
-        <Button title="Return to chat" onPress={navigation.goBack} variant="fill" size="lg"/>
-      </View>);
+        return (_jsxs(View, { style: styles.container, children: [_jsxs(Text, { children: ["This is embarrassing, we can't submit your bug report right now. If you still need help or would like to submit this bug report another way please", ' ', _jsx(TextInlineButton, { accessibilityRole: "link", onPress: () => Linking.openURL('https://support.planningcenteronline.com/hc/en-us/requests/new'), children: "contact our help center" }), "."] }), _jsx(Button, { title: "Return to chat", onPress: navigation.goBack, variant: "fill", size: "lg" })] }));
     }
-    return (<KeyboardView>
-      <ScrollView contentContainerStyle={styles.container}>
-        <Text style={styles.description}>
-          Thanks for helping us improve {DisplayableAppName[name]}. We won't be able to respond to
-          your submission, but your feedback helps us improve the experience helps us improve the
-          experience.
-        </Text>
-
-        <View style={styles.textInputContainer}>
-          <Text style={styles.fieldLabel}>
-            Where did you experience the issue? <Text style={styles.required}>*</Text>
-          </Text>
-          <TouchableOpacity style={styles.pickerButton} onPress={() => setShowBugTypePicker(true)}>
-            <Text style={[styles.pickerText, !bugType && styles.pickerPlaceholder]}>{bugType}</Text>
-            <Icon name="general.downChevron" style={styles.pickerArrow} accessibilityElementsHidden/>
-          </TouchableOpacity>
-        </View>
-
-        <SafeAreaModal visible={showBugTypePicker} animationType="slide" presentationStyle="pageSheet" onRequestClose={() => setShowBugTypePicker(false)}>
-          <View style={styles.modalContainer}>
-            <View style={styles.modalHeader}>
-              <HeaderDismissButton title="Cancel" onPress={() => setShowBugTypePicker(false)}/>
-              <Text style={styles.modalTitle}>Select Bug Type</Text>
-              <View style={styles.modalHeaderSpacer}/>
-            </View>
-            <ScrollView style={styles.modalContent}>
-              {Object.values(BUG_TYPE_OPTIONS).map(option => (<TouchableOpacity key={option} style={styles.modalOption} onPress={() => {
-                setBugType(option);
-                setShowBugTypePicker(false);
-            }}>
-                  <Text style={styles.modalOptionText}>{option}</Text>
-                  {bugType === option && (<Icon name="general.check" style={styles.modalCheckmark} accessibilityElementsHidden/>)}
-                </TouchableOpacity>))}
-            </ScrollView>
-          </View>
-        </SafeAreaModal>
-
-        <View style={styles.textInputContainer}>
-          <Text style={styles.fieldLabel}>
-            What were you trying to do when you encountered the bug?{' '}
-            <Text style={styles.required}>*</Text>
-          </Text>
-          <TextInput style={styles.textInput} multiline placeholder="Description" value={whatWereDoing} onChangeText={setWhatWereDoing} maxLength={MAX_DESCRIPTION_LENGTH}/>
-          {whatWereDoing.length >= MAX_DESCRIPTION_LENGTH - 100 && (<Text variant="footnote">
-              {whatWereDoing.length}/{MAX_DESCRIPTION_LENGTH}
-            </Text>)}
-        </View>
-
-        <View style={styles.textInputContainer}>
-          <Text style={styles.fieldLabel}>
-            What did you expect to happen? Please describe what actually happened.{' '}
-            <Text style={styles.required}>*</Text>
-          </Text>
-          <TextInput style={styles.textInput} multiline placeholder="Description" value={whatExpected} onChangeText={setWhatExpected} maxLength={MAX_DESCRIPTION_LENGTH}/>
-          {whatExpected.length >= MAX_DESCRIPTION_LENGTH - 100 && (<Text variant="footnote">
-              {whatExpected.length}/{MAX_DESCRIPTION_LENGTH}
-            </Text>)}
-        </View>
-
-        <View style={styles.attachmentSection}>
-          <View style={styles.attachmentHeader}>
-            <Text style={styles.attachmentLabel}>
-              Attachment <Text style={styles.subLabel}>(optional)</Text>
-            </Text>
-            {uploading && <Spinner />}
-          </View>
-          {uploadError && <Text style={styles.attachmentErrorText}>{uploadError}</Text>}
-          {attachment ? (<View style={styles.attachmentPreviewContainer}>
-              {isImageAttachment ? (<ImageAttachmentPreview uri={imagePreviewURI} fileName={attachment.name} onRemovePress={handleRemoveAttachment}/>) : (<VideoAttachmentPreview name={attachment.name} onRemovePress={handleRemoveAttachment}/>)}
-            </View>) : (<Button title="Attach a screenshot or recording" accessibilityHint="Opens your device's image gallery" iconNameLeft="general.paperclip" onPress={pickImage} size="sm" variant="outline" style={styles.attachButton} disabled={uploading || Boolean(attachment)}/>)}
-          <Text variant="footnote">
-            Screenshots and screen recordings help us reproduce and fix issues faster.{' '}
-            <TextInlineButton accessibilityRole="link" variant="footnote" onPress={() => Linking.openURL(VIDEO_RECORDING_HELP_URL)}>
-              How to record your screen
-            </TextInlineButton>
-          </Text>
-        </View>
-
-        <View style={styles.footer}>
-          <Text variant="footnote">
-            For details on how we process your data and ensure its security, please refer to our{' '}
-            <TextInlineButton accessibilityRole="link" variant="footnote" onPress={() => Linking.openURL('https://www.planningcenter.com/privacy')}>
-              Privacy Policy
-            </TextInlineButton>
-            .
-          </Text>
-        </View>
-      </ScrollView>
-    </KeyboardView>);
+    return (_jsx(KeyboardView, { children: _jsxs(ScrollView, { contentContainerStyle: styles.container, children: [_jsxs(Text, { style: styles.description, children: ["Thanks for helping us improve ", DisplayableAppName[name], ". We won't be able to respond to your submission, but your feedback helps us improve the experience helps us improve the experience."] }), _jsxs(View, { style: styles.textInputContainer, children: [_jsxs(Text, { style: styles.fieldLabel, children: ["Where did you experience the issue? ", _jsx(Text, { style: styles.required, children: "*" })] }), _jsxs(TouchableOpacity, { style: styles.pickerButton, onPress: () => setShowBugTypePicker(true), children: [_jsx(Text, { style: [styles.pickerText, !bugType && styles.pickerPlaceholder], children: bugType }), _jsx(Icon, { name: "general.downChevron", style: styles.pickerArrow, accessibilityElementsHidden: true })] })] }), _jsx(SafeAreaModal, { visible: showBugTypePicker, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: () => setShowBugTypePicker(false), children: _jsxs(View, { style: styles.modalContainer, children: [_jsxs(View, { style: styles.modalHeader, children: [_jsx(HeaderDismissButton, { title: "Cancel", onPress: () => setShowBugTypePicker(false) }), _jsx(Text, { style: styles.modalTitle, children: "Select Bug Type" }), _jsx(View, { style: styles.modalHeaderSpacer })] }), _jsx(ScrollView, { style: styles.modalContent, children: Object.values(BUG_TYPE_OPTIONS).map(option => (_jsxs(TouchableOpacity, { style: styles.modalOption, onPress: () => {
+                                        setBugType(option);
+                                        setShowBugTypePicker(false);
+                                    }, children: [_jsx(Text, { style: styles.modalOptionText, children: option }), bugType === option && (_jsx(Icon, { name: "general.check", style: styles.modalCheckmark, accessibilityElementsHidden: true }))] }, option))) })] }) }), _jsxs(View, { style: styles.textInputContainer, children: [_jsxs(Text, { style: styles.fieldLabel, children: ["What were you trying to do when you encountered the bug?", ' ', _jsx(Text, { style: styles.required, children: "*" })] }), _jsx(TextInput, { style: styles.textInput, multiline: true, placeholder: "Description", value: whatWereDoing, onChangeText: setWhatWereDoing, maxLength: MAX_DESCRIPTION_LENGTH }), whatWereDoing.length >= MAX_DESCRIPTION_LENGTH - 100 && (_jsxs(Text, { variant: "footnote", children: [whatWereDoing.length, "/", MAX_DESCRIPTION_LENGTH] }))] }), _jsxs(View, { style: styles.textInputContainer, children: [_jsxs(Text, { style: styles.fieldLabel, children: ["What did you expect to happen? Please describe what actually happened.", ' ', _jsx(Text, { style: styles.required, children: "*" })] }), _jsx(TextInput, { style: styles.textInput, multiline: true, placeholder: "Description", value: whatExpected, onChangeText: setWhatExpected, maxLength: MAX_DESCRIPTION_LENGTH }), whatExpected.length >= MAX_DESCRIPTION_LENGTH - 100 && (_jsxs(Text, { variant: "footnote", children: [whatExpected.length, "/", MAX_DESCRIPTION_LENGTH] }))] }), _jsxs(View, { style: styles.attachmentSection, children: [_jsxs(View, { style: styles.attachmentHeader, children: [_jsxs(Text, { style: styles.attachmentLabel, children: ["Attachment ", _jsx(Text, { style: styles.subLabel, children: "(optional)" })] }), uploading && _jsx(Spinner, {})] }), uploadError && _jsx(Text, { style: styles.attachmentErrorText, children: uploadError }), attachment ? (_jsx(View, { style: styles.attachmentPreviewContainer, children: isImageAttachment ? (_jsx(ImageAttachmentPreview, { uri: imagePreviewURI, fileName: attachment.name, onRemovePress: handleRemoveAttachment })) : (_jsx(VideoAttachmentPreview, { name: attachment.name, onRemovePress: handleRemoveAttachment })) })) : (_jsx(Button, { title: "Attach a screenshot or recording", accessibilityHint: "Opens your device's image gallery", iconNameLeft: "general.paperclip", onPress: pickImage, size: "sm", variant: "outline", style: styles.attachButton, disabled: uploading || Boolean(attachment) })), _jsxs(Text, { variant: "footnote", children: ["Screenshots and screen recordings help us reproduce and fix issues faster.", ' ', _jsx(TextInlineButton, { accessibilityRole: "link", variant: "footnote", onPress: () => Linking.openURL(VIDEO_RECORDING_HELP_URL), children: "How to record your screen" })] })] }), _jsx(View, { style: styles.footer, children: _jsxs(Text, { variant: "footnote", children: ["For details on how we process your data and ensure its security, please refer to our", ' ', _jsx(TextInlineButton, { accessibilityRole: "link", variant: "footnote", onPress: () => Linking.openURL('https://www.planningcenter.com/privacy'), children: "Privacy Policy" }), "."] }) })] }) }));
 }
 const VIDEO_RECORDING_HELP_URL = Platform.select({
     android: 'https://support.google.com/android/answer/9075928?hl=en',