ecf26fc058
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4823.js (118.4 MB)
232 lines
11 KiB
TypeScript
232 lines
11 KiB
TypeScript
// Module ID: 12708
|
|
// Function ID: 12709
|
|
// Name: GuildPowerupsLevelCard
|
|
// Dependencies: [19, 17, 4527, 1074, 12709, 21, 4638, 576, 5072, 9518, 7090, 12691, 12670, 4634, 1115, 2429, 12642, 12662, 12710, 12711, 12667, 2]
|
|
// Exports: default
|
|
|
|
// Module 12708 (GuildPowerupsLevelCard)
|
|
import nativeDefault from "native" /* 576 */;
|
|
import Text_Text from "Text/Text" /* 4634 */;
|
|
import LinearGradientDefault from "LinearGradient" /* 5072 */;
|
|
import ManaTypeConsolidationExperiment from "ManaTypeConsolidationExperiment" /* 7090 */;
|
|
import BoostGemIcon from "BoostGemIcon" /* 9518 */;
|
|
import usePowerupActiveStatusDefault from "usePowerupActiveStatus" /* 12642 */;
|
|
import useCalculatePowerupCardStatus from "useCalculatePowerupCardStatus" /* 12662 */;
|
|
import GuildPowerupsCardFooter from "GuildPowerupsCardFooter" /* 12667 */;
|
|
import useGuildPowerupOnShowMoreDefault from "useGuildPowerupOnShowMore" /* 12710 */;
|
|
import noop from "module_19" /* 19 */;
|
|
|
|
const GuildPowerupsCardDefault = tmp5(12711);
|
|
require = fn;
|
|
function GuildLevelPowerupHeader(arg0) {
|
|
({ active, nextActive, position } = arg0);
|
|
const tmp = closure_12();
|
|
if (active) {
|
|
if (false !== nextActive) {
|
|
const items = [tmp.boostContainerActive.backgroundColor, tmp.boostContainerActive.backgroundColor];
|
|
let items6 = items;
|
|
}
|
|
const obj = { style: tmp.progressContainer, children: null };
|
|
const obj3 = { start: null, end: null, colors: null, style: null };
|
|
({ START: obj2.start, END: obj2.end } = React6);
|
|
obj3.colors = items6;
|
|
const items1 = [tmp.progress, , ];
|
|
let progressStart = position === constants.START;
|
|
if (progressStart) {
|
|
progressStart = tmp.progressStart;
|
|
}
|
|
items1[1] = progressStart;
|
|
items1[2] = position === constants.END && tmp.progressEnd;
|
|
obj3.style = items1;
|
|
const items2 = [closure_1_10(LinearGradientDefault, obj3), , ];
|
|
const obj4 = { style: null };
|
|
const items3 = [, ];
|
|
({ boostContainer: arr6[0], boostContainerBackground: arr6[1] } = tmp);
|
|
obj4.style = items3;
|
|
items2[1] = closure_1_10(View, obj4);
|
|
const items4 = [tmp.boostContainer, ];
|
|
let boostContainerActive = active;
|
|
if (active) {
|
|
boostContainerActive = tmp.boostContainerActive;
|
|
}
|
|
const obj5 = { style: null, children: null };
|
|
items4[1] = boostContainerActive;
|
|
obj5.style = items4;
|
|
const colors = nativeDefault.colors;
|
|
const obj9 = { size: "xs", color: active ? colors.WHITE : colors.TEXT_MUTED };
|
|
obj5.children = closure_1_10(BoostGemIcon.BoostGemIcon, obj9);
|
|
items2[2] = closure_1_10(View, obj5);
|
|
obj.children = items2;
|
|
return closure_1_11(View, obj);
|
|
}
|
|
if (active) {
|
|
if (false === nextActive) {
|
|
const items5 = [tmp.boostContainerActive.backgroundColor, tmp.boostContainerInactive.backgroundColor];
|
|
items6 = items5;
|
|
}
|
|
}
|
|
items6 = [tmp.boostContainerInactive.backgroundColor, tmp.boostContainerInactive.backgroundColor];
|
|
}
|
|
class GuildPowerupLevelBody {
|
|
constructor(arg0) {
|
|
index = global.index;
|
|
closure_1 = undefined;
|
|
closure_2 = undefined;
|
|
textColor = undefined;
|
|
iconColor = undefined;
|
|
tmp = closure_12();
|
|
closure_1 = tmp;
|
|
tmp3 = closure_2;
|
|
tmp2 = index;
|
|
obj = index(closure_2[10]);
|
|
manaTypeConsolidationExperiment = obj.useManaTypeConsolidationExperiment("GuildPowerupLevelBody");
|
|
closure_2 = manaTypeConsolidationExperiment;
|
|
tmp5 = closure_1;
|
|
tmp6 = closure_1(closure_2[11])(global.isActive);
|
|
textColor = tmp6.textColor;
|
|
iconColor = tmp6.iconColor;
|
|
items = [, , , , ];
|
|
items[0] = index;
|
|
items[1] = iconColor;
|
|
items[2] = textColor;
|
|
items[3] = tmp;
|
|
items[4] = manaTypeConsolidationExperiment;
|
|
tmp8 = iconColor;
|
|
obj1 = { style: tmp.perkRowContainer, children: null };
|
|
items1 = [, ];
|
|
items1[0] = textColor.useMemo(() => {
|
|
if (null == TIER_CARDS[index]) {
|
|
return [];
|
|
} else {
|
|
if (tmp.tier === TIER_3.TIER_3) {
|
|
const perks = tmp.perks;
|
|
let substr = perks.slice(0, -1);
|
|
} else {
|
|
substr = tmp.perks;
|
|
}
|
|
let mapped;
|
|
if (substr != null) {
|
|
mapped = substr.map((perkIcon, index) => {
|
|
const obj2 = { style: closure_1_1.perkRowStyle, children: null };
|
|
const items = [closure_2_10(index(manaTypeConsolidationExperiment[12]).getIconForPerk(perkIcon.perkIcon), { color: color2, size: "sm" }), ];
|
|
const obj4 = { color, style: closure_1_1.perkText, variant: null, children: null };
|
|
let str = "text-sm/medium";
|
|
if (closure_1_2) {
|
|
str = "experimental/body-sm/normal";
|
|
}
|
|
obj4.variant = str;
|
|
obj4.children = perkIcon.getCopy();
|
|
items[1] = closure_2_10(index(manaTypeConsolidationExperiment[13]).Text, obj4);
|
|
obj2.children = items;
|
|
return closure_2_11(iconColor, obj2, "perk-" + closure_1_0 + "-" + index);
|
|
});
|
|
}
|
|
return mapped;
|
|
}
|
|
}, items);
|
|
tmp9 = jsx;
|
|
obj5 = { style: tmp.perkRow, children: null };
|
|
tmp7 = jsxs;
|
|
obj6 = { color: textColor, variant: null, children: null };
|
|
str = "text-sm/medium";
|
|
if (manaTypeConsolidationExperiment) {
|
|
str = "experimental/body-sm/normal";
|
|
}
|
|
obj6.variant = str;
|
|
intl = tmp2(tmp3[14]).intl;
|
|
obj6.children = intl.string(tmp5(tmp3[15]).nIj3LZ);
|
|
obj5.children = tmp9(index(closure_2[13]).Text, obj6);
|
|
items1[1] = tmp9(tmp8, obj5);
|
|
obj1.children = items1;
|
|
return tmp7(tmp8, obj1);
|
|
}
|
|
}
|
|
const View = fn(17).View;
|
|
const GuildPowerupsConstants = fn(4527);
|
|
({ LevelCardPosition: hasOwnProperty, PowerupActiveStatusType: metroRequire } = GuildPowerupsConstants);
|
|
const Constants = fn(1074);
|
|
({ BoostedGuildTiers: closure_7, HorizontalGradient: closure_8 } = Constants);
|
|
const TIER_CARDS = fn(12709).TIER_CARDS;
|
|
const jsxProd = fn(21);
|
|
({ jsx: c10, jsxs: closure_11 } = jsxProd);
|
|
const createStyles = fn(4638);
|
|
let obj2 = { cardContainer: { flex: 1 }, card: { padding: 0, overflow: "hidden", flex: 1 }, progressContainer: { marginVertical: nativeDefault.space.PX_24, position: "relative" }, progress: null, progressStart: null, progressEnd: null, boostContainerBackground: null, boostContainer: null, boostContainerActive: null, boostContainerInactive: null, contentContainer: null, perkRowContainer: null, perkRow: null, perkRowStyle: null, perkText: null, footerContainer: null };
|
|
let obj3 = { marginVertical: nativeDefault.space.PX_24, position: "relative" };
|
|
obj2.progress = { height: 6, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
|
|
let obj4 = { height: 6, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
|
|
obj2.progressStart = { marginStart: nativeDefault.space.PX_16 };
|
|
let obj5 = { marginStart: nativeDefault.space.PX_16 };
|
|
obj2.progressEnd = { marginEnd: nativeDefault.space.PX_16, borderTopEndRadius: nativeDefault.radii.round, borderBottomEndRadius: nativeDefault.radii.round };
|
|
let size = { backgroundColor: nativeDefault.colors.CARD_BACKGROUND_DEFAULT, width: 28, height: 28, start: nativeDefault.space.PX_16 - 2, top: -11 };
|
|
obj2.boostContainerBackground = size;
|
|
const size1 = { padding: nativeDefault.space.PX_4, borderRadius: nativeDefault.radii.round, position: "absolute", width: 24, height: 24, top: -9, start: nativeDefault.space.PX_16, alignItems: "center", justifyContent: "center", backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
|
|
obj2.boostContainer = size1;
|
|
let obj6 = { marginEnd: nativeDefault.space.PX_16, borderTopEndRadius: nativeDefault.radii.round, borderBottomEndRadius: nativeDefault.radii.round };
|
|
obj2.boostContainerActive = { backgroundColor: nativeDefault.unsafe_rawColors.GUILD_BOOSTING_PINK };
|
|
let obj7 = { backgroundColor: nativeDefault.unsafe_rawColors.GUILD_BOOSTING_PINK };
|
|
obj2.boostContainerInactive = { backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
|
|
const obj8 = { backgroundColor: nativeDefault.colors.BACKGROUND_MOD_SUBTLE };
|
|
obj2.contentContainer = { padding: nativeDefault.space.PX_16, paddingTop: 0, flex: 1 };
|
|
let obj9 = { padding: nativeDefault.space.PX_16, paddingTop: 0, flex: 1 };
|
|
obj2.perkRowContainer = { flexDirection: "column", marginTop: nativeDefault.space.PX_16, gap: nativeDefault.space.PX_8 };
|
|
obj2.perkRow = { flexDirection: "row", alignItems: "center" };
|
|
obj2.perkRowStyle = { flexDirection: "row", alignItems: "center" };
|
|
const obj10 = { flexDirection: "column", marginTop: nativeDefault.space.PX_16, gap: nativeDefault.space.PX_8 };
|
|
obj2.perkText = { marginStart: nativeDefault.space.PX_8 };
|
|
const obj11 = { marginStart: nativeDefault.space.PX_8 };
|
|
obj2.footerContainer = { marginTop: "auto", paddingTop: nativeDefault.space.PX_16 };
|
|
let closure_12 = createStyles.createStyles(obj2);
|
|
size = fn(2);
|
|
const result = size.fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsLevelCard.tsx");
|
|
|
|
export default function GuildPowerupsLevelCard(arg0) {
|
|
({ guildId, powerup, nextPowerup, index, isScrollingRef } = arg0);
|
|
const tmp = closure_12();
|
|
const manaTypeConsolidationExperiment = ManaTypeConsolidationExperiment.useManaTypeConsolidationExperiment("GuildPowerupsLevelCard");
|
|
const tmp6 = usePowerupActiveStatusDefault(guildId, powerup);
|
|
const tmp7 = usePowerupActiveStatusDefault(guildId, nextPowerup);
|
|
const calculatePowerupCardStatus = useCalculatePowerupCardStatus.useCalculatePowerupCardStatus(powerup, tmp6, false);
|
|
const tmp9 = useGuildPowerupOnShowMoreDefault(guildId, powerup);
|
|
closure_1 = tmp9;
|
|
if (0 === index) {
|
|
let MIDDLE = constants.START;
|
|
} else if (null == nextPowerup) {
|
|
MIDDLE = constants.END;
|
|
} else {
|
|
MIDDLE = constants.MIDDLE;
|
|
}
|
|
const items = [isScrollingRef, tmp9];
|
|
const callback = noop.useCallback(() => {
|
|
if (!isScrollingRef.current) {
|
|
closure_1();
|
|
}
|
|
}, items);
|
|
const obj3 = { containerStyle: tmp.cardContainer, style: tmp.card, onPress: callback, status: calculatePowerupCardStatus, children: null };
|
|
const obj4 = { position: MIDDLE, active: tmp6.type !== constants2.INACTIVE, nextActive: null };
|
|
let tmp20;
|
|
if (null != nextPowerup) {
|
|
tmp20 = tmp7.type !== constants2.INACTIVE;
|
|
}
|
|
obj4.nextActive = tmp20;
|
|
const items1 = [closure_1_10(GuildLevelPowerupHeader, obj4), ];
|
|
const obj5 = { style: tmp.contentContainer, children: null };
|
|
let str;
|
|
if (manaTypeConsolidationExperiment) {
|
|
str = "text-strong";
|
|
}
|
|
const obj6 = { color: str, variant: null, children: null };
|
|
let str2 = "heading-lg/semibold";
|
|
if (manaTypeConsolidationExperiment) {
|
|
str2 = "experimental/heading-md/semibold";
|
|
}
|
|
obj6.variant = str2;
|
|
obj6.children = powerup.title;
|
|
const items2 = [closure_1_10(Text_Text.Text, obj6), closure_1_10(GuildPowerupLevelBody, { isActive: tmp6.type !== constants2.INACTIVE, index }), ];
|
|
const obj7 = { style: tmp.footerContainer, children: closure_1_10(GuildPowerupsCardFooter.GuildPowerupsCardFooter, { cost: powerup.cost, status: calculatePowerupCardStatus }) };
|
|
items2[2] = closure_1_10(View, obj7);
|
|
obj5.children = items2;
|
|
items1[1] = closure_1_11(View, obj5);
|
|
obj3.children = items1;
|
|
return closure_1_11(GuildPowerupsCardDefault, obj3);
|
|
};
|
|
export { GuildPowerupLevelBody };
|