/* Metro module 13625; source: modules/quests/native/VideoQuestModal/VideoQuestModalHeader.tsx; dependencies: [31, 27, 7095, 33, 4501, 697, 13597, 9483, 7116, 3769, 9522, 4573, 1244, 13618, 2] */
function _fun104063(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#104063, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13822:6, offset: 0x02282e41, size: 365 bytes, params: 8, frame: 22
    var object2;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    const env0_4 = (require(7095) /* metro dependency 7095: VideoQuestUIStore */).useVideoQuestUIStore;
    let value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {videoContentHeaderWrapper: {'flexDirection': 'row', 'justifyContent': 'space-between',
        'alignItems': 'flex-start'}};
    const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.videoContentHeading = {'flexDirection': 'column', 'flexShrink': 1, gap: PX_4};
    object2.subheader = {opacity: 0.6};
    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 env0_7 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/quests/native/VideoQuestModal/VideoQuestModalHeader.tsx');
    exports.default = VideoQuestModalHeader;
}

function VideoQuestModalHeader({closeButtonIconColor, onClose, style, showCurrentVideoTime, withTextShadow}) { // fn#104064, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13822:544, offset: 0x02282fae, size: 625 bytes, params: 2, frame: 35
    const r14 = showCurrentVideoTime !== undefined && showCurrentVideoTime;
    let r17 = withTextShadow !== undefined && withTextShadow;
    const styles = useStyles();
    const videoQuestModalContextModule = require(13597) /* metro dependency 13597: VideoQuestModalContext */;
    const useVideoQuestModalContext = videoQuestModalContextModule.useVideoQuestModalContext;
    const quest = Reflect.apply(useVideoQuestModalContext, videoQuestModalContextModule, []).quest;
    const value5 = (require(9483) /* metro dependency 9483: QuestHooks */).useQuestTaskDetails(quest);
    const value6 = useVideoQuestUIStore(_fun104065, (require(3769) /* metro dependency 3769 */).shallow);
    const userStatus = quest.userStatus;
    const value7 = userStatus?.completedAt != null;
    const r12 = value7 ? r14 ? (require(9522) /* metro dependency 9522: VideoQuestUtils */).getVideoQuestProgressRemainingAccessibilityLabel(value5,
        value7) : undefined : (require(9522) /* metro dependency 9522: VideoQuestUtils */).getVideoQuestProgressRemainingAccessibilityLabel(value5,
        value7);
    const items2 = [styles.videoContentHeaderWrapper, style];
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const r7 = r17 && styles.textShadow;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const formatToPlainString = intl.formatToPlainString;
    const EQa7os = (require(1244) /* metro dependency 1244: indexNative */).t.EQa7os;
    const text = <Text variant="heading-md/semibold" color="white" style={r7}>{Reflect.apply(formatToPlainString, intl,
        [EQa7os, {questName: quest.config.messages.questName}])}</Text>;
    r17 = r17 && styles.textShadow;
    return (
        <View style={items2}>
            <View style={styles.videoContentHeading}>
                {text}
                <Text
                    variant="heading-sm/semibold"
                    color="white"
                    accessibilityLabel={r12}
                    style={[styles.subheader, r17]}
                >
                    {value7 ? r14 ? value6 : quest.config.messages.gamePublisher : value6}
                </Text>
            </View>
            {((Component) => <Component iconColor={closeButtonIconColor} onClose={onClose} />)(importDefault(13618) /* metro dependency 13618: VideoQuestModalCloseButton */)}
        </View>
    );
}

function _fun104065({videoProgress}) { // fn#104065, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13822:795, offset: 0x0228321f, size: 166 bytes, params: 2, frame: 17
    var r0;
    var object2;
    var progressSeconds;
    const property = videoProgress[quest.id];
    if (property != null) {
        r0 = property;
    } else {
        object2 = {};
        progressSeconds = env0_1.progressSeconds;
        object2.timestampSec = progressSeconds;
        object2.duration = env0_1.targetSeconds;
        progressSeconds = env0_1.progressSeconds;
        object2.maxTimestampSec = progressSeconds;
        r0 = object2;
    }
    let value = environment.__proto__;
    value = Reflect.apply((require(7116) /* metro dependency 7116: QuestTaskUtils */).parseMinutesAndSecondsFromSeconds,
        value, [r0.duration - r0.timestampSec]);
    const questTaskUtilsModule = require(7116) /* metro dependency 7116: QuestTaskUtils */;
    return questTaskUtilsModule.formatWatchTaskTime(value.minutes, value.seconds);
}