/* Metro module 12622; source: modules/parent_tools/native/FamilyCenterModalRequest.tsx; dependencies: [5, 31, 27, 1878, 5117, 33, 4501, 697, 1484, 632, 5118, 12623, 5187, 12624, 6258, 6259, 1305, 1423, 1244, 2224, 4573, 12625, 12626, 10120, 6261, 4578, 5080, 5473, 8171, 44, 11365, 8160, 5461, 6266, 1909, 5263, 5074, 4813, 12620, 5282, 12632, 10121, 2] */ function _fun96804(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#96804, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12812:6, offset: 0x02167681, size: 1610 bytes, params: 8, frame: 29 var object3; const env0_0 = require; const closure = FamilyCenterModalRequestConfirm; const closure2 = FamilyCenterModalRequestSuccess; const closure3 = FamilyCenterModalRequestError; const Object = global.Object; Object.defineProperty(exports, '__esModule', {value: true}); const env0_3 = importDefault(5) /* metro dependency 5 */; const env0_4 = importAll(31) /* metro dependency 31 */; let value = require(27) /* metro dependency 27 */; const env0_5 = value.Image; const env0_6 = value.View; const userStore = importDefault(1878) /* metro dependency 1878: UserStore */; value = require(5117) /* metro dependency 5117: FamilyCenterConstants */; const env0_8 = value.FAMILY_CENTER_AGE_VERIFICATION_RESUME_TIMEOUT; const env0_9 = value.FAMILY_CENTER_LINK_REQUEST_ERROR_EXPERIENCES; const env0_10 = value.FamilyCenterFailureCode; const env0_11 = value.FamilyCenterIconType; value = require(33) /* metro dependency 33 */; const env0_12 = value.jsx; const env0_13 = value.jsxs; const env0_14 = value.Fragment; value = require(4501) /* metro dependency 4501: createStyles */; let createStyles = value.createStyles; object3 = {}; const object5 = {}; let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object5.marginTop = PX_16; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object5.marginBottom = PX_16; object3.headerText = object5; object3.art = {'width': 165, 'height': 119}; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object3.connectionHeader = {alignItems: 'center', marginBottom: PX_16}; const object7 = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center', 'alignSelf': 'center'}; let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object7.padding = PX_8; let BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH; object7.backgroundColor = BACKGROUND_SURFACE_HIGH; object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; let PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object7.marginBottom = PX_24; object3.headerIcons = object7; const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12; object3.ellipseGroup = {flexDirection: 'row', marginHorizontal: PX_12}; const object8 = {'width': 4, 'height': 4, 'marginHorizontal': 2}; const ICON_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.ICON_MUTED; object8.backgroundColor = ICON_MUTED; object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; object3.ellipse = object8; object3.title = {textAlign: 'center'}; const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4; object3.teenName = {marginTop: PX_4, textAlign: 'center'}; const object10 = {}; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object10.marginTop = PX_8; object10.textAlign = 'center'; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object10.paddingHorizontal = PX_16; object3.consent = object10; const env0_15 = Reflect.apply(createStyles, value, [object3]); value = require(4501) /* metro dependency 4501: createStyles */; createStyles = value.createStyles; object3 = {}; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object3.content = {'flex': 1, 'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', paddingHorizontal: PX_16}; object3.textWrapper = {alignItems: 'center'}; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object3.header = {marginBottom: PX_8}; object3.description = {textAlign: 'center'}; PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object3.illustration = {'position': 'absolute', 'bottom': '100%', 'left': 0, 'right': 0, 'alignItems': 'center', paddingBottom: PX_24}; const env0_16 = Reflect.apply(createStyles, value, [object3]); value = require(4501) /* metro dependency 4501: createStyles */; createStyles = value.createStyles; object3 = {header: {'marginBottom': 8, 'textAlign': 'center'}}; object3.description = {textAlign: 'center'}; const object11 = {'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center', 'height': 64, 'width': 64, 'borderRadius': null, 'backgroundColor': null, 'marginBottom': 24}; object11.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH; object11.backgroundColor = BACKGROUND_SURFACE_HIGH; object3.ring = object11; const object12 = {'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center', 'height': 48, 'width': 48}; object12.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; let STATUS_POSITIVE = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_POSITIVE; object12.backgroundColor = STATUS_POSITIVE; object3.iconContainer = object12; STATUS_POSITIVE = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_POSITIVE; object3.positive = {backgroundColor: STATUS_POSITIVE}; const BACKGROUND_FEEDBACK_CRITICAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_FEEDBACK_CRITICAL; object3.negative = {backgroundColor: BACKGROUND_FEEDBACK_CRITICAL}; const env0_17 = Reflect.apply(createStyles, value, [object3]); const env0_18 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'flex': 1, 'justifyContent': 'center', 'alignItems': 'center'}}); value = require(4501) /* metro dependency 4501: createStyles */; createStyles = value.createStyles; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; const env0_19 = Reflect.apply(createStyles, value, [{content: {'flex': 1, 'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', 'paddingHorizontal': 32}, title: {textAlign: 'center', marginBottom: PX_8}, description: {textAlign: 'center'}}]); value = require(4501) /* metro dependency 4501: createStyles */; createStyles = value.createStyles; object3 = {content: {'flex': 1, 'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', 'paddingHorizontal': 32}}; PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object3.art = {'width': 165, 'height': 119, marginBottom: PX_24}; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object3.title = {textAlign: 'center', marginBottom: PX_8}; object3.description = {textAlign: 'center'}; const env0_20 = Reflect.apply(createStyles, value, [object3]); object3 = {headerShown: true}; object3.headerLeft = (require(5282) /* metro dependency 5282: NavigatorHeaderNative */).getHeaderCloseButton((importDefault(5080) /* metro dependency 5080: ModalActionCreators */).pop); object3.headerTitle = function() { return null; }; (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/parent_tools/native/FamilyCenterModalRequest.tsx'); exports.default = FamilyCenterRequestModal; exports.FamilyCenterModalRequestConfirm = closure; exports.FamilyCenterModalRequestSuccess = closure2; exports.FamilyCenterModalRequestError = closure3; } function FamilyCenterModalRequestConfirm({userId, linkCode, teenIdentity}) { // fn#96805, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12812:1178, offset: 0x02167ccb, size: 1841 bytes, params: 2, frame: 43 var r30; var r8; var jsxRuntimeEnv0_14Binding; var items5; const Text = (require(4573) /* metro dependency 4573: Text */).Text; const intl = (require(1244) /* metro dependency 1244: indexNative */).intl; const Avatar = (require(1305) /* metro dependency 1305: native */).Avatar; const AvatarSizes = (require(1305) /* metro dependency 1305: native */).AvatarSizes; var LARGE; var formatToPlainString; var kFj4h1; var items2; var ellipse; var items3; var object14; var global_name; var items4; var format; var yiUJNU; const styles = useStyles(); const value3 = (require(1484) /* metro dependency 1484: useNavigationNative */).useNavigation(); const currentUser = (require(632) /* metro dependency 632: useStateFromStores */).useStateFromStores([UserStore], function() { return UserStore.getCurrentUser(); }); const {requestLink, isRequestingLink} = (require(12624) /* metro dependency 12624: useFamilyCenterActions */).useFamilyCenterActions({onSuccess: env0_4.useCallback(_fun96807, [value3]), onError: env0_4.useCallback(_fun96808, [value3])}); const value7 = env0_4.useCallback(function() { requestLink(userId, linkCode); }, [requestLink, userId, linkCode]); const ModalScreen = (require(6258) /* metro dependency 6258: ModalScreenNative */).ModalScreen; const ModalContent = (require(6259) /* metro dependency 6259: ModalContentNative */).ModalContent; if (teenIdentity != null) { var viewBindingProps = {style: styles.connectionHeader}; var viewBinding2Props = {style: styles.headerIcons}; var avatarProps = {source: currentUser != null ? (importDefault(1423) /* metro dependency 1423: AvatarUtils */).getUserAvatarSource(currentUser) : undefined}; LARGE = AvatarSizes.LARGE; avatarProps.size = LARGE; formatToPlainString = intl.formatToPlainString; kFj4h1 = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).kFj4h1; r30 = currentUser?.globalName ?? currentUser?.username ?? ''; avatarProps.accessibilityLabel = Reflect.apply(formatToPlainString, intl, [kFj4h1, {name: r30}]); items2 = []; var viewBinding3Props = {style: styles.ellipseGroup}; ellipse = styles.ellipse; items3 = []; ellipse = styles.ellipse; items3[1] = ; ellipse = styles.ellipse; items3[2] = ; items2[1] = {items3}; var avatarProps2 = {source: (importDefault(1423) /* metro dependency 1423: AvatarUtils */).getUserAvatarSource({id: teenIdentity.id, avatar: teenIdentity.avatar, discriminator: '0'})}; LARGE = AvatarSizes.LARGE; avatarProps2.size = LARGE; formatToPlainString = intl.formatToPlainString; kFj4h1 = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).kFj4h1; global_name = teenIdentity.global_name; r30 = global_name ?? teenIdentity.username; avatarProps2.accessibilityLabel = Reflect.apply(formatToPlainString, intl, [kFj4h1, {name: r30}]); items2[2] = ; items4 = [{items2}]; items4[1] = {intl.string((importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).sMmIbm)}; global_name = teenIdentity.global_name; items4[2] = {global_name ?? teenIdentity.username}; var textProps2 = {'variant': 'text-sm/medium', 'color': 'text-muted', style: styles.consent}; format = intl.format; yiUJNU = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).yiUJNU; global_name = teenIdentity.global_name; items4[3] = {Reflect.apply(format, intl, [yiUJNU, {username: global_name ?? teenIdentity.username}])}; r8 = {items4}; } else { jsxRuntimeEnv0_14Binding = jsxRuntimeEnv0_14; items5 = []; items5[1] = {intl.string((importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).GH11eI)}; r8 = <>{items5}; } const modalContent = {r8}{((Component) => )(importDefault(12626) /* metro dependency 12626: FamilyCenterDataConfirmation */)}; const ModalFooter = (require(10120) /* metro dependency 10120: ModalFooterNative */).ModalFooter; const ButtonGroup = (require(6261) /* metro dependency 6261: ButtonGroupNative */).ButtonGroup; const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button; const string = intl.string; const ISg34l = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).ISg34l; return ( {modalContent}