yeet

modules/display_name_styles/hooks/useDisplayNameStyles.tsx

@@ -0,0 +1,42 @@
+// Metro module 4419 (f4420).
+import { useContext } from "react";
+import GuildMemberStore from "../../../stores/GuildMemberStore";
+import UserStore from "../../../stores/UserStore";
+import { useDisplayNameStylesEnabled } from "./useDisplayNameStylesEnabled";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import GuildIDContext from "../../guild/GuildIDContext";
+export default function useDisplayNameStyles(r3 = {}) {
+  let r36, r37;
+  const userId = r3.userId;
+  let guildId2 = r3.guildId;
+  let guildId = guildId2;
+  const { pendingDisplayNameStyles, ignoreDisabledStylesSetting = false } = r3;
+  const displayNameStylesEnabled = useDisplayNameStylesEnabled({
+    location: "useDisplayNameStyles"
+  });
+  const stateFromStores = useStateFromStores([UserStore], () => userId != null ? UserStore.getUser(userId) : UserStore.getCurrentUser());
+  const context = useContext(GuildIDContext);
+  if (guildId2 == null) {
+    guildId = context;
+    guildId2 = context;
+  }
+  L23: {
+    const stateFromStores2 = useStateFromStores([GuildMemberStore], () => guildId != null ? stateFromStores != null ? GuildMemberStore.getMember(guildId, stateFromStores.id) : null : null);
+    if (!displayNameStylesEnabled) {
+      r36 = null;
+      if (!ignoreDisabledStylesSetting) {
+        break L23;
+      }
+    }
+    if (pendingDisplayNameStyles !== void 0) {
+      r37 = pendingDisplayNameStyles === null ? guildId2 != null ? stateFromStores?.displayNameStyles : pendingDisplayNameStyles : pendingDisplayNameStyles;
+    } else {
+      r37 = stateFromStores2?.displayNameStyles;
+      if (r37 == null) {
+        r37 = stateFromStores?.displayNameStyles;
+      }
+    }
+    r36 = r37;
+  }
+  return r36;
+};

modules/display_name_styles/hooks/useDisplayNameStylesAccessibleColors.tsx

@@ -0,0 +1,26 @@
+// Metro module 8384 (f8385).
+import { useMemo } from "react";
+import AccessibilityStore from "../../a11y/AccessibilityStore";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import { DisplayNameEffect } from "../../../_bundle/Module1887";
+import { useDisplayNameStylesEffectConfig } from "./useDisplayNameStylesEffectConfigs";
+import { getAccessibleForegroundColor } from "../../../utils/ColorUtils";
+import Module689 from "../../../_bundle/Module689";
+export function useDisplayNameStylesAccessibleColors({ displayNameStyles, backgroundColor }) {
+  let SOLID, displayNameStylesEffectConfig;
+  SOLID = void 0;
+  displayNameStylesEffectConfig = void 0;
+  const stateFromStores = useStateFromStores([AccessibilityStore], () => AccessibilityStore.desaturateUserColors ? AccessibilityStore.saturation : 1);
+  let r17 = displayNameStyles?.effectId;
+  if (r17 == null) {
+    r17 = DisplayNameEffect.SOLID;
+  }
+  SOLID = r17;
+  displayNameStylesEffectConfig = useDisplayNameStylesEffectConfig(SOLID);
+  return useMemo(() => displayNameStyles == null ? [] : displayNameStyles.colors.map((color) => getAccessibleForegroundColor({
+    foreground: Module689(color),
+    background: SOLID === DisplayNameEffect.TOON ? Module689("#333") : Module689(backgroundColor),
+    ratio: displayNameStylesEffectConfig.minContrastRatio,
+    saturationFactor: stateFromStores
+  }).hex()), [displayNameStyles, SOLID, displayNameStylesEffectConfig.minContrastRatio, stateFromStores, backgroundColor]);
+}

modules/display_name_styles/hooks/useDisplayNameStylesEffectConfigs.tsx

