/* Metro module 13546; source: modules/quests/native/BountiesModal/BountiesScrollRecapPage.tsx; dependencies: [31, 27, 4502, 33, 697, 4501, 477, 7897, 13547, 9543, 13548, 1585, 566, 13549, 4573, 1244, 10076, 4578, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseSafeAreaInsetsNative from '../../../safe_area/useSafeAreaInsets.native.tsx'; /* Metro dependency 1585 */
import AccessibilityStore from '../../../a11y/AccessibilityStore.tsx'; /* Metro dependency 4502 */
import Starfield_bgMp4 from '../../../../external/discord_assets/assets/quests/bounties/starfield_bg.mp4.js'; /* Metro dependency 13549 */
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 CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
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 VideoModule from '../../../../components_native/common/Video.tsx'; /* Metro dependency 9543 */
import * as OrbsIconModule from '../../../../design/components/Icon/native/redesign/generated/OrbsIcon.tsx'; /* Metro dependency 10076 */

function _fun102925(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102925, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13736:6, offset: 0x0224f829, size: 265 bytes, params: 8, frame: 19
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    const env0_3 = value.StyleSheet;
    const env0_4 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_6 = value.jsx;
    const env0_7 = value.jsxs;
    const env0_9 = (CreateStylesModule).createStyles(_fun102927);
    (FileImportTrackerModule).fileFinishedImporting('modules/quests/native/BountiesModal/BountiesScrollRecapPage.tsx');
    exports.BountiesScrollRecapPage = BountiesScrollRecapPage;
    function BountiesRecapOrbsBackground({style, reducedMotion}) { // fn#102926, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13736:922, offset: 0x0224f932, size: 260 bytes, params: 2, frame: 22
        var r0;
        var VideoComponent;
        var object2;
        if ((require(477) /* metro dependency 477: PlatformUtils */).isAndroid()) {
            r0 = (
                <View
                    style={style}
                    needsOffscreenAlphaCompositing
                    renderToHardwareTextureAndroid
                    pointerEvents="none"
                >
                    {((APNGPlayer) => <APNGPlayer url={importDefault(13547) /* metro dependency 13547: _3d_orbsPng */} style={StyleSheet.absoluteFillObject} autoplay={!reducedMotion} />)((require(7897) /* metro dependency 7897: APNGPlayerAndroid */).APNGPlayer)}
                </View>
            );
        } else {
            VideoComponent = (require(9543) /* metro dependency 9543: Video */).VideoComponent;
            object2 = {};
            object2.uri = importDefault(13548) /* metro dependency 13548: _3d_orbsMov */;
            r0 = (
                <VideoComponent
                    source={object2}
                    style={style}
                    resizeMode="contain"
                    paused={reducedMotion}
                    disableFocus
                    preventsDisplaySleepDuringVideoPlayback={false}
                    importantForAccessibility="no-hide-descendants"
                />
            );
        }
        return r0;
    }

    function _fun102927() { // fn#102927, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13736:218, offset: 0x0224fa36, size: 398 bytes, params: 1, frame: 18
        const object = {};
        const object2 = {overflow: 'hidden'};
        object2.borderRadius = lg;
        const MOBILE_ACTIONSHEET_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_ACTIONSHEET_BACKGROUND;
        object2.backgroundColor = MOBILE_ACTIONSHEET_BACKGROUND;
        object.root = object2;
        let PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
        object.content = {'flex': 1, 'paddingHorizontal': null, 'justifyContent': 'center', 'alignItems': 'center',
            paddingHorizontal: PX_24};
        object.centeredCopy = {'alignItems': 'center', 'width': '100%'};
        object.orbsBackground = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'height': '40%', 'zIndex': 1};
        const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
        object.headerLabel = {paddingBottom: PX_4, textTransform: 'uppercase'};
        const object5 = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center'};
        PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
        object5.paddingBottom = PX_24;
        const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
        object5.gap = PX_8;
        object.titleRow = object5;
        const object6 = {position: 'absolute'};
        PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
        object6.left = PX_24;
        PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
        object6.right = PX_24;
        const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
        object6.gap = PX_12;
        object.actions = object6;
        const object7 = {};
        const value = 6;
        object7.marginTop = require(dependencyMap[value]).isIOS() ? value : 0;
        object7.lineHeight = 46;
        object.orbAmount = object7;
        return object;
    }

    function BountiesScrollRecapPage({orbAmount, onClose, style}) { // fn#102928, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13736:1520, offset: 0x0224fbc4, size: 1017 bytes, params: 2, frame: 41
        const styles = useStyles();
        const value2 = (UseSafeAreaInsetsNative)();
        const useReducedMotion = (require(566) /* metro dependency 566: flux */).useStateFromStores([AccessibilityStore],
            function() {
            return AccessibilityStore.useReducedMotion;
        });
        const items2 = [styles.root, style];
        const viewBinding2Props = {style: StyleSheet.absoluteFillObject, pointerEvents: 'none'};
        const VideoComponent = (VideoModule).VideoComponent;
        const view = (
            <View {...viewBinding2Props}>
                <VideoComponent
                    source={{uri: Starfield_bgMp4}}
                    style={StyleSheet.absoluteFillObject}
                    resizeMode="cover"
                    paused={useReducedMotion}
                    disableFocus
                    preventsDisplaySleepDuringVideoPlayback={false}
                    importantForAccessibility="no-hide-descendants"
                />
                <BountiesRecapOrbsBackground style={styles.orbsBackground} reducedMotion={useReducedMotion} />
            </View>
        );
        const Text = (TextModule).Text;
        const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        const items4 = [
            <Text
                variant="text-xs/bold"
                color="text-brand"
                style={styles.headerLabel}
            >
                {intl.string((require(1244) /* metro dependency 1244: indexNative */).t.d6Rrn6)}
            </Text>,
        ];
        const OrbsIcon = (OrbsIconModule).OrbsIcon;
        items4[1] = (
            <View
                accessible
                accessibilityRole="text"
                accessibilityLabel={'+' + orbAmount}
            >
                <View style={styles.titleRow}>
                    <OrbsIcon
                        size="lg"
                        color="icon-strong"
                        accessible={false}
                    />
                    <Text
                        variant="display-lg"
                        color="text-strong"
                        accessible={false}
                        style={styles.orbAmount}
                    >
                        {'+' + orbAmount}
                    </Text>
                </View>
            </View>
        );
        items4[2] = (
            <Text
                variant="text-md/medium"
                color="text-muted"
                style={{textAlign: 'center'}}
            >
                {intl.string((require(1244) /* metro dependency 1244: indexNative */).t.x0Ffz3)}
            </Text>
        );
        const view2 = (
            <View style={styles.centeredCopy} pointerEvents="none">
                {items4}
            </View>
        );
        const items7 = [styles.actions];
        const bottom = value2.bottom;
        const PX_8 = (Native).space.PX_8;
        items7[1] = {bottom: bottom + PX_8};
        const Button = (ButtonNativeModule).Button;
        return (
            <View style={items2} pointerEvents="box-none">
                {view}
                <View style={styles.content} pointerEvents="box-none">
                    {view2}
                    <View style={items7}>
                        <Button
                            grow
                            variant="primary"
                            text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.i4jeWR)}
                            size="lg"
                            onPress={onClose}
                        />
                    </View>
                </View>
            </View>
        );
    }

}

global.__d(_fun102925, 13546, [31, 27, 4502, 33, 697, 4501, 477, 7897, 13547, 9543, 13548, 1585, 566, 13549, 4573,
        1244, 10076, 4578,
        2]) /* metro module 13546, dependencies: [31, 27, 4502, 33, 697, 4501, 477, 7897, 13547, 9543, 13548, 1585, 566, 13549, 4573, 1244, 10076, 4578, 2] */;