Initial commit

sources/modules/user_profile/native/EditNameplateActionSheet.tsx

@@ -0,0 +1,182 @@
+/* Metro module 13223; source: modules/user_profile/native/EditNameplateActionSheet.tsx; dependencies: [57, 31, 27, 5145, 1902, 1945, 661, 33, 4501, 697, 7326, 6771, 6789, 683, 8400, 6275, 4573, 1244, 8404, 7675, 566, 13224, 8402, 13225, 8414, 8415, 8409, 8405, 8482, 4589, 10507, 2] */
+function _fun100864(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100864, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13413:6, offset: 0x021fd72c, size: 503 bytes, params: 8, frame: 22
+    var object2;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(57) /* metro dependency 57 */;
+    const env0_4 = importAll(31) /* metro dependency 31 */;
+    const env0_5 = (require(27) /* metro dependency 27 */).View;
+    const collectiblesPurchaseStore = importDefault(5145) /* metro dependency 5145: CollectiblesPurchaseStore */;
+    const env0_7 = (require(1902) /* metro dependency 1902: NameplateRecord */).isNameplateRecord;
+    const guildMemberStore = importDefault(1945) /* metro dependency 1945: GuildMemberStore */;
+    const env0_9 = (require(661) /* metro dependency 661: Constants */).AnalyticEvents;
+    let value = require(33) /* metro dependency 33 */;
+    const env0_10 = value.jsx;
+    const env0_11 = value.jsxs;
+    const env0_12 = value.Fragment;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object2 = {};
+    let MOBILE_ACTIONSHEET_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_ACTIONSHEET_BACKGROUND;
+    object2.container = {flex: 1, backgroundColor: MOBILE_ACTIONSHEET_BACKGROUND};
+    object2.bounceOffset = {'position': 'absolute', 'top': -250, 'height': 250, 'right': 0, 'left': 0};
+    const MOBILE_TEXT_HEADING_PRIMARY = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_TEXT_HEADING_PRIMARY;
+    object2.title = {'alignSelf': 'center', 'color': null, 'margin': 25, color: MOBILE_TEXT_HEADING_PRIMARY};
+    object2.nameplatePreviewContainer = {'width': '80%', 'alignSelf': 'center', 'justifyContent': 'center',
+        'alignItems': 'center'};
+    object2.nameplateGradientContainer = {width: '100%'};
+    MOBILE_ACTIONSHEET_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_ACTIONSHEET_BACKGROUND;
+    object2.nameplatePreviewGradient = {'position': 'absolute', 'width': '100%', 'height': '100%',
+        color: MOBILE_ACTIONSHEET_BACKGROUND};
+    const env0_13 = Reflect.apply(createStyles, value, [object2]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/user_profile/native/EditNameplateActionSheet.tsx');
+    exports.default = EditNameplateActionSheet;
+}
+
+function EditNameplateInner({user, selectedNameplate, setSelectedNameplate, guildId}) { // fn#100865, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13413:799, offset: 0x021fd923, size: 659 bytes, params: 2, frame: 29
+    (require(7675) /* metro dependency 7675: useFetchCollectiblesCategoriesAndPurchases */).useGetOrFetchCollectiblesCategoriesAndPurchases();
+    const isFetching = (require(566) /* metro dependency 566: flux */).useStateFromStores([CollectiblesPurchaseStore],
+        function() {
+        return CollectiblesPurchaseStore.isFetching;
+    });
+    const value3 = (importDefault(13224) /* metro dependency 13224: useNameplateSections */)();
+    const value4 = (require(566) /* metro dependency 566: flux */).useStateFromStores([GuildMemberStore], _fun100867);
+    const profilePreviewValue = (require(8402) /* metro dependency 8402: ProfileCustomizationUtils */).getProfilePreviewValue({pendingValue: selectedNameplate,
+        userValue: user == null || user.collectibles == null ? undefined : user.collectibles.nameplate,
+        guildValue: value4 == null || value4.collectibles == null ? undefined : value4.collectibles.nameplate,
+        guildId: guildId});
+    const value6 = env0_4.useCallback(_fun100868, [setSelectedNameplate, guildId]);
+    const jsxRuntimeEnv0_12Binding = jsxRuntimeEnv0_12;
+    let skuId = profilePreviewValue?.skuId;
+    const items2 = [<NameplateActionSheetPreview previewSkuId={skuId} user={user} guildId={guildId} />];
+    const EditCollectiblesPreviewDetails = importDefault(8414) /* metro dependency 8414: EditCollectiblesPreviewDetails */;
+    const defaultImportProps = {user: user, previewSkuId: profilePreviewValue?.skuId};
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    defaultImportProps.nitroJoinCTA = intl.string((require(1244) /* metro dependency 1244: indexNative */).t['V+IE93']);
+    defaultImportProps.nitroUpgradeCTA = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.a6SrkR);
+    items2[1] = <EditCollectiblesPreviewDetails {...defaultImportProps} />;
+    const EditCollectiblesPickerList = (require(8415) /* metro dependency 8415: EditCollectiblesPickerList */).EditCollectiblesPickerList;
+    skuId = selectedNameplate?.skuId;
+    const COLLECTIBLE_ROW_HEIGHT = (require(8409) /* metro dependency 8409: useCollectibleListLayout */).COLLECTIBLE_ROW_HEIGHT;
+    items2[2] = <EditCollectiblesPickerList sections={value3} selectedSkuId={skuId} renderRow={value6} estimatedItemSize={COLLECTIBLE_ROW_HEIGHT} isFetching={isFetching} />;
+    return (
+        <>
+            {items2}
+        </>
+    );
+}
+
+function NameplateActionSheetPreview({previewSkuId, user, guildId}) { // fn#100869, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13413:1895, offset: 0x021fdc19, size: 827 bytes, params: 2, frame: 38
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    const styles = useStyles();
+    let value2 = (importDefault(8405) /* metro dependency 8405: useCollectiblesData */)(previewSkuId);
+    let value3 = env0_4.useMemo(function() {
+        var r1;
+        var productBinding = product;
+        var value2 = null;
+        var value3 = undefined;
+        r1 = value2 == productBinding ? value3 : product.items[0];
+        r1 = value2 == r1 ? value2 == purchase ? value3 : purchase.items[0] : r1;
+        return isNameplateRecord(r1) ? r1 : value2;
+    }, [value2.purchase, value2.product]);
+    const r4 = value3 != null ? intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t.YJig7C,
+        {a11y_text: value3.label}) : intl.string((require(1244) /* metro dependency 1244: indexNative */).t.aqlsGS);
+    let nameplateGradientContainer = styles.nameplateGradientContainer;
+    const NameplateDummyUserPreview = (require(8482) /* metro dependency 8482: NameplateDummyUserPreview */).NameplateDummyUserPreview;
+    const items2 = [<NameplateDummyUserPreview width={100} />];
+    items2[1] = <NameplateDummyUserPreview width={140} />;
+    items2[2] = ((Component) => <Component style={styles.nameplatePreviewGradient} start={{'x': 0,
+        'y': 0.1}} end={{'x': 0, 'y': 0.8}} colors={[styles.nameplatePreviewGradient.color,
+        '' + styles.nameplatePreviewGradient.color + '00']} />)(importDefault(4589) /* metro dependency 4589 */);
+    const items3 = [<View style={nameplateGradientContainer}>{items2}</View>];
+    const NameplatePreview = (require(10507) /* metro dependency 10507: NameplatePreview */).NameplatePreview;
+    items3[1] = <NameplatePreview nameplate={value3} user={user} guildId={guildId} animate {...{['aria-hidden']: true}} />;
+    nameplateGradientContainer = styles.nameplateGradientContainer;
+    const items4 = [<NameplateDummyUserPreview width={140} />];
+    items4[1] = <NameplateDummyUserPreview width={100} />;
+    items4[2] = ((Component) => <Component style={styles.nameplatePreviewGradient} start={{'x': 0,
+        'y': 0.2}} end={{'x': 0, 'y': 0.9}} colors={['' + styles.nameplatePreviewGradient.color + '00',
+        styles.nameplatePreviewGradient.color]} />)(importDefault(4589) /* metro dependency 4589 */);
+    items3[2] = <View style={nameplateGradientContainer}>{items4}</View>;
+    return (
+        <View
+            style={styles.nameplatePreviewContainer}
+            accessibilityLabel={r4}
+            accessibilityRole="image"
+            accessible
+        >
+            {items3}
+        </View>
+    );
+}
+
+function EditNameplateActionSheet({user, currentNameplate, guildId}) { // fn#100871, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13413:3058, offset: 0x021fdf54, size: 633 bytes, params: 2, frame: 36
+    const styles = useStyles();
+    const useBottomSheetRefModule = require(7326) /* metro dependency 7326: useBottomSheetRef */;
+    const useBottomSheetRef = useBottomSheetRefModule.useBottomSheetRef;
+    const bottomSheetRef = Reflect.apply(useBottomSheetRef, useBottomSheetRefModule, []).bottomSheetRef;
+    let binding = env0_4;
+    const [property, property2] = env0_3(binding.useState(undefined), 2);
+    const r15 = property === undefined ? currentNameplate : property;
+    let defaultImport = importDefault(6771) /* metro dependency 6771: useAnalyticsLocations */;
+    let EDIT_NAMEPLATE_SHEET = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).EDIT_NAMEPLATE_SHEET;
+    const analyticsLocations = defaultImport(EDIT_NAMEPLATE_SHEET).analyticsLocations;
+    binding = env0_4;
+    const value5 = binding.useCallback(function() {
+        var defaultImport = importDefault(dependencyMap[13]);
+        var OPEN_POPOUT = AnalyticEvents.OPEN_POPOUT;
+        defaultImport.track(OPEN_POPOUT, {type: importDefault(dependencyMap[12]).EDIT_NAMEPLATE_SHEET,
+            is_fullscreen: true});
+    }, []);
+    const value6 = binding.useCallback(_fun100873, [property, guildId]);
+    const AnalyticsLocationProvider = (require(6771) /* metro dependency 6771: useAnalyticsLocations */).AnalyticsLocationProvider;
+    const BottomSheet = (require(6275) /* metro dependency 6275: BottomSheetNative */).BottomSheet;
+    const view = <View style={styles.bounceOffset} />;
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    const string = intl.string;
+    const BwdeM1 = (require(1244) /* metro dependency 1244: indexNative */).t.BwdeM1;
+    const view2 = <View style={styles.container}>{view}<Text variant="redesign/heading-18/bold" style={styles.title} accessibilityRole="header">{Reflect.apply(string,
+        intl,
+        [BwdeM1])}</Text><EditNameplateInner user={user} selectedNameplate={r15} setSelectedNameplate={property2} guildId={guildId} /></View>;
+    const EditCollectiblesCTAButton = importDefault(8404) /* metro dependency 8404: EditCollectiblesCTAButton */;
+    const defaultImport2Props = {user: user, currentSkuId: currentNameplate?.skuId, selectedSkuId: r15?.skuId,
+        onApply: value6, analyticsLocations: analyticsLocations};
+    EDIT_NAMEPLATE_SHEET = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).EDIT_NAMEPLATE_SHEET;
+    defaultImport2Props.analyticsSource = EDIT_NAMEPLATE_SHEET;
+    return (
+        <AnalyticsLocationProvider value={analyticsLocations}>
+            <BottomSheet
+                scrollable
+                ref={bottomSheetRef}
+                onExpand={value5}
+                startExpanded
+            >
+                {view2}
+                <EditCollectiblesCTAButton {...defaultImport2Props} />
+            </BottomSheet>
+        </AnalyticsLocationProvider>
+    );
+}
+
+function _fun100868({items, size, selectedSkuId}) { // fn#100868, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13413:1283, offset: 0x021fdbb6, size: 99 bytes, params: 2, frame: 16
+    const EditNameplateRow = (require(13225) /* metro dependency 13225: EditNameplateSection */).EditNameplateRow;
+    return (
+        <EditNameplateRow
+            items={items}
+            size={size}
+            selectedSkuId={selectedSkuId}
+            setSelectedNameplate={setSelectedNameplate}
+            guildId={guildId}
+        />
+    );
+}
+
+function _fun100873() { // fn#100873, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13413:3438, offset: 0x021fe21c, size: 73 bytes, params: 1, frame: 15
+    let value = environment.__proto__;
+    value = require(8400) /* metro dependency 8400: UserProfileSettingsActionCreators */;
+    const value3 = null;
+    value.setPendingChanges({guildId: guildId, nameplate: value3 != env0_1 ? env0_1 : value3});
+}
+