@@ -0,0 +1,53 @@
+// Metro module 8385 (f8386).
+import { useMemo } from "react";
+import { DisplayNameEffect } from "../../../_bundle/Module1887";
+import DisplayNameStyles_messages from "../intl/DisplayNameStyles.messages";
+import useDisplayNameStylesEffectDefaultColors_native from "./useDisplayNameStylesEffectDefaultColors.native";
+import { intl } from "../../../intl/index.native";
+import { DisplayNameFont } from "../../../_bundle/Module1888";
+const r17 = {};
+r17[DisplayNameEffect.SOLID] = DisplayNameStyles_messages.OpWJ3f;
+r17[DisplayNameEffect.GRADIENT] = DisplayNameStyles_messages["i9e/u1"];
+r17[DisplayNameEffect.NEON] = DisplayNameStyles_messages.x68b1F;
+r17[DisplayNameEffect.TOON] = DisplayNameStyles_messages.otpeeM;
+r17[DisplayNameEffect.POP] = DisplayNameStyles_messages.cjQOKb;
+r17[DisplayNameEffect.GUMMY] = DisplayNameStyles_messages.x9Gtie;
+r17[DisplayNameEffect.PRISM] = DisplayNameStyles_messages["/M7psm"];
+let c5377_4 = r17;
+const r67 = {};
+r67[DisplayNameEffect.SOLID] = 3;
+r67[DisplayNameEffect.GRADIENT] = 2.5;
+r67[DisplayNameEffect.GLOW] = 2.5;
+r67[DisplayNameEffect.PRISM] = 2.5;
+r67[DisplayNameEffect.NEON] = 3;
+r67[DisplayNameEffect.TOON] = 3;
+r67[DisplayNameEffect.POP] = 3;
+r67[DisplayNameEffect.GUMMY] = 3;
+let c5377_5 = r67;
+export { c5377_4 as DISPLAY_NAME_STYLES_EFFECT_NAMES };
+export function useDisplayNameStylesEffectConfig(a0) {
+  const effectId = a0;
+  const defaultColors = useDisplayNameStylesEffectDefaultColors_native()[a0];
+  return useMemo(() => {
+    let r7 = c5377_4[effectId];
+    if (r7 == null) {
+      r7 = DisplayNameStyles_messages.OpWJ3f;
+    }
+    const r18 = {
+      name: intl.string(r7),
+      defaultColors,
+      previewStyles: {
+        fontId: DisplayNameFont.DEFAULT,
+        effectId,
+        colors: defaultColors
+      },
+      minContrastRatio: null
+    };
+    let minContrastRatio = c5377_5[effectId];
+    if (minContrastRatio == null) {
+      minContrastRatio = 3;
+    }
+    r18.minContrastRatio = minContrastRatio;
+    return r18;
+  }, [a0, defaultColors]);
+}

modules/display_name_styles/hooks/useDisplayNameStylesEffectDefaultColors.native.tsx

@@ -0,0 +1,28 @@
+// Metro module 8386 (f8387).
+import { useMemo } from "react";
+import { DISPLAY_NAME_STYLES_GRADIENT_PRESETS, DISPLAY_NAME_STYLES_GUMMY_PRESETS, DISPLAY_NAME_STYLES_PRISM_PRESETS } from "../DisplayNameStylesConstants";
+import { hex2int } from "../../../_bundle/int2hslRaw";
+import { useToken } from "../../../design/tokens/native/useToken";
+import Module712 from "../../../_bundle/Module712";
+import { DisplayNameEffect } from "../../../_bundle/Module1887";
+export default function useDisplayNameStylesEffectDefaultColors() {
+  const r17 = hex2int(useToken(Module712.colors.TEXT_DEFAULT));
+  let c16551_0 = r17;
+  return useMemo(() => {
+    const r3 = {};
+    const SOLID = DisplayNameEffect.SOLID;
+    r3[SOLID] = [c16551_0];
+    r3[DisplayNameEffect.GRADIENT] = [...DISPLAY_NAME_STYLES_GRADIENT_PRESETS[0].colors];
+    r3[DisplayNameEffect.GLOW] = [...DISPLAY_NAME_STYLES_GRADIENT_PRESETS[0].colors];
+    r3[DisplayNameEffect.GUMMY] = [...DISPLAY_NAME_STYLES_GUMMY_PRESETS[0]];
+    r3[DisplayNameEffect.PRISM] = [...DISPLAY_NAME_STYLES_PRISM_PRESETS[0]];
+    r3[DisplayNameEffect.TOON] = [15999128];
+    r3[DisplayNameEffect.NEON] = [6888941];
+    r3[DisplayNameEffect.POP] = [1036166];
+    r3[DisplayNameEffect.TEST_1] = [c16551_0];
+    r3[DisplayNameEffect.TEST_2] = [c16551_0];
+    r3[DisplayNameEffect.TEST_3] = [c16551_0];
+    r3[DisplayNameEffect.TEST_4] = [c16551_0];
+    return r3;
+  }, [r17]);
+};

