211 lines
11 KiB
TypeScript
211 lines
11 KiB
TypeScript
// Module ID: 14108
|
|
// Function ID: 14109
|
|
// Name: HideBadgeTile
|
|
// Dependencies: [32, 19, 17, 8409, 1922, 8973, 21, 4668, 712, 6323, 1236, 14109, 14111, 8642, 8644, 1629, 1494, 14092, 589, 14089, 8976, 14090, 4100, 10221, 5451, 4739, 6988, 6987, 6990, 2]
|
|
// Exports: default
|
|
|
|
// Module 14108 (HideBadgeTile)
|
|
import ThemesDefault from "Themes" /* 712 */;
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import closure_4 from "noop" /* 19 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import closure_6 from "handleFormOpen" /* 8409 */;
|
|
import closure_7 from "mergeGuildAvatar" /* 1922 */;
|
|
import closure_8 from "initialize" /* 8973 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4668 */;
|
|
|
|
const require = arg1;
|
|
function HideBadgeTile(badge) {
|
|
badge = badge.badge;
|
|
({ size, onToggle } = badge);
|
|
const tmp = callback2();
|
|
const items = [badge, onToggle];
|
|
const callback = React.useCallback(() => {
|
|
onToggle(badge);
|
|
}, items);
|
|
obj = { variant: "secondary", border: "none", radius: 16, style: items1, accessibilityRole: "switch", accessibilityState: obj, accessibilityLabel: badge.name, accessibilityHint: null, onPress: null, children: null };
|
|
items1 = [tmp.tile, { width: size, height: size }];
|
|
obj = { checked: !badge.hidden };
|
|
const intl = badge(1236).intl;
|
|
obj[7] = intl.string(badge(1236).t.TPp3Mq);
|
|
obj[8] = callback;
|
|
obj = { badge, size: badge(14111).BADGE_TILE_ICON_SIZE, style: null };
|
|
let badgeIconHidden;
|
|
if (badge.hidden) {
|
|
badgeIconHidden = tmp.badgeIconHidden;
|
|
}
|
|
obj[2] = badgeIconHidden;
|
|
const items2 = [closure_9(onToggle(14109), obj), ];
|
|
obj1 = { style: tmp.indicator, "aria-hidden": true, children: null };
|
|
if (badge.hidden) {
|
|
const obj2 = { size: "sm", color: null };
|
|
obj2[1] = tmp7(712).colors.CONTROL_CRITICAL_SECONDARY_TEXT_DEFAULT;
|
|
let tmp6Result = tmp6(tmp4(8642).EyeSlashIcon, obj2);
|
|
} else {
|
|
const obj3 = { size: "sm", color: null };
|
|
obj3[1] = tmp7(712).colors.CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT;
|
|
tmp6Result = tmp6(tmp4(8644).EyeIcon, obj3);
|
|
}
|
|
obj1[2] = tmp6Result;
|
|
items2[1] = closure_9(View, obj1);
|
|
obj[9] = items2;
|
|
return closure_10(badge(6323).Card, obj);
|
|
}
|
|
({ jsx: c9, jsxs: c10 } = jsxProd);
|
|
createCacheKey = { grid: null, tile: null, badgeIconHidden: null, indicator: null, message: null, messageText: null };
|
|
createCacheKey = { flexDirection: "row", flexWrap: "wrap", gap: ThemesDefault.space.PX_16, paddingHorizontal: ThemesDefault.space.PX_16 };
|
|
createCacheKey[0] = createCacheKey;
|
|
createCacheKey[1] = { alignItems: "center", justifyContent: "center", padding: 0 };
|
|
createCacheKey[2] = { opacity: 0.3 };
|
|
createCacheKey[3] = { position: "absolute", top: ThemesDefault.space.PX_8, end: ThemesDefault.space.PX_8, width: 32, height: 32, borderRadius: ThemesDefault.radii.lg, alignItems: "center", justifyContent: "center", backgroundColor: ThemesDefault.colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT };
|
|
let obj1 = { position: "absolute", top: ThemesDefault.space.PX_8, end: ThemesDefault.space.PX_8, width: 32, height: 32, borderRadius: ThemesDefault.radii.lg, alignItems: "center", justifyContent: "center", backgroundColor: ThemesDefault.colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT };
|
|
createCacheKey[4] = { alignItems: "center", justifyContent: "center", paddingHorizontal: ThemesDefault.space.PX_16, paddingVertical: ThemesDefault.space.PX_32 };
|
|
createCacheKey[5] = { textAlign: "center" };
|
|
let closure_11 = createCacheKey.createStyles(createCacheKey);
|
|
let obj2 = { alignItems: "center", justifyContent: "center", paddingHorizontal: ThemesDefault.space.PX_16, paddingVertical: ThemesDefault.space.PX_32 };
|
|
let result = require("set").fileFinishedImporting("modules/badges/native/HideBadgesSheet.tsx");
|
|
|
|
export default function HideBadgesSheet() {
|
|
const tmp = callback2();
|
|
const bottom = stateFromStores(stateFromStoresArray[15])().bottom;
|
|
let obj = stateFromStores(stateFromStoresArray[17]);
|
|
const tenureBadgeHideable = obj.useConfig({ location: "HideBadgesSheet" }).tenureBadgeHideable;
|
|
obj1 = tenureBadgeHideable(stateFromStoresArray[18]);
|
|
let items = [badgeTileSize];
|
|
stateFromStores = obj1.useStateFromStores(items, () => {
|
|
const currentUser = badgeTileSize.getCurrentUser();
|
|
let id;
|
|
if (currentUser != null) {
|
|
id = currentUser.id;
|
|
}
|
|
return id;
|
|
});
|
|
let obj2 = tenureBadgeHideable(stateFromStoresArray[18]);
|
|
const items1 = [closure_8];
|
|
stateFromStoresArray = obj2.useStateFromStoresArray(items1, () => closure_8.getBadges(stateFromStores));
|
|
let obj3 = tenureBadgeHideable(stateFromStoresArray[18]);
|
|
const items2 = [closure_6];
|
|
const stateFromStoresObject = obj3.useStateFromStoresObject(items2, () => {
|
|
pendingChanges = pendingChanges.getPendingChanges();
|
|
return { pendingBadgeDisplayOrder: pendingChanges.pendingBadgeDisplayOrder, pendingBadgeHiddenBadges: pendingChanges.pendingBadgeHiddenBadges };
|
|
});
|
|
const pendingBadgeDisplayOrder = stateFromStoresObject.pendingBadgeDisplayOrder;
|
|
const pendingBadgeHiddenBadges = stateFromStoresObject.pendingBadgeHiddenBadges;
|
|
let obj4 = pendingBadgeHiddenBadges;
|
|
const items3 = [stateFromStoresArray, pendingBadgeDisplayOrder, pendingBadgeHiddenBadges];
|
|
const memo = pendingBadgeHiddenBadges.useMemo(() => {
|
|
let obj = tenureBadgeHideable(stateFromStoresArray[19]);
|
|
obj = { pendingBadgeDisplayOrder, pendingBadgeHiddenBadges };
|
|
return obj.applyPendingBadgeSettings(stateFromStoresArray, obj);
|
|
}, items3);
|
|
let obj5 = tenureBadgeHideable(stateFromStoresArray[18]);
|
|
const items4 = [closure_8];
|
|
const stateFromStores1 = obj5.useStateFromStores(items4, () => {
|
|
let hasCatalogForResult = null != stateFromStores;
|
|
if (hasCatalogForResult) {
|
|
hasCatalogForResult = closure_8.hasCatalogFor(tmp);
|
|
}
|
|
return hasCatalogForResult;
|
|
});
|
|
let obj6 = tenureBadgeHideable(stateFromStoresArray[18]);
|
|
const items5 = [closure_8];
|
|
const stateFromStores2 = obj6.useStateFromStores(items5, () => closure_8.hasCatalogFetchErrorFor(stateFromStores));
|
|
const items6 = [stateFromStores];
|
|
const effect = pendingBadgeHiddenBadges.useEffect(() => {
|
|
if (null != stateFromStores) {
|
|
if (!tmp2) {
|
|
const badgeDirectory = tenureBadgeHideable(stateFromStoresArray[20]).fetchBadgeDirectory(tmp);
|
|
const obj2 = tenureBadgeHideable(stateFromStoresArray[20]);
|
|
}
|
|
const obj = closure_8;
|
|
tmp2 = closure_8.hasCatalogFor(tmp) && !closure_8.isCatalogStaleFor(tmp);
|
|
}
|
|
}, items6);
|
|
const items7 = [memo, tenureBadgeHideable];
|
|
const memo1 = pendingBadgeHiddenBadges.useMemo(() => {
|
|
let obj = tenureBadgeHideable(stateFromStoresArray[21]);
|
|
obj = { tenureBadgeHideable };
|
|
return obj.getHideableBadges(memo, tenureBadgeHideable(stateFromStoresArray[21]).getUnhideableBadgeIds(obj));
|
|
}, items7);
|
|
[num, closure_6] = pendingBadgeDisplayOrder(pendingBadgeHiddenBadges.useState(null), 2);
|
|
const callback = pendingBadgeHiddenBadges.useCallback((nativeEvent) => {
|
|
pendingChanges(nativeEvent.nativeEvent.layout.height);
|
|
}, []);
|
|
let obj7 = tenureBadgeHideable(stateFromStoresArray[22]);
|
|
const token = obj7.useToken(stateFromStores(stateFromStoresArray[8]).modules.mobile.SHEET_HANDLE_MARGIN_TOP);
|
|
const tmp12 = pendingBadgeDisplayOrder(pendingBadgeHiddenBadges.useState(null), 2);
|
|
const token1 = tenureBadgeHideable(stateFromStoresArray[22]).useToken(stateFromStores(stateFromStoresArray[8]).modules.mobile.SHEET_HANDLE_HEIGHT);
|
|
const obj9 = tenureBadgeHideable(stateFromStoresArray[22]);
|
|
const token2 = tenureBadgeHideable(stateFromStoresArray[22]).useToken(stateFromStores(stateFromStoresArray[8]).modules.mobile.SHEET_HANDLE_MARGIN_BOTTOM);
|
|
const obj10 = tenureBadgeHideable(stateFromStoresArray[22]);
|
|
const tmp17 = stateFromStores(stateFromStoresArray[23])();
|
|
badgeTileSize = tenureBadgeHideable(stateFromStoresArray[12]).getBadgeTileSize(stateFromStores(stateFromStoresArray[16])().width);
|
|
const rounded = Math.ceil(memo1.length / tenureBadgeHideable(stateFromStoresArray[12]).BADGE_GRID_COLUMNS);
|
|
const sum = token + token1 + token2;
|
|
const sum1 = sum + num;
|
|
let result = rounded * badgeTileSize;
|
|
const diff = rounded - 1;
|
|
const sum2 = result + diff * tmp2(tmp3[8]).space.PX_16 + bottom;
|
|
const sum3 = sum1 + (sum2 + tmp2(tmp3[8]).space.PX_16);
|
|
if (rounded > 0) {
|
|
if (sum3 <= tmp17) {
|
|
const tmp26 = sum3;
|
|
}
|
|
}
|
|
const items8 = [memo];
|
|
closure_8 = obj4.useCallback((hidden) => {
|
|
const found = memo.filter((hidden) => hidden.hidden);
|
|
const set = new Set(found.map((badge_id) => badge_id.badge_id));
|
|
if (hidden.hidden) {
|
|
set.delete(hidden.badge_id);
|
|
} else {
|
|
set.add(hidden.badge_id);
|
|
}
|
|
const items = [...set];
|
|
const result = tenureBadgeHideable(stateFromStoresArray[19]).setPendingBadgeHiddenBadges(items);
|
|
}, items8);
|
|
if (!stateFromStores1) {
|
|
if (!stateFromStores2) {
|
|
obj = { style: null, children: null };
|
|
obj[0] = tmp.message;
|
|
obj[1] = callback(tmp4(tmp3[24]).ActivityIndicator, { animating: true, size: "large" });
|
|
obj = { scrollable: true, contentHeight: null, dismissAccessibilityLabel: null, header: null, children: null };
|
|
obj[1] = tmp26;
|
|
const intl2 = tmp4(tmp3[10]).intl;
|
|
obj[2] = intl2.string(tmp4(tmp3[10]).t["9iIKHh"]);
|
|
obj1 = { onLayout: null, children: null };
|
|
obj1[0] = callback;
|
|
obj2 = { title: null, subtitle: null };
|
|
const intl3 = tmp4(tmp3[10]).intl;
|
|
obj2[0] = intl3.string(tmp4(tmp3[10]).t["9iIKHh"]);
|
|
const intl4 = tmp4(tmp3[10]).intl;
|
|
obj2[1] = intl4.string(tmp4(tmp3[10]).t["Fp+l7E"]);
|
|
obj1[1] = callback(tmp4(tmp3[27]).BottomSheetTitleHeader, obj2);
|
|
obj[3] = callback(memo, obj1);
|
|
obj3 = { contentContainerStyle: null, children: null };
|
|
obj4 = { paddingBottom: null };
|
|
obj4[0] = bottom + tmp2(tmp3[8]).space.PX_16;
|
|
obj3[0] = obj4;
|
|
obj3[1] = callback(memo, obj);
|
|
obj[4] = callback(tmp4(tmp3[28]).BottomSheetScrollView, obj3);
|
|
return callback(tmp4(tmp3[26]).BottomSheet, obj);
|
|
}
|
|
}
|
|
if (0 !== memo1.length) {
|
|
obj5 = { style: null, accessibilityRole: "list", children: null };
|
|
obj5[0] = tmp.grid;
|
|
obj5[2] = memo1.map((badge) => closure_1_9(closure_1_12, { badge, size: badgeTileSize, onToggle: closure_8 }, badge.badge_id));
|
|
callback(memo, obj5);
|
|
const tmp32 = callback;
|
|
const tmp33 = memo;
|
|
}
|
|
obj6 = { style: tmp.message, accessibilityRole: "alert", children: null };
|
|
obj7 = { variant: "text-md/normal", color: "text-muted", style: tmp.messageText, children: null };
|
|
const intl = tmp4(tmp3[10]).intl;
|
|
const t = tmp4(tmp3[10]).t;
|
|
obj7[3] = intl.string(stateFromStores2 ? t["rTU7/z"] : t.QVHyhK);
|
|
obj7 = tmp34(tmp4(tmp3[25]).Text, obj7);
|
|
obj6[2] = obj7;
|
|
callback(memo, obj6);
|
|
};
|