413 lines
29 KiB
TypeScript
413 lines
29 KiB
TypeScript
/* 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] */;
|