379 lines
15 KiB
TypeScript
379 lines
15 KiB
TypeScript
// Module ID: 10600
|
|
// Function ID: 10601
|
|
// Name: BadgeTierGrid
|
|
// Dependencies: [19, 17, 21, 5092, 587, 558, 576, 5088, 1126, 10579, 10571, 8223, 9559, 2]
|
|
|
|
// Module 10600 (BadgeTierGrid)
|
|
import react_native from "react-native" /* 17 */;
|
|
import nativeDefault from "native" /* 587 */;
|
|
import react from "react" /* 19 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles_mod from "createStyles" /* 5092 */;
|
|
import ReactCompilerGating from "ReactCompilerGating" /* 558 */;
|
|
import size from "module_2" /* 2 */;
|
|
|
|
let owned;
|
|
|
|
let closure_4;
|
|
let hasOwnProperty;
|
|
let obj2;
|
|
let obj3;
|
|
let obj4;
|
|
let obj5;
|
|
let obj6;
|
|
const View = react_native.View;
|
|
({ jsx: closure_4, jsxs: hasOwnProperty } = Fragment);
|
|
let createStyles = createStyles_mod;
|
|
let obj = { section: obj2, grid: obj3, row: { flexDirection: "row", justifyContent: "center" }, item: obj4, progressLabel: obj5, icon: obj6, dimmedIcon: { opacity: 0.4 }, subtitleRow: { flexDirection: "row", alignItems: "center", gap: 2 }, centeredText: { textAlign: "center" } };
|
|
obj2 = { gap: nativeDefault.space.PX_16 };
|
|
createStyles = createStyles.createStyles;
|
|
obj3 = { paddingHorizontal: nativeDefault.space.PX_16 };
|
|
obj4 = { width: "33.333333333333336%", alignItems: "center", paddingHorizontal: nativeDefault.space.PX_4, paddingVertical: nativeDefault.space.PX_8 };
|
|
obj5 = { marginTop: nativeDefault.space.PX_8 };
|
|
obj6 = { marginBottom: nativeDefault.space.PX_4 };
|
|
let closure_6 = createStyles(obj);
|
|
let tmp5 = ReactCompilerGating.isReactCompilerEnabled() ? (function BadgeTierGrid(badge) {
|
|
let intl;
|
|
let isViewerOnUpgradeableNitro;
|
|
let items;
|
|
let obj5;
|
|
let targetUsername;
|
|
let tmp11;
|
|
let tmp = badge;
|
|
const tmp2 = isViewerOnUpgradeableNitro;
|
|
let obj = badge(isViewerOnUpgradeableNitro[6]);
|
|
const cResult = obj.c(32);
|
|
badge = badge.badge;
|
|
const isViewingOtherUser = badge.isViewingOtherUser;
|
|
({ targetUsername, isViewerOnUpgradeableNitro } = badge);
|
|
const tmp4 = closure_6();
|
|
const row = tmp4;
|
|
let tmp5 = isViewingOtherUser;
|
|
if (tmp5) {
|
|
const tmp6 = null;
|
|
tmp5 = null != targetUsername;
|
|
}
|
|
if (cResult[0] === tmp5) {
|
|
if (cResult[1] === tmp4.progressLabel) {
|
|
let tmp8;
|
|
let tmp12;
|
|
if (cResult[2] === targetUsername) {
|
|
tmp8 = cResult[3];
|
|
}
|
|
if (cResult[4] === badge.owned) {
|
|
if (cResult[5] === badge.tiers) {
|
|
if (cResult[6] === isViewerOnUpgradeableNitro) {
|
|
if (cResult[7] === isViewingOtherUser) {
|
|
if (cResult[8] === tmp4.centeredText) {
|
|
if (cResult[9] === tmp4.dimmedIcon) {
|
|
if (cResult[10] === tmp4.icon) {
|
|
if (cResult[11] === tmp4.item) {
|
|
if (cResult[12] === tmp4.row) {
|
|
if (cResult[13] === tmp4.subtitleRow) {
|
|
tmp12 = cResult[14];
|
|
}
|
|
if (cResult[25] === tmp4.grid) {
|
|
let tmp18;
|
|
if (cResult[26] === tmp12) {
|
|
tmp18 = cResult[27];
|
|
}
|
|
if (cResult[28] === tmp4.section) {
|
|
if (cResult[29] === tmp8) {
|
|
let tmp22;
|
|
if (cResult[30] === tmp18) {
|
|
tmp22 = cResult[31];
|
|
}
|
|
return tmp22;
|
|
}
|
|
}
|
|
let obj2 = { style: tmp7, children: items };
|
|
items = [tmp8, tmp18];
|
|
const tmp25 = closure_5(row, obj2);
|
|
cResult[28] = tmp4.section;
|
|
cResult[29] = tmp8;
|
|
cResult[30] = tmp18;
|
|
cResult[31] = tmp25;
|
|
tmp22 = tmp25;
|
|
}
|
|
let obj3 = { style: tmp11, accessibilityRole: "list", children: tmp12 };
|
|
const tmp21 = closure_4(row, obj3);
|
|
cResult[25] = tmp4.grid;
|
|
cResult[26] = tmp12;
|
|
cResult[27] = tmp21;
|
|
tmp18 = tmp21;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (cResult[15] === badge.owned) {
|
|
if (cResult[16] === isViewerOnUpgradeableNitro) {
|
|
if (cResult[17] === isViewingOtherUser) {
|
|
if (cResult[18] === tmp4.centeredText) {
|
|
if (cResult[19] === tmp4.dimmedIcon) {
|
|
if (cResult[20] === tmp4.icon) {
|
|
if (cResult[21] === tmp4.item) {
|
|
if (cResult[22] === tmp4.row) {
|
|
let tmp13;
|
|
if (cResult[23] === tmp4.subtitleRow) {
|
|
tmp13 = cResult[24];
|
|
}
|
|
let tiers = badge.tiers;
|
|
let tmp15 = isViewingOtherUser(tmp2[12]);
|
|
if (tiers == null) {
|
|
tiers = [];
|
|
}
|
|
const tmp15Result = tmp15(tiers, 3);
|
|
const mapped = tmp15Result.map(tmp13);
|
|
cResult[4] = badge.owned;
|
|
cResult[5] = badge.tiers;
|
|
cResult[6] = isViewerOnUpgradeableNitro;
|
|
cResult[7] = isViewingOtherUser;
|
|
cResult[8] = tmp4.centeredText;
|
|
cResult[9] = tmp4.dimmedIcon;
|
|
cResult[10] = tmp4.icon;
|
|
cResult[11] = tmp4.item;
|
|
cResult[12] = tmp4.row;
|
|
cResult[13] = tmp4.subtitleRow;
|
|
cResult[14] = mapped;
|
|
tmp12 = mapped;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const fn = function f(arr) {
|
|
let item;
|
|
let obj = {
|
|
style: row.row,
|
|
collapsable: false,
|
|
children: arr.map((owned) => {
|
|
let items1;
|
|
let items2;
|
|
let items3;
|
|
owned = owned.owned;
|
|
let dimmedIcon = !owned;
|
|
if (dimmedIcon) {
|
|
dimmedIcon = owned.owned;
|
|
}
|
|
let complex_icon_static_url = owned.simple_icon_url;
|
|
if (complex_icon_static_url == null) {
|
|
complex_icon_static_url = owned.complex_icon_static_url;
|
|
}
|
|
const obj = badge(isViewerOnUpgradeableNitro[9]);
|
|
const obj2 = { tier: owned, isUnlocked: owned, isViewingOtherUser, isViewerOnUpgradeableNitro };
|
|
const tierRowSubtitle = obj.getTierRowSubtitle(obj2);
|
|
const intl = badge(isViewerOnUpgradeableNitro[8]).intl;
|
|
const string = intl.string;
|
|
const t = badge(isViewerOnUpgradeableNitro[8]).t;
|
|
const items = [owned.name, tierRowSubtitle, string(owned ? t.sTFApF : t.uHtDcT)];
|
|
const found = items.filter((item) => null != item && "" !== item);
|
|
let tmp9Result = null != complex_icon_static_url;
|
|
const obj3 = { style: item.item, accessible: true, accessibilityLabel: found.join(", "), children: items2 };
|
|
if (tmp9Result) {
|
|
const obj4 = { url: complex_icon_static_url, height: 32, style: items1 };
|
|
items1 = [item.icon, ];
|
|
const tmp11 = isViewingOtherUser(isViewerOnUpgradeableNitro[10]);
|
|
const tmp9 = closure_2_4;
|
|
if (dimmedIcon) {
|
|
dimmedIcon = tmp7.dimmedIcon;
|
|
}
|
|
items1[1] = dimmedIcon;
|
|
tmp9Result = tmp9(tmp11, obj4);
|
|
}
|
|
items2 = [tmp9Result, , ];
|
|
let tmp13Result = null != owned.name;
|
|
if (tmp13Result) {
|
|
let str = "text-muted";
|
|
const Text = tmp2(tmp3[7]).Text;
|
|
const tmp13 = closure_2_4;
|
|
if (owned) {
|
|
str = "text-default";
|
|
}
|
|
const obj5 = { variant: "text-sm/semibold", color: str, style: item.centeredText, children: owned.name };
|
|
tmp13Result = tmp13(Text, obj5);
|
|
}
|
|
items2[1] = tmp13Result;
|
|
let tmp5Result = "" !== tierRowSubtitle;
|
|
if (tmp5Result) {
|
|
let tmp15 = !owned;
|
|
const obj6 = { style: item.subtitleRow, children: items3 };
|
|
if (tmp15) {
|
|
const obj7 = { size: "xxs", color: isViewingOtherUser(isViewerOnUpgradeableNitro[4]).colors.ICON_MUTED };
|
|
const LockIcon = tmp2(tmp3[11]).LockIcon;
|
|
tmp15 = closure_2_4(LockIcon, obj7);
|
|
}
|
|
items3 = [tmp15, ];
|
|
let str2 = "text-muted";
|
|
const Text2 = tmp2(tmp3[7]).Text;
|
|
const tmp18 = closure_2_4;
|
|
if (owned) {
|
|
str2 = "text-default";
|
|
}
|
|
const obj8 = { variant: "text-sm/normal", color: str2, style: item.centeredText, children: tierRowSubtitle };
|
|
items3[1] = tmp18(Text2, obj8);
|
|
tmp5Result = tmp5(tmp6, obj6);
|
|
}
|
|
items2[2] = tmp5Result;
|
|
return closure_2_5(row, obj3, owned.key);
|
|
})
|
|
};
|
|
return React3(View, obj, arr[0].key);
|
|
};
|
|
cResult[15] = badge.owned;
|
|
cResult[16] = isViewerOnUpgradeableNitro;
|
|
cResult[17] = isViewingOtherUser;
|
|
cResult[18] = tmp4.centeredText;
|
|
cResult[19] = tmp4.dimmedIcon;
|
|
cResult[20] = tmp4.icon;
|
|
cResult[21] = tmp4.item;
|
|
cResult[22] = tmp4.row;
|
|
cResult[23] = tmp4.subtitleRow;
|
|
cResult[24] = fn;
|
|
tmp13 = fn;
|
|
}
|
|
}
|
|
let tmp9 = tmp5;
|
|
if (tmp9) {
|
|
let obj4 = { variant: "text-sm/medium", color: "text-default", style: tmp4.progressLabel, children: intl.formatToPlainString(tmp(tmp2[8]).t.KyTwIh, obj5) };
|
|
let Text = tmp(tmp2[7]).Text;
|
|
intl = tmp(tmp2[8]).intl;
|
|
obj5 = { username: targetUsername };
|
|
tmp9 = closure_4(Text, obj4);
|
|
}
|
|
cResult[0] = tmp5;
|
|
cResult[1] = tmp4.progressLabel;
|
|
cResult[2] = targetUsername;
|
|
cResult[3] = tmp9;
|
|
tmp8 = tmp9;
|
|
}) : (function BadgeTierGrid(badge) {
|
|
let intl;
|
|
let items;
|
|
let obj3;
|
|
let targetUsername;
|
|
let tmp9Result;
|
|
badge = badge.badge;
|
|
let isViewingOtherUser = badge.isViewingOtherUser;
|
|
({ targetUsername, isViewerOnUpgradeableNitro: dependencyMap } = badge);
|
|
let tmp = closure_6();
|
|
const row = tmp;
|
|
const tmp3 = row;
|
|
let obj = { style: tmp.section, children: items };
|
|
const tmp2 = closure_5;
|
|
if (isViewingOtherUser) {
|
|
isViewingOtherUser = null != targetUsername;
|
|
}
|
|
if (isViewingOtherUser) {
|
|
const tmp5 = closure_4;
|
|
const tmp6 = badge;
|
|
const tmp7 = dependencyMap;
|
|
let obj2 = { variant: "text-sm/medium", color: "text-default", style: tmp.progressLabel, children: intl.formatToPlainString(badge(1126).t.KyTwIh, obj3) };
|
|
let Text = badge(5088).Text;
|
|
intl = badge(1126).intl;
|
|
obj3 = { username: targetUsername };
|
|
isViewingOtherUser = closure_4(Text, obj2);
|
|
}
|
|
items = [isViewingOtherUser, ];
|
|
let obj4 = {
|
|
style: tmp.grid,
|
|
accessibilityRole: "list",
|
|
children: tmp9Result.map((arr) => {
|
|
let isViewerOnUpgradeableNitro;
|
|
let item;
|
|
let obj = {
|
|
style: row.row,
|
|
collapsable: false,
|
|
children: arr.map((owned) => {
|
|
let items1;
|
|
let items2;
|
|
let items3;
|
|
owned = owned.owned;
|
|
let dimmedIcon = !owned;
|
|
if (dimmedIcon) {
|
|
dimmedIcon = owned.owned;
|
|
}
|
|
let complex_icon_static_url = owned.simple_icon_url;
|
|
if (complex_icon_static_url == null) {
|
|
complex_icon_static_url = owned.complex_icon_static_url;
|
|
}
|
|
const obj = badge(dependencyMap[9]);
|
|
const obj2 = { tier: owned, isUnlocked: owned, isViewingOtherUser, isViewerOnUpgradeableNitro };
|
|
const tierRowSubtitle = obj.getTierRowSubtitle(obj2);
|
|
const intl = badge(dependencyMap[8]).intl;
|
|
const string = intl.string;
|
|
const t = badge(dependencyMap[8]).t;
|
|
const items = [owned.name, tierRowSubtitle, string(owned ? t.sTFApF : t.uHtDcT)];
|
|
const found = items.filter((item) => null != item && "" !== item);
|
|
let tmp9Result = null != complex_icon_static_url;
|
|
const obj3 = { style: item.item, accessible: true, accessibilityLabel: found.join(", "), children: items2 };
|
|
if (tmp9Result) {
|
|
const obj4 = { url: complex_icon_static_url, height: 32, style: items1 };
|
|
items1 = [item.icon, ];
|
|
const tmp11 = isViewingOtherUser(dependencyMap[10]);
|
|
const tmp9 = closure_2_4;
|
|
if (dimmedIcon) {
|
|
dimmedIcon = tmp7.dimmedIcon;
|
|
}
|
|
items1[1] = dimmedIcon;
|
|
tmp9Result = tmp9(tmp11, obj4);
|
|
}
|
|
items2 = [tmp9Result, , ];
|
|
let tmp13Result = null != owned.name;
|
|
if (tmp13Result) {
|
|
let str = "text-muted";
|
|
const Text = tmp2(tmp3[7]).Text;
|
|
const tmp13 = closure_2_4;
|
|
if (owned) {
|
|
str = "text-default";
|
|
}
|
|
const obj5 = { variant: "text-sm/semibold", color: str, style: item.centeredText, children: owned.name };
|
|
tmp13Result = tmp13(Text, obj5);
|
|
}
|
|
items2[1] = tmp13Result;
|
|
let tmp5Result = "" !== tierRowSubtitle;
|
|
if (tmp5Result) {
|
|
let tmp15 = !owned;
|
|
const obj6 = { style: item.subtitleRow, children: items3 };
|
|
if (tmp15) {
|
|
const obj7 = { size: "xxs", color: isViewingOtherUser(dependencyMap[4]).colors.ICON_MUTED };
|
|
const LockIcon = tmp2(tmp3[11]).LockIcon;
|
|
tmp15 = closure_2_4(LockIcon, obj7);
|
|
}
|
|
items3 = [tmp15, ];
|
|
let str2 = "text-muted";
|
|
const Text2 = tmp2(tmp3[7]).Text;
|
|
const tmp18 = closure_2_4;
|
|
if (owned) {
|
|
str2 = "text-default";
|
|
}
|
|
const obj8 = { variant: "text-sm/normal", color: str2, style: item.centeredText, children: tierRowSubtitle };
|
|
items3[1] = tmp18(Text2, obj8);
|
|
tmp5Result = tmp5(tmp6, obj6);
|
|
}
|
|
items2[2] = tmp5Result;
|
|
return closure_2_5(row, obj3, owned.key);
|
|
})
|
|
};
|
|
return React3(View, obj, arr[0].key);
|
|
})
|
|
};
|
|
let tiers = badge.tiers;
|
|
let tmp9 = isViewingOtherUser(9559);
|
|
const tmp8 = closure_4;
|
|
if (tiers == null) {
|
|
tiers = [];
|
|
}
|
|
tmp9Result = tmp9(tiers, 3);
|
|
items[1] = tmp8(tmp3, obj4);
|
|
return tmp2(tmp3, obj);
|
|
});
|
|
const result = size.fileFinishedImporting("modules/badges/native/BadgeTierGrid.tsx");
|
|
|
|
export default tmp5;
|