189 lines
9.7 KiB
TypeScript
189 lines
9.7 KiB
TypeScript
/* Metro module 15735; source: modules/interaction_components/native/InteractionModal.tsx; dependencies: [31, 27, 12952, 33, 4501, 697, 5080, 15736, 5463, 1305, 1423, 4573, 5278, 1244, 5312, 8357, 15737, 4578, 2] */
|
|
import AvatarUtils from '../../../utils/AvatarUtils.tsx'; /* Metro dependency 1423 */
|
|
import ModalActionCreators from '../../../actions/ModalActionCreators.tsx'; /* Metro dependency 5080 */
|
|
import UseSafeAreaInsetsKeyboardAwareNative from '../../safe_area/useSafeAreaInsetsKeyboardAware.native.tsx'; /* Metro dependency 5463 */
|
|
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 IndexNativeModule from '../../../intl/index.native.tsx'; /* Metro dependency 1244 */
|
|
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
|
|
import * as ButtonNativeModule from '../../../design/components/Button/native/Button.native.tsx'; /* Metro dependency 4578 */
|
|
import * as PressablesModule from '../../../design/void/Pressables/native/Pressables.tsx'; /* Metro dependency 5278 */
|
|
import * as XSmallIconModule from '../../../design/components/Icon/native/redesign/generated/XSmallIcon.tsx'; /* Metro dependency 5312 */
|
|
import * as ComponentStateContextModule from '../ComponentStateContext.tsx'; /* Metro dependency 8357 */
|
|
import * as InteractionModalStoreModule from '../InteractionModalStore.tsx'; /* Metro dependency 12952 */
|
|
import * as InteractionModalUtilsModule from '../InteractionModalUtils.tsx'; /* Metro dependency 15736 */
|
|
|
|
function _fun120822(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#120822, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15943:6, offset: 0x02536740, size: 574 bytes, params: 8, frame: 24
|
|
const env0_0 = require;
|
|
const InteractionModal2 = InteractionModal;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
ReactModule;
|
|
let value = ReactNativeModule;
|
|
const env0_3 = value.View;
|
|
const env0_4 = value.ScrollView;
|
|
value = require(33) /* metro dependency 33 */;
|
|
const env0_6 = value.jsx;
|
|
const env0_7 = value.jsxs;
|
|
value = require(4501) /* metro dependency 4501: createStyles */;
|
|
const createStyles = value.createStyles;
|
|
object = {};
|
|
const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
|
|
object.modal = {backgroundColor: BACKGROUND_BASE_LOW, flex: 1};
|
|
object.scroll = {flex: 1};
|
|
const object4 = {flexGrow: 1};
|
|
let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
|
|
object4.paddingHorizontal = PX_16;
|
|
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
|
|
object4.gap = PX_16;
|
|
object.modalContent = object4;
|
|
const object5 = {flexDirection: 'row'};
|
|
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
|
|
object5.marginBottom = PX_16;
|
|
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
|
|
object5.paddingHorizontal = PX_16;
|
|
object.header = object5;
|
|
object.titleView = {flex: 1};
|
|
const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
|
|
object.icon = {marginRight: PX_8};
|
|
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
|
|
object.footer = {marginTop: 'auto', marginBottom: PX_16};
|
|
object.closeButton = {marginLeft: 'auto'};
|
|
const TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
|
|
object.closeIcon = {color: TEXT_MUTED};
|
|
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
|
|
object.error = {marginBottom: PX_16};
|
|
const env0_8 = Reflect.apply(createStyles, value, [object]);
|
|
(FileImportTrackerModule).fileFinishedImporting('modules/interaction_components/native/InteractionModal.tsx');
|
|
exports.default = InteractionModal2;
|
|
exports.openInteractionModal = function(a0) {
|
|
importDefault(dependencyMap[6]).push(InteractionModal, a0, 'interaction_modal');
|
|
};
|
|
function InteractionModal(a0) { // fn#120823, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15943:782, offset: 0x0253697e, size: 1138 bytes, params: 2, frame: 42
|
|
const HelpMessage = (require(1305) /* metro dependency 1305: native */).HelpMessage;
|
|
const styles = useStyles();
|
|
const title = a0.title;
|
|
const {components, applicationIconURL, applicationName, submissionState, error, validators, validationErrors,
|
|
setValidationErrors,
|
|
onSubmit} = (InteractionModalUtilsModule).useModalState(a0,
|
|
onClose_120824);
|
|
const insets = (UseSafeAreaInsetsKeyboardAwareNative)({includeKeyboardHeight: true}).insets;
|
|
const items3 = [styles.modal];
|
|
items3[1] = {paddingTop: insets.top, paddingBottom: insets.bottom};
|
|
const Avatar = (require(1305) /* metro dependency 1305: native */).Avatar;
|
|
const avatarProps = {style: styles.icon,
|
|
source: (AvatarUtils).makeSource(applicationIconURL)};
|
|
const AvatarSizes = (require(1305) /* metro dependency 1305: native */).AvatarSizes;
|
|
const SMALL = AvatarSizes.SMALL;
|
|
avatarProps.size = SMALL;
|
|
const items2 = [
|
|
<Avatar {...avatarProps} />,
|
|
];
|
|
const Text = (TextModule).Text;
|
|
items2[1] = (
|
|
<View style={styles.titleView}>
|
|
<Text variant="heading-xl/semibold" color="mobile-text-heading-primary">
|
|
{title}
|
|
</Text>
|
|
</View>
|
|
);
|
|
const PressableOpacity = (PressablesModule).PressableOpacity;
|
|
const intl = (IndexNativeModule).intl;
|
|
let string = intl.string;
|
|
const cpT0Cq = (IndexNativeModule).t.cpT0Cq;
|
|
onClose_120824Binding = onClose_120824;
|
|
const XSmallIcon = (XSmallIconModule).XSmallIcon;
|
|
items2[2] = (
|
|
<PressableOpacity
|
|
accessibilityRole="button"
|
|
accessibilityLabel={Reflect.apply(string, intl, [cpT0Cq])}
|
|
onPress={onClose_120824Binding}
|
|
style={styles.closeButton}
|
|
>
|
|
<XSmallIcon color={styles.closeIcon.color} />
|
|
</PressableOpacity>
|
|
);
|
|
const view = (
|
|
<View style={styles.header}>
|
|
{items2}
|
|
</View>
|
|
);
|
|
const value5 = null;
|
|
const r18 = (
|
|
value5 != error
|
|
? (
|
|
error === ''
|
|
? value5
|
|
: (
|
|
<View style={styles.error}>
|
|
<HelpMessage
|
|
messageType={(require(1305) /* metro dependency 1305: native */).HelpMessageTypes.ERROR}
|
|
>
|
|
{error}
|
|
</HelpMessage>
|
|
</View>
|
|
)
|
|
)
|
|
: value5
|
|
);
|
|
const HelpMessageTypes = (require(1305) /* metro dependency 1305: native */).HelpMessageTypes;
|
|
const WARNING = HelpMessageTypes.WARNING;
|
|
const items5 = [
|
|
<View>
|
|
{r18}
|
|
<HelpMessage messageType={WARNING}>
|
|
{intl.format((IndexNativeModule).t['dSTy/w'],
|
|
{applicationName: applicationName})}
|
|
</HelpMessage>
|
|
</View>,
|
|
];
|
|
const ComponentStateContextProvider = (ComponentStateContextModule).ComponentStateContextProvider;
|
|
items5[1] = (
|
|
<ComponentStateContextProvider
|
|
modal={a0}
|
|
validators={validators}
|
|
validationErrors={validationErrors}
|
|
setValidationErrors={setValidationErrors}
|
|
>
|
|
{(require(15737) /* metro dependency 15737: renderComponents */).renderComponents(components)}
|
|
</ComponentStateContextProvider>
|
|
);
|
|
const Button = (ButtonNativeModule).Button;
|
|
string = intl.string;
|
|
const geKm7t = (IndexNativeModule).t.geKm7t;
|
|
const IN_FLIGHT = InteractionModalState.IN_FLIGHT;
|
|
items5[2] = (
|
|
<View style={styles.footer}>
|
|
<Button
|
|
text={Reflect.apply(string, intl, [geKm7t])}
|
|
loading={submissionState === IN_FLIGHT}
|
|
size="lg"
|
|
onPress={onSubmit}
|
|
/>
|
|
</View>
|
|
);
|
|
return (
|
|
<View style={items3}>
|
|
{view}
|
|
<ScrollView
|
|
style={styles.scroll}
|
|
contentContainerStyle={styles.modalContent}
|
|
keyboardShouldPersistTaps="handled"
|
|
>
|
|
{items5}
|
|
</ScrollView>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
function onClose_120824() { // fn#120824, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15943:756, offset: 0x02536df0, size: 44 bytes, params: 1, frame: 11
|
|
return (ModalActionCreators).popWithKey('interaction_modal');
|
|
}
|
|
|
|
}
|
|
|
|
global.__d(_fun120822, 15735, [31, 27, 12952, 33, 4501, 697, 5080, 15736, 5463, 1305, 1423, 4573, 5278, 1244, 5312,
|
|
8357, 15737, 4578,
|
|
2]) /* metro module 15735, dependencies: [31, 27, 12952, 33, 4501, 697, 5080, 15736, 5463, 1305, 1423, 4573, 5278, 1244, 5312, 8357, 15737, 4578, 2] */;
|