Initial commit

sources/modules/collectibles/native/tooling/CollectiblesTool.tsx

@@ -0,0 +1,216 @@
+/* Metro module 14261; source: modules/collectibles/native/tooling/CollectiblesTool.tsx; dependencies: [57, 31, 27, 5121, 5145, 33, 4501, 697, 10020, 632, 7675, 4573, 14262, 1305, 4579, 7589, 2] */
+function _fun107867(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#107867, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14458:6, offset: 0x0230bdfe, size: 1195 bytes, params: 8, frame: 25
+    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 */;
+    let value = require(27) /* metro dependency 27 */;
+    const env0_5 = value.ScrollView;
+    const env0_6 = value.View;
+    const collectiblesCategoryStore = importDefault(5121) /* metro dependency 5121: CollectiblesCategoryStore */;
+    const collectiblesPurchaseStore = importDefault(5145) /* metro dependency 5145: CollectiblesPurchaseStore */;
+    value = require(33) /* metro dependency 33 */;
+    const env0_9 = value.jsx;
+    const env0_10 = value.jsxs;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object2 = {};
+    let BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
+    object2.container = {flex: 1, backgroundColor: BACKGROUND_BASE_LOW};
+    const object5 = {};
+    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object5.padding = PX_16;
+    let PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
+    object5.paddingBottom = PX_32;
+    object2.scrollContainer = object5;
+    const object6 = {};
+    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
+    object6.backgroundColor = BACKGROUND_SURFACE_HIGH;
+    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object6.padding = PX_16;
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object6.marginBottom = PX_16;
+    object6.borderWidth = 1;
+    let BORDER_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_MUTED;
+    object6.borderColor = BORDER_MUTED;
+    object2.section = object6;
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.sectionHeader = {'flexDirection': 'row', 'alignItems': 'center', marginBottom: PX_16};
+    let TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
+    object2.sectionTitle = {flex: 1, color: TEXT_DEFAULT};
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.inputContainer = {marginBottom: PX_16};
+    const object7 = {};
+    BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
+    object7.backgroundColor = BACKGROUND_BASE_LOW;
+    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
+    object7.borderWidth = 1;
+    BORDER_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_MUTED;
+    object7.borderColor = BORDER_MUTED;
+    const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object7.padding = PX_4;
+    object2.inputWrapper = object7;
+    const object10 = {};
+    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object10.marginBottom = PX_8;
+    TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
+    object10.color = TEXT_DEFAULT;
+    object10.fontWeight = '600';
+    object2.inputLabel = object10;
+    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object2.statusText = {'marginTop': null, 'fontSize': 12, 'fontWeight': '500', marginTop: PX_8};
+    const TEXT_FEEDBACK_POSITIVE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_FEEDBACK_POSITIVE;
+    object2.statusSuccess = {color: TEXT_FEEDBACK_POSITIVE};
+    const TEXT_FEEDBACK_CRITICAL = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_FEEDBACK_CRITICAL;
+    object2.statusError = {color: TEXT_FEEDBACK_CRITICAL};
+    let TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
+    object2.statusLoading = {color: TEXT_MUTED};
+    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object2.previewContainer = {marginBottom: PX_16};
+    const object11 = {backgroundColor: '#23a55a'};
+    object11.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
+    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
+    object11.paddingVertical = PX_12;
+    object11.alignItems = 'center';
+    object2.previewButton = object11;
+    const object12 = {};
+    const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
+    object12.backgroundColor = BACKGROUND_MOD_NORMAL;
+    object12.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
+    object12.borderWidth = 2;
+    object12.borderStyle = 'dashed';
+    BORDER_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_MUTED;
+    object12.borderColor = BORDER_MUTED;
+    PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
+    object12.padding = PX_32;
+    object12.alignItems = 'center';
+    object12.justifyContent = 'center';
+    object12.minHeight = 120;
+    object2.placeholder = object12;
+    TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
+    object2.placeholderText = {'color': null, 'textAlign': 'center', 'fontSize': 14, color: TEXT_MUTED};
+    const env0_11 = Reflect.apply(createStyles, value, [object2]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/collectibles/native/tooling/CollectiblesTool.tsx');
+    exports.default = _default_107872;
+}
+
+function UnpurchasedCollectiblesShopCardV2(a0) { // fn#107868, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14458:1841, offset: 0x0230c2a9, size: 119 bytes, params: 2, frame: 18
+    const binding = env0_4;
+    const [property, env0_0] = env0_3(binding.useState(0), 2);
+    binding.useLayoutEffect(_fun107869, []);
+    return ((Component) => <Component {...a0} key={property} />)(importDefault(10020) /* metro dependency 10020: CollectiblesShopCardV2 */);
+}
+
+function _default_107872() { // fn#107872, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14458:2060, offset: 0x0230c386, size: 1614 bytes, params: 1, frame: 39
+    const styles = useStyles();
+    const categories = (require(632) /* metro dependency 632: useStateFromStores */).useStateFromStores([CollectiblesCategoryStore],
+        function() {
+        return CollectiblesCategoryStore.categories;
+    });
+    const r5 = categories.size > 0 && (require(632) /* metro dependency 632: useStateFromStores */).useStateFromStores([CollectiblesPurchaseStore],
+        function() {
+        return CollectiblesPurchaseStore.purchases;
+    }).size > 0 && (require(632) /* metro dependency 632: useStateFromStores */).useStateFromStores([CollectiblesCategoryStore],
+        function() {
+        return CollectiblesCategoryStore.lastSuccessfulFetch;
+    }) != null;
+    const value5 = (importDefault(7675) /* metro dependency 7675: useFetchCollectiblesCategoriesAndPurchases */)({'logPerf': false,
+        'stalePurchasesOK': true, noOp: r5});
+    let r14 = r5 || !value5.isFetching && (r5 ? categories : value5.categories).size > 0;
+    const binding = env0_4;
+    let useState = binding.useState;
+    const value8 = Reflect.apply(useState, binding, ['']);
+    const binding2 = env0_3;
+    const value9 = binding2(value8, 2);
+    const property = value9[0];
+    const property2 = value9[1];
+    useState = binding.useState;
+    const value10 = binding2(Reflect.apply(useState, binding, [null]), 2);
+    const property3 = value10[0];
+    var env0_3 = value10[1];
+    useState = binding.useState;
+    const value11 = binding2(Reflect.apply(useState, binding, [null]), 2);
+    const property4 = value11[0];
+    var env0_4 = value11[1];
+    binding.useEffect(_fun107876, [property, r14]);
+    let section = styles.section;
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    const view = <View style={styles.sectionHeader}><Text variant="heading-md/semibold" style={styles.sectionTitle}>{'Shop Settings'}</Text></View>;
+    const ShopSkipCategoriesFilter = (require(14262) /* metro dependency 14262: ShopSkipCategoriesFilter */).ShopSkipCategoriesFilter;
+    const items2 = [<View style={section}>{view}<ShopSkipCategoriesFilter /></View>];
+    section = styles.section;
+    const view2 = <View style={styles.sectionHeader}><Text variant="heading-md/semibold" style={styles.sectionTitle}>{'Product Configuration'}</Text></View>;
+    const items4 = [<Text variant="text-md/semibold" style={styles.inputLabel}>{'Primary Product SKU ID'}</Text>];
+    const TextInput = (require(1305) /* metro dependency 1305: native */).TextInput;
+    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
+    items4[1] = <View style={styles.inputWrapper}><TextInput value={property} onChangeText={property2} placeholder="Enter product SKU ID (e.g., 1366494385482502184)" returnKeyType="done" style={{fontSize: 14,
+        padding: PX_12}} /></View>;
+    items4[2] = !r14 && property.trim() !== '' && <Text variant="text-xs/normal" style={[styles.statusText,
+        styles.statusLoading]}>{'Loading products...'}</Text>;
+    r14 = r14 && property.trim() !== '' && property3 == null && <Text variant="text-xs/normal" style={[styles.statusText,
+        styles.statusError]}>{'Product not found'}</Text>;
+    items4[3] = r14;
+    items4[4] = property3 != null && <Text variant="text-xs/normal" style={[styles.statusText,
+        styles.statusSuccess]}>{'Found: '}{property3.name}</Text>;
+    items2[1] = <View style={section}>{view2}<View style={styles.inputContainer}>{items4}</View></View>;
+    items2[2] = <View style={styles.section}><View style={styles.sectionHeader}><Text variant="heading-md/semibold" style={styles.sectionTitle}>{'Product Preview'}</Text></View>{property3 == null ? <View style={styles.placeholder}><Text variant="text-sm/normal" style={styles.placeholderText}>{'Enter a valid product SKU ID above'}{'\n'}{'to see the product preview'}</Text></View> : property4 != null ? <View><View style={styles.previewContainer}><UnpurchasedCollectiblesShopCardV2 product={property3} /></View>{((BaseTextButton) => <BaseTextButton pillStyle={styles.previewButton} text="Show Collectibles Modal" onPress={onPress_107877} />)((require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton)}</View> : <View style={styles.placeholder}><Text variant="text-sm/normal" style={styles.placeholderText}>{'Enter a valid product SKU ID above'}{'\n'}{'to see the product preview'}</Text></View>}</View>;
+    return (
+        <View style={styles.container}>
+            <ScrollView contentContainerStyle={styles.scrollContainer} showsVerticalScrollIndicator={false}>
+                {items2}
+            </ScrollView>
+        </View>
+    );
+}
+
+function _fun107869() { // fn#107869, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14458:1914, offset: 0x0230c320, size: 68 bytes, params: 1, frame: 12
+    const env0_0 = CollectiblesPurchaseStore.getPurchase;
+    CollectiblesPurchaseStore.getPurchase = function() {
+    };
+    CollectiblesPurchaseStore.emitChange();
+    env0_0(1);
+    return function() {
+        CollectiblesPurchaseStore.getPurchase = getPurchase;
+        CollectiblesPurchaseStore.emitChange();
+    };
+}
+
+function _fun107876() { // fn#107876, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14458:2522, offset: 0x0230ca01, size: 151 bytes, params: 1, frame: 14
+    var value3;
+    var product;
+    var categoryForProduct;
+    if (env0_1.trim() !== '') {
+        if (env0_0) {
+            value3 = environment.__proto__;
+            product = CollectiblesCategoryStore.getProduct(env0_1);
+            categoryForProduct = CollectiblesCategoryStore.getCategoryForProduct(env0_1);
+            if (product == null) {
+                env0_3(null);
+                env0_4(null);
+            } else if (categoryForProduct != null) {
+                env0_3(product);
+                env0_4(categoryForProduct);
+            } else {
+                env0_3(null);
+                env0_4(null);
+            }
+            return undefined;
+        }
+    }
+    env0_3(null);
+    env0_4(null);
+}
+
+function _default_107872OnPress() { // fn#107877, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14458:4304, owner: _default_107872.onPress, offset: 0x0230ca98, size: 71 bytes, params: 1, frame: 12
+    var value2;
+    var defaultImport;
+    if (env0_2 != null) {
+        value2 = environment.__proto__;
+        defaultImport = importDefault(7589) /* metro dependency 7589: ProductPurchaseSuccessActionCreators */;
+        defaultImport.open({product: env0_2, useCategoryImage: true});
+    }
+}
+

sources/modules/collectibles/native/tooling/ShopSkipCategoriesFilter.tsx

@@ -0,0 +1,88 @@
+/* Metro module 14262; source: modules/collectibles/native/tooling/ShopSkipCategoriesFilter.tsx; dependencies: [31, 27, 5121, 33, 4501, 697, 566, 4572, 4573, 5120, 2] */
+function _fun107878(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#107878, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14459:6, offset: 0x0230cadf, size: 458 bytes, params: 8, frame: 22
+    var object3;
+    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.Pressable;
+    const collectiblesCategoryStore = importDefault(5121) /* metro dependency 5121: CollectiblesCategoryStore */;
+    value = require(33) /* metro dependency 33 */;
+    const env0_5 = value.jsx;
+    const env0_6 = value.jsxs;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object3 = {};
+    const object4 = {};
+    let PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
+    object4.paddingVertical = PX_12;
+    const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
+    object4.paddingHorizontal = PX_16;
+    object3.container = object4;
+    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object3.label = {marginBottom: PX_8};
+    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
+    object3.stepperContainer = {'flexDirection': 'row', 'alignItems': 'center', gap: PX_12};
+    const object6 = {'width': 32, 'height': 32, 'borderRadius': null, 'backgroundColor': null,
+        'justifyContent': 'center', 'alignItems': 'center'};
+    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    const CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
+    object6.backgroundColor = CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
+    object3.stepperButton = object6;
+    object3.stepperButtonDisabled = {opacity: 0.5};
+    object3.valueText = {'minWidth': 40, 'textAlign': 'center'};
+    const env0_7 = Reflect.apply(createStyles, value, [object3]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/collectibles/native/tooling/ShopSkipCategoriesFilter.tsx');
+    exports.ShopSkipCategoriesFilter = ShopSkipCategoriesFilter;
+}
+
+function ShopSkipCategoriesFilter() { // fn#107879, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14459:798, offset: 0x0230cca9, size: 516 bytes, params: 1, frame: 31
+    const styles = useStyles();
+    const skipNumCategories = (require(566) /* metro dependency 566: flux */).useStateFromStores([CollectiblesCategoryStore],
+        function() {
+        return CollectiblesCategoryStore.skipNumCategories;
+    });
+    const value2 = skipNumCategories <= 0;
+    const value3 = skipNumCategories >= 100;
+    const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    const text = <Text variant="text-md/normal" style={styles.label}>{'Hide first # of categories'}</Text>;
+    const items3 = [<Pressable style={[styles.stepperButton,
+        value2 && styles.stepperButtonDisabled]} onPress={onPress_107881} disabled={value2}><Text variant="text-lg/semibold">{'−'}</Text></Pressable>];
+    items3[1] = <Text variant="text-md/semibold" style={styles.valueText}>{skipNumCategories}</Text>;
+    items3[2] = <Pressable style={[styles.stepperButton,
+        value3 && styles.stepperButtonDisabled]} onPress={onPress_107882} disabled={value3}><Text variant="text-lg/semibold">{'+'}</Text></Pressable>;
+    return (
+        <View style={styles.container}>
+            <Stack spacing={8}>
+                {text}
+                <View style={styles.stepperContainer}>
+                    {items3}
+                </View>
+            </Stack>
+        </View>
+    );
+}
+
+function ShopSkipCategoriesFilterOnPress() { // fn#107881, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14459:1164, owner: ShopSkipCategoriesFilter.onPress, offset: 0x0230cebc, size: 64 bytes, params: 1, frame: 12
+    var value2;
+    var moduleValue;
+    if (skipNumCategories > 0) {
+        value2 = environment.__proto__;
+        moduleValue = require(5120) /* metro dependency 5120: CollectiblesActionCreators */;
+        moduleValue.setSkipNumCategories(skipNumCategories - 1);
+    }
+}
+
+function ShopSkipCategoriesFilterOnPress_107882() { // fn#107882, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14459:1429, owner: ShopSkipCategoriesFilter.onPress, offset: 0x0230cefc, size: 65 bytes, params: 1, frame: 12
+    var value2;
+    var moduleValue;
+    if (skipNumCategories < 100) {
+        value2 = environment.__proto__;
+        moduleValue = require(5120) /* metro dependency 5120: CollectiblesActionCreators */;
+        moduleValue.setSkipNumCategories(skipNumCategories + 1);
+    }
+}
+