// Module ID: 16140
// Function ID: 16141
// Name: MediaPlaybackPanelController
// Dependencies: [32, 19, 4247, 1371, 4465, 13678, 9645, 11531, 21, 4116, 1581, 15935, 13677, 589, 16141, 2]
// Exports: default

// Module 16140 (MediaPlaybackPanelController)
import _slicedToArray from "_slicedToArray";
import noop from "noop";
import maybeApplyNoTextColorForLightCustomTheme from "maybeApplyNoTextColorForLightCustomTheme";
import participantFromServer from "participantFromServer";
import withEqualityFn from "withEqualityFn";
import { MediaPlaybackPanelModes } from "MediaPlaybackPanelModes";
import { ActivityPanelModes } from "ActivityPanelModes";
import { MorphablePanelModes } from "MIN_PAN_GESTURE_MOVE";
import { jsx } from "jsxProd";

const require = arg1;
let closure_12 = { code: "function MediaPlaybackPanelControllerTsx1(){const{mode,MediaPlaybackPanelModes,MorphablePanelModes}=this.__closure;switch(mode.get()){case MediaPlaybackPanelModes.PIP:{return MorphablePanelModes.PIP;}default:{return MorphablePanelModes.UNDEFINED;}}}" };
let result = require("maybeApplyNoTextColorForLightCustomTheme").fileFinishedImporting("modules/media_panel/native/MediaPlaybackPanelController.tsx");

export default function MediaPlaybackPanelController(children) {
  let sharedValue;
  let derivedValue;
  let sharedValue1;
  let sharedValue3;
  let sharedValue2;
  let useReducedMotion;
  let sharedValue5;
  let sharedValue4;
  let sharedValue6;
  let closure_9;
  let closure_10;
  let first;
  let c12;
  let closure_13;
  let c14;
  let stateFromStores;
  sharedValue = undefined;
  derivedValue = undefined;
  let obj = sharedValue(sharedValue1[9]);
  sharedValue = obj.useSharedValue(sharedValue6.PIP);
  sharedValue1 = sharedValue(sharedValue1[9]).useSharedValue({ height: 0, width: 0 });
  const obj3 = sharedValue(sharedValue1[9]);
  sharedValue2 = sharedValue(sharedValue1[9]).useSharedValue({ x: -1, y: -1 });
  const obj4 = sharedValue(sharedValue1[9]);
  sharedValue3 = sharedValue(sharedValue1[9]).useSharedValue(useReducedMotion.useReducedMotion);
  derivedValue = sharedValue3;
  const items = [sharedValue3];
  const effect = sharedValue2.useEffect(() => {
    function onChange() {
      const useReducedMotion = outer1_5.useReducedMotion;
      if (useReducedMotion !== closure_1.get()) {
        const result = closure_1.set(useReducedMotion);
      }
    }
    let result = _undefined.addReactChangeListener(onChange);
    return () => {
      const result = c5.removeReactChangeListener(onChange);
    };
  }, items);
  const obj5 = sharedValue(sharedValue1[9]);
  sharedValue4 = sharedValue(sharedValue1[9]).useSharedValue(true);
  const obj6 = sharedValue(sharedValue1[9]);
  sharedValue5 = sharedValue(sharedValue1[9]).useSharedValue(0);
  const obj7 = sharedValue(sharedValue1[9]);
  const fn = function p() {
    if (sharedValue.get() === sharedValue6.PIP) {
      let UNDEFINED = constants2.PIP;
    } else {
      UNDEFINED = constants2.UNDEFINED;
    }
    return UNDEFINED;
  };
  obj = { mode: sharedValue, MediaPlaybackPanelModes: sharedValue6, MorphablePanelModes: closure_10 };
  fn.__closure = obj;
  fn.__workletHash = 10375114450450;
  fn.__initData = c12;
  derivedValue = sharedValue(sharedValue1[9]).useDerivedValue(fn);
  const obj8 = sharedValue(sharedValue1[9]);
  const tmp8 = derivedValue(sharedValue1[10])();
  const tmp9 = derivedValue(sharedValue1[11])(derivedValue(sharedValue1[10])());
  sharedValue6 = sharedValue(sharedValue1[9]).useSharedValue(false);
  const obj10 = sharedValue(sharedValue1[9]);
  useReducedMotion = tmp9;
  closure_9 = sharedValue(sharedValue1[9]).useSharedValue({ x: 0, y: 0, gestureActive: false });
  closure_10 = sharedValue2.useRef(undefined);
  const tmp11 = sharedValue3(sharedValue2.useState(sharedValue.get()), 2);
  first = tmp11[0];
  c12 = tmp13;
  const items1 = [first, tmp11[1]];
  closure_13 = sharedValue2.useCallback(() => {
    let flag = first === sharedValue6.PIP;
    if (flag) {
      _undefined2(tmp.DISMISSED);
      derivedValue(sharedValue1[12]).userDidClosePip();
      flag = true;
      const obj = derivedValue(sharedValue1[12]);
    }
    return flag;
  }, items1);
  const tmp14 = sharedValue4((voicePanelsPIP) => voicePanelsPIP.voicePanelsPIP.size > 0);
  c14 = tmp14;
  const obj11 = sharedValue(sharedValue1[9]);
  const items2 = [sharedValue5];
  stateFromStores = sharedValue(sharedValue1[13]).useStateFromStores(items2, () => sharedValue5.getActivityPanelMode() === constants.PIP);
  const items3 = [sharedValue4, tmp14, stateFromStores];
  const layoutEffect = sharedValue2.useLayoutEffect(() => {
    let tmp2 = !c14;
    if (!c14) {
      tmp2 = !stateFromStores;
    }
    const result = sharedValue4.set(tmp2);
  }, items3);
  return first(derivedValue(sharedValue1[14]).Provider, { value: sharedValue3(sharedValue2.useState(() => ({ mode: sharedValue, setMode: c12, morphablePanelMode: derivedValue, wrapperDimensions: sharedValue1, useReducedMotion: sharedValue3, pipState: sharedValue2, pipAvoidanceSpecs: c5, dismissToPipGestureRef: closure_10, dismissPanel: closure_13, scrollPosition: sharedValue5, canShowPIP: sharedValue4, lockScrolling: sharedValue6, wrapperOffset: closure_9 })), 1)[0], children: children.children });
};