// Metro module 13943 (f13944).
import { ScrollView, View } from "react-native";
import { MAX_PARENT_TO_TEEN_ACTIVE_CONNECTIONS, MAX_TEEN_TO_PARENT_ACTIVE_CONNECTIONS } from "../FamilyCenterConstants";
import { THROUGHLINE_URL } from "../../self_mod/Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useHasMaxConnections } from "../hooks/useUserLinks";
import useIsInAdultAgeGroup from "../hooks/useIsInAdultAgeGroup";
import { useAgeSpecificText } from "../hooks/useAgeSpecificText";
import { intl } from "../../../intl/index.native";
import FamilyCenter_messages from "../FamilyCenter.messages";
import * as _Text from "../../../design/components/Text/native/Text";
import { useShouldShowHelplineLink, useShouldShowThroughlineLink } from "../hooks/useHelpLineVisibility";
import { SafeAreaPaddingView } from "../../../components_native/common/SafeAreaView";
import FamilyCenterParentalConsentNotice from "./FamilyCenterParentalConsentNotice";
import FamilyCenterLinkingBanner from "./FamilyCenterLinkingBanner";
import FamilyCenterAcceptedLinks from "./FamilyCenterAcceptedLinks";
import FamilyCenterPendingLinks from "./FamilyCenterPendingLinks";
let useStyles, useStyles2, FamilyCenterHelpLineInfo, useStyles3;
const FamilyCenterMaxConnectionsBlurb = function FamilyCenterMaxConnectionsBlurb() {
  const styles = useStyles();
  const hasMaxConnections = useHasMaxConnections();
  const maxConnections = useIsInAdultAgeGroup() ? MAX_PARENT_TO_TEEN_ACTIVE_CONNECTIONS : MAX_TEEN_TO_PARENT_ACTIVE_CONNECTIONS;
  const ageSpecificText = useAgeSpecificText(intl.formatToPlainString(FamilyCenter_messages["1/PzIj"], {
    maxConnections
  }), intl.formatToPlainString(FamilyCenter_messages.RcTgiE, {
    maxConnections
  }));
  return hasMaxConnections ? <View style={styles.container}>
    <_Text.Text variant="text-xxs/medium" color="text-muted">{ageSpecificText}</_Text.Text>
  </View> : null;
};
FamilyCenterHelpLineInfo = function FamilyCenterHelpLineInfo() {
  const styles2 = useStyles2();
  const shouldShowHelplineLink = useShouldShowHelplineLink();
  const shouldShowThroughlineLink = useShouldShowThroughlineLink();
  const r10 = shouldShowHelplineLink ? intl.format(FamilyCenter_messages["KOwsf/"], {
    helpLink: "https://support.discord.com/hc/articles/7925648993943-Crisis-Text-Line"
  }) : shouldShowThroughlineLink ? intl.format(FamilyCenter_messages["6tsC8u"], {
    helpLink: THROUGHLINE_URL
  }) : null;
  return r10 != null ? <View style={styles2.container}>
    <_Text.Text style={styles2.supportHeader} variant="heading-sm/semibold">
      {intl.string(FamilyCenter_messages["7/tVhv"])}
    </_Text.Text>
    <_Text.Text variant="text-xs/medium" color="text-muted">{r10}</_Text.Text>
  </View> : null;
};
useStyles = createStyles({
  container: {
    display: "flex",
    paddingTop: Module712.space.PX_12,
    marginTop: Module712.space.PX_12,
    borderTopColor: Module712.colors.BORDER_SUBTLE,
    borderTopWidth: 1
  }
});
useStyles2 = createStyles({
  container: {
    display: "flex",
    marginTop: Module712.space.PX_16
  },
  supportHeader: {
    marginBottom: Module712.space.PX_4
  }
});
useStyles3 = createStyles({
  scrollView: {
    flex: 1
  },
  container: {
    paddingHorizontal: Module712.space.PX_16,
    paddingBottom: Module712.space.PX_16
  }
});
export default function FamilyCenterRequestsPage() {
  const styles3 = useStyles3();
  return <ScrollView style={styles3.scrollView}>
    <SafeAreaPaddingView bottom>
      <View style={styles3.container}>
        <FamilyCenterParentalConsentNotice />
        <FamilyCenterLinkingBanner />
        <FamilyCenterAcceptedLinks />
        <FamilyCenterPendingLinks />
        <FamilyCenterMaxConnectionsBlurb />
        <FamilyCenterHelpLineInfo />
      </View>
    </SafeAreaPaddingView>
  </ScrollView>;
};