87 lines
5.8 KiB
TypeScript
87 lines
5.8 KiB
TypeScript
/* 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>
|
|
);
|
|
}
|
|
|