/* Metro module 15570; source: modules/media_panel/native/MediaPlaybackPanelUI.tsx; dependencies: [57, 31, 10724, 13080, 11796, 11795, 33, 4501, 697, 1585, 1478, 15569, 4017, 7739, 11282, 15372, 4504, 4507, 4577, 15374, 6517, 5321, 15571, 2] */
import React from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import Module00057 from '../../../by-id/module-00057.js'; /* Metro dependency 57 */
import Native from '../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseWindowDimensionsNative from '../../screen/useWindowDimensions.native.tsx'; /* Metro dependency 1478 */
import UseSafeAreaInsetsNative from '../../safe_area/useSafeAreaInsets.native.tsx'; /* Metro dependency 1585 */
import ReanimatedRexport from '../../reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import SafeAreaDisabledStore from '../../panels/morphable/native/SafeAreaDisabledStore.tsx'; /* Metro dependency 10724 */
import UseMorphablePanelGesture from '../../panels/morphable/native/useMorphablePanelGesture.tsx'; /* Metro dependency 15374 */
import MediaPlaybackPanelStateContext from './MediaPlaybackPanelStateContext.tsx'; /* Metro dependency 15569 */
import MediaPlaybackPip from './MediaPlaybackPip.tsx'; /* Metro dependency 15571 */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as TimingModule from '../../../design/animation/reanimated/timing/timing.tsx'; /* Metro dependency 4504 */
import * as TimingPresetsModule from '../../../design/animation/reanimated/timing/timingPresets.tsx'; /* Metro dependency 4507 */
import * as SpringModule from '../../../design/animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as Module05321Module from '../../../by-id/module-05321.js'; /* Metro dependency 5321 */
import * as LayerScopeNativeModule from '../../../design/components/Layers/native/LayerScope.native.tsx'; /* Metro dependency 6517 */
import * as CheapWorkletShallowEqualModule from '../../reanimated/native/cheapWorkletShallowEqual.tsx'; /* Metro dependency 7739 */
import * as VoicePanelConstantsModule from '../../voice_panel/VoicePanelConstants.tsx'; /* Metro dependency 11795 */
import * as MorphablePanelConstantsModule from '../../panels/morphable/native/MorphablePanelConstants.tsx'; /* Metro dependency 11796 */
import * as MediaPlaybackPanelConstantsModule from './MediaPlaybackPanelConstants.tsx'; /* Metro dependency 13080 */
import * as MorphablePanelUtilsModule from '../../panels/morphable/native/MorphablePanelUtils.tsx'; /* Metro dependency 15372 */
import * as UseMorphablePanelGestureModule from '../../panels/morphable/native/useMorphablePanelGesture.tsx'; /* Metro dependency 15374 */

