yeet

modules/collectibles/profile_frames/native/previews/ProfileFrameSamplePreview.tsx

@@ -0,0 +1,146 @@
+// Metro module 8694 (f8695).
+import { StyleSheet, View } from "react-native";
+import { SAMPLE_PROFILE_ASPECT_RATIO } from "../../../native/CollectiblesPreviewConstants";
+import { UserProfileThemeTypes } from "../../../../user_profile/native/Constants";
+import { createStyles } from "../../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../../_bundle/Module712";
+import scaleProfileFrame from "../../scaleProfileFrame";
+import { useToken } from "../../../../../design/tokens/native/useToken";
+import ProfileFrame from "../ProfileFrame";
+import { ProfileFrameLayerOrder } from "../../../../../_bundle/Module8088";
+import Module5165 from "../../../../../_bundle/Module5165";
+import FastImage from "../../../../../components_native/common/FastImage";
+import Module8695 from "../../../../../_bundle/Module8695";
+let useStyles;
+const filterLayer = function filterLayer(a0) {
+  return a0.responsive !== true;
+};
+useStyles = createStyles({
+  profileFrameContainer: {
+    flex: 1
+  },
+  profileContainer: {
+    flex: 1,
+    overflow: "hidden",
+    borderWidth: 1,
+    borderColor: Module712.colors.BORDER_NORMAL,
+    borderRadius: Module712.radii.xs
+  },
+  sampleProfile: {
+    width: "100%",
+    aspectRatio: SAMPLE_PROFILE_ASPECT_RATIO
+  }
+});
+export default function ProfileFrameSamplePreview(props) {
+  const { profileFrame, previewWidth, previewHeight, profileBackgroundColor } = props;
+  const styles = useStyles();
+  const innerWidth = profileFrame.innerWidth;
+  const containerWidth = previewWidth * innerWidth / (innerWidth + 2 * profileFrame.overflowHorizontal);
+  const r37 = scaleProfileFrame(profileFrame, containerWidth);
+  const { overflowTop, overflowBottom, overflowHorizontal } = r37;
+  const token = useToken(profileBackgroundColor);
+  let r9 = <ProfileFrame frame={profileFrame} filterLayer={filterLayer} profileThemeType={UserProfileThemeTypes.PREVIEW} frameOrder={ProfileFrameLayerOrder.BACK} containerWidth={containerWidth} containerHeight={previewHeight} />;
+  const xs = Module712.radii.xs;
+  const r104 = <Module5165 style={{
+    position: "absolute",
+    top: -overflowTop,
+    bottom: -overflowBottom,
+    left: -overflowHorizontal,
+    right: -overflowHorizontal
+  }} maskElement={<View style={StyleSheet.absoluteFill}>
+    <View style={{
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      height: overflowTop,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      height: overflowBottom,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      top: overflowTop,
+      bottom: overflowBottom,
+      left: 0,
+      width: overflowHorizontal,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      top: overflowTop,
+      bottom: overflowBottom,
+      right: 0,
+      width: overflowHorizontal,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      top: overflowTop - xs,
+      left: overflowHorizontal - xs,
+      width: 2 * xs,
+      height: 2 * xs,
+      borderRadius: xs,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      top: overflowTop - xs,
+      right: overflowHorizontal - xs,
+      width: 2 * xs,
+      height: 2 * xs,
+      borderRadius: xs,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      bottom: overflowBottom - xs,
+      left: overflowHorizontal - xs,
+      width: 2 * xs,
+      height: 2 * xs,
+      borderRadius: xs,
+      backgroundColor: "black"
+    }} />
+    <View style={{
+      position: "absolute",
+      bottom: overflowBottom - xs,
+      right: overflowHorizontal - xs,
+      width: 2 * xs,
+      height: 2 * xs,
+      borderRadius: xs,
+      backgroundColor: "black"
+    }} />
+  </View>}>
+    <View style={{
+      marginTop: overflowTop,
+      marginBottom: overflowBottom,
+      marginHorizontal: overflowHorizontal,
+      flex: 1
+    }}>{r9}</View>
+  </Module5165>;
+  if (profileBackgroundColor == null) {
+    r9 = r104;
+  }
+  return <View style={[styles.profileFrameContainer, {
+    width: containerWidth,
+    marginTop: overflowTop,
+    marginBottom: overflowBottom,
+    marginHorizontal: overflowHorizontal
+  }]}>
+    {r9}
+    <View style={[styles.profileContainer, token != null && {
+      backgroundColor: token
+    }]}>
+      <FastImage source={{
+        uri: Module8695
+      }} style={styles.sampleProfile} resizeMode="cover" />
+    </View>
+    <ProfileFrame frame={profileFrame} filterLayer={filterLayer} profileThemeType={UserProfileThemeTypes.PREVIEW} frameOrder={ProfileFrameLayerOrder.FRONT} containerWidth={containerWidth} containerHeight={previewHeight - overflowTop - overflowBottom} />
+  </View>;
+};

modules/collectibles/profile_frames/native/previews/ProfileFrameUserPreview.tsx

@@ -0,0 +1,9 @@
+// Metro module 8745 (f8746).
+import UserProfilePreview from "../../../../user_profile/native/UserProfilePreview";
+import { intl, t } from "../../../../../intl/index.native";
+export default function ProfileFrameUserPreview(props) {
+  const { profileFrame, ...props2 } = props;
+  return <UserProfilePreview profileFrameOverride={profileFrame} accessibilityLabel={profileFrame != null ? intl.formatToPlainString(t["DT/PwH"], {
+    a11y_text: profileFrame.label
+  }) : intl.string(t.vQx51z)} {...props2} />;
+};