/* 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] */ import Module00005 from '../../../by-id/module-00005.js'; /* Metro dependency 5 */ import Module00044 from '../../../by-id/module-00044.js'; /* Metro dependency 44 */ import UserStore from '../../../stores/UserStore.tsx'; /* Metro dependency 1878 */ import FamilyCenterMessages from '../FamilyCenter.messages.js'; /* Metro dependency 2224 */ import ModalActionCreators from '../../../actions/ModalActionCreators.tsx'; /* Metro dependency 5080 */ import FamilyCenterActionCreators from '../FamilyCenterActionCreators.tsx'; /* Metro dependency 5118 */ import UsePrevious from '../../../hooks/usePrevious.tsx'; /* Metro dependency 6266 */ import UseIsInAdultAgeGroup from '../hooks/useIsInAdultAgeGroup.tsx'; /* Metro dependency 8171 */ import Module12625 from '../../../by-id/module-12625.js'; /* Metro dependency 12625 */ import FamilyCenterDataConfirmation from './FamilyCenterDataConfirmation.tsx'; /* Metro dependency 12626 */ 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 UseStateFromStoresModule from '../../../external/discord_common/js/packages/flux/useStateFromStores.tsx'; /* Metro dependency 632 */ import * as IndexNativeModule from '../../../intl/index.native.tsx'; /* Metro dependency 1244 */ import * as NativeModule from '../../../design/void/native.tsx'; /* Metro dependency 1305 */ import * as UseNavigationNativeModule from '../../../design/components/Navigator/native/useNavigation.native.tsx'; /* Metro dependency 1484 */ 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 AgeVerificationUtilsModule from '../../age_assurance/AgeVerificationUtils.tsx'; /* Metro dependency 4813 */ import * as NavigatorHeaderNativeModule from '../../../design/components/Navigator/native/NavigatorHeader.native.tsx'; /* Metro dependency 5282 */ import * as ActivityIndicatorNativeModule from '../../../design/components/ActivityIndicator/native/ActivityIndicator.native.tsx'; /* Metro dependency 5461 */ import * as NativeModule2 from '../../../design/assets/native.tsx'; /* Metro dependency 5473 */ import * as ModalScreenNativeModule from '../../../design/components/Modal/native/ModalScreen.native.tsx'; /* Metro dependency 6258 */ import * as ModalContentNativeModule from '../../../design/components/Modal/native/ModalContent.native.tsx'; /* Metro dependency 6259 */ import * as ButtonGroupNativeModule from '../../../design/components/ButtonGroup/native/ButtonGroup.native.tsx'; /* Metro dependency 6261 */ import * as ModalFooterNativeModule from '../../../design/components/Modal/native/ModalFooter.native.tsx'; /* Metro dependency 10120 */ import * as ModalNativeModule from '../../../design/components/Modal/native/Modal.native.tsx'; /* Metro dependency 10121 */ import * as FamilyCenterModalRequestRoutingModule from '../FamilyCenterModalRequestRouting.tsx'; /* Metro dependency 12623 */ import * as UseFamilyCenterActionsModule from '../hooks/useFamilyCenterActions.tsx'; /* Metro dependency 12624 */ import * as FamilyCenterConnectionPrereqExperimentModule from '../FamilyCenterConnectionPrereqExperiment.tsx'; /* Metro dependency 12632 */ 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 const env0_0 = require; const FamilyCenterModalRequestConfirm2 = FamilyCenterModalRequestConfirm; const FamilyCenterModalRequestSuccess2 = FamilyCenterModalRequestSuccess; const FamilyCenterModalRequestError2 = FamilyCenterModalRequestError; const Object = global.Object; Object.defineProperty(exports, '__esModule', {value: true}); let value = ReactNativeModule; const env0_5 = value.Image; const env0_6 = value.View; 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; object = {}; const object2 = {}; let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object2.marginTop = PX_16; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object2.marginBottom = PX_16; object.headerText = object2; object.art = {'width': 165, 'height': 119}; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object.connectionHeader = {alignItems: 'center', marginBottom: PX_16}; const object4 = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center', 'alignSelf': 'center'}; let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object4.padding = PX_8; let BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH; object4.backgroundColor = BACKGROUND_SURFACE_HIGH; object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; let PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object4.marginBottom = PX_24; object.headerIcons = object4; const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12; object.ellipseGroup = {flexDirection: 'row', marginHorizontal: PX_12}; const object6 = {'width': 4, 'height': 4, 'marginHorizontal': 2}; const ICON_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.ICON_MUTED; object6.backgroundColor = ICON_MUTED; object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; object.ellipse = object6; object.title = {textAlign: 'center'}; const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4; object.teenName = {marginTop: PX_4, textAlign: 'center'}; const object9 = {}; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object9.marginTop = PX_8; object9.textAlign = 'center'; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object9.paddingHorizontal = PX_16; object.consent = object9; const env0_15 = Reflect.apply(createStyles, value, [object]); value = require(4501) /* metro dependency 4501: createStyles */; createStyles = value.createStyles; object = {}; PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object.content = {'flex': 1, 'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', paddingHorizontal: PX_16}; object.textWrapper = {alignItems: 'center'}; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object.header = {marginBottom: PX_8}; object.description = {textAlign: 'center'}; PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object.illustration = {'position': 'absolute', 'bottom': '100%', 'left': 0, 'right': 0, 'alignItems': 'center', paddingBottom: PX_24}; const env0_16 = Reflect.apply(createStyles, value, [object]); value = require(4501) /* metro dependency 4501: createStyles */; createStyles = value.createStyles; object = {header: {'marginBottom': 8, 'textAlign': 'center'}}; object.description = {textAlign: 'center'}; const object13 = {'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center', 'height': 64, 'width': 64, 'borderRadius': null, 'backgroundColor': null, 'marginBottom': 24}; object13.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH; object13.backgroundColor = BACKGROUND_SURFACE_HIGH; object.ring = object13; const object14 = {'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center', 'height': 48, 'width': 48}; object14.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; let STATUS_POSITIVE = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_POSITIVE; object14.backgroundColor = STATUS_POSITIVE; object.iconContainer = object14; STATUS_POSITIVE = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_POSITIVE; object.positive = {backgroundColor: STATUS_POSITIVE}; const BACKGROUND_FEEDBACK_CRITICAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_FEEDBACK_CRITICAL; object.negative = {backgroundColor: BACKGROUND_FEEDBACK_CRITICAL}; const env0_17 = Reflect.apply(createStyles, value, [object]); 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; object = {content: {'flex': 1, 'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', 'paddingHorizontal': 32}}; PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object.art = {'width': 165, 'height': 119, marginBottom: PX_24}; PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object.title = {textAlign: 'center', marginBottom: PX_8}; object.description = {textAlign: 'center'}; const env0_20 = Reflect.apply(createStyles, value, [object]); object = {headerShown: true}; object.headerLeft = (require(5282) /* metro dependency 5282: NavigatorHeaderNative */).getHeaderCloseButton((importDefault(5080) /* metro dependency 5080: ModalActionCreators */).pop); object.headerTitle = function() { return null; }; (FileImportTrackerModule).fileFinishedImporting('modules/parent_tools/native/FamilyCenterModalRequest.tsx'); exports.default = FamilyCenterRequestModal; exports.FamilyCenterModalRequestConfirm = FamilyCenterModalRequestConfirm2; exports.FamilyCenterModalRequestSuccess = FamilyCenterModalRequestSuccess2; exports.FamilyCenterModalRequestError = FamilyCenterModalRequestError2; 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 = (TextModule).Text; const intl = (IndexNativeModule).intl; const Avatar = (NativeModule).Avatar; const AvatarSizes = (NativeModule).AvatarSizes; var LARGE; var formatToPlainString; var kFj4h1; var items2; var ellipse; var items3; var object; var global_name; var items4; var format; var yiUJNU; const styles = useStyles(); const value3 = (UseNavigationNativeModule).useNavigation(); const currentUser = (require(632) /* metro dependency 632: useStateFromStores */).useStateFromStores([UserStore], function() { return UserStore.getCurrentUser(); }); const {requestLink, isRequestingLink} = (UseFamilyCenterActionsModule).useFamilyCenterActions({onSuccess: ReactModule.useCallback(_fun96807, [value3]), onError: ReactModule.useCallback(_fun96808, [value3])}); const value7 = ReactModule.useCallback(function() { requestLink(userId, linkCode); }, [requestLink, userId, linkCode]); const ModalScreen = (ModalScreenNativeModule).ModalScreen; const ModalContent = (ModalContentNativeModule).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) => )(FamilyCenterDataConfirmation)} ); const ModalFooter = (ModalFooterNativeModule).ModalFooter; const ButtonGroup = (ButtonGroupNativeModule).ButtonGroup; const Button = (ButtonNativeModule).Button; const string = intl.string; const ISg34l = (importDefault(2224) /* metro dependency 2224: FamilyCenterMessages */).ISg34l; return ( {modalContent}