98 lines
4.6 KiB
JavaScript
98 lines
4.6 KiB
JavaScript
// Module ID: 6628
|
|
// Function ID: 50885
|
|
// Name: GuildBoostingMarketingPersistentCta
|
|
// Dependencies: []
|
|
// Exports: default
|
|
|
|
// Module 6628 (GuildBoostingMarketingPersistentCta)
|
|
importAll(dependencyMap[0]);
|
|
const View = arg1(dependencyMap[1]).View;
|
|
let closure_4 = importDefault(dependencyMap[2]);
|
|
const AnalyticsSections = arg1(dependencyMap[3]).AnalyticsSections;
|
|
({ jsx: closure_6, jsxs: closure_7 } = arg1(dependencyMap[4]));
|
|
let closure_8 = {};
|
|
let obj = arg1(dependencyMap[5]);
|
|
obj = { wrapper: {} };
|
|
obj = { backgroundColor: importDefault(dependencyMap[6]).colors.BACKGROUND_MOD_NORMAL };
|
|
obj.innerWraper = obj;
|
|
obj.guildInfoContainer = { <string:1373927010>: "1 Tag", <string:1650543116>: "{{count}} Tage", <string:810443091>: "1 Tag", <string:1629053384>: "{{count}} Tagen", <string:2934264147>: "etwa 1 Woche" };
|
|
const obj1 = { "Null": null, "Null": null, "Null": null, backgroundColor: importDefault(dependencyMap[6]).colors.BACKGROUND_SURFACE_HIGH, padding: null };
|
|
obj.guildIcon = obj1;
|
|
const tmp3 = arg1(dependencyMap[4]);
|
|
obj.guildIconText = { color: importDefault(dependencyMap[6]).colors.MOBILE_TEXT_HEADING_PRIMARY };
|
|
obj.guildName = {};
|
|
obj.buttonContainer = { height: 40 };
|
|
obj.button = { minWidth: 100 };
|
|
obj.border = { "Bool(true)": "isArray", "Bool(true)": "guildId" };
|
|
let closure_9 = obj.createStyles(obj);
|
|
let closure_10 = { code: "function GuildBoostingMarketingPersistentCtaTsx1(){const{useReducedMotion,VISIBILITY_OFFSET,withSpring,isVisible,SPRING_CONFIG}=this.__closure;return{transform:[{translateY:useReducedMotion?-VISIBILITY_OFFSET:withSpring(isVisible?-VISIBILITY_OFFSET:VISIBILITY_OFFSET,SPRING_CONFIG)}],opacity:withSpring(isVisible?1:0,SPRING_CONFIG)};}" };
|
|
const obj2 = { color: importDefault(dependencyMap[6]).colors.MOBILE_TEXT_HEADING_PRIMARY };
|
|
const result = arg1(dependencyMap[14]).fileFinishedImporting("modules/guild_boosting/native/marketing_redesign/GuildBoostingMarketingPersistentCta.tsx");
|
|
|
|
export default function GuildBoostingMarketingPersistentCta(arg0) {
|
|
let fractionalPremiumState;
|
|
let guild;
|
|
let isVisible;
|
|
let premiumGroupRole;
|
|
let previousGuildSubscriptionSlot;
|
|
const tmp = callback3();
|
|
({ guild, isVisible } = arg0);
|
|
const arg1 = isVisible;
|
|
({ fractionalPremiumState, previousGuildSubscriptionSlot, premiumGroupRole } = arg0);
|
|
let obj = arg1(dependencyMap[7]);
|
|
const items = [closure_4];
|
|
const stateFromStores = obj.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
|
|
const importDefault = stateFromStores;
|
|
let obj1 = arg1(dependencyMap[8]);
|
|
const fn = function _() {
|
|
let obj = {};
|
|
obj = {};
|
|
let num = -120;
|
|
if (!stateFromStores) {
|
|
let num3 = 120;
|
|
if (isVisible) {
|
|
num3 = -120;
|
|
}
|
|
num = isVisible(closure_2[9]).withSpring(num3, closure_8);
|
|
const obj3 = isVisible(closure_2[9]);
|
|
}
|
|
obj.translateY = num;
|
|
const items = [obj];
|
|
obj.transform = items;
|
|
let num4 = 0;
|
|
if (isVisible) {
|
|
num4 = 1;
|
|
}
|
|
obj.opacity = isVisible(closure_2[9]).withSpring(num4, closure_8);
|
|
return obj;
|
|
};
|
|
obj = { useReducedMotion: stateFromStores, VISIBILITY_OFFSET: 120, withSpring: arg1(dependencyMap[9]).withSpring, isVisible, SPRING_CONFIG: closure_8 };
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 14370895185277;
|
|
fn.__initData = closure_10;
|
|
const animatedStyle = obj1.useAnimatedStyle(fn);
|
|
obj = { style: items1 };
|
|
const items1 = [tmp.wrapper, animatedStyle];
|
|
obj1 = { angle: 45, angleCenter: {} };
|
|
const items2 = [importDefault(dependencyMap[6]).unsafe_rawColors.GUILD_BOOSTING_BLUE, importDefault(dependencyMap[6]).unsafe_rawColors.GUILD_BOOSTING_PURPLE];
|
|
obj1.colors = items2;
|
|
obj1.locations = [null, null];
|
|
obj1.style = tmp.border;
|
|
obj1.useAngle = true;
|
|
const obj2 = { style: tmp.innerWraper };
|
|
const obj3 = { style: tmp.guildInfoContainer };
|
|
const obj4 = { style: tmp.guildIcon, textStyle: tmp.guildIconText, guild };
|
|
const tmp4 = importDefault(dependencyMap[10]);
|
|
obj4.size = arg1(dependencyMap[11]).GuildIconSizes.LARGE;
|
|
const items3 = [callback(importDefault(dependencyMap[11]), obj4), callback(arg1(dependencyMap[12]).Text, { style: tmp.guildName, children: guild.name })];
|
|
obj3.children = items3;
|
|
const items4 = [callback2(View, obj3), ];
|
|
const obj5 = { style: tmp.guildName, children: guild.name };
|
|
const tmp5 = importDefault(dependencyMap[11]);
|
|
items4[1] = callback(View, { style: tmp.buttonContainer, children: callback(importDefault(dependencyMap[13]), obj7) });
|
|
obj2.children = items4;
|
|
obj1.children = callback2(View, obj2);
|
|
obj.children = callback(tmp4, obj1);
|
|
return callback(importDefault(dependencyMap[8]).View, obj);
|
|
};
|
|
export const VISIBILITY_OFFSET = 120;
|