284 lines
12 KiB
TypeScript
284 lines
12 KiB
TypeScript
// Module ID: 11939
|
|
// Function ID: 11940
|
|
// Name: GuildPowerupsBottomSheetHeader
|
|
// Dependencies: [17, 4336, 4232, 4233, 21, 4344, 712, 11920, 11917, 11940, 11941, 589, 11942, 4072, 11944, 4340, 11945, 11947, 11948, 4300, 1236, 2335, 11934, 11952, 4235, 9069, 11953, 11954, 11958, 11963, 11964, 4754, 11962, 5436, 2]
|
|
// Exports: default
|
|
|
|
// Module 11939 (GuildPowerupsBottomSheetHeader)
|
|
import { View } from "useGuildPowerupLevelPerks";
|
|
import maybeApplyNoTextColorForLightCustomTheme from "maybeApplyNoTextColorForLightCustomTheme";
|
|
import BoostedGuildTiers from "BoostedGuildTiers";
|
|
import { GAME_SERVER_POWERUP_SKU_ID as closure_7 } from "str11";
|
|
import jsxProd from "messagesProxy";
|
|
import createCacheKey from "createCacheKey";
|
|
|
|
let c10;
|
|
let c5;
|
|
let c9;
|
|
let closure_6;
|
|
let metroImportAll;
|
|
function GuildPowerupsBottomSheetHeader(arg0) {
|
|
let guildId;
|
|
let powerup;
|
|
({ guildId, powerup } = arg0);
|
|
const tmp = callback3();
|
|
const tmp4 = importDefault(11920)(guildId, powerup);
|
|
let obj = require(11940) /* useCalculatePowerupCardStatus */;
|
|
const calculatePowerupCardStatus = obj.useCalculatePowerupCardStatus(powerup, tmp4, importDefault(11917)(guildId, powerup, "GuildPowerupsBottomSheet"));
|
|
let str = importDefault(11941)(powerup, true);
|
|
if (str == null) {
|
|
str = "";
|
|
}
|
|
const tmp5 = importDefault(11917)(guildId, powerup, "GuildPowerupsBottomSheet");
|
|
const items = [maybeApplyNoTextColorForLightCustomTheme];
|
|
let str2;
|
|
const stateFromStores = require(589) /* initialize */.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
|
|
if (powerup.skuId === closure_7) {
|
|
str2 = "+";
|
|
}
|
|
if (powerup.type === constants.LEVEL) {
|
|
obj = { style: null };
|
|
obj[0] = tmp.gemContainer;
|
|
let tmp15 = callback(tmp2(11942), obj);
|
|
let tmp14 = callback;
|
|
} else if (tmp10 === closure_7) {
|
|
obj = { style: null, children: null };
|
|
obj[0] = tmp.image;
|
|
const obj1 = { stateMachine: "SM_Auto", dataBinding: null };
|
|
const obj2 = { reducedMotion: null };
|
|
obj2[0] = stateFromStores;
|
|
obj1[1] = obj2;
|
|
obj[1] = callback(tmp6(4072).GameServerHostingRive, obj1);
|
|
tmp15 = callback(tmp12, obj);
|
|
tmp14 = callback;
|
|
} else {
|
|
const obj3 = { imageUrl: null, style: null, isAnimated: true };
|
|
obj3[0] = str;
|
|
obj3[1] = tmp.image;
|
|
tmp14 = callback;
|
|
tmp15 = callback(tmp2(11944), obj3);
|
|
}
|
|
const obj4 = { children: null };
|
|
const items1 = [tmp15, ];
|
|
const obj5 = { style: tmp.headerContainer, children: null };
|
|
const items2 = [tmp14(require(4340) /* Text */.Text, { variant: "heading-xl/bold", accessibilityRole: "header", children: powerup.title }), tmp14(require(11945) /* GuildPowerupCardFooterActive */.GuildPowerupsCardFooter, { cost: powerup.cost, costDecorator: str2, status: calculatePowerupCardStatus, style: tmp.statusContainer })];
|
|
obj5[1] = items2;
|
|
items1[1] = closure_9(View, obj5);
|
|
obj4[0] = items1;
|
|
return closure_9(View, obj4);
|
|
}
|
|
function GuildPowerupsBottomSheetLevelBody(powerup) {
|
|
let c0;
|
|
const tmp = callback3();
|
|
c0 = tmp;
|
|
const arr = importDefault(11947)(powerup.powerup);
|
|
return callback(View, {
|
|
style: tmp.levelContainer,
|
|
children: importDefault(11947)(powerup.powerup).map((children) => {
|
|
let obj = _undefined(outer1_2[18]);
|
|
obj = { style: _undefined.perkContainer, children: null };
|
|
const iconForPerk = obj.getIconForPerk(children.perkIcon);
|
|
obj = { style: _undefined.perkText, variant: "text-md/medium", children: children.description };
|
|
const items = [outer1_8(_undefined(outer1_2[15]).Text, obj), outer1_8(iconForPerk, { style: _undefined.perkIcon })];
|
|
obj[1] = items;
|
|
return outer1_9(outer1_3, obj, "perk-" + arg1 + "-" + children.perkIcon);
|
|
})
|
|
});
|
|
}
|
|
function GuildPowerupsBottomSheetBody(powerup) {
|
|
powerup = powerup.powerup;
|
|
const tmp = callback3();
|
|
const type = powerup.type;
|
|
if (constants.PERK === type) {
|
|
let obj = { style: null, variant: "text-md/medium", children: null };
|
|
obj[0] = tmp.description;
|
|
obj[2] = powerup.description;
|
|
const items = [callback(require(4340) /* Text */.Text, obj), ];
|
|
let tmp5Result = null != powerup.deactivationCooldownPeriodDays;
|
|
if (tmp5Result) {
|
|
tmp5Result = powerup.deactivationCooldownPeriodDays > 0;
|
|
}
|
|
if (tmp5Result) {
|
|
obj = { style: null, children: null };
|
|
obj[0] = tmp.cooldownInfo;
|
|
const obj1 = { size: "xs", color: null };
|
|
obj1[1] = importDefault(712).colors.TEXT_MUTED;
|
|
const items1 = [tmp7(tmp8(4300).CircleInformationIcon, obj1), ];
|
|
const obj2 = { variant: "text-sm/medium", color: "text-muted", children: null };
|
|
const intl = tmp8(1236).intl;
|
|
const obj3 = { cooldownDays: null };
|
|
obj3[0] = powerup.deactivationCooldownPeriodDays;
|
|
obj2[2] = intl.formatToPlainString(importDefault(2335).GMhQcE, obj3);
|
|
items1[1] = tmp7(tmp8(4340).Text, obj2);
|
|
obj[1] = items1;
|
|
tmp5Result = tmp5(View, obj);
|
|
}
|
|
const obj4 = { children: null };
|
|
items[1] = tmp5Result;
|
|
obj4[0] = items;
|
|
return closure_9(closure_10, obj4);
|
|
} else if (tmp2.LEVEL === type) {
|
|
obj = { powerup: null };
|
|
obj[0] = powerup;
|
|
return callback(GuildPowerupsBottomSheetLevelBody, obj);
|
|
}
|
|
}
|
|
function GuildPowerupsBottomSheetFooter(arg0) {
|
|
let c1;
|
|
let disabled;
|
|
let guildId;
|
|
let isLoading;
|
|
let isPowerupActive;
|
|
let powerup;
|
|
let reason;
|
|
let showConfigureButton;
|
|
let showToggleButton;
|
|
({ guildId, powerup } = arg0);
|
|
isPowerupActive = undefined;
|
|
let importDefault;
|
|
let dependencyMap;
|
|
const tmp = callback3();
|
|
const tmp4 = importDefault(11934)(guildId);
|
|
({ showToggleButton, showConfigureButton, isPowerupActive } = importDefault(11952)(guildId, powerup));
|
|
if (showConfigureButton) {
|
|
let result = powerup.skuId !== isPowerupActive(4235).GUILD_POWERUP_TAG_SKU_ID;
|
|
if (!result) {
|
|
result = tmp6(9069).canUseMobileServerTagSettings(guildId);
|
|
const tmp6Result = tmp6(9069);
|
|
}
|
|
showConfigureButton = result;
|
|
tmp6 = isPowerupActive;
|
|
}
|
|
const tmp5 = importDefault(11952)(guildId, powerup);
|
|
({ disabled, reason } = importDefault(11953)(guildId, powerup, isPowerupActive));
|
|
const tmp8 = importDefault(11953)(guildId, powerup, isPowerupActive);
|
|
({ onActivate: c1, isLoading } = importDefault(11954)(guildId, powerup));
|
|
dependencyMap = tmp2(11958)(guildId, powerup);
|
|
if (tmp4) {
|
|
let tmp14 = !showConfigureButton;
|
|
const hasItem = set.has(powerup.skuId);
|
|
if (!showConfigureButton) {
|
|
tmp14 = isPowerupActive;
|
|
}
|
|
if (tmp14) {
|
|
tmp14 = powerup.type === constants.PERK;
|
|
}
|
|
if (tmp14) {
|
|
tmp14 = hasItem;
|
|
}
|
|
if (!tmp14) {
|
|
tmp14 = powerup.skuId === closure_7;
|
|
}
|
|
let obj = { style: null, children: null };
|
|
obj[0] = tmp.footerContainer;
|
|
if (tmp14) {
|
|
obj = { style: null, variant: "text-md/bold", children: null };
|
|
obj[0] = tmp.description;
|
|
const intl = isPowerupActive(1236).intl;
|
|
obj[2] = intl.string(tmp2(2335)["jo5++h"]);
|
|
tmp14 = callback(isPowerupActive(4340).Text, obj);
|
|
}
|
|
const items = [tmp14, , , ];
|
|
let tmp21 = disabled;
|
|
if (disabled) {
|
|
tmp21 = null != reason;
|
|
}
|
|
if (tmp21) {
|
|
const obj1 = { text: null };
|
|
obj1[0] = reason;
|
|
tmp21 = callback(tmp2(11964), obj1);
|
|
}
|
|
items[1] = tmp21;
|
|
if (showConfigureButton) {
|
|
const obj2 = { variant: "primary", text: null, onPress: null };
|
|
const intl2 = isPowerupActive(1236).intl;
|
|
obj2[1] = intl2.string(tmp2(2335).g5Ds69);
|
|
obj2[2] = tmp10;
|
|
showConfigureButton = callback(isPowerupActive(4754).Button, obj2);
|
|
}
|
|
items[2] = showConfigureButton;
|
|
if (showToggleButton) {
|
|
showToggleButton = powerup.skuId !== closure_7;
|
|
}
|
|
if (!showToggleButton) {
|
|
items[3] = showToggleButton;
|
|
obj[1] = items;
|
|
return tmp17(tmp18, obj);
|
|
} else {
|
|
let str = "primary";
|
|
if (isPowerupActive) {
|
|
str = "secondary";
|
|
}
|
|
const obj3 = { variant: null, text: null, loading: null, disabled: null, onPress: null };
|
|
obj3[0] = str;
|
|
const intl3 = isPowerupActive(1236).intl;
|
|
const string = intl3.string;
|
|
let TZsu1U = tmp2(2335);
|
|
if (isPowerupActive) {
|
|
TZsu1U = TZsu1U.TZsu1U;
|
|
let stringResult = string(TZsu1U);
|
|
} else {
|
|
stringResult = string(TZsu1U.gSxlHf);
|
|
}
|
|
obj3[1] = stringResult;
|
|
obj3[2] = isLoading;
|
|
obj3[3] = disabled;
|
|
obj3[4] = function onPress() {
|
|
if (isPowerupActive) {
|
|
if (closure_2 != null) {
|
|
tmp4();
|
|
}
|
|
} else if (c1 != null) {
|
|
tmp();
|
|
}
|
|
};
|
|
callback(isPowerupActive(4754).Button, obj3);
|
|
const tmp27 = callback;
|
|
const tmp28 = isPowerupActive;
|
|
}
|
|
tmp17 = closure_9;
|
|
tmp18 = View;
|
|
} else {
|
|
return null;
|
|
}
|
|
}
|
|
({ GuildPowerupType: c5, GUILD_POWERUP_CONFIGURABLE_SKUS_DESKTOP: closure_6 } = BoostedGuildTiers);
|
|
({ jsx: metroImportAll, jsxs: c9, Fragment: c10 } = jsxProd);
|
|
let obj = { container: null, headerContainer: null, statusContainer: null, levelContainer: null, perkContainer: null, perkIcon: null, perkText: null, footerContainer: null, image: null, description: null, cooldownInfo: null, gemContainer: null };
|
|
obj = { padding: require("Themes").space.PX_16, gap: require("Themes").space.PX_16 };
|
|
obj[0] = obj;
|
|
obj[1] = { marginTop: require("Themes").space.PX_24, alignItems: "center" };
|
|
let obj1 = { marginTop: require("Themes").space.PX_24, alignItems: "center" };
|
|
obj[2] = { justifyContent: "center", gap: require("Themes").space.PX_8 };
|
|
let obj2 = { justifyContent: "center", gap: require("Themes").space.PX_8 };
|
|
obj[3] = { flexDirection: "column", gap: require("Themes").space.PX_8, marginTop: require("Themes").space.PX_16 };
|
|
obj[4] = { flexDirection: "row", alignItems: "center", justifyContent: "space-between" };
|
|
obj[5] = { width: 20, height: 20 };
|
|
let obj3 = { flexDirection: "column", gap: require("Themes").space.PX_8, marginTop: require("Themes").space.PX_16 };
|
|
obj[6] = { marginStart: require("Themes").space.PX_8 };
|
|
let obj4 = { marginStart: require("Themes").space.PX_8 };
|
|
obj[7] = { gap: require("Themes").space.PX_12, marginTop: require("Themes").space.PX_8 };
|
|
obj[8] = { width: "100%", height: 160 };
|
|
let obj5 = { gap: require("Themes").space.PX_12, marginTop: require("Themes").space.PX_8 };
|
|
obj[9] = { marginHorizontal: require("Themes").space.PX_24, textAlign: "center" };
|
|
const obj6 = { marginHorizontal: require("Themes").space.PX_24, textAlign: "center" };
|
|
obj[10] = { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: require("Themes").space.PX_4, marginTop: require("Themes").space.PX_8 };
|
|
const obj7 = { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: require("Themes").space.PX_4, marginTop: require("Themes").space.PX_8 };
|
|
obj[11] = { marginTop: require("Themes").space.PX_16 };
|
|
let closure_11 = createCacheKey.createStyles(obj);
|
|
const obj8 = { marginTop: require("Themes").space.PX_16 };
|
|
let result = require("BoostedGuildTiers").fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsBottomSheet.tsx");
|
|
|
|
export default function GuildPowerupsBottomSheet(arg0) {
|
|
let guildId;
|
|
let powerup;
|
|
({ guildId, powerup } = arg0);
|
|
let obj = require(11962) /* ModalType */;
|
|
const logPowerupModalOpened = obj.useLogPowerupModalOpened(guildId, powerup, require(11962) /* ModalType */.ModalType.DETAIL);
|
|
obj = { startExpanded: true, children: null };
|
|
obj = { style: callback3().container, children: null };
|
|
const items = [callback(GuildPowerupsBottomSheetHeader, { guildId, powerup }), callback(GuildPowerupsBottomSheetBody, { guildId, powerup }), callback(GuildPowerupsBottomSheetFooter, { guildId, powerup })];
|
|
obj[1] = items;
|
|
obj[1] = callback2(View, obj);
|
|
return callback(require(5436) /* Background */.BottomSheet, obj);
|
|
};
|