/* Metro module 7679; source: modules/checkout/native/gifting/SelectedUserField.tsx; dependencies: [31, 27, 33, 4501, 697, 6992, 1244, 3995, 6998, 1305, 4573, 6988, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as TextModule from '../../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as InputFieldContainerNativeModule from '../../../../design/components/Input/native/InputFieldContainer.native.tsx'; /* Metro dependency 6992 */
import * as MagnifyingGlassIconModule from '../../../../design/components/Icon/native/redesign/generated/MagnifyingGlassIcon.tsx'; /* Metro dependency 6998 */

function _fun61349(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#61349, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7857:6, offset: 0x01b3c09f, size: 495 bytes, params: 8, frame: 23
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    const env0_3 = value.Pressable;
    const env0_4 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.container = {marginHorizontal: PX_16};
    object.content = {'flexDirection': 'row', 'overflow': 'hidden', 'alignItems': 'center', 'display': 'flex'};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.opener = {'flexDirection': 'row', 'alignItems': 'center', 'flex': 1, 'paddingHorizontal': null,
        'paddingVertical': 6, paddingHorizontal: PX_16};
    object.openerWithClearButton = {paddingRight: 0};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object.searchIcon = {marginRight: PX_8};
    const object5 = {'flexDirection': 'row', 'alignItems': 'center', 'backgroundColor': null, 'borderRadius': null,
        'paddingVertical': 6, 'paddingHorizontal': 6};
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object5.backgroundColor = BACKGROUND_SURFACE_HIGH;
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object.userPill = object5;
    object.userPillText = {marginLeft: 6};
    const object6 = {'alignItems': 'center', 'justifyContent': 'center', 'minWidth': 44, 'minHeight': 44};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object6.paddingRight = PX_16;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object6.paddingLeft = PX_8;
    object.clearButton = object6;
    const env0_7 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/checkout/native/gifting/SelectedUserField.tsx');
    exports.default = SelectedUserField;
    function SelectedUserField({selectedUser, onPress, setSelectedUser}) { // fn#61350, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7857:964, offset: 0x01b3c28e, size: 1026 bytes, params: 2, frame: 39
        var r9;
        const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        const t = (require(1244) /* metro dependency 1244: indexNative */).t;
        const Text = (TextModule).Text;
        var formatToPlainString;
        var property;
        var object2;
        var value;
        const styles = useStyles();
        const InputFieldContainer = (InputFieldContainerNativeModule).InputFieldContainer;
        const items2 = [styles.opener];
        items2[1] = selectedUser != null && styles.openerWithClearButton;
        const r11 = selectedUser != null ? '' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.xFn72s) + ', ' + (importDefault(3995) /* metro dependency 3995: UserUtils */).getName(selectedUser) : '' + intl.string(t.xFn72s) + ', ' + intl.string(t.R0vK0N);
        const MagnifyingGlassIcon = (MagnifyingGlassIconModule).MagnifyingGlassIcon;
        const pressable = (
            <Pressable
                style={items2}
                onPress={onPress}
                accessibilityRole="button"
                accessibilityLabel={r11}
            >
                <MagnifyingGlassIcon
                    style={styles.searchIcon}
                    size="xs"
                    color="interactive-text-default"
                />
                {
                    selectedUser != null
                        ? (
                            <View style={styles.userPill}>
                                {((Avatar) => <Avatar user={selectedUser} guildId={undefined} size={(require(1305) /* metro dependency 1305: native */).AvatarSizes.XSMALL_20} />)((require(1305) /* metro dependency 1305: native */).Avatar)}
                                <Text variant="text-md/medium" style={styles.userPillText}>
                                    {(importDefault(3995) /* metro dependency 3995: UserUtils */).getName(selectedUser)}
                                </Text>
                            </View>
                        )
                        : (
                            <Text
                                variant="text-sm/semibold"
                                color="text-subtle"
                                style={styles.userPillText}
                            >
                                {intl.string((require(1244) /* metro dependency 1244: indexNative */).t.R0vK0N)}
                            </Text>
                        )
                }
            </Pressable>
        );
        if (selectedUser != null) {
            var pressableBindingProps = {style: styles.clearButton, onPress: function() {
                return setSelectedUser(undefined);
            }, accessibilityRole: 'button'};
            formatToPlainString = intl.formatToPlainString;
            property = (require(1244) /* metro dependency 1244: indexNative */).t['0Vb9FQ'];
            object2 = {};
            value = importDefault(3995) /* metro dependency 3995: UserUtils */;
            object2.text = value.getName(selectedUser);
            pressableBindingProps.accessibilityLabel = Reflect.apply(formatToPlainString, intl, [property, object2]);
            value = (
                <Pressable {...pressableBindingProps}>
                    {((CircleXIcon) => <CircleXIcon size="xs" />)((require(6988) /* metro dependency 6988: CircleXIcon */).CircleXIcon)}
                </Pressable>
            );
            r9 = value;
        } else {
            r9 = null;
        }
        return (
            <View style={styles.container}>
                <InputFieldContainer>
                    <View style={styles.content}>
                        {pressable}
                        {r9}
                    </View>
                </InputFieldContainer>
            </View>
        );
    }

}

global.__d(_fun61349, 7679, [31, 27, 33, 4501, 697, 6992, 1244, 3995, 6998, 1305, 4573, 6988,
        2]) /* metro module 7679, dependencies: [31, 27, 33, 4501, 697, 6992, 1244, 3995, 6998, 1305, 4573, 6988, 2] */;