Initial commit

sources/modules/user_profile/native/ChangeBannerActionSheet.tsx

@@ -0,0 +1,183 @@
+/* Metro module 13185; source: modules/user_profile/native/ChangeBannerActionSheet.tsx; dependencies: [5, 31, 27, 7624, 661, 33, 4501, 697, 6771, 3802, 4080, 4660, 6805, 6758, 1244, 7954, 6231, 6238, 7972, 13186, 566, 8403, 8490, 8421, 673, 8400, 13187, 4573, 1305, 13188, 13189, 2] */
+function _fun100641(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100641, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:6, offset: 0x021f1753, size: 608 bytes, params: 8, frame: 23
+    var object2;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(5) /* metro dependency 5 */;
+    const env0_4 = importAll(31) /* metro dependency 31 */;
+    const env0_5 = (require(27) /* metro dependency 27 */).View;
+    const userProfileSettingsStore = importDefault(7624) /* metro dependency 7624: UserProfileSettingsStore */;
+    let value = require(661) /* metro dependency 661: Constants */;
+    const env0_7 = value.AnalyticsObjects;
+    const env0_8 = value.UPLOAD_BANNER_SIZE;
+    value = require(33) /* metro dependency 33 */;
+    const env0_9 = value.jsx;
+    const env0_10 = value.jsxs;
+    const env0_11 = value.Fragment;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object2 = {};
+    const INTERACTIVE_TEXT_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_ACTIVE;
+    object2.label = {'color': null, 'alignItems': 'center', 'flexDirection': 'row', color: INTERACTIVE_TEXT_ACTIVE};
+    const TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
+    object2.sublabel = {color: TEXT_DEFAULT};
+    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object2.nitroWheel = {marginLeft: PX_8};
+    const object3 = {'borderColor': null, 'borderWidth': 1, 'borderRadius': null, 'height': 24, 'minWidth': 24};
+    const INTERACTIVE_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_DEFAULT;
+    object3.borderColor = INTERACTIVE_TEXT_DEFAULT;
+    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    object2.bannerColor = object3;
+    object2.selectedColor = {'flexDirection': 'row', 'alignItems': 'center'};
+    object2.selectedColorHex = {textTransform: 'uppercase'};
+    object2.rowArrow = {'height': 13, 'width': 8, 'marginLeft': 10, 'marginTop': 2};
+    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object2.upsellButton = {marginTop: PX_8};
+    const TEXT_FEEDBACK_CRITICAL = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_FEEDBACK_CRITICAL;
+    object2.remove = {color: TEXT_FEEDBACK_CRITICAL};
+    object2.titleWrapper = {flex: 0};
+    object2.titleContainer = {justifyContent: 'flex-start'};
+    const env0_12 = Reflect.apply(createStyles, value, [object2]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/user_profile/native/ChangeBannerActionSheet.tsx');
+    exports.default = ChangeBannerActionSheet;
+}
+
+function ChangeBannerColorRow({user}) { // fn#100642, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:894, offset: 0x021f19b3, size: 747 bytes, params: 2, frame: 29
+    var object2;
+    const styles = useStyles();
+    const {pendingAvatar,
+        pendingAccentColor} = (require(566) /* metro dependency 566: flux */).useStateFromStoresObject([UserProfileSettingsStore],
+        function() {
+        return UserProfileSettingsStore.getPendingChanges();
+    });
+    const pendingAvatarSrc = (require(8403) /* metro dependency 8403: RecentAvatarUtils */).getPendingAvatarSrc({userId: user.id,
+        image: pendingAvatar});
+    const value5 = (importDefault(8490) /* metro dependency 8490: useDisplayProfile */)(user.id);
+    const r11 = pendingAvatarSrc ?? user.getAvatarURL(undefined, 80);
+    const value7 = (require(8421) /* metro dependency 8421: VideoBackground */).memoizedImageSource(r11);
+    const colorUtilsModule = require(673) /* metro dependency 673: ColorUtils */;
+    const rgb2int = colorUtilsModule.rgb2int;
+    const videoBackgroundModule = require(8421) /* metro dependency 8421: VideoBackground */;
+    const useDominantColorFromImage = videoBackgroundModule.useDominantColorFromImage;
+    const value8 = Reflect.apply(rgb2int, colorUtilsModule, [Reflect.apply(useDominantColorFromImage,
+        videoBackgroundModule, [r11, value7])]);
+    const r19 = (pendingAccentColor !== undefined ? pendingAccentColor : value5?.primaryColor) ?? value8 ?? 0;
+    const env0_2 = env0_4.useCallback(_fun100644, [value8]);
+    const TableRow = (require(6238) /* metro dependency 6238: TableRowNative */).TableRow;
+    object2 = {};
+    const FormLabel = (require(7972) /* metro dependency 7972: native */).FormLabel;
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    object2.label = <FormLabel style={styles.label} text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.xzNfPz)} />;
+    const items2 = [((Component) => <Component style={styles.bannerColor} color={r19} />)(importDefault(13187) /* metro dependency 13187: ColorBlock */)];
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    items2[1] = <Text style={styles.selectedColorHex} variant="text-md/medium" color="interactive-text-default">{colorUtilsModule.int2hex(r19)}</Text>;
+    const Icon = (require(1305) /* metro dependency 1305: native */).Icon;
+    const Icon2 = (require(1305) /* metro dependency 1305: native */).Icon;
+    const Sizes = Icon2.Sizes;
+    const CUSTOM = Sizes.CUSTOM;
+    items2[2] = <Icon style={styles.rowArrow} size={CUSTOM} source={importDefault(13188) /* metro dependency 13188 */} />;
+    object2.trailing = <View style={styles.selectedColor}>{items2}</View>;
+    object2.onPress = onPress_100645;
+    return <TableRow {...object2} />;
+}
+
+function ChangeBannerActionSheet({user, analyticsLocations, onBannerChange, removeText, showRemoveBanner, isTryItOut}) { // fn#100646, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:1896, offset: 0x021f1d24, size: 1166 bytes, params: 2, frame: 47
+    var r12;
+    var object15;
+    showRemoveBanner = !(showRemoveBanner === undefined) && showRemoveBanner;
+    isTryItOut = !(isTryItOut === undefined) && isTryItOut;
+    const styles = useStyles();
+    analyticsLocations = (importDefault(6771) /* metro dependency 6771: useAnalyticsLocations */)(analyticsLocations).analyticsLocations;
+    const r26 = isTryItOut || (importDefault(3802) /* metro dependency 3802: PremiumUtils */).canUsePremiumProfileCustomization(user);
+    const value5 = _fun100647();
+    const AnalyticsLocationProvider = (require(6771) /* metro dependency 6771: useAnalyticsLocations */).AnalyticsLocationProvider;
+    const ActionSheet = (require(6805) /* metro dependency 6805: ActionSheetNative */).ActionSheet;
+    const BottomSheetTitleHeader = (require(6758) /* metro dependency 6758: BottomSheetTitleHeaderNative */).BottomSheetTitleHeader;
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    let string = intl.string;
+    const t = (require(1244) /* metro dependency 1244: indexNative */).t;
+    const Vgdusv = t.Vgdusv;
+    const bottomSheetTitleHeader = <BottomSheetTitleHeader title={Reflect.apply(string, intl,
+        [Vgdusv])} trailing={r26 && ((NitroWheelIcon) => <NitroWheelIcon />)((require(7954) /* metro dependency 7954: NitroWheelIcon */).NitroWheelIcon)} titleWrapperStyle={styles.titleWrapper} titleContainerStyle={styles.titleContainer} />;
+    const TableRowGroup = (require(6231) /* metro dependency 6231: TableRowGroupNative */).TableRowGroup;
+    const items2 = [r26 ? null : <ChangeBannerColorRow user={user} />];
+    const TableRow = (require(6238) /* metro dependency 6238: TableRowNative */).TableRow;
+    const object = {};
+    const FormLabel = (require(7972) /* metro dependency 7972: native */).FormLabel;
+    string = intl.string;
+    const formLabel = <FormLabel text={showRemoveBanner ? Reflect.apply(string, intl,
+        [t.N0bC3P]) : Reflect.apply(string, intl, [t['70CYsY']])} />;
+    const value13 = !r26;
+    object.label = <View style={styles.label}>{formLabel}{r26 ? value13 : ((NitroWheelIcon) => <NitroWheelIcon style={styles.nitroWheel} size="sm" />)((require(7954) /* metro dependency 7954: NitroWheelIcon */).NitroWheelIcon)}</View>;
+    const jsxRuntimeEnv0_11Binding = jsxRuntimeEnv0_11;
+    const FormSubLabel = (require(7972) /* metro dependency 7972: native */).FormSubLabel;
+    string = intl.string;
+    object.subLabel = <><FormSubLabel style={styles.sublabel} numberOfLines={2} text={r26 ? Reflect.apply(string, intl,
+        [t.IhzZlo]) : Reflect.apply(string, intl,
+        [t.NSTmdO])} />{r26 ? value13 : <View style={styles.upsellButton}>{((Component) => <Component analyticsObject={AnalyticsObjects.EDIT_PROFILE_BANNER} />)(importDefault(13186) /* metro dependency 13186: UserProfileUpsellButton */)}</View>}</>;
+    object.onPress = r26 ? value5 : undefined;
+    items2[1] = <TableRow {...object} />;
+    if (showRemoveBanner) {
+        r12 = <TableRow label={<FormLabel style={[styles.label,
+            styles.remove]} text={removeText ?? intl.string((require(1244) /* metro dependency 1244: indexNative */).t.tT9n7D)} />} onPress={onPress_100651} />;
+    } else {
+        r12 = showRemoveBanner;
+    }
+    items2[2] = r12;
+    return (
+        <AnalyticsLocationProvider value={analyticsLocations}>
+            <ActionSheet>
+                {bottomSheetTitleHeader}
+                <TableRowGroup hasIcons={false}>
+                    {items2}
+                </TableRowGroup>
+            </ActionSheet>
+        </AnalyticsLocationProvider>
+    );
+}
+
+function _fun100644(a0) { // fn#100644, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:1349, offset: 0x021f1cb1, size: 61 bytes, params: 2, frame: 13
+    let value = a0;
+    const r4 = value !== env0_0 ? value : null;
+    value = environment.__proto__;
+    value = require(8400) /* metro dependency 8400: UserProfileSettingsActionCreators */;
+    value.setPendingChanges({accentColor: r4});
+}
+
+function ChangeBannerColorRowOnPress() { // fn#100645, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:1851, owner: ChangeBannerColorRow.onPress, offset: 0x021f1cee, size: 54 bytes, params: 1, frame: 13
+    const value = environment.__proto__;
+    (importDefault(13189) /* metro dependency 13189: showCustomColorPickerActionSheet */)({color: env0_1,
+        onSelect: env0_2});
+}
+
+function _fun100647() { // fn#100647, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:2122, offset: 0x021f21b2, size: 36 bytes, params: 1, frame: 12
+    const env0_0 = env1_3(_fun100649);
+    return _fun100650;
+}
+
+function ChangeBannerActionSheetOnPress() { // fn#100651, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:3363, owner: ChangeBannerActionSheet.onPress, offset: 0x021f2258, size: 51 bytes, params: 1, frame: 12
+    onBannerChange(null);
+    const value = environment.__proto__;
+    (importDefault(4080) /* metro dependency 4080: ActionSheetActionCreators */).hideActionSheet();
+}
+
+function* _fun100649() { // fn#100649, original name: ?anon_0_, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13375:2142, offset: 0x021f21e1, size: 119 bytes, params: 1, frame: 16
+    if (true) {
+        value = environment.__proto__.__proto__.__proto__;
+        var binding = env3_1;
+        var binding2 = env3_2;
+        binding(binding2[10]).hideActionSheet();
+        var value4 = binding(binding2[11]);
+        yield value4.openImagePicker(env3_8);
+        value = undefined;
+        if (false) {
+            return value;
+        }
+        var base64 = value.base64;
+        if (base64 != null) {
+            require(base64, environment.__proto__.__proto__.originalMd5);
+        }
+    }
+}
+