function _fun119246(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#119246, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:6, offset: 0x02502a7d, size: 611 bytes, params: 8, frame: 23
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = MediaPlaybackPanelConstantsModule;
    const env0_7 = value.MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS;
    const env0_8 = value.MediaPlaybackPanelModes;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    object.wrapperAnimationPresets = {opacity: 0};
    object.wrapper = {'position': 'absolute', 'top': 0, 'left': 0, 'zIndex': 1};
    const object3 = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0, 'overflow': 'hidden',
        'borderWidth': 1};
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xl;
    const CHAT_BORDER = (importDefault(697) /* metro dependency 697: native */).colors.CHAT_BORDER;
    object3.borderColor = CHAT_BORDER;
    object.mask = object3;
    const object4 = {};
    const SHADOW_LOW_HOVER = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LOW_HOVER;
    copyDataProperties(object4, SHADOW_LOW_HOVER, undefined);
    object.maskElevation = object4;
    object.maskEmptyElevation = {'xOffset': 0, 'yOffset': 0, 'shadowColorIos': '#000000', 'shadowOpacity': 0,
        'shadowRadius': 0, 'elevation': 0, 'shadowColorAndroid': '#000000'};
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object.content = {flex: 1, backgroundColor: BACKGROUND_SURFACE_HIGH};
    const env0_12 = Reflect.apply(createStyles, value, [object]);
    object = {code: 'function MediaPlaybackPanelUITsx1(){const{mode,windowDimensions,canShowPIP}=this.__closure;return{mode:mode.get(),windowDimensions:windowDimensions,canShowPIP:canShowPIP.get()};}'};
    object = {code: 'function MediaPlaybackPanelUITsx2(props,previous){const{cheapWorkletShallowEqual,MediaPlaybackPanelModes,updateSharedValueIfChanged,wrapperDimensions,wrapperOffset}=this.__closure;if(cheapWorkletShallowEqual(props,previous!==null&&previous!==void 0?previous:undefined))return;const{mode:modeToSet,windowDimensions:windowDimensions,canShowPIP:canShowPIP}=props;switch(modeToSet){case MediaPlaybackPanelModes.PIP:{const{width:width,height:height}=canShowPIP?{width:120,height:120}:{width:0,height:0};updateSharedValueIfChanged(wrapperDimensions,{width:width,height:height});break;}case MediaPlaybackPanelModes.DISMISSED:updateSharedValueIfChanged(wrapperOffset,{y:windowDimensions.height});break;default:modeToSet;}}'};
    object = {code: 'function MediaPlaybackPanelUITsx3(){const{mode,wrapperDimensions,pipAvoidanceSpecs,wrapperOffset,windowDimensions,safeArea,pipState}=this.__closure;return{mode:mode.get(),wrapperDimensions:wrapperDimensions.get(),pipAvoidanceSpecs:pipAvoidanceSpecs.get(),wrapperOffset:wrapperOffset.get(),windowDimensions:windowDimensions,safeArea:safeArea,pipState:pipState.get()};}'};
    object = {code: 'function MediaPlaybackPanelUITsx4(props,previous){const{cheapWorkletShallowEqual,MediaPlaybackPanelModes,getClampedPIPPosition,safeArea,disableHorizontalSafeAreas,wrapperOpacity,animateWrapperTranslation,wrapperTranslationX,wrapperTranslationY}=this.__closure;if(cheapWorkletShallowEqual(props,previous!==null&&previous!==void 0?previous:undefined))return;const{mode:mode,wrapperDimensions:wrapperDimensions,pipAvoidanceSpecs:pipAvoidanceSpecs,wrapperOffset:wrapperOffset,windowDimensions:windowDimensions,pipState:pipState}=props;let x=0;let y=0;const{gestureActive:gestureActive}=wrapperOffset;const{x:pipX,y:pipY}=pipState;switch(mode){case MediaPlaybackPanelModes.PIP:{const clampedPosition=getClampedPIPPosition({pipX:pipX,pipY:pipY,width:120,height:120,windowDimensions:windowDimensions,safeArea:safeArea,bottomAvoidanceRegion:pipAvoidanceSpecs.bottom,topAvoidanceRegion:pipAvoidanceSpecs.top,positionOffset:gestureActive?wrapperOffset:undefined,disableHorizontalSafeAreas:disableHorizontalSafeAreas});x=clampedPosition.x;y=clampedPosition.y;wrapperOpacity.set(1);break;}case MediaPlaybackPanelModes.DISMISSED:{y=wrapperDimensions.height;wrapperOpacity.set(0);break;}}const previousPIPState=previous===null||previous===void 0?void 0:previous.pipState;const pipPositionChanged=pipX!==(previousPIPState===null||previousPIPState===void 0?void 0:previousPIPState.x)||pipY!==(previousPIPState===null||previousPIPState===void 0?void 0:previousPIPState.y);const shouldAnimateForPIP=mode===MediaPlaybackPanelModes.PIP&&pipPositionChanged&&!wrapperOffset.gestureActive;animateWrapperTranslation.set(shouldAnimateForPIP||mode!==MediaPlaybackPanelModes.PIP);wrapperTranslationX.set(x);wrapperTranslationY.set(y);}'};
    object = {code: "function MediaPlaybackPanelUITsx5(){const{withTiming,wrapperOpacity,timingFast,animateWrapperTranslation,withSpring,wrapperTranslationX,MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS,wrapperTranslationY,wrapperDimensions,wrapperElevationStyles}=this.__closure;const opacity=withTiming(wrapperOpacity.get(),timingFast,'respect-motion-settings');return{transform:[{translateX:animateWrapperTranslation.get()?withSpring(wrapperTranslationX.get(),MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS,'animate-always'):wrapperTranslationX.get()},{translateY:animateWrapperTranslation.get()?withSpring(wrapperTranslationY.get(),MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS,animateWrapperTranslation.get()?'respect-motion-settings':'animate-never'):wrapperTranslationY.get()}],opacity:opacity,width:wrapperDimensions.get().width,height:wrapperDimensions.get().height,...wrapperElevationStyles};}"};
    object = {code: "function MediaPlaybackPanelUITsx6(){const{withSpring,borderRadius,BORDER_RADIUS_PHYSICS,maskElevationStyles}=this.__closure;return{borderRadius:withSpring(borderRadius,BORDER_RADIUS_PHYSICS,'animate-always'),...maskElevationStyles};}"};
    object = {code: "function MediaPlaybackPanelUITsx7(){const{windowDimensions}=this.__closure;const{height:height,width:width}=windowDimensions;return{position:'absolute',top:0,left:0,width:width,height:height,overflow:'hidden'};}"};
    object = {code: "function MediaPlaybackPanelUITsx8(){const{styles}=this.__closure;const topBorderRadius=0;const top=0;return{flexDirection:'column',backgroundColor:styles.content.backgroundColor,borderTopStartRadius:topBorderRadius,borderTopEndRadius:topBorderRadius,top:top,overflow:'hidden'};}"};
    (FileImportTrackerModule).fileFinishedImporting('modules/media_panel/native/MediaPlaybackPanelUI.tsx');
    exports.default = MediaPlaybackPanelUI;
    function MediaPlaybackPanelUI() { // fn#119247, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:5558, offset: 0x02502ce0, size: 594 bytes, params: 1, frame: 28
        const styles = useStyles();
        const value2 = (UseWindowDimensionsNative)();
        var {wrapperDimensions,
            wrapperOffset} = useContext(MediaPlaybackPanelStateContext);
        let useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
        let closure = MediaPlaybackPanelUIP;
        closure.__closure = {windowDimensions: value2};
        closure.__workletHash = 5768037716653;
        closure.__initData = env0_19;
        const value4 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
        const value6 = Module00057(MediaPlaybackPanelUIUseWrapperStyles(wrapperDimensions, wrapperOffset), 2);
        const property = value6[0];
        const property2 = value6[1];
        useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
        closure = function() {
            return {'flexDirection': 'column', 'backgroundColor': null, 'borderTopStartRadius': 0, 'borderTopEndRadius': 0,
                'top': 0, 'overflow': 'hidden', backgroundColor: styles.content.backgroundColor};
        };
        closure.__closure = {styles: styles};
        closure.__workletHash = 8557652955267;
        closure.__initData = env0_20;
        const value7 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
        var {wrapperOffset,
            pipState} = React.useContext(MediaPlaybackPanelStateContext);
        const defaultImport = UseMorphablePanelGesture;
        const MorphablePanelModes = (UseMorphablePanelGestureModule).MorphablePanelModes;
        const PIP = MorphablePanelModes.PIP;
        const value9 = defaultImport({panGestureEnabled: true, mode: PIP, pipState: pipState, wrapperOffset: wrapperOffset});
        const LayerScope = (LayerScopeNativeModule).LayerScope;
        const View = (ReanimatedRexport).View;
        const View2 = (ReanimatedRexport).View;
        const View3 = (ReanimatedRexport).View;
        const GestureDetector = (Module05321Module).GestureDetector;
        const View4 = (ReanimatedRexport).View;
        return (
            <LayerScope>
                <View style={value4} pointerEvents="box-none">
                    <View2 style={property}>
                        <View3 style={property2}>
                            <GestureDetector gesture={value9}>
                                <View4 style={[styles.content, value7]}>
                                    {((Component) => <Component />)(MediaPlaybackPip)}
                                </View4>
                            </GestureDetector>
                        </View3>
                    </View2>
                </View>
            </LayerScope>
        );
        function MediaPlaybackPanelUIP() { // fn#119248, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:5703, owner: MediaPlaybackPanelUI.p, offset: 0x02502f32, size: 45 bytes, params: 1, frame: 3
            const binding = env0_1;
            return {'position': 'absolute', 'top': 0, 'left': 0, 'width': null, 'height': null, 'overflow': 'hidden',
                width: binding.width, height: binding.height};
        }

        function MediaPlaybackPanelUIUseWrapperStyles(a0, a1) { // fn#119249, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:5895, owner: MediaPlaybackPanelUI.useWrapperStyles, offset: 0x02502f5f, size: 1170 bytes, params: 3, frame: 35
            var environment;
            const env0_0 = a0;
            const env0_1 = a1;
            const value = environment.__proto__;
            const styles = useStyles();
            const value2 = (UseSafeAreaInsetsNative)();
            const value3 = (UseWindowDimensionsNative)();
            let binding = env1_4;
            const {mode, pipState, pipAvoidanceSpecs,
                canShowPIP} = binding.useContext(MediaPlaybackPanelStateContext);
            let useAnimatedReaction = ReanimatedRexportModule.useAnimatedReaction;
            let closure = useWrapperStylesU;
            closure.__closure = {mode: mode, windowDimensions: value3, canShowPIP: canShowPIP};
            closure.__workletHash = 4412661953046;
            closure.__initData = env1_13;
            const useWrapperStylesP2 = useWrapperStylesP;
            object = {};
            const cheapWorkletShallowEqual = (CheapWorkletShallowEqualModule).cheapWorkletShallowEqual;
            object.cheapWorkletShallowEqual = cheapWorkletShallowEqual;
            object.MediaPlaybackPanelModes = MediaPlaybackPanelModes;
            object.updateSharedValueIfChanged = importDefault(11282) /* metro dependency 11282: updateSharedValueIfChangedNative */;
            object.wrapperDimensions = a0;
            object.wrapperOffset = a1;
            useWrapperStylesP2.__closure = object;
            useWrapperStylesP2.__workletHash = 5458787116551;
            useWrapperStylesP2.__initData = env1_14;
            Reflect.apply(useAnimatedReaction, ReanimatedRexportModule, [closure, useWrapperStylesP2]);
            const value5 = ReanimatedRexportModule.useSharedValue(0);
            const value6 = ReanimatedRexportModule.useSharedValue(0);
            const value7 = ReanimatedRexportModule.useSharedValue(0);
            const value8 = ReanimatedRexportModule.useSharedValue(false);
            const value9 = SafeAreaDisabledStore(function(a0) {
                return a0.shouldDisableSafeAreas();
            });
            useAnimatedReaction = ReanimatedRexportModule.useAnimatedReaction;
            closure = useWrapperStylesR;
            closure.__closure = {mode: mode, wrapperDimensions: a0, pipAvoidanceSpecs: pipAvoidanceSpecs, wrapperOffset: a1,
                windowDimensions: value3, safeArea: value2, pipState: pipState};
            closure.__workletHash = 4950432193502;
            closure.__initData = env1_15;
            const useWrapperStylesC_1192542 = useWrapperStylesC_119254;
            object = {};
            object.cheapWorkletShallowEqual = cheapWorkletShallowEqual;
            object.MediaPlaybackPanelModes = MediaPlaybackPanelModes;
            const getClampedPIPPosition = (MorphablePanelUtilsModule).getClampedPIPPosition;
            object.getClampedPIPPosition = getClampedPIPPosition;
            object.safeArea = value2;
            object.disableHorizontalSafeAreas = value9;
            object.wrapperOpacity = value7;
            object.animateWrapperTranslation = value8;
            object.wrapperTranslationX = value5;
            object.wrapperTranslationY = value6;
            useWrapperStylesC_1192542.__closure = object;
            useWrapperStylesC_1192542.__workletHash = 10793489581273;
            useWrapperStylesC_1192542.__initData = env1_16;
            Reflect.apply(useAnimatedReaction, ReanimatedRexportModule, [closure, useWrapperStylesC_1192542]);
            const value10 = mode.get();
            let PIP = MediaPlaybackPanelModes.PIP;
            const r9 = value10 !== PIP ? styles.maskEmptyElevation : IS_IOS ? styles.maskElevation : styles.maskEmptyElevation;
            const value11 = mode.get();
            PIP = MediaPlaybackPanelModes.PIP;
            const r8 = value11 !== PIP || IS_IOS ? styles.maskEmptyElevation : styles.maskElevation;
            let useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
            closure = useWrapperStylesL_119255;
            object = {};
            object.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
            object.wrapperOpacity = value7;
            object.timingFast = (require(4507) /* metro dependency 4507: timingPresets */).timingFast;
            object.animateWrapperTranslation = value8;
            const withSpring = (SpringModule).withSpring;
            object.withSpring = withSpring;
            object.wrapperTranslationX = value5;
            object.MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS = MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS;
            object.wrapperTranslationY = value6;
            object.wrapperDimensions = a0;
            object.wrapperElevationStyles = r9;
            closure.__closure = object;
            closure.__workletHash = 11049335639852;
            closure.__initData = env1_17;
            const value12 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
            const xl = (Native).radii.xl;
            useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
            closure = useWrapperStylesB;
            closure.__closure = {withSpring: withSpring, borderRadius: xl, BORDER_RADIUS_PHYSICS: BORDER_RADIUS_PHYSICS,
                maskElevationStyles: r8};
            closure.__workletHash = 7035830192327;
            closure.__initData = env1_18;
            const value13 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
            binding = env1_4;
            let useMemo = binding.useMemo;
            object = [value12];
            object[1] = styles.wrapper;
            object[2] = styles.wrapperAnimationPresets;
            object = [Reflect.apply(useMemo, binding, [_fun119257, object])];
            useMemo = binding.useMemo;
            object[1] = Reflect.apply(useMemo, binding, [_fun119258, [value13, styles.mask]]);
            return object;
            function useWrapperStylesU() { // fn#119250, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:6082, owner: MediaPlaybackPanelUI.useWrapperStyles.u, offset: 0x025033f1, size: 51 bytes, params: 1, frame: 11
                const object = {};
                object.mode = mode.get();
                object.windowDimensions = React;
                object.canShowPIP = canShowPIP.get();
                return object;
            }

            function useWrapperStylesP(a0, a1) { // fn#119251, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:6244, owner: MediaPlaybackPanelUI.useWrapperStyles.p, offset: 0x02503424, size: 241 bytes, params: 3, frame: 17
                var r2;
                var mode;
                const value = a1;
                const value3 = undefined;
                if (!CheapWorkletShallowEqualModule.cheapWorkletShallowEqual(a0, value ?? value3)) {
                    mode = a0.mode;
                    if (MediaPlaybackPanelModes.PIP === mode) {
                        r2 = a0.canShowPIP ? {'width': 120, 'height': 120} : {'width': 0, 'height': 0};
                        (importDefault(11282) /* metro dependency 11282: updateSharedValueIfChangedNative */)(env0_0,
                            {width: r2.width,
                            height: r2.height});
                    } else if (MediaPlaybackPanelModes.DISMISSED === mode) {
                        (importDefault(11282) /* metro dependency 11282: updateSharedValueIfChangedNative */)(require,
                            {y: a0.windowDimensions.height});
                    }
                }
                return value3;
            }

            function useWrapperStylesR() { // fn#119253, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:6955, owner: MediaPlaybackPanelUI.useWrapperStyles.R, offset: 0x02503515, size: 114 bytes, params: 1, frame: 11
                const object = {};
                object.mode = mode.get();
                object.wrapperDimensions = env0_0.get();
                object.pipAvoidanceSpecs = pipAvoidanceSpecs.get();
                object.wrapperOffset = require.get();
                object.windowDimensions = React;
                object.safeArea = Module00057;
                object.pipState = pipState.get();
                return object;
            }

            function useWrapperStylesC_119254(a0, a1) { // fn#119254, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:7265, owner: MediaPlaybackPanelUI.useWrapperStyles.C, offset: 0x02503587, size: 470 bytes, params: 3, frame: 27
                var r3;
                var x;
                var pipState;
                var y;
                var r2;
                var r6;
                var mode;
                var wrapperDimensions;
                var pipAvoidanceSpecs;
                var wrapperOffset;
                var windowDimensions;
                var gestureActive;
                var x3;
                var y2;
                var PIP;
                var DISMISSED;
                var value4;
                var height;
                var binding;
                var set;
                var clampedPIPPosition;
                let value = a1;
                const value3 = undefined;
                if (!CheapWorkletShallowEqualModule.cheapWorkletShallowEqual(a0, value ?? value3)) {
                    mode = a0.mode;
                    wrapperDimensions = a0.wrapperDimensions;
                    pipAvoidanceSpecs = a0.pipAvoidanceSpecs;
                    wrapperOffset = a0.wrapperOffset;
                    windowDimensions = a0.windowDimensions;
                    pipState = a0.pipState;
                    gestureActive = wrapperOffset.gestureActive;
                    x3 = pipState.x;
                    y2 = pipState.y;
                    PIP = MediaPlaybackPanelModes.PIP;
                    if (PIP === mode) {
                        clampedPIPPosition = (require(15372) /* metro dependency 15372: MorphablePanelUtils */).getClampedPIPPosition({pipX: x3,
                            
                            
                            pipY: y2, width: 120, height: 120, windowDimensions: windowDimensions, safeArea: Module00057,
                            bottomAvoidanceRegion: pipAvoidanceSpecs.bottom, topAvoidanceRegion: pipAvoidanceSpecs.top,
                            positionOffset: gestureActive ? wrapperOffset : value3, disableHorizontalSafeAreas: env0_13});
                        x = clampedPIPPosition.x;
                        y = clampedPIPPosition.y;
                        JsxRuntimeModule.jsx.set(1);
                        r3 = y;
                    } else {
                        DISMISSED = MediaPlaybackPanelModes.DISMISSED;
                        value4 = 0;
                        if (DISMISSED !== mode) {
                            r3 = value4;
                            x = value4;
                        } else {
                            height = wrapperDimensions.height;
                            JsxRuntimeModule.jsx.set(value4);
                            r3 = height;
                            x = value4;
                        }
                    }
                    pipState = value == null ? value3 : value.pipState;
                    value = x3 !== (pipState == null ? value3 : pipState.x);
                    r2 = value || y2 !== (pipState == null ? value3 : pipState.y);
                    PIP = MediaPlaybackPanelModes.PIP;
                    value = mode === PIP;
                    r6 = value && r2;
                    r6 = r6 && !wrapperOffset.gestureActive;
                    binding = env0_12;
                    set = binding.set;
                    r6 = !r6 ? mode !== MediaPlaybackPanelModes.PIP : r6;
                    Reflect.apply(set, binding, [r6]);
                    binding = MorphablePanelConstantsModule.IS_IOS;
                    binding.set(x);
                    binding = VoicePanelConstantsModule.BORDER_RADIUS_PHYSICS;
                    binding.set(r3);
                }
                return value3;
            }

            function useWrapperStylesL_119255() { // fn#119255, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:8430, owner: MediaPlaybackPanelUI.useWrapperStyles.L, offset: 0x0250375d, size: 357 bytes, params: 1, frame: 23
                var r3;
                var r5;
                var moduleValue2;
                var withSpring;
                var moduleValue3;
                var value9;
                let value = environment.__proto__.__proto__;
                const withTiming = TimingModule.withTiming;
                let binding = JsxRuntimeModule.jsx;
                let get = binding.get;
                const value3 = Reflect.apply(get, binding, []);
                const timingFast = (TimingPresetsModule).timingFast;
                const value4 = 'respect-motion-settings';
                const value5 = Reflect.apply(withTiming, TimingModule, [value3, timingFast, value4]);
                const object = {};
                binding = env0_12;
                get = binding.get;
                if (Reflect.apply(get, binding, [])) {
                    moduleValue2 = require(4577) /* metro dependency 4577: spring */;
                    r3 = moduleValue2.withSpring(MorphablePanelConstantsModule.IS_IOS.get(), MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS, 'animate-always');
                } else {
                    r3 = MorphablePanelConstantsModule.IS_IOS.get();
                }
                const items2 = [{translateX: r3}];
                get = env0_12.get;
                if (Reflect.apply(get, binding, [])) {
                    moduleValue3 = require(4577) /* metro dependency 4577: spring */;
                    withSpring = moduleValue3.withSpring;
                    binding = VoicePanelConstantsModule.BORDER_RADIUS_PHYSICS;
                    value9 = binding.get();
                    binding = env0_12;
                    value = binding.get();
                    value = Reflect.apply(withSpring, moduleValue3, [value9, MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS,
                        value ? value4 : 'animate-never']);
                    r5 = value;
                } else {
                    r5 = VoicePanelConstantsModule.BORDER_RADIUS_PHYSICS.get();
                }
                items2[1] = {translateY: r5};
                object.transform = items2;
                object.opacity = value5;
                binding = env0_0;
                get = binding.get;
                object.width = Reflect.apply(get, binding, []).width;
                get = binding.get;
                object.height = Reflect.apply(get, binding, []).height;
                copyDataProperties(object, env0_14, undefined);
                return object;
            }

            function useWrapperStylesB() { // fn#119256, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:9165, owner: MediaPlaybackPanelUI.useWrapperStyles.B, offset: 0x025038c2, size: 73 bytes, params: 1, frame: 17
                const object = {};
                object.borderRadius = SpringModule.withSpring(xl, BORDER_RADIUS_PHYSICS, 'animate-always');
                copyDataProperties(object, env0_15, undefined);
                return object;
            }

            function _fun119257() { // fn#119257, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:9417, offset: 0x0250390b, size: 41 bytes, params: 1, frame: 3
                const stylesBinding = styles;
                return [env0_16, stylesBinding.wrapper, stylesBinding.wrapperAnimationPresets];
            }

            function _fun119258() { // fn#119258, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15767:9514, offset: 0x02503934, size: 31 bytes, params: 1, frame: 3
                return [env0_18, styles.mask];
            }

        }

    }

}

global.__d(_fun119246, 15570, [57, 31, 10724, 13080, 11796, 11795, 33, 4501, 697, 1585, 1478, 15569, 4017, 7739,
        11282, 15372, 4504, 4507, 4577, 15374, 6517, 5321, 15571,
        2]) /* metro module 15570, dependencies: [57, 31, 10724, 13080, 11796, 11795, 33, 4501, 697, 1585, 1478, 15569, 4017, 7739, 11282, 15372, 4504, 4507, 4577, 15374, 6517, 5321, 15571, 2] */;