85 lines
3.9 KiB
TypeScript
85 lines
3.9 KiB
TypeScript
// 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;
|
|
}
|