605 lines
29 KiB
TypeScript
605 lines
29 KiB
TypeScript
// Module ID: 15899
|
|
// Function ID: 122817
|
|
// Name: MediaPlaybackPanelUI
|
|
// Dependencies: [57, 31, 10620, 13459, 10016, 10015, 33, 4130, 689, 1557, 1450, 15898, 3991, 9423, 10019, 15701, 4131, 4134, 4542, 15703, 5449, 5217, 15900, 2]
|
|
// Exports: default
|
|
|
|
// Module 15899 (MediaPlaybackPanelUI)
|
|
import _slicedToArray from "_slicedToArray";
|
|
import result from "result";
|
|
import { useContext } from "result";
|
|
import module_10620 from "module_10620";
|
|
import MediaPlaybackPanelModes from "MediaPlaybackPanelModes";
|
|
import { IS_IOS } from "MIN_PAN_GESTURE_MOVE";
|
|
import { BORDER_RADIUS_PHYSICS } from "VoicePanelModes";
|
|
import { jsx } from "jsxProd";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
let closure_7;
|
|
let closure_8;
|
|
let require = arg1;
|
|
({ MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS: closure_7, MediaPlaybackPanelModes: closure_8 } = MediaPlaybackPanelModes);
|
|
_createForOfIteratorHelperLoose = { wrapperAnimationPresets: { opacity: 0 }, wrapper: { position: "absolute", top: 0, left: 0, zIndex: 1 } };
|
|
_createForOfIteratorHelperLoose = { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, overflow: "hidden", borderWidth: 1, borderRadius: require("_createForOfIteratorHelperLoose").radii.xl, borderColor: require("_createForOfIteratorHelperLoose").colors.CHAT_BORDER };
|
|
_createForOfIteratorHelperLoose.mask = _createForOfIteratorHelperLoose;
|
|
let merged = Object.assign(require("_createForOfIteratorHelperLoose").shadows.SHADOW_LOW_HOVER);
|
|
_createForOfIteratorHelperLoose.maskElevation = {};
|
|
_createForOfIteratorHelperLoose.maskEmptyElevation = { xOffset: 0, yOffset: 0, shadowColorIos: "#000000", shadowOpacity: 0, shadowRadius: 0, elevation: 0, shadowColorAndroid: "#000000" };
|
|
_createForOfIteratorHelperLoose.content = { flex: 1, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH };
|
|
_createForOfIteratorHelperLoose = _createForOfIteratorHelperLoose.createStyles(_createForOfIteratorHelperLoose);
|
|
let closure_13 = { code: "function MediaPlaybackPanelUITsx1(){const{mode,windowDimensions,canShowPIP}=this.__closure;return{mode:mode.get(),windowDimensions:windowDimensions,canShowPIP:canShowPIP.get()};}" };
|
|
let closure_14 = { 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;}}" };
|
|
let closure_15 = { 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()};}" };
|
|
let closure_16 = { 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);}" };
|
|
let closure_17 = { 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};}" };
|
|
let closure_18 = { code: "function MediaPlaybackPanelUITsx6(){const{withSpring,borderRadius,BORDER_RADIUS_PHYSICS,maskElevationStyles}=this.__closure;return{borderRadius:withSpring(borderRadius,BORDER_RADIUS_PHYSICS,'animate-always'),...maskElevationStyles};}" };
|
|
let closure_19 = { 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'};}" };
|
|
let closure_20 = { 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'};}" };
|
|
let obj1 = {};
|
|
let obj2 = { flex: 1, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH };
|
|
let result = require("module_10620").fileFinishedImporting("modules/media_panel/native/MediaPlaybackPanelUI.tsx");
|
|
|
|
export default function MediaPlaybackPanelUI() {
|
|
let pipState;
|
|
let tmp6;
|
|
let tmp7;
|
|
let wrapperDimensions;
|
|
let wrapperOffset;
|
|
let wrapperOffset2;
|
|
let tmp = _createForOfIteratorHelperLoose();
|
|
const require = tmp;
|
|
let tmp2 = importDefault(1450)();
|
|
importDefault = tmp2;
|
|
({ wrapperDimensions, wrapperOffset } = useContext(importDefault(15898)));
|
|
let obj = require(3991);
|
|
let fn = function p() {
|
|
const obj = { position: "absolute", top: 0, left: 0, width: null, height: null, overflow: "hidden" };
|
|
({ width: obj.width, height: obj.height } = closure_1);
|
|
return obj;
|
|
};
|
|
fn.__closure = { windowDimensions: tmp2 };
|
|
fn.__workletHash = 5768037716653;
|
|
fn.__initData = closure_19;
|
|
let animatedStyle = obj.useAnimatedStyle(fn);
|
|
let tmp3 = useContext(importDefault(15898));
|
|
[tmp6, tmp7] = callback((function useWrapperStyles(wrapperDimensions, wrapperOffset) {
|
|
let tmp = wrapperDimensions;
|
|
let tmp2 = wrapperOffset;
|
|
tmp = outer1_12();
|
|
let closure_2 = tmp;
|
|
tmp2 = tmp2(outer1_2[9])();
|
|
let _slicedToArray = tmp2;
|
|
const tmp3 = tmp2(outer1_2[10])();
|
|
let result = tmp3;
|
|
const context = outer1_4.useContext(tmp2(outer1_2[11]));
|
|
let mode = context.mode;
|
|
const pipState = context.pipState;
|
|
const pipAvoidanceSpecs = context.pipAvoidanceSpecs;
|
|
const canShowPIP = context.canShowPIP;
|
|
let obj = tmp(outer1_2[12]);
|
|
const fn = function u() {
|
|
return { mode: mode.get(), windowDimensions: result, canShowPIP: canShowPIP.get() };
|
|
};
|
|
fn.__closure = { mode, windowDimensions: tmp3, canShowPIP };
|
|
fn.__workletHash = 4412661953046;
|
|
fn.__initData = outer1_13;
|
|
const fn2 = function p(mode, safeAreaState2) {
|
|
let height;
|
|
let width;
|
|
let obj = wrapperDimensions(outer2_2[13]);
|
|
let tmp;
|
|
if (null != safeAreaState2) {
|
|
tmp = safeAreaState2;
|
|
}
|
|
if (!obj.cheapWorkletShallowEqual(mode, tmp)) {
|
|
mode = mode.mode;
|
|
if (outer2_8.PIP === mode) {
|
|
({ width, height } = mode.canShowPIP ? { width: 120, height: 120 } : { width: 0, height: 0 });
|
|
obj = { width, height };
|
|
wrapperOffset(outer2_2[14])(wrapperDimensions, obj);
|
|
const tmp5 = mode.canShowPIP ? { width: 120, height: 120 } : { width: 0, height: 0 };
|
|
} else if (outer2_8.DISMISSED === mode) {
|
|
obj = { y: tmp2.height };
|
|
wrapperOffset(outer2_2[14])(wrapperOffset, obj);
|
|
}
|
|
}
|
|
};
|
|
obj = { cheapWorkletShallowEqual: tmp(outer1_2[13]).cheapWorkletShallowEqual, MediaPlaybackPanelModes: outer1_8, updateSharedValueIfChanged: tmp2(outer1_2[14]), wrapperDimensions, wrapperOffset };
|
|
fn2.__closure = obj;
|
|
fn2.__workletHash = 5458787116551;
|
|
fn2.__initData = outer1_14;
|
|
const animatedReaction = obj.useAnimatedReaction(fn, fn2);
|
|
let obj2 = tmp(outer1_2[12]);
|
|
const sharedValue = obj2.useSharedValue(0);
|
|
const sharedValue1 = tmp(outer1_2[12]).useSharedValue(0);
|
|
let obj4 = tmp(outer1_2[12]);
|
|
const sharedValue2 = tmp(outer1_2[12]).useSharedValue(0);
|
|
const obj5 = tmp(outer1_2[12]);
|
|
const sharedValue3 = tmp(outer1_2[12]).useSharedValue(false);
|
|
let tmp10 = outer1_6((shouldDisableSafeAreas) => shouldDisableSafeAreas.shouldDisableSafeAreas());
|
|
let closure_13 = tmp10;
|
|
let obj6 = tmp(outer1_2[12]);
|
|
class R {
|
|
constructor() {
|
|
obj = { mode: mode.get(), wrapperDimensions: closure_0.get(), pipAvoidanceSpecs: pipAvoidanceSpecs.get(), wrapperOffset: closure_1.get(), windowDimensions: result, safeArea: _slicedToArray, pipState: pipState.get() };
|
|
return obj;
|
|
}
|
|
}
|
|
R.__closure = { mode, wrapperDimensions, pipAvoidanceSpecs, wrapperOffset, windowDimensions: tmp3, safeArea: tmp2, pipState };
|
|
R.__workletHash = 4950432193502;
|
|
R.__initData = outer1_15;
|
|
class C {
|
|
constructor(arg0, arg1) {
|
|
obj = outer2_0(outer2_2[13]);
|
|
tmp = undefined;
|
|
if (null != wrapperOffset) {
|
|
tmp = wrapperOffset;
|
|
}
|
|
if (!obj.cheapWorkletShallowEqual(wrapperDimensions, tmp)) {
|
|
({ mode, pipAvoidanceSpecs, wrapperOffset, pipState } = wrapperDimensions);
|
|
({ x, y } = pipState);
|
|
tmp5 = outer2_8;
|
|
if (outer2_8.PIP === mode) {
|
|
tmp7 = outer2_0;
|
|
tmp8 = outer2_2;
|
|
num2 = 15;
|
|
obj2 = outer2_0(outer2_2[15]);
|
|
obj = {};
|
|
obj.pipX = x;
|
|
obj.pipY = y;
|
|
num3 = 120;
|
|
obj.width = 120;
|
|
obj.height = 120;
|
|
obj.windowDimensions = tmp3;
|
|
tmp9 = _slicedToArray;
|
|
obj.safeArea = _slicedToArray;
|
|
({ bottom: obj3.bottomAvoidanceRegion, top: obj3.topAvoidanceRegion } = pipAvoidanceSpecs);
|
|
tmp10 = undefined;
|
|
if (tmp4) {
|
|
tmp10 = wrapperOffset;
|
|
}
|
|
obj.positionOffset = tmp10;
|
|
tmp11 = c13;
|
|
obj.disableHorizontalSafeAreas = c13;
|
|
clampedPIPPosition = obj2.getClampedPIPPosition(obj);
|
|
({ x: x2, y: y2 } = clampedPIPPosition);
|
|
tmp13 = closure_11;
|
|
num4 = 1;
|
|
result = closure_11.set(1);
|
|
} else {
|
|
tmp6 = outer2_8;
|
|
num = 0;
|
|
x2 = 0;
|
|
y2 = 0;
|
|
if (outer2_8.DISMISSED === mode) {
|
|
y2 = tmp2.height;
|
|
tmp28 = closure_11;
|
|
result1 = closure_11.set(0);
|
|
x2 = 0;
|
|
}
|
|
}
|
|
pipState = undefined;
|
|
if (null != wrapperOffset) {
|
|
pipState = wrapperOffset.pipState;
|
|
}
|
|
x = undefined;
|
|
if (null != pipState) {
|
|
x = pipState.x;
|
|
}
|
|
tmp17 = x !== x;
|
|
if (!tmp17) {
|
|
y = undefined;
|
|
if (null != pipState) {
|
|
y = pipState.y;
|
|
}
|
|
tmp17 = y !== y;
|
|
}
|
|
tmp19 = outer2_8;
|
|
tmp20 = mode === outer2_8.PIP && tmp17 && !wrapperOffset.gestureActive;
|
|
tmp21 = c12;
|
|
if (!tmp20) {
|
|
tmp22 = outer2_8;
|
|
tmp20 = mode !== outer2_8.PIP;
|
|
}
|
|
result2 = c12.set(tmp20);
|
|
tmp24 = closure_9;
|
|
result3 = closure_9.set(x2);
|
|
tmp26 = closure_10;
|
|
result4 = closure_10.set(y2);
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
obj = { cheapWorkletShallowEqual: tmp(outer1_2[13]).cheapWorkletShallowEqual, MediaPlaybackPanelModes: outer1_8, getClampedPIPPosition: tmp(outer1_2[15]).getClampedPIPPosition, safeArea: tmp2, disableHorizontalSafeAreas: tmp10, wrapperOpacity: sharedValue2, animateWrapperTranslation: sharedValue3, wrapperTranslationX: sharedValue, wrapperTranslationY: sharedValue1 };
|
|
C.__closure = obj;
|
|
C.__workletHash = 10793489581273;
|
|
C.__initData = outer1_16;
|
|
const animatedReaction1 = tmp(outer1_2[12]).useAnimatedReaction(R, C);
|
|
if (mode.get() === outer1_8.PIP) {
|
|
if (outer1_9) {
|
|
let maskEmptyElevation = tmp.maskElevation;
|
|
}
|
|
if (mode.get() === outer1_8.PIP) {
|
|
if (!outer1_9) {
|
|
let maskEmptyElevation2 = tmp.maskElevation;
|
|
}
|
|
class L {
|
|
constructor() {
|
|
obj = outer2_0(outer2_2[16]);
|
|
value = closure_11.get();
|
|
obj = {};
|
|
obj1 = {};
|
|
withTimingResult = obj.withTiming(value, outer2_0(outer2_2[17]).timingFast, "respect-motion-settings");
|
|
if (c12.get()) {
|
|
tmp5 = outer2_0;
|
|
tmp6 = outer2_2;
|
|
num = 18;
|
|
obj4 = outer2_0(outer2_2[18]);
|
|
tmp7 = closure_9;
|
|
tmp8 = outer2_7;
|
|
str = "animate-always";
|
|
withSpringResult = obj4.withSpring(closure_9.get(), outer2_7, "animate-always");
|
|
} else {
|
|
tmp3 = closure_9;
|
|
withSpringResult = closure_9.get();
|
|
}
|
|
obj1.translateX = withSpringResult;
|
|
items = [, ];
|
|
items[0] = obj1;
|
|
obj2 = {};
|
|
if (c12.get()) {
|
|
tmp11 = outer2_0;
|
|
tmp12 = outer2_2;
|
|
num2 = 18;
|
|
obj6 = outer2_0(outer2_2[18]);
|
|
tmp13 = closure_10;
|
|
tmp16 = c12;
|
|
value1 = closure_10.get();
|
|
tmp15 = outer2_7;
|
|
str2 = "animate-never";
|
|
if (c12.get()) {
|
|
str2 = "respect-motion-settings";
|
|
}
|
|
withSpringResult1 = obj6.withSpring(value1, tmp15, str2);
|
|
} else {
|
|
tmp9 = closure_10;
|
|
withSpringResult1 = closure_10.get();
|
|
}
|
|
obj2.translateY = withSpringResult1;
|
|
items[1] = obj2;
|
|
obj.transform = items;
|
|
obj.opacity = withTimingResult;
|
|
obj.width = closure_0.get().width;
|
|
obj.height = closure_0.get().height;
|
|
merged = Object.assign(maskElevation);
|
|
return obj;
|
|
}
|
|
}
|
|
let obj1 = { withTiming: tmp(outer1_2[16]).withTiming, wrapperOpacity: sharedValue2, timingFast: tmp(outer1_2[17]).timingFast, animateWrapperTranslation: sharedValue3, withSpring: tmp(outer1_2[18]).withSpring, wrapperTranslationX: sharedValue, MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS: outer1_7, wrapperTranslationY: sharedValue1, wrapperDimensions, wrapperElevationStyles: maskEmptyElevation };
|
|
L.__closure = obj1;
|
|
L.__workletHash = 11049335639852;
|
|
L.__initData = outer1_17;
|
|
const animatedStyle = tmp(outer1_2[12]).useAnimatedStyle(L);
|
|
const xl = tmp2(outer1_2[8]).radii.xl;
|
|
const obj9 = tmp(outer1_2[12]);
|
|
class B {
|
|
constructor() {
|
|
obj = {};
|
|
obj2 = outer2_0(outer2_2[18]);
|
|
obj.borderRadius = obj2.withSpring(xl, outer2_10, "animate-always");
|
|
merged = Object.assign(maskElevation);
|
|
return obj;
|
|
}
|
|
}
|
|
obj2 = { withSpring: tmp(outer1_2[18]).withSpring, borderRadius: xl, BORDER_RADIUS_PHYSICS: outer1_10, maskElevationStyles: maskEmptyElevation2 };
|
|
B.__closure = obj2;
|
|
B.__workletHash = 7035830192327;
|
|
B.__initData = outer1_18;
|
|
const animatedStyle1 = tmp(outer1_2[12]).useAnimatedStyle(B);
|
|
let items = [animatedStyle, , ];
|
|
({ wrapper: arr[1], wrapperAnimationPresets: arr[2] } = tmp);
|
|
const items1 = [
|
|
outer1_4.useMemo(() => {
|
|
const items = [animatedStyle, , ];
|
|
({ wrapper: arr[1], wrapperAnimationPresets: arr[2] } = closure_2);
|
|
return items;
|
|
}, items),
|
|
|
|
];
|
|
const items2 = [animatedStyle1, tmp.mask];
|
|
items1[1] = outer1_4.useMemo(() => {
|
|
const items = [animatedStyle1, tmp.mask];
|
|
return items;
|
|
}, items2);
|
|
return items1;
|
|
}
|
|
maskEmptyElevation2 = tmp.maskEmptyElevation;
|
|
}
|
|
maskEmptyElevation = tmp.maskEmptyElevation;
|
|
})(wrapperDimensions, wrapperOffset), 2);
|
|
let obj1 = require(3991);
|
|
let fn2 = function b() {
|
|
const obj = { flexDirection: "column", backgroundColor: tmp.content.backgroundColor, borderTopStartRadius: 0, borderTopEndRadius: 0, top: 0, overflow: "hidden" };
|
|
return obj;
|
|
};
|
|
fn2.__closure = { styles: tmp };
|
|
fn2.__workletHash = 8557652955267;
|
|
fn2.__initData = closure_20;
|
|
let animatedStyle1 = obj1.useAnimatedStyle(fn2);
|
|
let context = React.useContext(importDefault(15898));
|
|
({ wrapperOffset: wrapperOffset2, pipState } = context);
|
|
obj = { panGestureEnabled: true };
|
|
let tmp5 = callback((function useWrapperStyles(wrapperDimensions, wrapperOffset) {
|
|
let tmp = wrapperDimensions;
|
|
let tmp2 = wrapperOffset;
|
|
tmp = outer1_12();
|
|
let closure_2 = tmp;
|
|
tmp2 = tmp2(outer1_2[9])();
|
|
let _slicedToArray = tmp2;
|
|
const tmp3 = tmp2(outer1_2[10])();
|
|
let result = tmp3;
|
|
const context = outer1_4.useContext(tmp2(outer1_2[11]));
|
|
let mode = context.mode;
|
|
const pipState = context.pipState;
|
|
const pipAvoidanceSpecs = context.pipAvoidanceSpecs;
|
|
const canShowPIP = context.canShowPIP;
|
|
let obj = tmp(outer1_2[12]);
|
|
const fn = function u() {
|
|
return { mode: mode.get(), windowDimensions: result, canShowPIP: canShowPIP.get() };
|
|
};
|
|
fn.__closure = { mode, windowDimensions: tmp3, canShowPIP };
|
|
fn.__workletHash = 4412661953046;
|
|
fn.__initData = outer1_13;
|
|
const fn2 = function p(mode, safeAreaState2) {
|
|
let height;
|
|
let width;
|
|
let obj = wrapperDimensions(outer2_2[13]);
|
|
let tmp;
|
|
if (null != safeAreaState2) {
|
|
tmp = safeAreaState2;
|
|
}
|
|
if (!obj.cheapWorkletShallowEqual(mode, tmp)) {
|
|
mode = mode.mode;
|
|
if (outer2_8.PIP === mode) {
|
|
({ width, height } = mode.canShowPIP ? { width: 120, height: 120 } : { width: 0, height: 0 });
|
|
obj = { width, height };
|
|
wrapperOffset(outer2_2[14])(wrapperDimensions, obj);
|
|
const tmp5 = mode.canShowPIP ? { width: 120, height: 120 } : { width: 0, height: 0 };
|
|
} else if (outer2_8.DISMISSED === mode) {
|
|
obj = { y: tmp2.height };
|
|
wrapperOffset(outer2_2[14])(wrapperOffset, obj);
|
|
}
|
|
}
|
|
};
|
|
obj = { cheapWorkletShallowEqual: tmp(outer1_2[13]).cheapWorkletShallowEqual, MediaPlaybackPanelModes: outer1_8, updateSharedValueIfChanged: tmp2(outer1_2[14]), wrapperDimensions, wrapperOffset };
|
|
fn2.__closure = obj;
|
|
fn2.__workletHash = 5458787116551;
|
|
fn2.__initData = outer1_14;
|
|
const animatedReaction = obj.useAnimatedReaction(fn, fn2);
|
|
let obj2 = tmp(outer1_2[12]);
|
|
const sharedValue = obj2.useSharedValue(0);
|
|
const sharedValue1 = tmp(outer1_2[12]).useSharedValue(0);
|
|
let obj4 = tmp(outer1_2[12]);
|
|
const sharedValue2 = tmp(outer1_2[12]).useSharedValue(0);
|
|
const obj5 = tmp(outer1_2[12]);
|
|
const sharedValue3 = tmp(outer1_2[12]).useSharedValue(false);
|
|
let tmp10 = outer1_6((shouldDisableSafeAreas) => shouldDisableSafeAreas.shouldDisableSafeAreas());
|
|
let closure_13 = tmp10;
|
|
let obj6 = tmp(outer1_2[12]);
|
|
class R {
|
|
constructor() {
|
|
obj = { mode: mode.get(), wrapperDimensions: closure_0.get(), pipAvoidanceSpecs: pipAvoidanceSpecs.get(), wrapperOffset: closure_1.get(), windowDimensions: result, safeArea: _slicedToArray, pipState: pipState.get() };
|
|
return obj;
|
|
}
|
|
}
|
|
R.__closure = { mode, wrapperDimensions, pipAvoidanceSpecs, wrapperOffset, windowDimensions: tmp3, safeArea: tmp2, pipState };
|
|
R.__workletHash = 4950432193502;
|
|
R.__initData = outer1_15;
|
|
class C {
|
|
constructor(arg0, arg1) {
|
|
obj = outer2_0(outer2_2[13]);
|
|
tmp = undefined;
|
|
if (null != wrapperOffset) {
|
|
tmp = wrapperOffset;
|
|
}
|
|
if (!obj.cheapWorkletShallowEqual(wrapperDimensions, tmp)) {
|
|
({ mode, pipAvoidanceSpecs, wrapperOffset, pipState } = wrapperDimensions);
|
|
({ x, y } = pipState);
|
|
tmp5 = outer2_8;
|
|
if (outer2_8.PIP === mode) {
|
|
tmp7 = outer2_0;
|
|
tmp8 = outer2_2;
|
|
num2 = 15;
|
|
obj2 = outer2_0(outer2_2[15]);
|
|
obj = {};
|
|
obj.pipX = x;
|
|
obj.pipY = y;
|
|
num3 = 120;
|
|
obj.width = 120;
|
|
obj.height = 120;
|
|
obj.windowDimensions = tmp3;
|
|
tmp9 = _slicedToArray;
|
|
obj.safeArea = _slicedToArray;
|
|
({ bottom: obj3.bottomAvoidanceRegion, top: obj3.topAvoidanceRegion } = pipAvoidanceSpecs);
|
|
tmp10 = undefined;
|
|
if (tmp4) {
|
|
tmp10 = wrapperOffset;
|
|
}
|
|
obj.positionOffset = tmp10;
|
|
tmp11 = c13;
|
|
obj.disableHorizontalSafeAreas = c13;
|
|
clampedPIPPosition = obj2.getClampedPIPPosition(obj);
|
|
({ x: x2, y: y2 } = clampedPIPPosition);
|
|
tmp13 = closure_11;
|
|
num4 = 1;
|
|
result = closure_11.set(1);
|
|
} else {
|
|
tmp6 = outer2_8;
|
|
num = 0;
|
|
x2 = 0;
|
|
y2 = 0;
|
|
if (outer2_8.DISMISSED === mode) {
|
|
y2 = tmp2.height;
|
|
tmp28 = closure_11;
|
|
result1 = closure_11.set(0);
|
|
x2 = 0;
|
|
}
|
|
}
|
|
pipState = undefined;
|
|
if (null != wrapperOffset) {
|
|
pipState = wrapperOffset.pipState;
|
|
}
|
|
x = undefined;
|
|
if (null != pipState) {
|
|
x = pipState.x;
|
|
}
|
|
tmp17 = x !== x;
|
|
if (!tmp17) {
|
|
y = undefined;
|
|
if (null != pipState) {
|
|
y = pipState.y;
|
|
}
|
|
tmp17 = y !== y;
|
|
}
|
|
tmp19 = outer2_8;
|
|
tmp20 = mode === outer2_8.PIP && tmp17 && !wrapperOffset.gestureActive;
|
|
tmp21 = c12;
|
|
if (!tmp20) {
|
|
tmp22 = outer2_8;
|
|
tmp20 = mode !== outer2_8.PIP;
|
|
}
|
|
result2 = c12.set(tmp20);
|
|
tmp24 = closure_9;
|
|
result3 = closure_9.set(x2);
|
|
tmp26 = closure_10;
|
|
result4 = closure_10.set(y2);
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
obj = { cheapWorkletShallowEqual: tmp(outer1_2[13]).cheapWorkletShallowEqual, MediaPlaybackPanelModes: outer1_8, getClampedPIPPosition: tmp(outer1_2[15]).getClampedPIPPosition, safeArea: tmp2, disableHorizontalSafeAreas: tmp10, wrapperOpacity: sharedValue2, animateWrapperTranslation: sharedValue3, wrapperTranslationX: sharedValue, wrapperTranslationY: sharedValue1 };
|
|
C.__closure = obj;
|
|
C.__workletHash = 10793489581273;
|
|
C.__initData = outer1_16;
|
|
const animatedReaction1 = tmp(outer1_2[12]).useAnimatedReaction(R, C);
|
|
if (mode.get() === outer1_8.PIP) {
|
|
if (outer1_9) {
|
|
let maskEmptyElevation = tmp.maskElevation;
|
|
}
|
|
if (mode.get() === outer1_8.PIP) {
|
|
if (!outer1_9) {
|
|
let maskEmptyElevation2 = tmp.maskElevation;
|
|
}
|
|
class L {
|
|
constructor() {
|
|
obj = outer2_0(outer2_2[16]);
|
|
value = closure_11.get();
|
|
obj = {};
|
|
obj1 = {};
|
|
withTimingResult = obj.withTiming(value, outer2_0(outer2_2[17]).timingFast, "respect-motion-settings");
|
|
if (c12.get()) {
|
|
tmp5 = outer2_0;
|
|
tmp6 = outer2_2;
|
|
num = 18;
|
|
obj4 = outer2_0(outer2_2[18]);
|
|
tmp7 = closure_9;
|
|
tmp8 = outer2_7;
|
|
str = "animate-always";
|
|
withSpringResult = obj4.withSpring(closure_9.get(), outer2_7, "animate-always");
|
|
} else {
|
|
tmp3 = closure_9;
|
|
withSpringResult = closure_9.get();
|
|
}
|
|
obj1.translateX = withSpringResult;
|
|
items = [, ];
|
|
items[0] = obj1;
|
|
obj2 = {};
|
|
if (c12.get()) {
|
|
tmp11 = outer2_0;
|
|
tmp12 = outer2_2;
|
|
num2 = 18;
|
|
obj6 = outer2_0(outer2_2[18]);
|
|
tmp13 = closure_10;
|
|
tmp16 = c12;
|
|
value1 = closure_10.get();
|
|
tmp15 = outer2_7;
|
|
str2 = "animate-never";
|
|
if (c12.get()) {
|
|
str2 = "respect-motion-settings";
|
|
}
|
|
withSpringResult1 = obj6.withSpring(value1, tmp15, str2);
|
|
} else {
|
|
tmp9 = closure_10;
|
|
withSpringResult1 = closure_10.get();
|
|
}
|
|
obj2.translateY = withSpringResult1;
|
|
items[1] = obj2;
|
|
obj.transform = items;
|
|
obj.opacity = withTimingResult;
|
|
obj.width = closure_0.get().width;
|
|
obj.height = closure_0.get().height;
|
|
merged = Object.assign(maskElevation);
|
|
return obj;
|
|
}
|
|
}
|
|
let obj1 = { withTiming: tmp(outer1_2[16]).withTiming, wrapperOpacity: sharedValue2, timingFast: tmp(outer1_2[17]).timingFast, animateWrapperTranslation: sharedValue3, withSpring: tmp(outer1_2[18]).withSpring, wrapperTranslationX: sharedValue, MEDIA_PLAYBACK_PANEL_LAYOUT_PHYSICS: outer1_7, wrapperTranslationY: sharedValue1, wrapperDimensions, wrapperElevationStyles: maskEmptyElevation };
|
|
L.__closure = obj1;
|
|
L.__workletHash = 11049335639852;
|
|
L.__initData = outer1_17;
|
|
const animatedStyle = tmp(outer1_2[12]).useAnimatedStyle(L);
|
|
const xl = tmp2(outer1_2[8]).radii.xl;
|
|
const obj9 = tmp(outer1_2[12]);
|
|
class B {
|
|
constructor() {
|
|
obj = {};
|
|
obj2 = outer2_0(outer2_2[18]);
|
|
obj.borderRadius = obj2.withSpring(xl, outer2_10, "animate-always");
|
|
merged = Object.assign(maskElevation);
|
|
return obj;
|
|
}
|
|
}
|
|
obj2 = { withSpring: tmp(outer1_2[18]).withSpring, borderRadius: xl, BORDER_RADIUS_PHYSICS: outer1_10, maskElevationStyles: maskEmptyElevation2 };
|
|
B.__closure = obj2;
|
|
B.__workletHash = 7035830192327;
|
|
B.__initData = outer1_18;
|
|
const animatedStyle1 = tmp(outer1_2[12]).useAnimatedStyle(B);
|
|
let items = [animatedStyle, , ];
|
|
({ wrapper: arr[1], wrapperAnimationPresets: arr[2] } = tmp);
|
|
const items1 = [
|
|
outer1_4.useMemo(() => {
|
|
const items = [animatedStyle, , ];
|
|
({ wrapper: arr[1], wrapperAnimationPresets: arr[2] } = closure_2);
|
|
return items;
|
|
}, items),
|
|
|
|
];
|
|
const items2 = [animatedStyle1, tmp.mask];
|
|
items1[1] = outer1_4.useMemo(() => {
|
|
const items = [animatedStyle1, tmp.mask];
|
|
return items;
|
|
}, items2);
|
|
return items1;
|
|
}
|
|
maskEmptyElevation2 = tmp.maskEmptyElevation;
|
|
}
|
|
maskEmptyElevation = tmp.maskEmptyElevation;
|
|
})(wrapperDimensions, wrapperOffset), 2);
|
|
obj.mode = require(15703) /* MorphablePanelModes */.MorphablePanelModes.PIP;
|
|
obj.pipState = pipState;
|
|
obj.wrapperOffset = wrapperOffset2;
|
|
let tmp10 = importDefault(15703);
|
|
obj = {};
|
|
obj1 = { style: animatedStyle, pointerEvents: "box-none" };
|
|
let obj2 = { style: tmp6 };
|
|
const obj3 = { style: tmp7 };
|
|
let obj4 = { gesture: importDefault(15703)(obj) };
|
|
let obj5 = { style: items };
|
|
items = [tmp.content, animatedStyle1];
|
|
obj5.children = jsx(importDefault(15900), {});
|
|
obj4.children = jsx(importDefault(3991).View, { style: items });
|
|
obj3.children = jsx(require(5217) /* Directions */.GestureDetector, { gesture: importDefault(15703)(obj) });
|
|
obj2.children = jsx(importDefault(3991).View, { style: tmp7 });
|
|
obj1.children = jsx(importDefault(3991).View, { style: tmp6 });
|
|
obj.children = jsx(importDefault(3991).View, { style: animatedStyle, pointerEvents: "box-none" });
|
|
return jsx(require(5449) /* Layer */.LayerScope, {});
|
|
};
|