modules/display_name_styles/hooks/useDisplayNameStylesEnabled.tsx

@@ -0,0 +1,13 @@
+// Metro module 4420 (f4421).
+import { useContext } from "react";
+import AccessibilityStore from "../../a11y/AccessibilityStore";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import { DisplayNameStylesContext } from "../DisplayNameStylesContext";
+export function useDisplayNameStylesEnabled() {
+  let r10 = useStateFromStores([AccessibilityStore], () => AccessibilityStore.displayNameStylesEnabled);
+  const context = useContext(DisplayNameStylesContext);
+  if (!r10) {
+    r10 = context.overrideSettings;
+  }
+  return r10;
+}

modules/display_name_styles/hooks/useDisplayNameStylesHandleApply.tsx

@@ -0,0 +1,35 @@
+// Metro module 14352 (f14353).
+import { useCallback } from "react";
+import { AnalyticEvents } from "../../../Constants";
+import { DisplayNameEffect } from "../../../_bundle/Module1887";
+import { setTryItOutDisplayNameStyles } from "../../user_profile/UserProfileActionCreators";
+import { setPendingChanges } from "../../user_profile/UserProfileSettingsActionCreators";
+import AnalyticsUtils from "../../../utils/AnalyticsUtils";
+import { DisplayNameFont } from "../../../_bundle/Module1888";
+export function useDisplayNameStylesHandleApply({ hasChanges, selectedFontId, selectedEffectId, selectedColors, defaultColor, guildId, isTryItOut, onClose }) {
+  return useCallback(() => {
+    if (hasChanges) {
+      const displayNameStyles = {
+        fontId: selectedFontId,
+        effectId: selectedEffectId,
+        colors: selectedEffectId === DisplayNameEffect.SOLID && selectedColors.length > 0 && selectedColors[0] === defaultColor ? [] : selectedColors
+      };
+      if (isTryItOut) {
+        setTryItOutDisplayNameStyles(displayNameStyles);
+      } else {
+        setPendingChanges({
+          guildId,
+          displayNameStyles
+        });
+      }
+      AnalyticsUtils.track(AnalyticEvents.DISPLAY_NAME_STYLES_APPLIED, {
+        font_name: DisplayNameFont[selectedFontId],
+        effect_name: DisplayNameEffect[selectedEffectId],
+        colors: selectedColors
+      });
+      if (onClose != null) {
+        onClose();
+      }
+    }
+  }, [hasChanges, selectedFontId, selectedEffectId, selectedColors, defaultColor, onClose, guildId, isTryItOut]);
+}

modules/display_name_styles/hooks/useDisplayNameStylesNewItems.tsx

