// Module ID: 16992
// Function ID: 16993
// Name: RestrictedMessageRequestPreview
// Dependencies: [32, 19, 17, 1957, 4826, 1371, 21, 4605, 576, 1611, 504, 16993, 16995, 12509, 2]
// Exports: default

// Module 16992 (RestrictedMessageRequestPreview)
import nativeDefault from "native" /* 576 */;
import _slicedToArray from "module_32" /* 32 */;
import noop from "module_19" /* 19 */;
import ChannelStore from "ChannelStore" /* 1957 */;
import MessageStore from "MessageStore" /* 4826 */;
import UserStore from "UserStore" /* 1371 */;

const require = fn;
get_ActivityIndicator = fn(17);
({ ScrollView: hasOwnProperty, View: metroRequire } = get_ActivityIndicator);
const jsxProd = fn(21);
({ jsx: c10, jsxs: closure_11 } = jsxProd);
const createStyles = fn(4605);
let obj2 = { container: { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW }, scroll: { flex: 1 }, hidden: { opacity: 0 }, scrollContent: null, footer: null };
let obj3 = { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
obj2.scrollContent = { paddingHorizontal: nativeDefault.space.PX_16, paddingTop: nativeDefault.space.PX_8, paddingBottom: nativeDefault.space.PX_8 };
let obj4 = { paddingHorizontal: nativeDefault.space.PX_16, paddingTop: nativeDefault.space.PX_8, paddingBottom: nativeDefault.space.PX_8 };
obj2.footer = { paddingHorizontal: nativeDefault.space.PX_12 };
let closure_12 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("modules/message_request/native/RestrictedMessageRequestPreview.tsx");

export default function RestrictedMessageRequestPreview(channelId) {
  channelId = channelId.channelId;
  let first;
  noop = undefined;
  const tmp = closure_12();
  const ref = noop.useRef(null);
  dependencyMap = noop.useRef(false);
  const tmp5 = first(noop.useState(false), 2);
  first = tmp5[0];
  noop = tmp5[1];
  const items = [MessageStore];
  const items1 = [channelId];
  closure_5 = channelId(504).useStateFromStores(items, () => MessageStore.getMessages(channelId).length > 0, items1);
  const obj = noop;
  const obj2 = channelId(504);
  const tmp7 = channelId;
  const items2 = [ChannelStore];
  const items3 = [channelId];
  const stateFromStores = channelId(504).useStateFromStores(items2, () => ChannelStore.getChannel(channelId), items3);
  let first1;
  if (stateFromStores != null) {
    const recipients = stateFromStores.recipients;
    if (recipients != null) {
      first1 = recipients[0];
    }
  }
  const obj3 = channelId(504);
  const items4 = [UserStore];
  const items5 = [first1];
  const stateFromStores1 = tmp7(504).useStateFromStores(items4, () => {
    let user;
    if (null != first1) {
      user = UserStore.getUser(tmp);
    }
    return user;
  }, items5);
  const items6 = [first];
  const effect = obj.useEffect(() => {
    if (!first) {
      const _setTimeout = setTimeout;
      const timeout = setTimeout(() => closure_1_4(true), 1000);
      return () => clearTimeout(closure_0);
    }
  }, items6);
  let tmp13Result = null;
  if (null != stateFromStores) {
    tmp13Result = null;
    if (null != stateFromStores1) {
      const obj4 = { style: tmp.container, children: null };
      const obj5 = { ref, style: null, contentContainerStyle: null, onScrollBeginDrag: null, onContentSizeChange: null, children: null };
      const items7 = [tmp.scroll, ];
      let hidden = null;
      if (!first) {
        hidden = tmp.hidden;
      }
      items7[1] = hidden;
      obj5.style = items7;
      obj5.contentContainerStyle = tmp.scrollContent;
      obj5.onScrollBeginDrag = function onScrollBeginDrag() {
        closure_2.current = true;
      };
      obj5.onContentSizeChange = function onContentSizeChange() {
        if (!ref.current) {
          const current = ref.current;
          if (current != null) {
            current.scrollToEnd({ animated: false });
          }
        }
        let tmp4 = !first;
        if (!first) {
          tmp4 = closure_5;
        }
        if (tmp4) {
          const _requestAnimationFrame = requestAnimationFrame;
          const animationFrame = requestAnimationFrame(() => closure_1_4(true));
        }
      };
      const obj6 = { channel: stateFromStores, user: stateFromStores1 };
      const items8 = [closure_10(tmp2(16993), obj6), ];
      const obj7 = { channelId };
      items8[1] = closure_10(tmp2(16995), obj7);
      obj5.children = items8;
      const items9 = [closure_11(closure_5, obj5), ];
      const obj8 = { style: null, children: null };
      const items10 = [tmp.footer, ];
      const obj9 = { paddingBottom: tmp2(576).space.PX_8 + ref(1611)().bottom };
      items10[1] = obj9;
      obj8.style = items10;
      const obj10 = { channel: stateFromStores };
      obj8.children = closure_10(tmp2(12509), obj10);
      items9[1] = closure_10(first1, obj8);
      obj4.children = items9;
      tmp13Result = tmp13(tmp14, obj4);
    }
  }
  return tmp13Result;
};