207 lines
9.4 KiB
TypeScript
207 lines
9.4 KiB
TypeScript
// Module ID: 14617
|
|
// Function ID: 14618
|
|
// Name: QUEST_DOCK_EXPANDED_HEIGHT
|
|
// Dependencies: [32, 19, 17, 4669, 6753, 14515, 676, 21, 4668, 14537, 14511, 14516, 14519, 9032, 589, 4100, 712, 689, 4119, 4749, 500, 14601, 10986, 8164, 9055, 5454, 4761, 2]
|
|
|
|
// Module 14617 (QUEST_DOCK_EXPANDED_HEIGHT)
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
|
|
import closure_6 from "maybeApplyNoTextColorForLightCustomTheme" /* 4669 */;
|
|
import { QuestDockMode } from "QuestsExperimentLocations" /* 6753 */;
|
|
import QUEST_DOCK_COLLAPSED_HEIGHT from "QUEST_DOCK_COLLAPSED_HEIGHT" /* 14515 */;
|
|
import { VerticalGradient } from "ME" /* 676 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4668 */;
|
|
|
|
const require = arg1;
|
|
let c4 = importAllResult;
|
|
({ AppState: c5, StyleSheet } = get_ActivityIndicator);
|
|
({ QUEST_DOCK_EXPANDED_HEIGHT, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: closure_8, QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED: c9 } = QUEST_DOCK_COLLAPSED_HEIGHT);
|
|
({ jsx: unpackModuleId, jsxs: closure_12 } = jsxProd);
|
|
let obj = { backgroundWrapper: null, backgroundHeroAsset: null, backgroundHeroAssetVideo: null, backgroundGradient: null };
|
|
obj = {};
|
|
const merged = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj.right = undefined;
|
|
obj.bottom = undefined;
|
|
obj.height = QUEST_DOCK_EXPANDED_HEIGHT;
|
|
obj.zIndex = 1;
|
|
obj[0] = obj;
|
|
createCacheKey = {};
|
|
const merged1 = Object.assign(StyleSheet.absoluteFillObject);
|
|
createCacheKey.height = QUEST_DOCK_EXPANDED_HEIGHT;
|
|
createCacheKey.resizeMode = "cover";
|
|
obj[1] = createCacheKey;
|
|
const merged2 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj[2] = {};
|
|
let obj3 = {};
|
|
const merged3 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj3.height = QUEST_DOCK_EXPANDED_HEIGHT;
|
|
obj[3] = obj3;
|
|
let closure_13 = createCacheKey.createStyles(obj);
|
|
let closure_14 = { code: "function QuestDockUnenrolledBackgroundTsx1(){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};}" };
|
|
let closure_15 = { code: "function QuestDockUnenrolledBackgroundTsx2(){const{withSpring,activeQuestDockMode,QuestDockMode,videoLoaded,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED}=this.__closure;return{opacity:withSpring(activeQuestDockMode.get()!==QuestDockMode.EXPANDED||!videoLoaded?1:0,QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED)};}" };
|
|
const memoResult = importAllResult.memo(function QuestDockUnenrolledBackground() {
|
|
let obj = activeQuestDockMode(setRestingQuestDockMode[9]);
|
|
const questCreative = obj.useQuestCreative();
|
|
const tmp4 = callback2();
|
|
obj1 = activeQuestDockMode(setRestingQuestDockMode[10]);
|
|
const questDockHeroAsset = obj1.useQuestDockHeroAsset(questCreative);
|
|
({ staticUrl, videoAsset } = questDockHeroAsset);
|
|
let obj2 = importAllResult;
|
|
const context = importAllResult.useContext(activeQuestDockMode(setRestingQuestDockMode[11]).QuestDockGestureContext);
|
|
activeQuestDockMode = context.activeQuestDockMode;
|
|
const windowDimensions = context.windowDimensions;
|
|
setRestingQuestDockMode = importAllResult.useContext(activeQuestDockMode(setRestingQuestDockMode[12]).QuestDockExternalCoordinationContext).setRestingQuestDockMode;
|
|
let obj3 = activeQuestDockMode(setRestingQuestDockMode[14]);
|
|
let items = [closure_6];
|
|
const stateFromStores = obj3.useStateFromStores(items, () => lib.useReducedMotion);
|
|
let obj4 = activeQuestDockMode(setRestingQuestDockMode[15]);
|
|
const token = obj4.useToken(windowDimensions(setRestingQuestDockMode[16]).colors.CARD_BACKGROUND_DEFAULT);
|
|
const items1 = [token];
|
|
const memo = importAllResult.useMemo(() => {
|
|
const obj = windowDimensions(setRestingQuestDockMode[17])(token);
|
|
const items = [obj.alpha(0).hex(), , , ];
|
|
const alphaResult = obj.alpha(0);
|
|
items[1] = obj.alpha(0.1).hex();
|
|
const alphaResult1 = obj.alpha(0.1);
|
|
items[2] = obj.alpha(0.8).hex();
|
|
const alphaResult2 = obj.alpha(0.8);
|
|
items[3] = obj.alpha(1).hex();
|
|
return items;
|
|
}, items1);
|
|
const memo1 = importAllResult.useMemo(() => [0, 0.33, 0.76, 1], []);
|
|
let obj5 = activeQuestDockMode(setRestingQuestDockMode[18]);
|
|
const fn = function s() {
|
|
let obj = activeQuestDockMode(setRestingQuestDockMode[19]);
|
|
obj1 = activeQuestDockMode;
|
|
let num = 0;
|
|
if (activeQuestDockMode.get() === closure_1_7.COLLAPSED) {
|
|
num = -1 * closure_1_9;
|
|
}
|
|
obj = { translateX: obj.withSpring(num, closure_1_8) };
|
|
const items = [obj, ];
|
|
let num3 = 0;
|
|
if (obj1.get() === closure_1_7.COLLAPSED) {
|
|
num3 = -1 * closure_1_9;
|
|
}
|
|
obj = { transform: null, width: null };
|
|
obj1 = { translateY: activeQuestDockMode(setRestingQuestDockMode[19]).withSpring(num3, closure_1_8) };
|
|
items[1] = obj1;
|
|
obj[0] = items;
|
|
obj[1] = windowDimensions.get().width;
|
|
return obj;
|
|
};
|
|
obj = { withSpring: activeQuestDockMode(setRestingQuestDockMode[19]).withSpring, activeQuestDockMode, QuestDockMode, QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED: closure_9, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: closure_8, windowDimensions };
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 3565242281634;
|
|
fn.__initData = closure_14;
|
|
const animatedStyle = obj5.useAnimatedStyle(fn);
|
|
const tmp14 = closure_8;
|
|
const tmp16 = token;
|
|
const tmp8 = windowDimensions(setRestingQuestDockMode[13])(activeQuestDockMode);
|
|
[tmp18, closure_4] = token(importAllResult.useState("active" !== first.currentState), 2);
|
|
const items2 = [activeQuestDockMode, setRestingQuestDockMode];
|
|
const effect = importAllResult.useEffect(() => {
|
|
closure_0 = first.addEventListener("change", (arg0) => {
|
|
callback2("active" !== arg0);
|
|
let tmp3 = lib(closure_1_2[20]).isIOS() && tmp;
|
|
if (tmp3) {
|
|
tmp3 = lib.get() === closure_1_7.EXPANDED;
|
|
}
|
|
if (tmp3) {
|
|
callback(closure_1_7.COLLAPSED);
|
|
}
|
|
});
|
|
return () => {
|
|
lib.remove();
|
|
};
|
|
}, items2);
|
|
let isRendered = !tmp18;
|
|
if (!tmp18) {
|
|
isRendered = importAllResult.useContext(windowDimensions(setRestingQuestDockMode[21])).isRendered;
|
|
}
|
|
if (isRendered) {
|
|
isRendered = !stateFromStores;
|
|
}
|
|
if (isRendered) {
|
|
isRendered = null != videoAsset;
|
|
}
|
|
if (isRendered) {
|
|
let tmpResult = tmp(tmp2[20]);
|
|
isRendered = !tmpResult.isAndroid();
|
|
}
|
|
if (isRendered) {
|
|
tmpResult = tmp(tmp2[22]);
|
|
isRendered = tmpResult.isHeroVideoSupported(videoAsset);
|
|
}
|
|
const tmp16Result = tmp16(obj2.useState(false), 2);
|
|
first = tmp16Result[0];
|
|
closure_6 = tmp16Result[1];
|
|
const callback = obj2.useCallback(() => {
|
|
lib(true);
|
|
}, []);
|
|
const tmp17 = token(importAllResult.useState("active" !== first.currentState), 2);
|
|
class G {
|
|
constructor() {
|
|
obj = activeQuestDockMode(setRestingQuestDockMode[19]);
|
|
num = 1;
|
|
if (activeQuestDockMode.get() === closure_1_7.EXPANDED) {
|
|
tmp = closure_5;
|
|
num = 1;
|
|
if (closure_5) {
|
|
num = 0;
|
|
}
|
|
}
|
|
obj = { opacity: obj.withSpring(num, closure_1_8) };
|
|
return obj;
|
|
}
|
|
}
|
|
obj = { withSpring: tmp(tmp2[19]).withSpring, activeQuestDockMode, QuestDockMode: tmp13, videoLoaded: first, QUEST_DOCK_MODE_CHANGE_PHYSICS_CLAMPED: tmp14 };
|
|
G.__closure = obj;
|
|
G.__workletHash = 13084905891385;
|
|
G.__initData = closure_15;
|
|
const animatedStyle1 = activeQuestDockMode(setRestingQuestDockMode[18]).useAnimatedStyle(G);
|
|
obj1 = { style: items3, children: null };
|
|
items3 = [tmp4.backgroundWrapper, animatedStyle];
|
|
let tmp7Result = tmp7(tmp2[23]);
|
|
if (isRendered) {
|
|
obj2 = { children: null };
|
|
obj3 = { style: null, onLoad: null, source: null, paused: null, resizeMode: "cover", muted: true, disableFocus: true, preventsDisplaySleepDuringVideoPlayback: false };
|
|
obj3[0] = tmp4.backgroundHeroAssetVideo;
|
|
obj3[1] = callback;
|
|
obj4 = { uri: null };
|
|
obj4[0] = videoAsset.url;
|
|
obj3[2] = obj4;
|
|
obj3[3] = tmp8 !== tmp13.EXPANDED;
|
|
const items4 = [callback(tmp(tmp2[24]).VideoComponent, obj3), ];
|
|
obj5 = { style: null, children: null };
|
|
obj5[0] = animatedStyle1;
|
|
tmp7Result = tmp7(tmp2[23]);
|
|
const obj6 = { style: null, source: null };
|
|
obj6[0] = tmp4.backgroundHeroAsset;
|
|
const obj7 = { uri: null };
|
|
obj7[0] = staticUrl;
|
|
obj6[1] = obj7;
|
|
obj5[1] = callback(tmp7(tmp2[25]), obj6);
|
|
items4[1] = callback(tmp7Result, obj5);
|
|
obj2[0] = items4;
|
|
let tmp25Result = tmp25(obj2.Fragment, obj2);
|
|
let tmp27 = callback;
|
|
} else {
|
|
tmp27 = callback;
|
|
const obj8 = { style: null, source: null };
|
|
obj8[0] = tmp4.backgroundHeroAsset;
|
|
const obj9 = { uri: null };
|
|
obj9[0] = staticUrl;
|
|
obj8[1] = obj9;
|
|
tmp25Result = callback(tmp7(tmp2[25]), obj8);
|
|
}
|
|
const items5 = [tmp25Result, tmp27(windowDimensions(setRestingQuestDockMode[26]), { locations: memo1, style: tmp4.backgroundGradient, start: VerticalGradient.START, end: VerticalGradient.END, colors: memo })];
|
|
obj1[1] = items5;
|
|
return closure_12(tmp7Result, obj1);
|
|
});
|
|
let obj2 = {};
|
|
const result = require("set").fileFinishedImporting("modules/quests/native/QuestDock/QuestDockUnenrolledBackground.tsx");
|
|
|
|
export default memoResult;
|