8d58bae3b2
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4907.js (118.4 MB)
269 lines
12 KiB
TypeScript
269 lines
12 KiB
TypeScript
// Module ID: 15408
|
|
// Function ID: 15409
|
|
// Name: QuestDockVideoBackground
|
|
// Dependencies: [32, 19, 17, 4714, 5614, 15301, 1074, 21, 4722, 15302, 4458, 5143, 7269, 15305, 15388, 8499, 1478, 1612, 504, 15300, 672, 1364, 12009, 8539, 5757, 5156, 2]
|
|
|
|
// Module 15408 (QuestDockVideoBackground)
|
|
import _modDef672 from "module_672" /* 672 */;
|
|
import spring from "spring" /* 5143 */;
|
|
import ReanimatedNativeViewDefault from "ReanimatedNativeView" /* 7269 */;
|
|
import QuestDockUtils from "QuestDockUtils" /* 15300 */;
|
|
import _slicedToArray from "module_32" /* 32 */;
|
|
import noop from "module_19" /* 19 */;
|
|
import AccessibilityStore from "AccessibilityStore" /* 4714 */;
|
|
|
|
require = fn;
|
|
function QuestDockBackgroundMediaFade(arg0) {
|
|
let activeQuestDockMode;
|
|
({ children, style } = arg0);
|
|
activeQuestDockMode = noop.useContext(activeQuestDockMode(15302).QuestDockGestureContext).activeQuestDockMode;
|
|
const tmp = closure_17();
|
|
const fn = function n() {
|
|
let num = 0;
|
|
if (activeQuestDockMode.get() === QuestDockMode.EXPANDED) {
|
|
num = 1;
|
|
}
|
|
return { opacity: spring.withSpring(num, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED) };
|
|
};
|
|
let obj = activeQuestDockMode(4458);
|
|
fn.__closure = { withSpring: activeQuestDockMode(5143).withSpring, activeQuestDockMode, QuestDockMode, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED };
|
|
fn.__workletHash = 5908890006198;
|
|
fn.__initData = __initData;
|
|
const animatedStyle = obj.useAnimatedStyle(fn);
|
|
const obj3 = { style: null, children };
|
|
const items = [tmp.media, style, animatedStyle];
|
|
obj3.style = items;
|
|
return closure_12(ReanimatedNativeViewDefault, obj3);
|
|
}
|
|
get_ActivityIndicator = fn(17);
|
|
({ AppState: hasOwnProperty, StyleSheet, View: metroRequire } = get_ActivityIndicator);
|
|
let QuestDockMode = fn(5614).QuestDockMode;
|
|
const QuestDockConstants = fn(15301);
|
|
({ QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: closure_9, QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED: c10 } = QuestDockConstants);
|
|
let VerticalGradient = fn(1074).VerticalGradient;
|
|
const jsxProd = fn(21);
|
|
({ jsx: closure_12, jsxs: map1 } = jsxProd);
|
|
let closure_14 = [0, 0.1, 0.8, 1];
|
|
const locations = [0, 0.33, 0.76, 1];
|
|
const QuestDockBackgroundCollapsedMediaMode = { PAUSED: "paused", HIDDEN: "hidden" };
|
|
const createStyles = fn(4722);
|
|
let obj2 = { backgroundWrapper: null, backgroundImage: null, backgroundImageWrapper: null, backgroundVideo: null, media: null, backgroundGradient: null, backdrop: null };
|
|
let obj4 = {};
|
|
const merged = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj4.right = undefined;
|
|
obj4.bottom = undefined;
|
|
obj4.zIndex = 1;
|
|
obj2.backgroundWrapper = obj4;
|
|
let obj5 = {};
|
|
const merged1 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj5.resizeMode = "cover";
|
|
obj2.backgroundImage = obj5;
|
|
const merged2 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj2.backgroundImageWrapper = {};
|
|
const merged3 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj2.backgroundVideo = {};
|
|
const merged4 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj2.media = {};
|
|
const merged5 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj2.backgroundGradient = {};
|
|
const merged6 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj2.backdrop = {};
|
|
let closure_17 = createStyles.createStyles(obj2);
|
|
const __initData = { code: "function QuestDockVideoBackgroundTsx1(){const{withSpring,activeQuestDockMode,QuestDockMode,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED}=this.__closure;return{opacity:withSpring(activeQuestDockMode.get()===QuestDockMode.EXPANDED?1:0,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED)};}" };
|
|
const __initData2 = { code: "function QuestDockVideoBackgroundTsx2(){const{withSpring,activeQuestDockMode,QuestDockMode,QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED,windowDimensions}=this.__closure;return{transform:[{translateX:withSpring(activeQuestDockMode.get()===QuestDockMode.COLLAPSED?QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED*-1:0,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED)},{translateY:withSpring(activeQuestDockMode.get()===QuestDockMode.COLLAPSED?QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED*-1:0,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED)}],width:windowDimensions.get().width};}" };
|
|
const __initData3 = { code: "function QuestDockVideoBackgroundTsx3(){const{withSpring,shouldShowVideo,videoLoaded,isMediaHiddenWhenCollapsed,activeQuestDockMode,QuestDockMode,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED}=this.__closure;return{opacity:withSpring(shouldShowVideo&&videoLoaded&&(isMediaHiddenWhenCollapsed||activeQuestDockMode.get()===QuestDockMode.EXPANDED)?0:1,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED)};}" };
|
|
const size = fn(2);
|
|
const result = size.fileFinishedImporting("modules/quests/native/QuestDock/QuestDockVideoBackground.tsx");
|
|
|
|
export default noop.memo(function QuestDockVideoBackground(gradientBaseColor) {
|
|
({ imageUrl, videoUrl, collapsedMediaMode } = gradientBaseColor);
|
|
if (collapsedMediaMode === undefined) {
|
|
collapsedMediaMode = obj.PAUSED;
|
|
}
|
|
gradientBaseColor = gradientBaseColor.gradientBaseColor;
|
|
({ backdropColor, expandedHeight } = gradientBaseColor);
|
|
let windowDimensions;
|
|
QuestDockMode = undefined;
|
|
let isRendered;
|
|
let first1;
|
|
VerticalGradient = undefined;
|
|
dependencyMap = tmp2;
|
|
let tmp3 = closure_17();
|
|
const context = windowDimensions.useContext(gradientBaseColor(15302).QuestDockGestureContext);
|
|
const activeQuestDockMode = context.activeQuestDockMode;
|
|
windowDimensions = context.windowDimensions;
|
|
const setRestingQuestDockMode = windowDimensions.useContext(gradientBaseColor(15305).QuestDockExternalCoordinationContext).setRestingQuestDockMode;
|
|
const tmp8 = expandedHeight(8499)(activeQuestDockMode);
|
|
const height = expandedHeight(1478)().height;
|
|
const top = expandedHeight(1612)().top;
|
|
let items = [top];
|
|
const items1 = [height, top, expandedHeight];
|
|
const stateFromStores = gradientBaseColor(504).useStateFromStores(items, () => top.useReducedMotion);
|
|
const memo = windowDimensions.useMemo(() => {
|
|
const obj = { height: QuestDockUtils.getQuestDockExpandedHeightLimits(height, top, expandedHeight).maxHeight };
|
|
return obj;
|
|
}, items1);
|
|
const items2 = [gradientBaseColor];
|
|
const memo1 = windowDimensions.useMemo(() => {
|
|
closure_0 = _modDef672(gradientBaseColor);
|
|
return closure_14.map((item) => closure_0.alpha(item).hex());
|
|
}, items2);
|
|
let obj2 = gradientBaseColor(504);
|
|
const fn = function b() {
|
|
let num = 0;
|
|
if (activeQuestDockMode.get() === QuestDockMode.COLLAPSED) {
|
|
num = -1 * closure_2_10;
|
|
}
|
|
const obj2 = activeQuestDockMode;
|
|
const tmp3 = QuestDockMode;
|
|
const items = [{ translateX: spring.withSpring(num, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED) }, ];
|
|
const obj3 = { translateX: spring.withSpring(num, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED) };
|
|
const tmp5 = QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED;
|
|
let num3 = 0;
|
|
if (obj2.get() === tmp3.COLLAPSED) {
|
|
num3 = -1 * closure_2_10;
|
|
}
|
|
const obj4 = { transform: null, width: null };
|
|
const tmpResult = spring;
|
|
items[1] = { translateY: spring.withSpring(num3, tmp5) };
|
|
obj4.transform = items;
|
|
obj4.width = windowDimensions.get().width;
|
|
return obj4;
|
|
};
|
|
let obj3 = gradientBaseColor(4458);
|
|
fn.__closure = { withSpring: gradientBaseColor(5143).withSpring, activeQuestDockMode, QuestDockMode, QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED: first1, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: isRendered, windowDimensions };
|
|
fn.__workletHash = 1105448000732;
|
|
fn.__initData = __initData2;
|
|
const animatedStyle = obj3.useAnimatedStyle(fn);
|
|
const tmp17 = activeQuestDockMode(windowDimensions.useState(tmp8 === QuestDockMode.EXPANDED), 2);
|
|
const first = tmp17[0];
|
|
let tmp19 = !first;
|
|
if (!first) {
|
|
tmp19 = tmp15;
|
|
}
|
|
if (tmp19) {
|
|
tmp17[1](true);
|
|
}
|
|
let obj4 = { withSpring: gradientBaseColor(5143).withSpring, activeQuestDockMode, QuestDockMode, QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED: first1, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: isRendered, windowDimensions };
|
|
const tmp13 = isRendered;
|
|
[tmp22, c8] = activeQuestDockMode(windowDimensions.useState("active" !== setRestingQuestDockMode.currentState), 2);
|
|
const items3 = [activeQuestDockMode, setRestingQuestDockMode];
|
|
const effect = obj.useEffect(() => {
|
|
closure_0 = setRestingQuestDockMode.addEventListener("change", (event) => {
|
|
closure_1_8("active" !== event);
|
|
let tmp3 = gradientBaseColor(closure_2[21]).isIOS() && tmp;
|
|
if (tmp3) {
|
|
tmp3 = activeQuestDockMode.get() === c8.EXPANDED;
|
|
}
|
|
if (tmp3) {
|
|
setRestingQuestDockMode(c8.COLLAPSED);
|
|
}
|
|
});
|
|
return () => {
|
|
closure_0.remove();
|
|
};
|
|
}, items3);
|
|
isRendered = !tmp22;
|
|
if (!tmp22) {
|
|
isRendered = windowDimensions.useContext(expandedHeight(15388)).isRendered;
|
|
}
|
|
if (isRendered) {
|
|
isRendered = !stateFromStores;
|
|
}
|
|
if (isRendered) {
|
|
isRendered = null != videoUrl;
|
|
}
|
|
if (isRendered) {
|
|
isRendered = !tmp4(1364).isAndroid();
|
|
const tmp4Result = tmp4(1364);
|
|
}
|
|
if (isRendered) {
|
|
isRendered = tmp4(12009).isHeroVideoSupported(gradientBaseColor.videoMimetype);
|
|
const tmp4Result3 = tmp4(12009);
|
|
}
|
|
if (isRendered) {
|
|
let tmp25 = !tmp2;
|
|
if (tmp2) {
|
|
tmp25 = first;
|
|
}
|
|
isRendered = tmp25;
|
|
}
|
|
const tmp16Result2 = activeQuestDockMode(windowDimensions.useState(false), 2);
|
|
first1 = tmp16Result2[0];
|
|
VerticalGradient = tmp16Result2[1];
|
|
const callback = obj.useCallback(() => {
|
|
closure_11(true);
|
|
}, []);
|
|
const tmp16Result = activeQuestDockMode(windowDimensions.useState("active" !== setRestingQuestDockMode.currentState), 2);
|
|
function te() {
|
|
let num = 1;
|
|
if (isRendered) {
|
|
num = 1;
|
|
if (first1) {
|
|
if (closure_2) {
|
|
num = 0;
|
|
} else {
|
|
num = 1;
|
|
}
|
|
}
|
|
}
|
|
return { opacity: spring.withSpring(num, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED) };
|
|
}
|
|
const tmp4Result4 = gradientBaseColor(4458);
|
|
te.__closure = { withSpring: gradientBaseColor(5143).withSpring, shouldShowVideo: isRendered, videoLoaded: first1, isMediaHiddenWhenCollapsed: collapsedMediaMode === windowDimensions.HIDDEN, activeQuestDockMode, QuestDockMode, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: tmp13 };
|
|
te.__workletHash = 10281907446713;
|
|
te.__initData = __initData3;
|
|
let tmp31 = null;
|
|
const animatedStyle1 = tmp4Result4.useAnimatedStyle(te);
|
|
if (isRendered) {
|
|
const obj6 = { style: tmp3.backgroundVideo, onLoad: callback, source: null, paused: null, resizeMode: "cover", muted: true, disableFocus: true, preventsDisplaySleepDuringVideoPlayback: false };
|
|
const obj7 = { uri: videoUrl };
|
|
obj6.source = obj7;
|
|
obj6.paused = tmp8 !== tmp12.EXPANDED;
|
|
tmp31 = closure_12(tmp4(8539).VideoComponent, obj6);
|
|
}
|
|
const items4 = [tmp31, ];
|
|
let tmp33 = null;
|
|
if (null != imageUrl) {
|
|
const obj8 = { style: null, children: null };
|
|
const items5 = [tmp3.backgroundImageWrapper, memo, animatedStyle1];
|
|
obj8.style = items5;
|
|
const obj9 = { style: null, source: null };
|
|
const items6 = [tmp3.backgroundImage, memo];
|
|
obj9.style = items6;
|
|
const obj10 = { uri: imageUrl };
|
|
obj9.source = obj10;
|
|
obj8.children = closure_12(tmp7(5757), obj9);
|
|
tmp33 = closure_12(tmp7(7269), obj8);
|
|
const tmp7Result = tmp7(7269);
|
|
}
|
|
items4[1] = tmp33;
|
|
const tmp30Result = closure_13(windowDimensions.Fragment, { children: items4 });
|
|
const obj11 = { style: null, pointerEvents: "none", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: null };
|
|
const items7 = [tmp3.backgroundWrapper, memo, animatedStyle];
|
|
obj11.style = items7;
|
|
let tmp38 = null;
|
|
const obj5 = { withSpring: gradientBaseColor(5143).withSpring, shouldShowVideo: isRendered, videoLoaded: first1, isMediaHiddenWhenCollapsed: collapsedMediaMode === obj.HIDDEN, activeQuestDockMode, QuestDockMode, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: tmp13 };
|
|
if (null != backdropColor) {
|
|
const obj12 = { style: null };
|
|
const items8 = [tmp3.backdrop, memo, ];
|
|
const obj13 = { backgroundColor: backdropColor };
|
|
items8[2] = obj13;
|
|
obj12.style = items8;
|
|
tmp38 = closure_12(height, obj12);
|
|
}
|
|
const items9 = [tmp38, , ];
|
|
let tmp41 = tmp30Result;
|
|
if (collapsedMediaMode === obj.HIDDEN) {
|
|
const obj14 = { style: memo, children: tmp30Result };
|
|
tmp41 = closure_12(QuestDockBackgroundMediaFade, obj14);
|
|
}
|
|
items9[1] = tmp41;
|
|
const obj15 = { locations, style: null, start: VerticalGradient.START, end: VerticalGradient.END, colors: memo1 };
|
|
const items10 = [tmp3.backgroundGradient, memo];
|
|
obj15.style = items10;
|
|
items9[2] = closure_12(expandedHeight(5156), obj15);
|
|
obj11.children = items9;
|
|
return closure_13(expandedHeight(7269), obj11);
|
|
});
|
|
export { QuestDockBackgroundCollapsedMediaMode };
|