yeet

modules/people/native/ClearAllIncomingRequestsConfirmation.tsx

@@ -0,0 +1,119 @@
+// Metro module 8925 (f8926).
+import { useState, useCallback } from "react";
+import { ScrollView, View } from "react-native";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import ModalActionCreators from "../../../actions/ModalActionCreators";
+import { presentFailedToast } from "../../toast/native/ToastUtils";
+import { intl, t } from "../../../intl/index.native";
+import RelationshipActionCreators from "../../../actions/RelationshipActionCreators";
+import { SafeAreaPaddingView } from "../../../components_native/common/SafeAreaView";
+import TouchableHitBox from "../../../design/void/TouchableHitBox/native/TouchableHitBox";
+import Module7734 from "../../../_bundle/Module7734";
+import { Text } from "../../../design/components/Text/native/Text";
+import { Button } from "../../../design/components/Button/native/Button.native";
+const useStyles = createStyles({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW,
+    height: "100%",
+    paddingTop: Module712.space.PX_24
+  },
+  closeButton: {
+    marginRight: 8,
+    alignSelf: "flex-end"
+  },
+  content: {
+    flexGrow: 1,
+    padding: Module712.space.PX_16
+  },
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    marginTop: Module712.space.PX_24
+  },
+  footer: {
+    flexGrow: 0,
+    flexShrink: 1,
+    backgroundColor: Module712.colors.BORDER_SUBTLE,
+    paddingVertical: Module712.space.PX_24,
+    paddingHorizontal: Module712.space.PX_16
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: Module712.space.PX_16
+  },
+  headerText: {
+    marginTop: Module712.space.PX_16,
+    marginBottom: Module712.space.PX_4
+  },
+  body: {
+    padding: Module712.space.PX_24,
+    borderRadius: Module712.radii.md,
+    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH
+  },
+  noticeHeader: {
+    marginBottom: Module712.space.PX_4
+  },
+  buttonWrapper: {
+    marginBottom: Module712.space.PX_4
+  }
+});
+export default function ClearAllIncomingRequestsConfirmationModal(props) {
+  let callback2;
+  const incomingPendingRequestCount = props.incomingPendingRequestCount;
+  callback2 = void 0;
+  const styles = useStyles();
+  const [disabled, setState] = useState(false);
+  const callback = useCallback(() => {
+    setState(false);
+    ModalActionCreators.pop();
+  }, []);
+  callback2 = useCallback(() => {
+    setState(false);
+    presentFailedToast(intl.string(t.R0RpRX));
+  }, []);
+  const callback3 = useCallback(() => {
+    setState(true);
+    RelationshipActionCreators.clearPendingRelationships().then(callback).catch(callback2);
+  }, [callback, callback2]);
+  return <SafeAreaPaddingView top>
+    <View style={styles.root}>
+      <TouchableHitBox accessibilityRole="button" accessibilityLabel={intl.string(t.cpT0Cq)} source={Module7734} style={[styles.closeButton]} onPress={() => ModalActionCreators.pop()} />
+      <View style={styles.container}>
+        <ScrollView style={styles.content}>
+          <>
+            <View style={styles.header}>
+              <Text style={styles.headerText} variant="text-lg/bold">
+                {intl.string(t.eVjfAu)}
+              </Text>
+            </View>
+            <View style={styles.body}>
+              <Text style={styles.noticeHeader} variant="text-xs/normal" color="mobile-text-heading-primary">
+                {intl.format(t.jaXsA3, {
+                  incomingRequestCount: incomingPendingRequestCount
+                })}
+              </Text>
+            </View>
+          </>
+        </ScrollView>
+        <View style={styles.footer}>
+          <SafeAreaPaddingView bottom>
+            <>
+              <View style={styles.buttonWrapper}>
+                <Button disabled={disabled} loading={disabled} variant="destructive" size="md" text={intl.string(t.Eq9seb)} onPress={callback3} grow />
+              </View>
+              <View style={styles.buttonWrapper}>
+                <Button variant="secondary" size="md" text={intl.string(t["ETE/oC"])} onPress={ModalActionCreators.pop} grow />
+              </View>
+            </>
+          </SafeAreaPaddingView>
+        </View>
+      </View>
+    </View>
+  </SafeAreaPaddingView>;
+};

