yeet

modules/user_profile/native/ChangeAvatarActionSheet.tsx

@@ -0,0 +1,95 @@
+// Metro module 13709 (f13710).
+import { View } from "react-native";
+import UserStore from "../../../stores/UserStore";
+import { AnalyticsObjects } from "../../../Constants";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import PremiumUtils from "../../../utils/PremiumUtils";
+import { ActionSheet } from "../../../design/components/Sheet/native/ActionSheet.native";
+import { BottomSheetTitleHeader } from "../../../design/components/Sheet/native/BottomSheetTitleHeader.native";
+import { intl, t } from "../../../intl/index.native";
+import { NitroWheelIcon } from "../../../design/components/Icon/native/redesign/generated/NitroWheelIcon";
+import { TableRowGroup } from "../../../design/components/TableRow/native/TableRowGroup.native";
+import { TableRow } from "../../../design/components/TableRow/native/TableRow.native";
+import { FormLabel, FormSubLabel } from "../../../design/void/Form/native/index";
+import UserProfileUpsellButton from "./UserProfileUpsellButton";
+const useStyles = createStyles({
+  nitroWheel: {
+    marginLeft: Module712.space.PX_8
+  },
+  sublabel: {
+    color: Module712.colors.TEXT_DEFAULT
+  },
+  label: {
+    marginBottom: 4,
+    color: Module712.colors.INTERACTIVE_TEXT_ACTIVE,
+    alignItems: "center",
+    flexDirection: "row"
+  },
+  remove: {
+    color: Module712.colors.TEXT_FEEDBACK_CRITICAL
+  },
+  upsellButton: {
+    marginTop: Module712.space.PX_12,
+    marginBottom: Module712.space.PX_8
+  },
+  upsellTitleContainer: {
+    flexDirection: "row",
+    alignItems: "flex-end"
+  },
+  titleWrapper: {
+    flex: 0
+  },
+  titleContainer: {
+    justifyContent: "flex-start"
+  }
+});
+export default function ChangeAvatarActionSheet(props) {
+  const { handleUploadAvatarSelect, handleRemoveAvatarSelect, handleUploadGIFAvatarSelect, handleEditAvatarDecorationSelect } = props;
+  let showAnimatedAvatarUpsell = props.showAnimatedAvatarUpsell;
+  if (showAnimatedAvatarUpsell === void 0) {
+    showAnimatedAvatarUpsell = false;
+  }
+  let showRemoveAvatar = props.showRemoveAvatar;
+  if (showRemoveAvatar === void 0) {
+    showRemoveAvatar = false;
+  }
+  const styles = useStyles();
+  let trailing = PremiumUtils.isPremium(useStateFromStores([UserStore], () => UserStore.getCurrentUser()));
+  const props2 = {
+    title: intl.string(t.lqaIxI),
+    trailing: null,
+    titleWrapperStyle: null,
+    titleContainerStyle: null
+  };
+  if (trailing) {
+    trailing = <NitroWheelIcon />;
+  }
+  props2.trailing = trailing;
+  props2.titleWrapperStyle = styles.titleWrapper;
+  props2.titleContainerStyle = styles.titleContainer;
+  const r58 = [<BottomSheetTitleHeader {...props2} />, ,];
+  const r84 = [<TableRow label={intl.string(t["MsUY/S"])} subLabel={intl.string(t.r5hKOy)} onPress={handleUploadAvatarSelect} />, handleUploadGIFAvatarSelect != null && !showAnimatedAvatarUpsell && <TableRow label={intl.string(t["xsC+/y"])} onPress={handleUploadGIFAvatarSelect} />, , , ,];
+  if (showAnimatedAvatarUpsell) {
+    showAnimatedAvatarUpsell = <TableRow label={<View style={styles.upsellTitleContainer}>
+      <FormLabel text={intl.string(t.xZ0Wot)} />
+      <NitroWheelIcon style={styles.nitroWheel} size="sm" />
+    </View>} subLabel={<>
+      <FormSubLabel style={styles.sublabel} numberOfLines={3} text={intl.string(t.L3UPqR)} />
+      <View style={styles.upsellButton}>
+        <UserProfileUpsellButton analyticsObject={AnalyticsObjects.ANIMATED_AVATAR} label={intl.string(t.mr4K7D)} />
+      </View>
+    </>} />;
+  }
+  r84[2] = showAnimatedAvatarUpsell;
+  r84[3] = handleEditAvatarDecorationSelect != null && <TableRow label={<View style={styles.upsellTitleContainer}>
+    <FormLabel text={intl.string(t.BVcYCx)} />
+  </View>} onPress={handleEditAvatarDecorationSelect} />;
+  if (showRemoveAvatar) {
+    showRemoveAvatar = <TableRow label={<FormLabel style={[styles.label, styles.remove]} text={intl.string(t.twB3fz)} />} onPress={handleRemoveAvatarSelect} />;
+  }
+  r84[4] = showRemoveAvatar;
+  r58[1] = <TableRowGroup hasIcons={false}>{r84}</TableRowGroup>;
+  return <ActionSheet>{r58}</ActionSheet>;
+};