yeet

modules/game_profile/native/components/GameProfileScreen.tsx

@@ -0,0 +1,297 @@
+// Metro module 8481 (f8482).
+import { useState, useRef, useCallback, useMemo, useEffect } from "react";
+import { ActivityIndicator, View } from "react-native";
+import GameProfileStore from "../../GameProfileStore";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { Button } from "../../../../design/components/Button/native/Button.native";
+import { intl, t } from "../../../../intl/index.native";
+import { useBottomSheetRef } from "../../../../design/components/Sheet/native/useBottomSheetRef";
+import useOpenExternalUrlFromGameProfile from "../../hooks/useOpenExternalUrlFromGameProfile";
+import Linking from "../../../../lib/native/Linking";
+import { generateViewId, getGuildIdAndVerifiedFromInvite, trackGameProfileAction, trackGameProfileOpen, GameProfileTypes, trackGameProfileClose } from "../../GameProfileAnalyticUtils";
+import { useGame } from "../../../games/hooks/useGame";
+import useGameProfileObscured from "../../hooks/useGameProfileObscured";
+import * as _ReanimatedRexport from "../../../reanimated/ReanimatedRexport";
+import ReanimatedRexport, { useSharedValue, useAnimatedReaction, useAnimatedStyle } from "../../../reanimated/ReanimatedRexport";
+import useInAppBrowserReturn from "../hooks/useInAppBrowserReturn";
+import * as _timing from "../../../../design/animation/reanimated/timing/timing";
+import { useGameProfileStoreWebsites } from "../../hooks/useGameProfileStoreWebsites";
+import getGameProfileStoreWebsiteData from "../utils/getGameProfileStoreWebsiteData";
+import ActionSheetActionCreators, { showActionSheet } from "../../../action_sheet/native/ActionSheetActionCreators";
+import GameProfileStoreLinksActionSheet, { ACTION_SHEET_KEY } from "./GameProfileStoreLinksActionSheet";
+import { GameProfileSimilarGamesMobileExperiment } from "../../SimilarGamesExperiments";
+import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
+import { BottomSheetScrollView } from "../../../../_bundle/Module5245";
+import ObscuredSurface from "../../../safety_common/native/ObscuredSurface";
+import GameProfileView from "./GameProfileView";
+import GameProfileNavigationHeader from "./GameProfileNavigationHeader";
+import { ActionSheetHeaderBar } from "../../../../design/components/Sheet/native/ActionSheetHeaderBar.native";
+let useStyles, __initData, __initData2, __initData3, __initData4, __initData5;
+const GetButton = function GetButton(props) {
+  const onPress = props.onPress;
+  return <Button variant="primary" size="sm" text={intl.string(t.l8JeHg)} onPress={onPress} accessibilityLabel={intl.string(t.Vsxqmz)} />;
+};
+useStyles = createStyles({
+  loadingContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: 300,
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST
+  },
+  scrollView: {
+    flex: 1,
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST
+  },
+  stickyHeader: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0
+  }
+});
+__initData = {
+  code: "function GameProfileScreenTsx1(){const{heroHeaderHeight,scrollY,STICKY_HEADER_HEIGHT}=this.__closure;return heroHeaderHeight.get()>0&&scrollY.get()>=heroHeaderHeight.get()-STICKY_HEADER_HEIGHT;}"
+};
+__initData2 = {
+  code: "function GameProfileScreenTsx2(isVisible,wasVisible){const{stickyHeaderVisible,withTiming}=this.__closure;if(isVisible!==wasVisible){stickyHeaderVisible.set(withTiming(isVisible?1:0,{duration:150}));}}"
+};
+__initData3 = {
+  code: "function GameProfileScreenTsx3(){const{interpolate,stickyHeaderVisible,STICKY_HEADER_HEIGHT}=this.__closure;return{transform:[{translateY:interpolate(stickyHeaderVisible.get(),[0,1],[-1*STICKY_HEADER_HEIGHT,0])}]};}"
+};
+__initData4 = {
+  code: "function GameProfileScreenTsx4(){const{scrollY,storeLinksSectionBottomY,STICKY_HEADER_HEIGHT}=this.__closure;return scrollY.get()>storeLinksSectionBottomY.get()-STICKY_HEADER_HEIGHT;}"
+};
+__initData5 = {
+  code: "function GameProfileScreenTsx5(shouldShow,prevShouldShow){const{runOnJS,setShowGetButton}=this.__closure;if(shouldShow!==prevShouldShow){runOnJS(setShowGetButton)(shouldShow);}}"
+};
+export default function GameProfileScreen(props) {
+  let ref, ref2, state2, name, sharedValue, ref3, sharedValue2, sharedValue3, sharedValue4, state3, setState, gameProfileStoreWebsites, memo, ref4, ref5, callback, callback2;
+  const { gameId, source, sourceUserId, initialScrollOffset = 0 } = props;
+  let c16611_3 = initialScrollOffset;
+  ref = void 0;
+  ref2 = void 0;
+  state2 = void 0;
+  name = void 0;
+  sharedValue = void 0;
+  ref3 = void 0;
+  sharedValue2 = void 0;
+  sharedValue3 = void 0;
+  sharedValue4 = void 0;
+  state3 = void 0;
+  setState = void 0;
+  gameProfileStoreWebsites = void 0;
+  memo = void 0;
+  ref4 = void 0;
+  ref5 = void 0;
+  callback = void 0;
+  callback2 = void 0;
+  const styles = useStyles();
+  const bottomSheetRef2 = useBottomSheetRef();
+  const { bottomSheetRef, bottomSheetClose } = bottomSheetRef2;
+  const openExternalUrlFromGameProfile = useOpenExternalUrlFromGameProfile(Linking.openURL);
+  let c16611_4 = openExternalUrlFromGameProfile;
+  const [state] = useState(() => generateViewId());
+  ref = useRef(null);
+  ref2 = useRef(0);
+  const game = useGame(gameId);
+  const { data, isLoading } = game;
+  const gameProfileObscured = useGameProfileObscured(data);
+  let onGuildInviteResolved;
+  [state2, onGuildInviteResolved] = useState(null);
+  name = data?.name;
+  sharedValue = useSharedValue(0);
+  const callback3 = useCallback((a0) => {
+    const current = a0.nativeEvent.contentOffset.y;
+    sharedValue.set(current);
+    ref2.current = current;
+  }, [sharedValue]);
+  ref3 = useRef(false);
+  const callback4 = useCallback(() => {
+    if (c16611_3 > 0 && !ref3.current) {
+      ref3.current = true;
+      const current = ref.current;
+      if (current != null) {
+        current.scrollTo({
+          y: c16611_3,
+          animated: false
+        });
+      }
+    }
+  }, [initialScrollOffset]);
+  useInAppBrowserReturn({
+    gameId: data?.id,
+    scrollOffsetRef: ref2
+  });
+  sharedValue2 = useSharedValue(0);
+  sharedValue3 = useSharedValue(0);
+  const U = () => sharedValue2.get() > 0 && sharedValue.get() >= sharedValue2.get() - 56;
+  U.__closure = {
+    heroHeaderHeight: sharedValue2,
+    scrollY: sharedValue,
+    STICKY_HEADER_HEIGHT: 56
+  };
+  U.__workletHash = 15395308691297;
+  U.__initData = __initData;
+  const j = function j(a0, a1) {
+    if (a0 !== a1) {
+      sharedValue3.set(_timing.withTiming(a0 ? 1 : 0, {
+        duration: 150
+      }));
+    }
+  };
+  j.__closure = {
+    stickyHeaderVisible: sharedValue3,
+    withTiming: _timing.withTiming
+  };
+  j.__workletHash = 3161097061646;
+  j.__initData = __initData2;
+  useAnimatedReaction(U, j);
+  const q = function q() {
+    return {
+      transform: [{
+        translateY: _ReanimatedRexport.interpolate(sharedValue3.get(), [0, 1], [-56, 0])
+      }]
+    };
+  };
+  q.__closure = {
+    interpolate: _ReanimatedRexport.interpolate,
+    stickyHeaderVisible: sharedValue3,
+    STICKY_HEADER_HEIGHT: 56
+  };
+  q.__workletHash = 16452163547712;
+  q.__initData = __initData3;
+  const animatedStyle = useAnimatedStyle(q);
+  sharedValue4 = useSharedValue(Infinity);
+  [state3, setState] = useState(false);
+  const X = () => sharedValue.get() > sharedValue4.get() - 56;
+  X.__closure = {
+    scrollY: sharedValue,
+    storeLinksSectionBottomY: sharedValue4,
+    STICKY_HEADER_HEIGHT: 56
+  };
+  X.__workletHash = 14521195063038;
+  X.__initData = __initData4;
+  const Q = function Q(a0, a1) {
+    if (a0 !== a1) {
+      _ReanimatedRexport.runOnJS(setState)(a0);
+    }
+  };
+  Q.__closure = {
+    runOnJS: _ReanimatedRexport.runOnJS,
+    setShowGetButton: setState
+  };
+  Q.__workletHash = 15045914286853;
+  Q.__initData = __initData5;
+  useAnimatedReaction(X, Q);
+  gameProfileStoreWebsites = useGameProfileStoreWebsites(data);
+  memo = useMemo(() => gameProfileStoreWebsites.map(getGameProfileStoreWebsiteData).filter((item) => item != null), [gameProfileStoreWebsites]);
+  ref4 = useRef(void 0);
+  ref5 = useRef(null);
+  useEffect(() => {
+    ref4.current = name;
+  }, [name]);
+  useEffect(() => {
+    ref5.current = state2;
+  }, [state2]);
+  callback = useCallback((a0, a1) => {
+    const guildIdAndVerifiedFromInvite = getGuildIdAndVerifiedFromInvite(ref5.current);
+    const { guildId, isVerified } = guildIdAndVerifiedFromInvite;
+    let current = ref4.current;
+    if (current == null) {
+      current = "";
+    }
+    trackGameProfileAction({
+      gameName: current,
+      gameId,
+      action: a0,
+      similarGameId: a1,
+      viewId: state,
+      guildId,
+      isVerified,
+      source
+    });
+  }, [gameId, state, source]);
+  callback2 = useCallback(() => {
+    if (memo.length === 1) {
+      const [r31] = memo;
+      callback(r31.action);
+      c16611_4(r31.url);
+    } else if (memo.length > 1) {
+      let current = ref4.current;
+      if (current == null) {
+        current = "";
+      }
+      showActionSheet({
+        key: ACTION_SHEET_KEY,
+        content: <GameProfileStoreLinksActionSheet gameName={current} websiteButtons={memo} trackAction={callback} />,
+        stackingBehavior: "stack"
+      });
+    }
+  }, [memo, callback, openExternalUrlFromGameProfile]);
+  useEffect(() => {
+    let current = ref4.current;
+    if (current == null) {
+      current = "";
+    }
+    trackGameProfileOpen({
+      source,
+      viewId: state,
+      gameId,
+      gameName: current,
+      authorId: sourceUserId,
+      profileType: GameProfileTypes.FullProfile
+    });
+  }, [gameId, source, sourceUserId, state]);
+  useEffect(() => () => {
+    let similarGames;
+    const guildIdAndVerifiedFromInvite = getGuildIdAndVerifiedFromInvite(ref5.current);
+    const { guildId, isVerified } = guildIdAndVerifiedFromInvite;
+    const enabled = GameProfileSimilarGamesMobileExperiment.getConfig({
+      location: "GameProfileScreenClose"
+    }).enabled;
+    let current = ref4.current;
+    if (current == null) {
+      current = "";
+    }
+    if (enabled) {
+      let r34 = GameProfileStore.getSimilarGames(gameId);
+      if (r34 == null) {
+        r34 = [];
+      }
+      similarGames = r34;
+    } else {
+      similarGames = [];
+    }
+    trackGameProfileClose({
+      viewId: state,
+      gameId,
+      gameName: current,
+      playedFriendIds: [],
+      playedFriendsData: [],
+      similarGames,
+      guildId,
+      isVerified
+    });
+  }, [gameId, source, sourceUserId, state]);
+  const callback5 = useCallback((a0) => {
+    sharedValue2.set(a0);
+  }, [sharedValue2]);
+  const callback6 = useCallback((a0) => {
+    sharedValue4.set(a0);
+  }, [sharedValue4]);
+  return <BottomSheet ref={bottomSheetRef} startExpanded scrollable handleDisabled onExpand={callback4}>
+    {!isLoading && data != null ? <BottomSheetScrollView ref={ref} style={styles.scrollView} onScroll={callback3}>
+      <ObscuredSurface obscured={gameProfileObscured}>
+        <GameProfileView game={data} invite={state2} viewId={state} source={source} trackAction={callback} onGuildInviteResolved={onGuildInviteResolved} closeModal={() => ActionSheetActionCreators.hideAllActionSheets()} scrollY={sharedValue} websiteButtons={memo} onStoreLinksMeasured={callback6} onHeaderHeightMeasured={callback5} scrollOffsetRef={ref2} />
+      </ObscuredSurface>
+    </BottomSheetScrollView> : <View style={styles.loadingContainer}>
+      <ActivityIndicator animating size="large" />
+    </View>}
+    <ReanimatedRexport.View style={[styles.stickyHeader, animatedStyle]} pointerEvents="box-none">
+      <GameProfileNavigationHeader game={data} headerRight={useMemo(() => memo.length > 0 ? state3 ? () => <GetButton onPress={callback2} /> : void 0 : void 0, [memo, state3, callback2])} />
+    </ReanimatedRexport.View>
+    <ActionSheetHeaderBar variant="overlay" onPress={bottomSheetClose} />
+  </BottomSheet>;
+};