Initial commit

sources/modules/nuf/native/components/NewUserPermissionsOnboarding.android.tsx

@@ -0,0 +1,77 @@
+/* Metro module 12005; source: modules/nuf/native/components/NewUserPermissionsOnboarding.android.tsx; dependencies: [31, 27, 33, 4501, 5314, 697, 4573, 4578, 1244, 2] */
+function _fun92272(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#92272, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12191:6, offset: 0x02081ec1, size: 557 bytes, params: 8, frame: 24
+    var object2;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    let value = require(27) /* metro dependency 27 */;
+    const env0_2 = value.View;
+    const env0_3 = value.ScrollView;
+    value = require(33) /* metro dependency 33 */;
+    const env0_4 = value.jsx;
+    const env0_5 = value.jsxs;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object2 = {};
+    object2.scrollContainer = {minHeight: '100%'};
+    object2.container = {'flexGrow': 1, 'alignItems': 'center', 'justifyContent': 'center'};
+    const NAV_BAR_HEIGHT = (require(5314) /* metro dependency 5314: NavigatorConstantsNative */).NAV_BAR_HEIGHT;
+    object2.alertContainer = {paddingTop: 80 + NAV_BAR_HEIGHT};
+    const object3 = {'backgroundColor': null, 'borderRadius': null, 'borderWidth': 1, 'borderColor': null,
+        'alignItems': 'center', 'maxWidth': 290};
+    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
+    object3.backgroundColor = BACKGROUND_SURFACE_HIGH;
+    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xl;
+    const INTERACTIVE_BACKGROUND_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_BACKGROUND_ACTIVE;
+    object3.borderColor = INTERACTIVE_BACKGROUND_ACTIVE;
+    const SHADOW_HIGH = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_HIGH;
+    copyDataProperties(object3, SHADOW_HIGH, undefined);
+    object2.alert = object3;
+    object2.alertContent = {'paddingVertical': 24, 'paddingHorizontal': 24, 'alignItems': 'center'};
+    object2.alertTitle = {'paddingBottom': 8, 'textAlign': 'center'};
+    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.alertSubtitle = {paddingBottom: PX_16, textAlign: 'center'};
+    object2.buttonWrapper = {flexDirection: 'row'};
+    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
+    object2.primaryButtonContainer = {marginBottom: PX_12};
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.trailing = {flexGrow: 0, padding: PX_16};
+    const env0_6 = Reflect.apply(createStyles, value, [object2]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/nuf/native/components/NewUserPermissionsOnboarding.android.tsx');
+    exports.default = NewUserPermissionsOnboarding;
+}
+
+function NewUserPermissionsOnboarding({title, subtitle, header, trailing, loading, showSkip, onAllow, onDontAllow}) { // fn#92273, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12191:1025, offset: 0x020820ee, size: 688 bytes, params: 2, frame: 39
+    showSkip = showSkip === undefined || showSkip;
+    const styles = useStyles();
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    const items2 = [<Text style={styles.alertTitle} variant="heading-lg/bold" color="text-default">{title}</Text>];
+    items2[1] = <Text style={styles.alertSubtitle} variant="text-sm/medium" color="text-default">{subtitle}</Text>;
+    const items3 = [styles.buttonWrapper];
+    items3[1] = showSkip && styles.primaryButtonContainer;
+    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    items2[2] = <View style={items3}><Button variant="primary" size="md" text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t['2nYlT2'])} onPress={onAllow} loading={loading} grow /></View>;
+    items2[3] = showSkip && <View style={styles.buttonWrapper}><Button variant="secondary" text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t['5Wxrcd'])} onPress={onDontAllow} grow /></View>;
+    return (
+        <ScrollView contentContainerStyle={styles.scrollContainer}>
+            <View style={styles.container}>
+                <View style={styles.alertContainer}>
+                    <View>
+                        {header}
+                        <View style={styles.alert}>
+                            <View style={styles.alertContent}>
+                                {items2}
+                            </View>
+                        </View>
+                    </View>
+                </View>
+            </View>
+            <View style={styles.trailing}>
+                {trailing}
+            </View>
+        </ScrollView>
+    );
+}
+