6fbb1b046c
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4943.js (118.4 MB)
489 lines
18 KiB
TypeScript
489 lines
18 KiB
TypeScript
// Module ID: 16864
|
|
// Function ID: 16865
|
|
// Name: NewContentPill
|
|
// Dependencies: [32, 19, 17, 2067, 8611, 21, 4758, 580, 558, 568, 9092, 5799, 504, 4693, 8624, 8626, 4497, 5187, 1491, 16048, 4754, 1119, 5341, 4610, 2]
|
|
|
|
// Module 16864 (NewContentPill)
|
|
import c from "c" /* 568 */;
|
|
import nativeDefault from "native" /* 580 */;
|
|
import spring from "spring" /* 5187 */;
|
|
import GuildIcon from "GuildIcon" /* 5799 */;
|
|
import ICYMITypes from "ICYMITypes" /* 8624 */;
|
|
import ICYMIUtils from "ICYMIUtils" /* 8626 */;
|
|
import ClipView from "ClipView" /* 9092 */;
|
|
import _slicedToArray from "module_32" /* 32 */;
|
|
import noop from "module_19" /* 19 */;
|
|
import GuildStore from "GuildStore" /* 2067 */;
|
|
import ICYMIStore from "ICYMIStore" /* 8611 */;
|
|
|
|
const GuildIconDefault = GuildIcon;
|
|
const ClipViewDefault = ClipView;
|
|
|
|
require = fn;
|
|
get_ActivityIndicator = fn(17);
|
|
({ ActivityIndicator: hasOwnProperty, View: metroRequire } = get_ActivityIndicator);
|
|
const jsxProd = fn(21);
|
|
({ jsx: closure_9, jsxs: c10 } = jsxProd);
|
|
const createStyles = fn(4758);
|
|
let obj2 = { container: { alignSelf: "center", alignItems: "center", flexDirection: "row", paddingRight: 12, paddingLeft: 8, paddingVertical: 6, borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_BRAND }, guildIconBG: null, refreshMorePillContainer: null };
|
|
let obj3 = { alignSelf: "center", alignItems: "center", flexDirection: "row", paddingRight: 12, paddingLeft: 8, paddingVertical: 6, borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_BRAND };
|
|
obj2.guildIconBG = { backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWER };
|
|
obj2.refreshMorePillContainer = { position: "absolute", top: 0, left: 0, height: 32, width: "100%", zIndex: 100 };
|
|
let closure_11 = createStyles.createStyles(obj2);
|
|
const springConfig = { overshootClamping: true, stiffness: 20, damping: 15, mass: 0.03 };
|
|
let ReactCompilerGating = fn(558);
|
|
let closure_13 = ReactCompilerGating.isReactCompilerEnabled() ? ((guild) => {
|
|
const cResult = c.c(5);
|
|
guild = guild.guild;
|
|
const tmp4 = closure_11();
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const size = { width: 24, height: 24 };
|
|
cResult[0] = size;
|
|
let first = size;
|
|
} else {
|
|
first = cResult[0];
|
|
}
|
|
if (cResult[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const size1 = { shape: tmp(9092).CutoutShape.RoundedRect, x: 18, y: -4, width: 32, height: 32, cornerRadius: nativeDefault.radii.md };
|
|
const items = [size1];
|
|
cResult[1] = items;
|
|
let tmp6 = items;
|
|
} else {
|
|
tmp6 = cResult[1];
|
|
}
|
|
if (cResult[2] === guild) {
|
|
if (cResult[3] === tmp4.guildIconBG) {
|
|
let tmp8 = cResult[4];
|
|
}
|
|
return tmp8;
|
|
}
|
|
const obj2 = { style: first, children: null };
|
|
const obj3 = { cutouts: tmp6, children: null };
|
|
const obj4 = { guild, size: null, style: null };
|
|
const tmp9 = ClipViewDefault;
|
|
obj4.size = GuildIcon.GuildIconSizes.XSMALL;
|
|
obj4.style = tmp4.guildIconBG;
|
|
obj3.children = options(GuildIconDefault, obj4);
|
|
obj2.children = options(tmp9, obj3);
|
|
const tmp11 = options(timestampProducer, obj2);
|
|
cResult[2] = guild;
|
|
cResult[3] = tmp4.guildIconBG;
|
|
cResult[4] = tmp11;
|
|
tmp8 = tmp11;
|
|
}) : ((guild) => {
|
|
const obj = { style: { width: 24, height: 24 }, children: null };
|
|
const obj2 = { cutouts: null, children: null };
|
|
const size = { shape: null, x: 18, y: -4, width: 32, height: 32, cornerRadius: null };
|
|
const tmp = closure_11();
|
|
size.shape = ClipView.CutoutShape.RoundedRect;
|
|
size.cornerRadius = nativeDefault.radii.md;
|
|
const items = [size];
|
|
obj2.cutouts = items;
|
|
const obj3 = { guild: guild.guild, size: null, style: null };
|
|
const tmp2 = ClipViewDefault;
|
|
obj3.size = GuildIcon.GuildIconSizes.XSMALL;
|
|
obj3.style = tmp.guildIconBG;
|
|
obj2.children = options(GuildIconDefault, obj3);
|
|
obj.children = options(tmp2, obj2);
|
|
return options(timestampProducer, obj);
|
|
});
|
|
const __initData = { code: "function NewContentPillTsx1(){const{withSpring,showingPill,springConfig}=this.__closure;return{transform:[{translateY:withSpring(showingPill?12:0,springConfig)}],opacity:withSpring(showingPill?1:0,springConfig,\"respect-motion-settings\")};}" };
|
|
const __initData2 = { code: "function NewContentPillTsx2(){const{showingPill}=this.__closure;return{pointerEvents:showingPill?\"box-none\":\"none\"};}" };
|
|
const __initData3 = { code: "function NewContentPillTsx3(){const{withSpring,showingPill,springConfig}=this.__closure;return{transform:[{translateY:withSpring(showingPill?12:0,springConfig)}],opacity:withSpring(showingPill?1:0,springConfig,'respect-motion-settings')};}" };
|
|
const __initData4 = { code: "function NewContentPillTsx4(){const{showingPill}=this.__closure;return{pointerEvents:showingPill?'box-none':'none'};}" };
|
|
ReactCompilerGating = fn(558);
|
|
let obj4 = { backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWER };
|
|
let size = fn(2);
|
|
const result = size.fileFinishedImporting("modules/icymi/native/NewContentPill.tsx");
|
|
|
|
export default ReactCompilerGating.isReactCompilerEnabled() ? ((onPress) => {
|
|
const cResult = onPress(stateFromStoresArray[9]).c(64);
|
|
onPress = onPress.onPress;
|
|
const isRefreshing = onPress.isRefreshing;
|
|
closure_11();
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
let items = [stateFromStores];
|
|
class C {
|
|
constructor() {
|
|
return closure_8.getNewUnreadDehydratedItems();
|
|
}
|
|
}
|
|
cResult[0] = items;
|
|
cResult[1] = C;
|
|
tmp5 = items;
|
|
tmp6 = C;
|
|
} else {
|
|
[tmp5, tmp6] = cResult;
|
|
}
|
|
let obj = onPress(stateFromStoresArray[9]);
|
|
stateFromStoresArray = onPress(stateFromStoresArray[12]).useStateFromStoresArray(tmp5, tmp6);
|
|
if (cResult[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const items1 = [stateFromStores];
|
|
class A {
|
|
constructor() {
|
|
return closure_8.hasNewContent();
|
|
}
|
|
}
|
|
const items2 = [];
|
|
cResult[2] = items1;
|
|
cResult[3] = A;
|
|
cResult[4] = items2;
|
|
let tmp11 = items2;
|
|
let tmp10 = A;
|
|
let tmp9 = items1;
|
|
} else {
|
|
tmp9 = cResult[2];
|
|
tmp10 = cResult[3];
|
|
tmp11 = cResult[4];
|
|
}
|
|
let tmpResult = onPress(stateFromStoresArray[12]);
|
|
stateFromStores = onPress(stateFromStoresArray[12]).useStateFromStores(tmp9, tmp10, tmp11);
|
|
const tmpResult6 = onPress(stateFromStoresArray[12]);
|
|
[arr4, closure_5] = stateFromStores.useState(stateFromStoresArray);
|
|
isRefreshing(stateFromStoresArray[13])();
|
|
if (cResult[5] !== arr4) {
|
|
let items3 = [];
|
|
_slicedToArray = items3;
|
|
const item = arr4.forEach((data) => {
|
|
if (length.length < ICYMITypes.MIN_ITEMS_FOR_NEW_PILL) {
|
|
const tmpResult = ICYMIUtils;
|
|
if (tmp4) {
|
|
arr.push(data.data.guild_id);
|
|
}
|
|
tmp4 = ICYMIUtils.isGuildItem(data) && !arr.includes(data.data.guild_id);
|
|
}
|
|
});
|
|
class A {
|
|
constructor() {
|
|
return closure_8.hasNewContent();
|
|
}
|
|
}
|
|
cResult[5] = arr4;
|
|
cResult[6] = items3;
|
|
} else {
|
|
_slicedToArray = cResult[6];
|
|
}
|
|
items3 = tmp17;
|
|
if (cResult[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const items4 = [GuildStore];
|
|
class A {
|
|
constructor() {
|
|
return closure_8.hasNewContent();
|
|
}
|
|
}
|
|
cResult[7] = items4;
|
|
let tmp19 = items4;
|
|
} else {
|
|
tmp19 = cResult[7];
|
|
}
|
|
if (cResult[8] !== tmp17) {
|
|
class O {
|
|
constructor() {
|
|
mapped = closure_6.map((item) => guild.getGuild(item));
|
|
return mapped.filter(Boolean);
|
|
}
|
|
}
|
|
cResult[8] = tmp17;
|
|
class A {
|
|
constructor() {
|
|
return closure_8.hasNewContent();
|
|
}
|
|
}
|
|
cResult[9] = O;
|
|
const tmp21 = O;
|
|
} else {
|
|
class O {
|
|
constructor() {
|
|
mapped = closure_6.map((item) => guild.getGuild(item));
|
|
return mapped.filter(Boolean);
|
|
}
|
|
}
|
|
}
|
|
const tmp15 = _slicedToArray(stateFromStores.useState(stateFromStoresArray), 2);
|
|
const stateFromStoresArray1 = onPress(stateFromStoresArray[12]).useStateFromStoresArray(tmp19, tmp21);
|
|
const tmpResult7 = onPress(stateFromStoresArray[12]);
|
|
GuildStore = _slicedToArray(stateFromStores.useState(false), 2)[1];
|
|
if (stateFromStores) {
|
|
class O {
|
|
constructor() {
|
|
mapped = closure_6.map((item) => guild.getGuild(item));
|
|
return mapped.filter(Boolean);
|
|
}
|
|
}
|
|
}
|
|
stateFromStores = tmp24;
|
|
const tmp14Result = _slicedToArray(stateFromStores.useState(false), 2);
|
|
class U {
|
|
constructor() {
|
|
tmp = closure_0;
|
|
tmp2 = closure_2;
|
|
obj = closure_0(closure_2[17]);
|
|
num = 0;
|
|
tmp3 = closure_8;
|
|
if (closure_8) {
|
|
num = 12;
|
|
}
|
|
obj1 = { transform: null, opacity: null };
|
|
obj5 = { translateY: obj.withSpring(num, closure_12) };
|
|
tmp4 = closure_12;
|
|
items = [];
|
|
items[0] = obj5;
|
|
obj1.transform = items;
|
|
tmpResult = tmp(tmp2[17]);
|
|
num2 = 0;
|
|
if (tmp3) {
|
|
num2 = 1;
|
|
}
|
|
obj1.opacity = tmpResult.withSpring(num2, tmp4, "respect-motion-settings");
|
|
return obj1;
|
|
}
|
|
}
|
|
const tmpResult8 = onPress(stateFromStoresArray[16]);
|
|
U.__closure = { withSpring: onPress(stateFromStoresArray[17]).withSpring, showingPill: stateFromStores, springConfig };
|
|
U.__workletHash = 3500212966950;
|
|
U.__initData = __initData;
|
|
const animatedStyle = tmpResult8.useAnimatedStyle(U);
|
|
let obj2 = { withSpring: onPress(stateFromStoresArray[17]).withSpring, showingPill: stateFromStores, springConfig };
|
|
class H {
|
|
constructor() {
|
|
pointerEvents = "none";
|
|
if (closure_8) {
|
|
pointerEvents = "box-none";
|
|
}
|
|
return { pointerEvents };
|
|
}
|
|
}
|
|
H.__closure = { showingPill: stateFromStores };
|
|
H.__workletHash = 16605960656235;
|
|
H.__initData = __initData2;
|
|
const animatedProps = onPress(stateFromStoresArray[16]).useAnimatedProps(H);
|
|
const tmpResult9 = onPress(stateFromStoresArray[16]);
|
|
const isFocused = onPress(stateFromStoresArray[18]).useIsFocused();
|
|
[first, closure_11] = stateFromStores.useState(false);
|
|
if (cResult[10] === stateFromStores) {
|
|
class O {
|
|
constructor() {
|
|
mapped = closure_6.map((item) => guild.getGuild(item));
|
|
return mapped.filter(Boolean);
|
|
}
|
|
}
|
|
}
|
|
class V {
|
|
constructor() {
|
|
tmp = closure_10;
|
|
if (!closure_10) {
|
|
tmp2 = closure_9;
|
|
if (closure_9) {
|
|
tmp3 = closure_4;
|
|
if (closure_4) {
|
|
tmp4 = closure_7;
|
|
flag = false;
|
|
tmp5 = closure_7(false);
|
|
}
|
|
tmp9 = closure_11;
|
|
tmp10 = closure_9;
|
|
tmp11 = closure_11(closure_9);
|
|
return;
|
|
}
|
|
}
|
|
if (tmp) {
|
|
tmp = closure_9;
|
|
}
|
|
if (tmp) {
|
|
tmp6 = closure_4;
|
|
tmp = !closure_4;
|
|
}
|
|
if (tmp) {
|
|
tmp7 = closure_7;
|
|
flag2 = true;
|
|
tmp8 = closure_7(true);
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
const items5 = [stateFromStores, isFocused, first];
|
|
cResult[10] = stateFromStores;
|
|
cResult[11] = isFocused;
|
|
cResult[12] = first;
|
|
cResult[13] = V;
|
|
cResult[14] = items5;
|
|
}) : ((onPress) => {
|
|
onPress = onPress.onPress;
|
|
const isRefreshing = onPress.isRefreshing;
|
|
let stateFromStoresArray;
|
|
let first;
|
|
closure_7 = undefined;
|
|
let first1;
|
|
let isFocused;
|
|
let first2;
|
|
closure_11 = undefined;
|
|
let tmp = closure_11();
|
|
let items = [first1];
|
|
stateFromStoresArray = onPress(stateFromStoresArray[12]).useStateFromStoresArray(items, () => first1.getNewUnreadDehydratedItems());
|
|
let obj = onPress(stateFromStoresArray[12]);
|
|
const items1 = [first1];
|
|
const stateFromStores = onPress(stateFromStoresArray[12]).useStateFromStores(items1, () => first1.hasNewContent(), []);
|
|
const tmp7 = stateFromStores(first.useState(stateFromStoresArray), 2);
|
|
first = tmp7[0];
|
|
closure_5 = tmp7[1];
|
|
const items2 = [first];
|
|
let obj2 = onPress(stateFromStoresArray[12]);
|
|
const tmp6 = stateFromStores;
|
|
closure_6 = first.useMemo(() => {
|
|
const items = [];
|
|
const item = first.forEach((data) => {
|
|
if (items.length < onPress(stateFromStoresArray[14]).MIN_ITEMS_FOR_NEW_PILL) {
|
|
const tmpResult = onPress(stateFromStoresArray[15]);
|
|
if (tmp4) {
|
|
arr.push(data.data.guild_id);
|
|
}
|
|
tmp4 = onPress(stateFromStoresArray[15]).isGuildItem(data) && !arr.includes(data.data.guild_id);
|
|
}
|
|
});
|
|
return items;
|
|
}, items2);
|
|
const tmp10 = isRefreshing(stateFromStoresArray[13])();
|
|
const items3 = [closure_7];
|
|
const stateFromStoresArray1 = onPress(stateFromStoresArray[12]).useStateFromStoresArray(items3, () => {
|
|
const mapped = closure_6.map((item) => guild.getGuild(item));
|
|
return mapped.filter(Boolean);
|
|
});
|
|
const tmp11 = stateFromStores(first.useState(false), 2);
|
|
closure_7 = tmp11[1];
|
|
first1 = stateFromStores;
|
|
if (stateFromStores) {
|
|
first1 = tmp11[0];
|
|
}
|
|
const obj4 = onPress(stateFromStoresArray[12]);
|
|
const fn = function y() {
|
|
let num = 0;
|
|
if (first1) {
|
|
num = 12;
|
|
}
|
|
const obj2 = { transform: null, opacity: null };
|
|
const tmp3 = first1;
|
|
const items = [{ translateY: spring.withSpring(num, closure_12) }];
|
|
obj2.transform = items;
|
|
const obj3 = { translateY: spring.withSpring(num, closure_12) };
|
|
const tmp4 = closure_12;
|
|
let num2 = 0;
|
|
if (tmp3) {
|
|
num2 = 1;
|
|
}
|
|
obj2.opacity = spring.withSpring(num2, tmp4, "respect-motion-settings");
|
|
return obj2;
|
|
};
|
|
const tmp2Result = onPress(stateFromStoresArray[16]);
|
|
fn.__closure = { withSpring: onPress(stateFromStoresArray[17]).withSpring, showingPill: first1, springConfig };
|
|
fn.__workletHash = 8489520556772;
|
|
fn.__initData = __initData3;
|
|
const animatedStyle = tmp2Result.useAnimatedStyle(fn);
|
|
const obj5 = { withSpring: onPress(stateFromStoresArray[17]).withSpring, showingPill: first1, springConfig };
|
|
class P {
|
|
constructor() {
|
|
pointerEvents = "none";
|
|
if (closure_8) {
|
|
pointerEvents = "box-none";
|
|
}
|
|
return { pointerEvents };
|
|
}
|
|
}
|
|
P.__closure = { showingPill: first1 };
|
|
P.__workletHash = 16207982504173;
|
|
P.__initData = __initData4;
|
|
const animatedProps = onPress(stateFromStoresArray[16]).useAnimatedProps(P);
|
|
const tmp2Result4 = onPress(stateFromStoresArray[16]);
|
|
isFocused = onPress(stateFromStoresArray[18]).useIsFocused();
|
|
const tmp6Result = tmp6(first.useState(false), 2);
|
|
first2 = tmp6Result[0];
|
|
closure_11 = tmp6Result[1];
|
|
const items4 = [stateFromStores, isFocused, first2];
|
|
const layoutEffect = obj3.useLayoutEffect(() => {
|
|
let tmp = first2;
|
|
if (!first2) {
|
|
if (isFocused) {
|
|
if (stateFromStores) {
|
|
closure_7(false);
|
|
}
|
|
closure_11(isFocused);
|
|
}
|
|
}
|
|
if (tmp) {
|
|
tmp = isFocused;
|
|
}
|
|
if (tmp) {
|
|
tmp = !stateFromStores;
|
|
}
|
|
if (tmp) {
|
|
closure_7(true);
|
|
}
|
|
}, items4);
|
|
const items5 = [isRefreshing, stateFromStoresArray, stateFromStores];
|
|
const effect = obj3.useEffect(() => {
|
|
if (!isRefreshing) {
|
|
closure_5(stateFromStoresArray);
|
|
}
|
|
}, items5);
|
|
const items6 = [onPress];
|
|
const callback = obj3.useCallback(() => {
|
|
onPress();
|
|
}, items6);
|
|
if (0 === stateFromStoresArray1.length) {
|
|
const obj6 = { style: null, animatedProps: null, children: null };
|
|
const items7 = [tmp.refreshMorePillContainer, animatedStyle];
|
|
obj6.style = items7;
|
|
obj6.animatedProps = animatedProps;
|
|
const obj7 = { onPress: callback, style: tmp.container, children: null };
|
|
const items8 = [isFocused(tmp2(tmp3[19]).ArrowSmallUpIcon, { size: "md", color: "interactive-text-active" }), ];
|
|
const obj8 = { style: { marginLeft: 4 }, variant: "heading-md/bold", color: "interactive-text-active", children: null };
|
|
const intl = tmp2(tmp3[21]).intl;
|
|
obj8.children = intl.string(tmp2(tmp3[21]).t["4Nl0Rl"]);
|
|
items8[1] = isFocused(tmp2(tmp3[20]).Text, obj8);
|
|
obj7.children = items8;
|
|
obj6.children = first2(tmp2(tmp3[22]).PressableOpacity, obj7);
|
|
let tmp30Result2 = isFocused(tmp9(tmp3[16]).View, obj6);
|
|
} else {
|
|
const obj9 = { style: null, animatedProps: null, children: null };
|
|
const items9 = [tmp.refreshMorePillContainer, animatedStyle];
|
|
obj9.style = items9;
|
|
obj9.animatedProps = animatedProps;
|
|
const obj10 = { onPress: callback, style: tmp.container, children: null };
|
|
if (isRefreshing) {
|
|
const tmp21 = closure_5;
|
|
const tmp2Result6 = tmp2(tmp3[23]);
|
|
tmp9(tmp3[7]).unsafe_rawColors;
|
|
const isThemeDarkResult = tmp2(tmp3[23]).isThemeDark(tmp10);
|
|
const unsafe_rawColors = { color: null };
|
|
unsafe_rawColors.color = tmp2(tmp3[23]).isThemeDark(tmp10) ? unsafe_rawColors.WHITE : unsafe_rawColors.PRIMARY_500;
|
|
tmp30(tmp21, unsafe_rawColors);
|
|
const tmp23 = tmp2(tmp3[23]).isThemeDark(tmp10) ? unsafe_rawColors.WHITE : unsafe_rawColors.PRIMARY_500;
|
|
} else {
|
|
const items10 = [tmp30(tmp2(tmp3[19]).ArrowSmallUpIcon, { size: "md", color: "interactive-text-active" }), , ];
|
|
const substr = stateFromStoresArray1.slice(0, stateFromStoresArray1.length - 1);
|
|
items10[1] = substr.map((guild, index) => {
|
|
let num = 4;
|
|
if (index > 0) {
|
|
num = -2;
|
|
}
|
|
const obj = { style: { marginLeft: num }, children: isFocused(closure_1_13, { guild }) };
|
|
return isFocused(closure_6, obj, guild.id);
|
|
});
|
|
let num2 = 4;
|
|
if (stateFromStoresArray1.length > 1) {
|
|
num2 = -2;
|
|
}
|
|
const obj11 = { style: null, children: null };
|
|
const obj12 = { marginLeft: num2 };
|
|
obj11.style = obj12;
|
|
const obj13 = { guild: stateFromStoresArray1[stateFromStoresArray1.length - 1], size: tmp2(tmp3[11]).GuildIconSizes.XSMALL, style: tmp.guildIconBG };
|
|
obj11.children = tmp30(tmp9(tmp3[11]), obj13);
|
|
items10[2] = tmp30(closure_6, obj11);
|
|
obj10.children = items10;
|
|
obj9.children = tmp31(tmp32, obj10);
|
|
tmp30Result2 = tmp30(tmp9(tmp3[16]).View, obj9);
|
|
const tmp9Result = tmp9(tmp3[11]);
|
|
}
|
|
tmp31 = first2;
|
|
}
|
|
return tmp30Result2;
|
|
});
|