// Metro module 15160 (f15161).
import { memo } from "react";
import { View } from "react-native";
import { GuildFeatures, RelativeMarketingURLs } from "../../../Constants";
import { ContentDismissActionType } from "../../dismissible_content/DismissibleContentConstants";
import Module712 from "../../../_bundle/Module712";
import GameClaimCardStack, { CARD_STACK_HEIGHT } from "./GameClaimCardStack";
import { scaleTextLineHeight } from "../../screen/native/useScaledTextLineHeight.android";
import { SMALL_BUTTON_HEIGHT } from "../../../design/components/Button/native/ButtonConstants.native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { useUnclaimedGameIdsForGuild } from "../UnclaimedGamesActionCreators";
import useGameNameAndCoverImage from "../../games/hooks/useGameNameAndCoverImage";
import { intl, t } from "../../../intl/index.native";
import { Card } from "../../../design/components/Card/native/Card.native";
import { PressableOpacity } from "../../../design/void/Pressables/native/Pressables";
import { XSmallIcon } from "../../../design/components/Icon/native/redesign/generated/XSmallIcon";
import { Text } from "../../../design/components/Text/native/Text";
import { Button } from "../../../design/components/Button/native/Button.native";
import { LinkExternalSmallIcon } from "../../../design/components/Icon/native/redesign/generated/LinkExternalSmallIcon";
import MobileWebHandoffLinking from "../../mobile_web_handoff/native/MobileWebHandoffLinking";
const PX_8 = Module712.space.PX_8;
const PX_82 = Module712.space.PX_8;
let c10756_12 = 2 * Module712.space.PX_12;
const useStyles = createStyles({
  card: {
    padding: Module712.space.PX_12
  },
  closeButton: {
    position: "absolute",
    top: Module712.space.PX_12,
    right: Module712.space.PX_12,
    width: 24,
    height: 24,
    alignItems: "center",
    justifyContent: "center",
    zIndex: 1
  },
  centeredText: {
    textAlign: "center"
  },
  body: {
    marginTop: Module712.space.PX_4
  },
  cta: {
    marginTop: Module712.space.PX_8
  }
});
const r77 = memo(function({ guild, markAsDismissed }) {
  const styles = useStyles();
  let r25 = useUnclaimedGameIdsForGuild(guild.id)[0];
  if (r25 == null) {
    r25 = null;
  }
  const gameNameAndCoverImage = useGameNameAndCoverImage(r25, intl.string(t.VQq92a));
  const { coverImageUrl, gameName } = gameNameAndCoverImage;
  if (coverImageUrl == null) {
    return null;
  }
  const r10 = guild.features.has(GuildFeatures.VERIFIED) ? intl.string(t.uUARXe) : intl.string(t["0Dx29f"]);
  return <Card variant="secondary" style={styles.card}>
    <PressableOpacity accessibilityRole="button" onPress={() => markAsDismissed(ContentDismissActionType.USER_DISMISS)} style={styles.closeButton}>
      <XSmallIcon size="sm" color="text-default" />
    </PressableOpacity>
    <GameClaimCardStack imageSrc={coverImageUrl} />
    <Text variant="text-md/medium" color="text-overlay-light" style={styles.centeredText}>
      {intl.format(t.Q11WTQ, {
        gameName
      })}
    </Text>
    <Text variant="text-sm/normal" color="text-overlay-light" style={[styles.body, styles.centeredText]}>{r10}</Text>
    <View style={styles.cta}>
      <Button variant="primary" size="sm" text={intl.string(t["2u6ZlY"])} icon={<LinkExternalSmallIcon size="xs" color="white" />} iconPosition="end" onPress={async () => {
        markAsDismissed(ContentDismissActionType.TAKE_ACTION);
        await MobileWebHandoffLinking.redirectDeveloperPortalWithHandoffToken(RelativeMarketingURLs.DEVELOPER_PORTAL_APPLICATIONS_GAME_IDENTITY);
      }} />
    </View>
  </Card>;
});
export default r77;
export { PX_8 as GAME_CLAIM_NOTICE_MARGIN_TOP };
export { PX_82 as GAME_CLAIM_NOTICE_MARGIN_BOTTOM };
export function getScaledGameClaimNoticeHeight(a0) {
  return PX_8 + c10756_12 + CARD_STACK_HEIGHT + scaleTextLineHeight("text-md/medium", a0) + Module712.space.PX_4 + 2 * scaleTextLineHeight("text-sm/normal", a0) + Module712.space.PX_8 + SMALL_BUTTON_HEIGHT + PX_82;
}