// Metro module 8453 (f8454).
import { useState, useRef, useMemo, useCallback, useEffect } from "react";
import { ActivityIndicator, View } from "react-native";
import LurkingStore from "../../../lurker_mode/LurkingStore";
import GuildProfileStore, { GuildProfileFetchStatus } from "../../GuildProfileStore";
import { INVALID_ACCESS_ERROR_CODE } from "../../GuildProfileConstants";
import { VerticalGradient } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import useWindowDimensions_native from "../../../screen/useWindowDimensions.native";
import useTheme from "../../../../hooks/useTheme";
import { useGuildProfile } from "../../hooks/useGuildProfile";
import { useStateFromStores } from "../../../../_bundle/Module589";
import { useToken } from "../../../../design/tokens/native/useToken";
import { useBottomSheetRef } from "../../../../design/components/Sheet/native/useBottomSheetRef";
import useAnalyticsLocations from "../../../app_analytics/useAnalyticsLocations";
import AnalyticsLocation from "../../../app_analytics/AnalyticsLocation";
import { useMobileLurkerServerPreview } from "../../../lurker_mode/experiments/MobileLurkerServerPreviewExperiment";
import { trackGuildProfileViewed } from "../../GuildProfileActionCreators";
import RestrictedGuildProfileView from "./RestrictedGuildProfileView";
import { Button } from "../../../../design/components/Button/native/Button.native";
import { intl, t } from "../../../../intl/index.native";
import GuildProfileLoadingError from "./GuildProfileLoadingError";
import GuildProfileView from "./GuildProfileView";
import GuildProfileCTA from "./GuildProfileCTA";
import Module689 from "../../../../_bundle/Module689";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import Module4611 from "../../../../_bundle/Module4611";
import { BottomSheetScrollView } from "../../../../_bundle/Module5245";
import { ActionSheetHeaderBar } from "../../../../design/components/Sheet/native/ActionSheetHeaderBar.native";
const useStyles = createStyles({
  loadingContainer: {
    paddingTop: 40
  },
  footerContainer: {
    paddingHorizontal: 16,
    paddingVertical: 40
  },
  scrollView: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW
  }
});
export default function GuildProfileActionSheet(props) {
  let r135, r136, callback, callback2, memo;
  let analyticsLocations, token;
  const { guildId, context, inviteKey } = props;
  analyticsLocations = void 0;
  token = void 0;
  const styles = useStyles();
  const theme = useTheme();
  const guildProfile2 = useGuildProfile(guildId);
  const { guildProfile, fetchGuildProfile, fetchStatus } = guildProfile2;
  const stateFromStores = useStateFromStores([GuildProfileStore], () => GuildProfileStore.getErrorCode(guildId));
  const token2 = useToken(Module712.colors.INTERACTIVE_TEXT_HOVER, theme);
  const bottomSheetRef3 = useBottomSheetRef();
  const { bottomSheetRef: bottomSheetRef2, bottomSheetClose } = bottomSheetRef3;
  analyticsLocations = useAnalyticsLocations(AnalyticsLocation.GUILD_PROFILE).analyticsLocations;
  token = useToken(Module712.colors.BACKGROUND_BASE_LOW);
  let r74 = useStateFromStores([LurkingStore], () => guildId != null && LurkingStore.isLurking(guildId), [guildId]);
  const enabled2 = useMobileLurkerServerPreview("GuildProfileActionSheet").enabled;
  if (r74) {
    r74 = enabled2;
  }
  let enabled, c16602_1, bottomSheetRef, height, state, setState, state2, setState2, ref;
  L11: {
    const r4 = guildProfile != null;
    enabled = r74;
    c16602_1 = r4;
    bottomSheetRef = bottomSheetRef2;
    height = void 0;
    state = void 0;
    setState = void 0;
    state2 = void 0;
    setState2 = void 0;
    ref = void 0;
    height = useWindowDimensions_native().height;
    [state, setState] = useState(null);
    [state2, setState2] = useState(null);
    ref = useRef(false);
    memo = useMemo(() => {
      if (enabled) {
        return state != null && state2 != null ? Math.round(Math.min(0.95 * height, Math.max(0.65 * height, state + state2))) : Math.round(0.65 * height);
      }
    }, [enabled, state, state2, height]);
    callback = useCallback((a0) => {
      let r1 = enabled;
      if (enabled) {
        r1 = c16602_1;
      }
      if (r1) {
        setState(a0.nativeEvent.layout.height);
      }
    }, [enabled, r4]);
    callback2 = useCallback((a0) => {
      if (enabled) {
        setState2(a0.nativeEvent.layout.height);
      }
    }, [enabled]);
    useEffect(() => {
      let r2 = enabled;
      if (enabled) {
        r2 = state != null;
      }
      if (r2) {
        r2 = state2 != null;
      }
      if (r2 && !ref.current) {
        ref.current = true;
        requestAnimationFrame(() => {
          const current = bottomSheetRef.current;
          if (current != null) {
            current.snapToIndex(0);
          }
        });
      }
    }, [enabled, state, state2, bottomSheetRef]);
    useEffect(() => {
      trackGuildProfileViewed(guildId, analyticsLocations);
    }, [guildId, analyticsLocations]);
    const callback3 = useCallback(() => {
      fetchGuildProfile(true);
    }, [fetchGuildProfile]);
    useEffect(() => {
      fetchGuildProfile();
    }, [fetchGuildProfile]);
    if (fetchStatus !== GuildProfileFetchStatus.NOT_FETCHED && fetchStatus !== GuildProfileFetchStatus.FETCHING) {
      if (guildProfile == null && stateFromStores === INVALID_ACCESS_ERROR_CODE) {
        r136 = <RestrictedGuildProfileView />;
        r135 = <Button size="lg" text={intl.string(t.cpT0Cq)} onPress={bottomSheetClose} />;
        break L11;
      }
      if (guildProfile == null) {
        r136 = <GuildProfileLoadingError onRetry={callback3} />;
        r135 = <Button size="lg" text={intl.string(t.cpT0Cq)} onPress={bottomSheetClose} />;
        break L11;
      }
      const r131 = <GuildProfileView guildProfile={guildProfile} isLurkerServerPreview={enabled} />;
      r135 = <GuildProfileCTA profile={guildProfile} context={context} inviteKey={inviteKey} isLurkerServerPreview={enabled} />;
      r136 = r131;
    } else {
      r136 = <View style={styles.loadingContainer}>
        <ActivityIndicator animating size="large" />
      </View>;
      r135 = null;
    }
  }
  return <BottomSheet ref={bottomSheetRef} scrollable handleDisabled startHeight={memo} footer={<Module4611 start={VerticalGradient.START} end={{
    x: 0,
    y: 0.5
  }} style={styles.footerContainer} colors={useMemo(() => [Module689(token).alpha(0).hex(), token], [token])} onLayout={enabled ? callback2 : void 0}>{r135}</Module4611>}>
    <BottomSheetScrollView style={styles.scrollView}>
      {enabled ? <View onLayout={callback}>{r136}</View> : r136}
    </BottomSheetScrollView>
    <ActionSheetHeaderBar variant="floating" tabStyle={{
      backgroundColor: token2
    }} onPress={bottomSheetClose} />
  </BottomSheet>;
};