@@ -0,0 +1,44 @@
+// Metro module 14355 (f14356).
+import { useMemo, useCallback } from "react";
+import DisplayNameStylesSeenStore from "../DisplayNameStylesSeenStore";
+import { FLYWHEEL_EFFECTS, FLYWHEEL_FONTS } from "../DisplayNameStylesConstants";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import { markDisplayNameStyleFontSeen, markDisplayNameStyleEffectSeen, markDisplayNameStyleNewFontsBadgeDismissed, markDisplayNameStyleNewEffectsBadgeDismissed } from "../DisplayNameStylesActionCreators";
+export function useDisplayNameStylesNewFonts(a0) {
+  let c21170_0 = a0;
+  const stateFromStores = useStateFromStores([DisplayNameStylesSeenStore], () => DisplayNameStylesSeenStore.getSeenFonts());
+  return {
+    dotFontIds: useMemo(() => new Set(c21170_0.filter((item) => FLYWHEEL_FONTS.includes(item) && !stateFromStores.has(item))), [a0, stateFromStores]),
+    dismissFontDot: useCallback((a0) => {
+      markDisplayNameStyleFontSeen(a0);
+    }, [])
+  };
+}
+export function useDisplayNameStylesNewEffects(a0) {
+  let c21171_0 = a0;
+  const stateFromStores2 = useStateFromStores([DisplayNameStylesSeenStore], () => DisplayNameStylesSeenStore.getSeenEffects());
+  return {
+    dotEffectIds: useMemo(() => new Set(c21171_0.filter((item) => FLYWHEEL_EFFECTS.includes(item) && !stateFromStores2.has(item))), [a0, stateFromStores2]),
+    dismissEffectDot: useCallback((a0) => {
+      markDisplayNameStyleEffectSeen(a0);
+    }, [])
+  };
+}
+export function useDisplayNameStylesNewFontsBadge(a0) {
+  const stateFromStores3 = useStateFromStores([DisplayNameStylesSeenStore], () => DisplayNameStylesSeenStore.getNewFontsBadgeDismissed());
+  return {
+    showFontsBadge: useMemo(() => a0.some((item) => FLYWHEEL_FONTS.includes(item)), [a0]) && !stateFromStores3,
+    dismissFontsBadge: useCallback(() => {
+      markDisplayNameStyleNewFontsBadgeDismissed();
+    }, [])
+  };
+}
+export function useDisplayNameStylesNewEffectsBadge(a0) {
+  const stateFromStores3 = useStateFromStores([DisplayNameStylesSeenStore], () => DisplayNameStylesSeenStore.getNewEffectsBadgeDismissed());
+  return {
+    showEffectsBadge: useMemo(() => a0.some((item) => FLYWHEEL_EFFECTS.includes(item)), [a0]) && !stateFromStores3,
+    dismissEffectsBadge: useCallback(() => {
+      markDisplayNameStyleNewEffectsBadgeDismissed();
+    }, [])
+  };
+}

modules/display_name_styles/hooks/useDisplayNameStylesPendingName.tsx

@@ -0,0 +1,29 @@
+// Metro module 14351 (f14352).
+import UserProfileSettingsStore from "../../user_profile/UserProfileSettingsStore";
+import GuildMemberStore from "../../../stores/GuildMemberStore";
+import UserUtils from "../../../utils/UserUtils";
+import { useStateFromStores } from "../../../_bundle/Module589";
+export function useDisplayNameStylesPendingName(a0, a1) {
+  const name = UserUtils.useName(a0);
+  let r20 = useStateFromStores([UserProfileSettingsStore, GuildMemberStore], () => {
+    let r9;
+    const pendingChanges = UserProfileSettingsStore.getPendingChanges(a1);
+    if (a1 != null) {
+      let pendingNickname = pendingChanges.pendingNickname;
+      if (pendingNickname == null) {
+        pendingNickname = GuildMemberStore.getNick(a1, a0?.id);
+      }
+      r9 = pendingNickname;
+    } else {
+      r9 = pendingChanges.pendingGlobalName;
+    }
+    return r9;
+  }, [a1, a0]);
+  if (r20 == null) {
+    r20 = name;
+  }
+  if (r20 == null) {
+    r20 = "";
+  }
+  return r20;
+}