decord/source/modules/quests/native/VideoQuestModal/VideoQuestModal.tsx

// Module ID: 14083
// Function ID: 107785
// Name: VideoQuestModalSteps
// Dependencies: [57, 31, 27, 653, 33, 4131, 689, 14084, 8105, 5949, 14057, 8056, 3992, 4543, 1557, 7620, 14085, 5121, 14088, 14116, 10898, 10428, 10908, 4980, 11060, 2]

// Module 14083 (VideoQuestModalSteps)
import _slicedToArray from "_slicedToArray";
import importAllResult from "result";
import get_ActivityIndicator from "get ActivityIndicator";
import { AnalyticEvents } from "ME";
import jsxProd from "jsxProd";
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";

let StyleSheet;
let closure_5;
let closure_7;
let closure_8;
const require = arg1;
({ View: closure_5, StyleSheet } = get_ActivityIndicator);
({ jsx: closure_7, jsxs: closure_8 } = jsxProd);
let closure_9 = { mass: 1.9, damping: 18, stiffness: 80, overshootClamping: true };
let obj = { WATCH_VIDEO: 0, [0]: "WATCH_VIDEO", POST_WATCH_VIDEO: 1, [1]: "POST_WATCH_VIDEO" };
obj = { wrapper: { flexDirection: "column", flexGrow: 1, flexShrink: 1, zIndex: 1 }, contentWrapper: { flex: 1 } };
let obj1 = {};
const merged = Object.assign(StyleSheet.absoluteFillObject);
obj1["borderRadius"] = require("_createForOfIteratorHelperLoose").radii.lg;
obj1["backgroundColor"] = require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOWEST;
obj.contentBackground = obj1;
obj.modalContentWrapper = { zIndex: 2 };
_createForOfIteratorHelperLoose = {};
const merged1 = Object.assign(StyleSheet.absoluteFillObject);
_createForOfIteratorHelperLoose["borderRadius"] = require("_createForOfIteratorHelperLoose").radii.lg;
_createForOfIteratorHelperLoose["flex"] = 1;
_createForOfIteratorHelperLoose["overflow"] = "hidden";
_createForOfIteratorHelperLoose["pointerEvents"] = "none";
_createForOfIteratorHelperLoose["zIndex"] = 1;
obj.backgroundWrapper = _createForOfIteratorHelperLoose;
let closure_11 = _createForOfIteratorHelperLoose.createStyles(obj);
let closure_12 = { code: "function VideoQuestModalTsx1(){const{withSpring,clamp,postWatchAnimationState,BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG,interpolate,CLOUDS_BACKGROUND_INVISIBLE_OFFSET_Y}=this.__closure;return{opacity:withSpring(clamp(postWatchAnimationState.get(),0,1),BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG),transform:[{translateY:withSpring(interpolate(postWatchAnimationState.get(),[0,1],[CLOUDS_BACKGROUND_INVISIBLE_OFFSET_Y,0]),BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG)}]};}" };
let closure_13 = { code: "function VideoQuestModalTsx2(){const{withSpring,interpolate,postWatchAnimationState,safeAreaInsets,BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG}=this.__closure;return{transform:[{translateY:withSpring(interpolate(postWatchAnimationState.get(),[0,1],[safeAreaInsets.top,0]),BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG)}],opacity:withSpring(postWatchAnimationState.get(),BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG)};}" };
let closure_14 = importAllResult.memo((sourceQuestContent) => {
  let initialStep;
  let onClose;
  ({ onClose, initialStep } = sourceQuestContent);
  sourceQuestContent = sourceQuestContent.sourceQuestContent;
  let obj = initialStep(quest[7]);
  const videoQuestModalContext = obj.useVideoQuestModalContext();
  quest = videoQuestModalContext.quest;
  const videoSessionId = videoQuestModalContext.videoSessionId;
  const userStatus = quest.userStatus;
  let completedAt;
  if (null != userStatus) {
    completedAt = userStatus.completedAt;
  }
  if (null != initialStep) {
    const tmp7 = videoSessionId(importAllResult.useState(initialStep), 2);
    let num2 = 0;
    const first = tmp7[0];
    let closure_6 = tmp7[1];
    const tmp10 = videoSessionId(importAllResult.useState(false), 2);
    let callback = tmp10[1];
    let items = [quest.id, videoSessionId, sourceQuestContent];
    callback = importAllResult.useCallback((arg0) => {
      const lockOrientation = initialStep(quest[8]).lockOrientation;
      if (arg0) {
        lockOrientation("LANDSCAPE", true);
      } else {
        lockOrientation("PORTRAIT", true);
      }
      callback2(arg0);
      let obj = initialStep(quest[9]);
      obj = { questId: quest.id, event: arg0 ? tmp5.QUEST_VIDEO_FULLSCREEN_ENTERED : tmp5.QUEST_VIDEO_FULLSCREEN_EXITED, properties: obj, sourceQuestContent };
      obj = { video_session_id: videoSessionId };
      obj.trackQuestEvent(obj);
    }, items);
    const tmp15 = callback2();
    const height = sourceQuestContent(quest[11])(importAllResult.useContext(initialStep(quest[10]).QuestDockGestureContext).windowDimensions).height;
    let items1 = [tmp3, initialStep];
    const layoutEffect = importAllResult.useLayoutEffect(() => {
      let tmp = closure_4;
      if (closure_4) {
        tmp = null == initialStep;
      }
      if (tmp) {
        callback(tmp28.POST_WATCH_VIDEO);
      }
    }, items1);
    const items2 = [callback];
    const callback1 = importAllResult.useCallback(() => {
      callback(tmp28.WATCH_VIDEO);
    }, []);
    callback2 = importAllResult.useCallback(() => {
      callback(false);
      callback(tmp28.POST_WATCH_VIDEO);
    }, items2);
    let obj1 = initialStep(quest[12]);
    if (first === obj.POST_WATCH_VIDEO) {
      num2 = 1;
    }
    const sharedValue = obj1.useSharedValue(num2);
    let obj2 = initialStep(quest[12]);
    class M {
      constructor() {
        obj = {};
        obj2 = initialStep(quest[13]);
        obj3 = initialStep(quest[12]);
        obj.opacity = obj2.withSpring(obj3.clamp(c9.get(), 0, 1), c9);
        obj = {};
        obj5 = initialStep(quest[13]);
        obj6 = initialStep(quest[12]);
        items = [, ];
        items[0] = -100;
        items[1] = 0;
        obj.translateY = obj5.withSpring(obj6.interpolate(c9.get(), [0, 1], items), c9);
        items1 = [];
        items1[0] = obj;
        obj.transform = items1;
        return obj;
      }
    }
    obj = { withSpring: initialStep(quest[13]).withSpring, clamp: initialStep(quest[12]).clamp, postWatchAnimationState: sharedValue, BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG: sharedValue, interpolate: initialStep(quest[12]).interpolate, CLOUDS_BACKGROUND_INVISIBLE_OFFSET_Y: -100 };
    M.__closure = obj;
    M.__workletHash = 11571705142399;
    M.__initData = closure_12;
    const animatedStyle = obj2.useAnimatedStyle(M);
    const tmp28 = sourceQuestContent(quest[14])();
    obj = tmp28;
    let obj4 = initialStep(quest[12]);
    class U {
      constructor() {
        obj = {};
        obj = {};
        obj3 = initialStep(quest[13]);
        obj4 = initialStep(quest[12]);
        items = [, ];
        items[0] = closure_10.top;
        items[1] = 0;
        obj.translateY = obj3.withSpring(obj4.interpolate(c9.get(), [0, 1], items), c9);
        items1 = [];
        items1[0] = obj;
        obj.transform = items1;
        obj5 = initialStep(quest[13]);
        obj.opacity = obj5.withSpring(c9.get(), c9);
        return obj;
      }
    }
    obj = { withSpring: initialStep(quest[13]).withSpring, interpolate: initialStep(quest[12]).interpolate, postWatchAnimationState: sharedValue, safeAreaInsets: tmp28, BACKGROUND_ENTRANCE_ANIMATION_SPRING_CONFIG: sharedValue };
    U.__closure = obj;
    U.__workletHash = 9769051401109;
    U.__initData = closure_13;
    const items3 = [sharedValue, first];
    const animatedStyle1 = obj4.useAnimatedStyle(U);
    const effect = importAllResult.useEffect(() => {
      let num = 0;
      if (first === tmp28.POST_WATCH_VIDEO) {
        num = 1;
      }
      const result = sharedValue.set(num);
    }, items3);
    obj1 = {};
    obj2 = { style: tmp15.modalContentWrapper };
    let obj3 = {};
    const items4 = [tmp15.backgroundWrapper, ];
    obj4 = { height };
    items4[1] = obj4;
    obj3.style = items4;
    let obj5 = {};
    const items5 = [tmp15.contentBackground, ];
    const obj6 = { top: tmp28.top };
    items5[1] = obj6;
    obj5.style = items5;
    const items6 = [callback(sourceQuestContent(quest[15]), obj5), , ];
    const obj7 = {};
    const items7 = [tmp15.contentBackground, animatedStyle1];
    obj7.style = items7;
    items6[1] = callback(sourceQuestContent(quest[15]), obj7);
    const obj8 = { style: animatedStyle };
    const tmp36 = sourceQuestContent(quest[15]);
    const obj9 = { align: "top" };
    obj8.children = callback(sourceQuestContent(quest[16]), obj9);
    items6[2] = callback(sourceQuestContent(quest[15]), obj8);
    obj3.children = items6;
    const items8 = [callback(first, obj3), ];
    const obj10 = { top: true };
    const items9 = [tmp15.wrapper, ];
    const obj11 = { height };
    items9[1] = obj11;
    obj10.style = items9;
    const obj12 = { style: tmp15.contentWrapper };
    let tmp39 = first === obj.WATCH_VIDEO;
    if (tmp39) {
      const obj13 = { isFullscreen: tmp10[0], onNavigateToPostWatchVideo: callback2, onClose, onEnd: callback2, setIsFullscreen: callback, sourceQuestContent };
      tmp39 = callback(sourceQuestContent(quest[18]), obj13);
    }
    const items10 = [tmp39, ];
    let tmp44 = first === obj.POST_WATCH_VIDEO;
    if (tmp44) {
      const obj14 = { onClose, onRestartVideo: callback1, sourceQuestContent };
      tmp44 = callback(sourceQuestContent(quest[19]), obj14);
    }
    items10[1] = tmp44;
    obj12.children = items10;
    obj10.children = callback(first, obj12);
    items8[1] = callback(initialStep(quest[17]).SafeAreaPaddingView, obj10);
    obj2.children = items8;
    obj1.children = callback(tmp36, obj2);
    return callback(first, obj1);
  }
});
const memoResult = importAllResult.memo(function VideoQuestModal(questContentPosition) {
  questContentPosition = questContentPosition.questContentPosition;
  const onClose = questContentPosition.onClose;
  const videoSessionId = questContentPosition.videoSessionId;
  const initialStep = questContentPosition.initialStep;
  const sourceQuestContent = questContentPosition.sourceQuestContent;
  const items = [onClose];
  const callback = sourceQuestContent.useCallback(() => {
    const result = questContentPosition(videoSessionId[20]).showQuestUnavailableAlert();
    onClose();
  }, items);
  let obj = questContentPosition(videoSessionId[21]);
  const nonNullableQuest = obj.useNonNullableQuest(questContentPosition.questId, callback);
  const items1 = [onClose, nonNullableQuest, videoSessionId, questContentPosition, initialStep, sourceQuestContent];
  const memo = sourceQuestContent.useMemo(() => {
    let tmp = null;
    if (null != nonNullableQuest) {
      let obj = {};
      obj = {
        fullscreen: true,
        headerLeft() {
            return null;
          },
        render() {
            obj = { value: obj };
            obj = { quest: outer1_5, videoSessionId: outer1_2 };
            obj = {};
            const obj1 = {
              overrideVisibility: true,
              questContent: questContentPosition(videoSessionId[23]).QuestContent.VIDEO_MODAL_MOBILE,
              questOrQuests: outer1_5,
              questContentPosition: outer1_0,
              sourceQuestContent: outer1_4,
              children() {
                return outer3_7(outer3_14, { initialStep: outer2_3, onClose: outer2_1, sourceQuestContent: outer2_4 });
              }
            };
            obj.children = outer2_7(questContentPosition(videoSessionId[22]).QuestContentImpressionTrackerNative, obj1);
            obj.children = outer2_7(questContentPosition(videoSessionId[10]).QuestDockGestureContextProvider, obj);
            return outer2_7(onClose(videoSessionId[7]).Provider, obj);
          }
      };
      obj["watch_mobile_video_quest"] = obj;
      tmp = obj;
    }
    return tmp;
  }, items1);
  const layoutEffect = sourceQuestContent.useLayoutEffect(() => {
    questContentPosition(videoSessionId[8]).lockOrientation("PORTRAIT", true);
    return questContentPosition(videoSessionId[8]).restoreDefaultOrientation;
  }, []);
  let tmp5 = null;
  if (null != nonNullableQuest) {
    tmp5 = null;
    if (null != memo) {
      obj = { hideTitle: true, initialRouteName: "watch_mobile_video_quest", screens: memo };
      tmp5 = callback(questContentPosition(videoSessionId[24]).Modal, obj);
    }
  }
  return tmp5;
});
let result = require("get ActivityIndicator").fileFinishedImporting("modules/quests/native/VideoQuestModal/VideoQuestModal.tsx");

export default memoResult;
export const VideoQuestModalSteps = obj;