yeet

modules/activate_device/native/ActivateDeviceSuccess.tsx

@@ -0,0 +1,30 @@
+// Metro module 13023 (f13024).
+import { View } from "react-native";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import { intl, t } from "../../../intl/index.native";
+import { isSocialLayerUmbrellaScope } from "../../oauth2/scopes";
+import FastImage from "../../../components_native/common/FastImage";
+import { makeSource } from "../../../utils/AvatarUtils";
+import ActivateDeviceSharedStyles from "./ActivateDeviceSharedStyles";
+import { Text } from "../../../design/components/Text/native/Text";
+import { Button } from "../../../design/components/Button/native/Button.native";
+const useStyles = createStyles({
+  image: {
+    width: 300,
+    height: 200,
+    alignSelf: "center"
+  }
+});
+export function ActivateDeviceSuccess(props) {
+  const { data, onComplete, successImage } = props;
+  const styles = useStyles();
+  const r15 = data.twoWayLinkCode != null ? intl.string(t.QhATl2) : data.scopes.some((scope) => isSocialLayerUmbrellaScope(scope)) ? intl.string(t.vBPvK3) : null;
+  return <>
+    {[successImage != null ? <FastImage source={makeSource(successImage)} style={styles.image} resizeMode="contain" /> : null, <View style={ActivateDeviceSharedStyles.innerContent}>
+      <Text variant="heading-lg/bold" color="mobile-text-heading-primary" style={ActivateDeviceSharedStyles.centerText}>
+        {intl.string(t.qDtJmD)}
+      </Text>
+      {r15 != null ? <Text variant="text-md/medium" color="text-default" style={ActivateDeviceSharedStyles.centerText}>{r15}</Text> : null}
+    </View>, <Button size="lg" text={intl.string(t.cpT0Cq)} onPress={onComplete} grow />]}
+  </>;
+}