Initial commit

sources/modules/checkout/native/gifting/SelectedUserField.tsx

@@ -0,0 +1,86 @@
+/* Metro module 7679; source: modules/checkout/native/gifting/SelectedUserField.tsx; dependencies: [31, 27, 33, 4501, 697, 6992, 1244, 3995, 6998, 1305, 4573, 6988, 2] */
+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
+    var object2;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    let value = require(27) /* metro dependency 27 */;
+    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;
+    object2 = {};
+    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.container = {marginHorizontal: PX_16};
+    object2.content = {'flexDirection': 'row', 'overflow': 'hidden', 'alignItems': 'center', 'display': 'flex'};
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.opener = {'flexDirection': 'row', 'alignItems': 'center', 'flex': 1, 'paddingHorizontal': null,
+        'paddingVertical': 6, paddingHorizontal: PX_16};
+    object2.openerWithClearButton = {paddingRight: 0};
+    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object2.searchIcon = {marginRight: PX_8};
+    const object3 = {'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;
+    object3.backgroundColor = BACKGROUND_SURFACE_HIGH;
+    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
+    object2.userPill = object3;
+    object2.userPillText = {marginLeft: 6};
+    const object4 = {'alignItems': 'center', 'justifyContent': 'center', 'minWidth': 44, 'minHeight': 44};
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object4.paddingRight = PX_16;
+    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object4.paddingLeft = PX_8;
+    object2.clearButton = object4;
+    const env0_7 = Reflect.apply(createStyles, value, [object2]);
+    (require(2) /* metro dependency 2 */).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 = (require(4573) /* metro dependency 4573: Text */).Text;
+    var formatToPlainString;
+    var property;
+    var object;
+    var value;
+    const styles = useStyles();
+    const InputFieldContainer = (require(6992) /* metro dependency 6992: InputFieldContainerNative */).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 = (require(6998) /* metro dependency 6998: MagnifyingGlassIcon */).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'];
+        object = {};
+        value = importDefault(3995) /* metro dependency 3995: UserUtils */;
+        object.text = value.getName(selectedUser);
+        pressableBindingProps.accessibilityLabel = Reflect.apply(formatToPlainString, intl, [property, object]);
+        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>
+    );
+}
+