/* Metro module 13601; source: modules/quests/native/VideoQuestModal/VideoQuestModalContentInProgress.tsx; dependencies: [57, 31, 27, 6528, 482, 33, 674, 697, 4501, 477, 9495, 9511, 13602, 13605, 13573, 4017, 4504, 1585, 6618, 3868, 13618, 8141, 13619, 13598, 13622, 4572, 5278, 4573, 13623, 5475, 1305, 9505, 8341, 1244, 9176, 11906, 9483, 9522, 4589, 13625, 13620, 4578, 11905, 13526, 13524, 9798, 8638, 13597, 4080, 13626, 1962, 9513, 7114, 9519, 9517, 9518, 7121, 7120, 6531, 7110, 9212, 13627, 9480, 13628, 6535, 2] */ function _fun103352(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#103352, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13791:6, offset: 0x0226385e, size: 800 bytes, params: 8, frame: 24 const env0_0 = require; const Object = global.Object; Object.defineProperty(exports, '__esModule', {value: true}); const env0_3 = importDefault(57) /* metro dependency 57 */; let value = importAll(31) /* metro dependency 31 */; const value2 = require(27) /* metro dependency 27 */; const env0_5 = value2.View; const env0_6 = value2.StyleSheet; const env0_7 = (require(6528) /* metro dependency 6528: QuestConstants */).QuestsExperimentLocations; const env0_8 = (require(482) /* metro dependency 482: Constants */).ThemeTypes; const value3 = require(33) /* metro dependency 33 */; const env0_9 = value3.jsx; const env0_10 = value3.jsxs; const env0_11 = {'x': 0, 'y': 0}; const env0_12 = {'x': 0, 'y': 1}; const value4 = importDefault(674) /* metro dependency 674 */; let PLUM_23 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.PLUM_23; const value6 = value4(PLUM_23).alpha(0.4); object = [value6.hex()]; const value8 = value4; PLUM_23 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.PLUM_23; const value10 = value8(PLUM_23).alpha(0); object[1] = value10.hex(); const value11 = value4; PLUM_23 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.PLUM_23; object = [value11(PLUM_23).alpha(0).hex()]; const value15 = value4; PLUM_23 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.PLUM_23; const value17 = value15(PLUM_23).alpha(0.4); object[1] = value17.hex(); const env0_15 = {'bottom': 158, 'top': 64, 'left': 16, 'right': 16}; const env0_16 = {'bottom': 16, 'left': 16, 'right': 16}; const createStylesModule = require(4501) /* metro dependency 4501: createStyles */; let createStyles = createStylesModule.createStyles; const env0_17 = Reflect.apply(createStyles, createStylesModule, [_fun103353]); object = {code: 'function VideoQuestModalContentInProgressTsx1(){const{withDelay,LOGO_REWARD_TRANSITION_DELAY_MS,withTiming,isComponentMounted,LOGO_REWARD_TRANSITION_DURATION_MS}=this.__closure;return withDelay(LOGO_REWARD_TRANSITION_DELAY_MS,withTiming(isComponentMounted.get(),{duration:LOGO_REWARD_TRANSITION_DURATION_MS}));}'}; object = {code: 'function VideoQuestModalContentInProgressTsx2(){const{animation}=this.__closure;return{opacity:animation.get()};}'}; object = {code: 'function VideoQuestModalContentInProgressTsx3(){const{animation}=this.__closure;return{opacity:1-animation.get()};}'}; object = {code: "function VideoQuestModalContentInProgressTsx4(){const{animation}=this.__closure;return{pointerEvents:animation.get()>0.3?'auto':'none'};}"}; const env0_22 = value.memo(_fun103354); const env0_23 = value.memo(_fun103362); const value19 = createStylesModule; createStyles = value19.createStyles; const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; const env0_24 = Reflect.apply(createStyles, value19, [{footerButton: {padding: PX_8}}]); const env0_25 = value.forwardRef(FooterButton); value = value.memo(VideoQuestModalContentInProgress); (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/quests/native/VideoQuestModal/VideoQuestModalContentInProgress.tsx'); exports.default = value; } function _fun103353(a0) { // fn#103353, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13791:590, offset: 0x02263b7e, size: 1081 bytes, params: 2, frame: 20 const object2 = {}; let BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST; object2.wrapper = {backgroundColor: BACKGROUND_BASE_LOWEST, flex: 1}; const object4 = {}; object4.borderTopLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg; object4.borderTopRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg; const value2 = 'center'; object4.justifyContent = a0 ? 'flex-start' : value2; object2.wrapperPortrait = object4; object2.videoLandscape = {'width': '100%', 'position': 'relative'}; object2.videoLandscape9by16 = {aspectRatio: 1.7777777777777777}; object2.videoLandscapeFullscreen = {'flexGrow': 1, 'flexShrink': 1}; const object8 = {'borderRadius': null, 'flexGrow': 0, 'flexShrink': 0, 'overflow': 'hidden'}; object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg; object2.videoWrapper = object8; const object9 = {flexGrow: 1}; object9.borderTopLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.none; object9.borderTopRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.none; object2.videoWrapperLandscape = object9; const object12 = {}; object12.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.none; object2.videoWrapperFullscreen = object12; const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object2.videoContentWrapper = {'flexDirection': 'column', 'pointerEvents': 'box-none', 'flexGrow': 1, 'flexShrink': 0, 'justifyContent': 'space-between', padding: PX_16}; object2.videoContentWrapperLandscape = {padding: 0}; const object15 = {}; copyDataProperties(object15, StyleSheet.absoluteFillObject, PX_16); object2.videoContentWrapperPortrait = object15; object2.rewardContainer = {'justifyContent': 'center', 'flex': 1}; const object16 = {}; copyDataProperties(object16, StyleSheet.absoluteFillObject, PX_16); object16['alignItems'] = value2; object16['justifyContent'] = value2; object2.rewardContentCentered = object16; BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST; object2.modalBackground = {backgroundColor: BACKGROUND_BASE_LOWEST}; const object20 = {borderTopWidth: 1}; const BACKGROUND_MOD_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_STRONG; object20.borderColor = BACKGROUND_MOD_STRONG; const PX_162 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object20.paddingHorizontal = PX_162; const PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; object20.paddingTop = PX_24; object2.questDetailsLandscape = object20; object2.questDetailsPrimary = {'flexGrow': 0, 'flexShrink': 1}; object2.questDetailsSecondary = {'flexGrow': 0, 'flexShrink': 0}; const object22 = {}; const PX_163 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object22.paddingHorizontal = PX_163; const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; object22.paddingVertical = PX_8; object2.footer = object22; const INTERACTIVE_TEXT_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_ACTIVE; object2.icon = {color: INTERACTIVE_TEXT_ACTIVE}; const INTERACTIVE_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_DEFAULT; object2.iconDisabled = {color: INTERACTIVE_TEXT_DEFAULT}; const object24 = {position: 'absolute'}; const PX_164 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object24.top = PX_164; const PX_165 = (importDefault(697) /* metro dependency 697: native */).space.PX_16; object24.left = PX_165; object2.closeButtonLandscape = object24; const object25 = {}; copyDataProperties(object25, StyleSheet.absoluteFillObject, PX_16); object25['bottom'] = undefined; object25['height'] = 70; object2.gradientTop = object25; const object26 = {}; copyDataProperties(object26, StyleSheet.absoluteFillObject, PX_16); object26['top'] = undefined; object26['height'] = 150; object2.gradientBottom = object26; const BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK; object2.textShadow = {'margin': -15, 'padding': 15, 'textShadowColor': null, 'textShadowOffset': null, 'textShadowRadius': 15, textShadowColor: BLACK, textShadowOffset: {'width': 0, 'height': 0}}; const object27 = {'borderRadius': null, 'flexGrow': 1, 'flexShrink': 1}; object27.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round; object2.ctaPrimary = object27; object2.viewRewardBtn = {marginRight: 'auto'}; const object28 = {'borderRadius': null, 'height': 96, 'width': '100%'}; object28.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg; object2.playerThumbnail = object28; object2.cloudsBackground = {zIndex: -1}; object2.questDetailsSubheader = {opacity: 0.6}; return object2; } function _fun103354({quest, captionsEnabled, handleClose, handlePrimaryCtaPress, handleShareQuest, handleOpenTranscript, handleToggleCaptions, isFullscreen, onNavigateToPostWatchVideo, onEnd, setIsFullscreen, externallyPaused, sourceQuestContent, hasCaptionAsset, hasTranscriptAsset, isShareable}) { // fn#103354, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13791:3442, offset: 0x02263fb7, size: 2692 bytes, params: 2, frame: 53 var r8; var object7; var ReanimatedNativeView; var rewardContentCentered; var items8; var ReanimatedNativeView2; var object; var items9; var items10; var QuestGameLogotype; var moduleValue9; var items11; var Stack; var object2; var space; var Stack2; var object3; const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity; const Text = (require(4573) /* metro dependency 4573: Text */).Text; var config; var messages; var items12; var items14; var Stack3; var object4; var items15; const IconButton = (require(8341) /* metro dependency 8341: IconButtonNative */).IconButton; const intl = (require(1244) /* metro dependency 1244: indexNative */).intl; const env0_4 = undefined; const platformUtilsModule = require(477) /* metro dependency 477: PlatformUtils */; const styles = useStyles(platformUtilsModule.isAndroid()); let binding = env0_4; const value3 = binding.useMemo(_fun103355, [quest]); const userStatus = quest.userStatus; const value4 = userStatus?.completedAt != null; const VideoQuestPlayerRefactorExperiment = (require(9511) /* metro dependency 9511: experiments */).VideoQuestPlayerRefactorExperiment; const useConfig = VideoQuestPlayerRefactorExperiment.useConfig; const VIDEO_MODAL_MOBILE = QuestsExperimentLocations.VIDEO_MODAL_MOBILE; const VideoQuestPlayer = Reflect.apply(useConfig, VideoQuestPlayerRefactorExperiment, [{location: VIDEO_MODAL_MOBILE}]).enabled ? (require(13602) /* metro dependency 13602: VideoQuestPlayerRefactor */).VideoQuestPlayer : (require(13605) /* metro dependency 13605: VideoQuestPlayer */).VideoQuestPlayer; binding = env0_4; const useContext = binding.useContext; const QuestDockGestureContext = (require(13573) /* metro dependency 13573: QuestDockGestureContext */).QuestDockGestureContext; const windowDimensions = Reflect.apply(useContext, binding, [QuestDockGestureContext]).windowDimensions; const value5 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0); binding.useEffect(_fun103356, [value5]); const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */; const useDerivedValue = reanimatedRexportModule.useDerivedValue; let closure = F_103357; closure.__closure = {withDelay: reanimatedRexportModule.withDelay, LOGO_REWARD_TRANSITION_DELAY_MS: 3000, withTiming: (require(4504) /* metro dependency 4504: timing */).withTiming, isComponentMounted: value5, LOGO_REWARD_TRANSITION_DURATION_MS: 1000}; closure.__workletHash = 12561024953493; closure.__initData = env0_18; const value6 = Reflect.apply(useDerivedValue, reanimatedRexportModule, [closure]); const moduleValue4 = reanimatedRexportModule; let useAnimatedStyle = moduleValue4.useAnimatedStyle; closure = G_103358; closure.__closure = {animation: value6}; closure.__workletHash = 17463485679217; closure.__initData = env0_19; const value7 = Reflect.apply(useAnimatedStyle, moduleValue4, [closure]); const moduleValue5 = reanimatedRexportModule; useAnimatedStyle = moduleValue5.useAnimatedStyle; closure = j_103359; closure.__closure = {animation: value6}; closure.__workletHash = 9103187579788; closure.__initData = env0_20; const value8 = Reflect.apply(useAnimatedStyle, moduleValue5, [closure]); const moduleValue6 = reanimatedRexportModule; const useAnimatedProps = moduleValue6.useAnimatedProps; closure = U_103360; closure.__closure = {animation: value6}; closure.__workletHash = 11833431315705; closure.__initData = env0_21; const value9 = Reflect.apply(useAnimatedProps, moduleValue6, [closure]); const value10 = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)(); const value11 = binding.useCallback(function({orientation}) { setIsFullscreen((isFullscreen || orientation !== 'landscape' ? 'PORTRAIT' : 'LANDSCAPE') === 'LANDSCAPE'); }, [isFullscreen, setIsFullscreen]); const SafeAreaPaddingView = (require(6618) /* metro dependency 6618: SafeAreaView */).SafeAreaPaddingView; const items2 = [styles.videoWrapper]; items2[1] = styles.videoWrapperLandscape; items2[2] = isFullscreen && styles.videoWrapperFullscreen; const ThemeContextProvider = (require(3868) /* metro dependency 3868: native */).ThemeContextProvider; const DARKER = ThemeTypes.DARKER; const value12 = !isFullscreen; const themeContextProvider = {((Component) => )(importDefault(13618) /* metro dependency 13618: VideoQuestModalCloseButton */)}; if (isFullscreen) { r8 = value12; } else { var viewProps = {style: [styles.videoContentWrapper, styles.videoContentWrapperLandscape]}; var viewBinding2Props = {style: styles.rewardContainer}; ReanimatedNativeView = importDefault(8141) /* metro dependency 8141: ReanimatedNativeView */; rewardContentCentered = styles.rewardContentCentered; items8 = [{((Component) => )(importDefault(13619) /* metro dependency 13619: VideoQuestModalReward */)}]; ReanimatedNativeView2 = importDefault(8141) /* metro dependency 8141: ReanimatedNativeView */; object = {}; rewardContentCentered = styles.rewardContentCentered; items9 = [rewardContentCentered]; items9[1] = platformUtilsModule.isAndroid() && styles.modalBackground; items9[2] = value8; object.style = items9; object.pointerEvents = 'none'; items10 = [(require(477) /* metro dependency 477: PlatformUtils */).isAndroid() && ((Component) => )(importDefault(13598) /* metro dependency 13598: QuestModalContentCloudBackground */)]; QuestGameLogotype = importDefault(13622) /* metro dependency 13622: QuestGameLogotype */; moduleValue9 = require(9495) /* metro dependency 9495: AssetUtils */; items10[1] = ; items8[1] = {items10}; items11 = [{items8}]; items11[1] = ((Component) => )(importDefault(13598) /* metro dependency 13598: QuestModalContentCloudBackground */); Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack; object2 = {direction: 'vertical'}; space = (importDefault(697) /* metro dependency 697: native */).space; object2.spacing = space.PX_24; object2.style = styles.questDetailsLandscape; Stack2 = (require(4572) /* metro dependency 4572: StackNative */).Stack; object3 = {'direction': 'horizontal', 'justify': 'space-between'}; space = (importDefault(697) /* metro dependency 697: native */).space; object3.spacing = space.PX_8; var pressableOpacityProps = {style: styles.questDetailsPrimary, onPress: handlePrimaryCtaPress}; config = quest.config; messages = config.messages; items12 = [{messages.gameTitle}]; config = quest.config; messages = config.messages; items12[1] = {messages.gamePublisher}; items14 = [{items12}{((Component) => )(importDefault(13623) /* metro dependency 13623: QuestContextMenu */)}]; items14[1] = value3 != null && {((Component) => )(importDefault(5475) /* metro dependency 5475: FastImage */)}; Stack3 = (require(4572) /* metro dependency 4572: StackNative */).Stack; object4 = {direction: 'horizontal'}; space = (importDefault(697) /* metro dependency 697: native */).space; object4.spacing = space.PX_16; items15 = [((ShinyButton) => )((require(1305) /* metro dependency 1305: native */).ShinyButton)]; items15[1] = isShareable && ; items15[2] = value4 && ; items14[2] = {items15}; items11[2] = {items14}; r8 = {items11}; } return ( {themeContextProvider} {r8} ); } function _fun103362({quest, captionsEnabled, handleClose, handlePrimaryCtaPress, handleRewardDetailsPress, handleShareQuest, handleOpenTranscript, handleToggleCaptions, isFullscreen, onNavigateToPostWatchVideo, onEnd, externallyPaused, sourceQuestContent, hasCaptionAsset, hasTranscriptAsset, isShareable}) { // fn#103362, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13791:7534, offset: 0x02264b82, size: 2385 bytes, params: 2, frame: 57 var r16; var Button; const intl = (require(1244) /* metro dependency 1244: indexNative */).intl; const env0_3 = undefined; var env0_4 = undefined; const value3 = (require(9483) /* metro dependency 9483: QuestHooks */).useQuestTaskDetails(quest); const userStatus = quest.userStatus; const value4 = userStatus?.completedAt != null; const videoQuestProgressRemainingAccessibilityLabel = (require(9522) /* metro dependency 9522: VideoQuestUtils */).getVideoQuestProgressRemainingAccessibilityLabel(value3, value4); const VideoQuestPlayerRefactorExperiment = (require(9511) /* metro dependency 9511: experiments */).VideoQuestPlayerRefactorExperiment; const useConfig = VideoQuestPlayerRefactorExperiment.useConfig; let VIDEO_MODAL_MOBILE = QuestsExperimentLocations.VIDEO_MODAL_MOBILE; const VideoQuestPlayer = Reflect.apply(useConfig, VideoQuestPlayerRefactorExperiment, [{location: VIDEO_MODAL_MOBILE}]).enabled ? (require(13602) /* metro dependency 13602: VideoQuestPlayerRefactor */).VideoQuestPlayer : (require(13605) /* metro dependency 13605: VideoQuestPlayer */).VideoQuestPlayer; let binding = env0_4; const useContext = binding.useContext; const QuestDockGestureContext = (require(13573) /* metro dependency 13573: QuestDockGestureContext */).QuestDockGestureContext; const windowDimensions = Reflect.apply(useContext, binding, [QuestDockGestureContext]).windowDimensions; const value6 = binding.useMemo(function() { var Math = global.Math; return Math.floor(windowDimensions.get().width / 0.5625); }, [windowDimensions]); const value7 = binding.useCallback(function() { }, []); const value8 = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)(); var [property, env0_4] = env0_3(binding.useState(64), 2); const value11 = binding.useCallback(_fun103365, []); const value12 = binding.useMemo(_fun103366, [value6, property, windowDimensions, value8]); const get = windowDimensions.get; const styles = useStyles(Reflect.apply(get, windowDimensions, []).height - value12 - property < 200); const SafeAreaPaddingView = (require(6618) /* metro dependency 6618: SafeAreaView */).SafeAreaPaddingView; const items5 = [styles.wrapper]; items5[1] = styles.wrapperPortrait; const items2 = [styles.videoWrapper]; items2[1] = value12 == null ? {flexGrow: 1} : {height: value12}; const ThemeContextProvider = (require(3868) /* metro dependency 3868: native */).ThemeContextProvider; const DARKER = ThemeTypes.DARKER; const items3 = []; const defaultImport = importDefault(4589) /* metro dependency 4589 */; binding = env0_11; const binding2 = env0_12; items3[1] = ((Component) => )(defaultImport); items3[2] = ((Component) => )(defaultImport); const items4 = [styles.videoContentWrapper]; items4[1] = styles.videoContentWrapperPortrait; const VideoQuestModalHeader = importDefault(13625) /* metro dependency 13625: VideoQuestModalHeader */; const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE; const videoQuestModalHeader = ; const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack; const PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24; const Stack2 = (require(4572) /* metro dependency 4572: StackNative */).Stack; const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8; const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity; const Text = (require(4573) /* metro dependency 4573: Text */).Text; const stack = {quest.config.messages.gameTitle}{quest.config.messages.gamePublisher}{((Component) => )(importDefault(13620) /* metro dependency 13620: QuestProgressIndicator */)}; const ShinyButton = (require(1305) /* metro dependency 1305: native */).ShinyButton; items3[3] = {videoQuestModalHeader}{stack}; const view = {items3}; const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4; if (value4) { var viewBindingProps = {style: styles.viewRewardBtn}; Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button; r16 =