modules/people/native/ClearAllIncomingRequestsConfirmationModal.tsx

@@ -0,0 +1,7 @@
+// Metro module 8924 (f8925).
+import ModalActionCreators from "../../../actions/ModalActionCreators";
+export default function openClearAllIncomingRequestsConfirmationModal(a0) {
+  ModalActionCreators.pushLazy(import("./ClearAllIncomingRequestsConfirmation"), {
+    incomingPendingRequestCount: a0
+  });
+};

modules/people/native/FriendRequestNote.tsx

@@ -0,0 +1,90 @@
+// Metro module 12219 (f12220).
+import { useState, useCallback } from "react";
+import { Pressable, View } from "react-native";
+import RelationshipStore from "../../../stores/RelationshipStore";
+import { RelationshipTypes } from "../../../Constants";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import { HideFriendRequestNotes } from "../../user_settings/UserSettings";
+import { useStateFromStoresObject } from "../../../_bundle/Module589";
+import { trackViewFriendRequestNote } from "../PeopleListTracking";
+import { Text } from "../../../design/components/Text/native/Text";
+import { Button } from "../../../design/components/Button/native/Button.native";
+import { EyeIcon } from "../../../design/components/Icon/native/redesign/generated/EyeIcon";
+import { intl, t } from "../../../intl/index.native";
+const useStyles = createStyles({
+  container: {
+    width: "100%",
+    position: "relative",
+    padding: Module712.space.PX_12,
+    borderRadius: Module712.radii.md,
+    minHeight: 56,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  spoiler: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: Module712.radii.md
+  },
+  hidden: {
+    opacity: 0
+  }
+});
+export default function FriendRequestNote(props) {
+  let note, setState;
+  const { userId, styles: styles2, backgroundColor, analyticsLocation } = props;
+  note = void 0;
+  setState = void 0;
+  const styles = useStyles();
+  const setting = HideFriendRequestNotes.useSetting();
+  const stateFromStoresObject = useStateFromStoresObject([RelationshipStore], () => ({
+    note: RelationshipStore.getNote(userId),
+    type: RelationshipStore.getRelationshipType(userId)
+  }));
+  note = stateFromStoresObject.note;
+  let accessible;
+  [accessible, setState] = useState(stateFromStoresObject.type === RelationshipTypes.PENDING_OUTGOING);
+  const callback = useCallback(() => {
+    setState(true);
+    let noteLength = note?.length;
+    if (noteLength == null) {
+      noteLength = 0;
+    }
+    trackViewFriendRequestNote({
+      analyticsLocation,
+      noteLength
+    });
+  }, [analyticsLocation, note]);
+  let r45 = null;
+  if (!setting) {
+    const r3 = note == null;
+    r45 = null;
+    if (!r3) {
+      let accessibilityLabel = "";
+      r45 = null;
+      if (note !== "") {
+        const style = accessible ? void 0 : styles.hidden;
+        if (accessible) {
+          accessibilityLabel = void 0;
+        }
+        r45 = <Pressable style={[styles.container, styles2]} onPress={callback}>
+          <View style={style}>
+            <Text accessible={accessible} accessibilityElementsHidden={!accessible} accessibilityLabel={accessibilityLabel} variant="redesign/message-preview/normal">{note}</Text>
+          </View>
+          {accessible ? null : <View style={[styles.spoiler, backgroundColor != null ? {
+            backgroundColor
+          } : void 0]}>
+            <Button icon={<EyeIcon size="sm" />} variant="secondary" size="sm" onPress={callback} text={intl.string(t.sB0q4C)} />
+          </View>}
+        </Pressable>;
+      }
+    }
+  }
+  return r45;
+};