yeet

modules/voice_panel/native/controls/VoicePanelChatView.tsx

@@ -0,0 +1,127 @@
+// Metro module 11432 (f11433).
+import { memo, useCallback, useContext, useRef, useEffect } from "react";
+import { Platform } from "react-native";
+import { CONTROLS_DRAWER_HEADER_SIZE } from "./VoicePanelControlsConstants";
+import { ComponentActions, ME } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import ChannelRTCActionCreators from "../../../../actions/ChannelRTCActionCreators";
+import MobileVisualRefreshExperiment from "../../../themes/experiments/MobileVisualRefreshExperiment";
+import { ComponentDispatch } from "../../../../utils/ComponentDispatchUtils";
+import ChatFloatingNavButton from "../../../chat_input/native/ChatFloatingNavButton";
+import { intl, t } from "../../../../intl/index.native";
+import Module4144 from "../../../../_bundle/Module4144";
+import { IconButton } from "../../../../design/components/Button/native/IconButton.native";
+import VoicePanelStateContext from "../VoicePanelStateContext";
+import { useAnimatedStyle } from "../../../reanimated/ReanimatedRexport";
+import ReanimatedNativeView from "../../../core/native/ReanimatedNativeView";
+import ThemedGradient from "../../../client_themes/native/ThemedGradient";
+import { useGradientTop } from "../../../client_themes/native/ClientThemesOverrides";
+import useWindowDimensions_native from "../../../screen/useWindowDimensions.native";
+import useSafeAreaInsets_native from "../../../safe_area/useSafeAreaInsets.native";
+import { getControlsDrawerOpenWidth } from "../utils/VoicePanelControlsUtils";
+import ChannelActionCreators from "../../../../actions/ChannelActionCreators";
+import useColorThemeBackground from "../../../client_themes/native/useColorThemeBackground";
+import ChatViewWidthContext from "../../../chat/native/ChatViewWidthContext";
+import { ThemeContextProvider } from "../../../../_bundle/Module3901";
+import { AccessibilityView } from "../../../../design/components/AccessibilityView/AccessibilityView.native";
+import VoicePanelControlsDrawerTitle from "./VoicePanelControlsDrawerTitle";
+import ChatView from "../../../chat/native/ChatView";
+let __initData, Component;
+Platform;
+const useStyles = createStyles({
+  container: {
+    flex: 1,
+    overflow: "hidden",
+    paddingTop: CONTROLS_DRAWER_HEADER_SIZE
+  },
+  gradientWrapper: {
+    position: "absolute",
+    top: CONTROLS_DRAWER_HEADER_SIZE,
+    left: 0
+  },
+  titleBlur: {
+    opacity: 0
+  }
+});
+const r39 = memo(function VoicePanelDismissChatButton() {
+  const r13 = MobileVisualRefreshExperiment("VoicePanelDismissChatButton");
+  const callback = useCallback(() => {
+    ComponentDispatch.dispatch(ComponentActions.VOICE_PANEL_TIV_CLOSE);
+  }, []);
+  return r13 ? <ChatFloatingNavButton accessibilityLabel={intl.string(t["5MstTl"])} icon={Module4144} onPress={callback} /> : <IconButton accessibilityLabel={intl.string(t["5MstTl"])} icon={Module4144} onPress={callback} variant="primary-overlay" />;
+});
+__initData = {
+  code: "function VoicePanelChatViewTsx1(){const{windowDimensions}=this.__closure;return{width:windowDimensions.get().width,height:windowDimensions.get().height};}"
+};
+Component = memo(function() {
+  const windowDimensions = useContext(VoicePanelStateContext).windowDimensions;
+  const styles = useStyles();
+  const n = () => ({
+    width: windowDimensions.get().width,
+    height: windowDimensions.get().height
+  });
+  n.__closure = {
+    windowDimensions
+  };
+  n.__workletHash = 16775846409623;
+  n.__initData = __initData;
+  return <ReanimatedNativeView style={[styles.gradientWrapper, useAnimatedStyle(n)]}>
+    <ThemedGradient absolute />
+  </ReanimatedNativeView>;
+});
+const r46 = memo(function VoicePanelChatView(props) {
+  const shown = props.shown;
+  const styles = useStyles();
+  const ref = useRef(null);
+  const context = useContext(VoicePanelStateContext);
+  let guildId2 = context.guildId;
+  const guildId = guildId2;
+  const channelId = context.channelId;
+  const gradientTop = useGradientTop();
+  const width = useWindowDimensions_native().width;
+  const safeAreaInsets_native = useSafeAreaInsets_native();
+  const controlsDrawerOpenWidth = getControlsDrawerOpenWidth(width, safeAreaInsets_native.left, safeAreaInsets_native.right);
+  useEffect(() => {
+    let r8 = guildId;
+    if (guildId == null) {
+      r8 = ME;
+    }
+    ChannelActionCreators.preload(r8, channelId);
+    return () => {
+      ChannelRTCActionCreators.updateChatOpen(channelId, false);
+    };
+  }, [guildId, channelId]);
+  useEffect(() => {
+    ChannelRTCActionCreators.updateChatOpen(channelId, shown);
+    const current = ref.current;
+    if (shown) {
+      if (current != null) {
+        current.chatInputTrackerRegister();
+      }
+    } else {
+      if (current != null) {
+        current.chatInputTrackerUnregister();
+      }
+      const current2 = ref.current;
+      if (current2 != null) {
+        current2.blur();
+      }
+    }
+  }, [channelId, shown]);
+  const callback = useCallback(() => {
+    ComponentDispatch.dispatch(ComponentActions.VOICE_PANEL_TIV_CLOSE);
+  }, []);
+  const colorThemeBackground = useColorThemeBackground();
+  const r74 = [<Component />, <VoicePanelControlsDrawerTitle title={intl.string(t["/VQax8"])} disablePill blurStyle={styles.titleBlur} />, ,];
+  if (guildId == null) {
+    guildId2 = ME;
+  }
+  r74[2] = <ChatView disableGradient alwaysRespectKeyboard={false} setNoExtractUI={false} guildId={guildId2} channelId={channelId} chatInputRef={ref} screenIndex="voice-panel" />;
+  return <ChatViewWidthContext.Provider value={controlsDrawerOpenWidth}>
+    <ThemeContextProvider gradient={colorThemeBackground}>
+      <AccessibilityView nativeID="voice-panel-chat-view" accessibilityViewIsModal={shown} onAccessibilityEscape={callback} style={[styles.container, gradientTop]}>{r74}</AccessibilityView>
+    </ThemeContextProvider>
+  </ChatViewWidthContext.Provider>;
+});
+export default r46;
+export { r39 as MemoedVoicePanelDismissChatButton };