246 lines
14 KiB
TypeScript
246 lines
14 KiB
TypeScript
/* Metro module 11034; source: modules/gif_picker/native/GIFPicker.tsx; dependencies: [57, 31, 27, 9815, 661, 33, 4501, 9814, 683, 7556, 1478, 11035, 22, 566, 10748, 11036, 11037, 11041, 11044, 2] */
|
|
import Module00057 from '../../../by-id/module-00057.js'; /* Metro dependency 57 */
|
|
import UseWindowDimensionsNative from '../../screen/useWindowDimensions.native.tsx'; /* Metro dependency 1478 */
|
|
import UseIsWindowLarge from '../../screen/native/useIsWindowLarge.tsx'; /* Metro dependency 7556 */
|
|
import GIFPickerViewStore from '../../../stores/views/GIFPickerViewStore.tsx'; /* Metro dependency 9815 */
|
|
import TooltipActionCreators from '../../tooltip/TooltipActionCreators.tsx'; /* Metro dependency 10748 */
|
|
import GIFPickerSearchSuggestions from './GIFPickerSearchSuggestions.tsx'; /* Metro dependency 11036 */
|
|
import GIFPickerHeader from './GIFPickerHeader.tsx'; /* Metro dependency 11037 */
|
|
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
|
|
import * as ReactNativeModule from '../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
|
|
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
|
|
import * as JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
|
|
import * as FluxModule from '../../../external/discord_common/js/packages/flux/index.tsx'; /* Metro dependency 566 */
|
|
import * as ConstantsModule from '../../../Constants.tsx'; /* Metro dependency 661 */
|
|
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
|
|
import * as GIFPickerActionCreatorsModule from '../../../actions/GIFPickerActionCreators.tsx'; /* Metro dependency 9814 */
|
|
import * as GIFPickerUtilsModule from './GIFPickerUtils.tsx'; /* Metro dependency 11035 */
|
|
|
|
function _fun84472(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#84472, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:6, offset: 0x01f4bcdd, size: 318 bytes, params: 8, frame: 21
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
let value = ReactModule;
|
|
const env0_15 = (CreateStylesModule).createStyles({container: {flex: 1}});
|
|
value = value.memo(GIFPicker);
|
|
(FileImportTrackerModule).fileFinishedImporting('modules/gif_picker/native/GIFPicker.tsx');
|
|
exports.default = value;
|
|
function GIFPicker({bottomSheetRef, channelId, guildId, hideFavorites, initialQuery, onPressGIF}) { // fn#84473, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:356, offset: 0x01f4be1b, size: 961 bytes, params: 2, frame: 35
|
|
var r5;
|
|
const onPressGIF2 = onPressGIF;
|
|
var value;
|
|
const styles = useStyles();
|
|
const binding = env0_5;
|
|
binding.useEffect(_fun84474, [channelId, guildId]);
|
|
const {columns, columnWidth} = binding.useMemo(_fun84475,
|
|
[(UseIsWindowLarge)(),
|
|
(UseWindowDimensionsNative)()]);
|
|
const value6 = binding.useRef(null);
|
|
let useState = binding.useState;
|
|
const value7 = Reflect.apply(useState, binding, [false]);
|
|
const binding2 = onPressGIF2;
|
|
const value8 = binding2(value7, 2);
|
|
const property = value8[0];
|
|
const env0_8 = value8[1];
|
|
const env0_9 = binding.useRef('');
|
|
const env0_10 = binding.useRef(false);
|
|
useState = binding.useState;
|
|
const value9 = binding2(Reflect.apply(useState, binding, [false]), 2);
|
|
const property2 = value9[0];
|
|
const env0_11 = value9[1];
|
|
useState = binding.useState;
|
|
const SEARCH = GIFPickerResultTypes.SEARCH;
|
|
const value10 = binding2(Reflect.apply(useState, binding, [SEARCH]), 2);
|
|
const property3 = value10[0];
|
|
const env0_13 = value10[1];
|
|
const value11 = binding.useCallback(_fun84476, [value6]);
|
|
const value12 = binding.useMemo(function() {
|
|
return require(dependencyMap[12]).debounce(importAll(dependencyMap[7]).search, 200);
|
|
}, []);
|
|
const value13 = (GIFPickerUtilsModule).useFavoriteGIFsMobile();
|
|
const env0_15 = value13.favorites;
|
|
const favoritesCategory = value13.favoritesCategory;
|
|
const {resultItems,
|
|
resultQuery} = (FluxModule).useStateFromStoresObject([GIFPickerViewStore],
|
|
_fun84478);
|
|
const value15 = binding.useCallback(_fun84479, [value12, value6, resultQuery]);
|
|
binding.useEffect(_fun84480, [value15, initialQuery]);
|
|
binding.useEffect(_fun84481, []);
|
|
binding.useEffect(_fun84482, [resultQuery, value6]);
|
|
const value16 = binding.useMemo(_fun84483, [value15]);
|
|
const value17 = binding.useCallback(_fun84485, [onPressGIF, resultItems.length, resultQuery]);
|
|
const value18 = binding.useCallback(_fun84486, [bottomSheetRef, value15]);
|
|
const value19 = ((Component) => <Component categoryType={property3} onQueryClear={value11} onQueryChange={value15} searchInputRef={value6} />)(GIFPickerHeader);
|
|
if (resultItems.length > 0) {
|
|
value = importDefault(11041) /* metro dependency 11041: GIFPickerResultsList */;
|
|
value = ((Component) => <Component columns={columns} columnWidth={columnWidth} loading={property2} inActionSheet resultItems={resultItems} onPressGIF={value17} ListFooterComponent={value16} />)(value);
|
|
r5 = value;
|
|
} else if (property) {
|
|
value = importDefault(11041) /* metro dependency 11041: GIFPickerResultsList */;
|
|
value = ((Component) => <Component columns={columns} columnWidth={columnWidth} loading={property2} inActionSheet resultItems={resultItems} onPressGIF={value17} ListFooterComponent={value16} />)(value);
|
|
r5 = value;
|
|
} else {
|
|
value = importDefault(11044) /* metro dependency 11044: GIFPickerCategoriesPage */;
|
|
value = ((Component) => <Component columns={columns} onSelectCategory={value18} favoritesCategory={hideFavorites === true ? undefined : favoritesCategory} inActionSheet />)(value);
|
|
r5 = value;
|
|
}
|
|
return (
|
|
<View style={styles.container}>
|
|
{value19}
|
|
{r5}
|
|
</View>
|
|
);
|
|
function _fun84474() { // fn#84474, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:484, offset: 0x01f4c1dc, size: 142 bytes, params: 1, frame: 16
|
|
var defaultImport;
|
|
(GIFPickerActionCreatorsModule).initializeSearch();
|
|
(GIFPickerActionCreatorsModule).resetSearch();
|
|
if (channelId != null) {
|
|
defaultImport = importDefault(683) /* metro dependency 683: AnalyticsUtils */;
|
|
defaultImport.track(AnalyticEvents.CHAT_INPUT_COMPONENT_VIEWED, {type: ChatInputComponentViewedTypes.GIF,
|
|
channel_id: channelId, guild_id: guildId});
|
|
}
|
|
}
|
|
|
|
function _fun84475() { // fn#84475, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:680, offset: 0x01f4c26a, size: 96 bytes, params: 1, frame: 15
|
|
const value2 = 2;
|
|
const r4 = env0_5 ? 3 : value2;
|
|
const object = {columns: r4};
|
|
const value = ReactNativeModule.View.width / r4;
|
|
const GIF_PICKER_GUTTER_SPACING = (GIFPickerUtilsModule).GIF_PICKER_GUTTER_SPACING;
|
|
object.columnWidth = value - GIF_PICKER_GUTTER_SPACING / value2 * (r4 - 1);
|
|
return object;
|
|
}
|
|
|
|
function _fun84476() { // fn#84476, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1007, offset: 0x01f4c2ca, size: 95 bytes, params: 1, frame: 13
|
|
env0_8(false);
|
|
const binding = env0_13;
|
|
const SEARCH = GIFPickerResultTypes.SEARCH;
|
|
binding(SEARCH);
|
|
(GIFPickerActionCreatorsModule).resetSearch();
|
|
const current = env0_7.current;
|
|
if (current != null) {
|
|
current.blur();
|
|
}
|
|
}
|
|
|
|
function _fun84478() { // fn#84478, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1267, offset: 0x01f4c369, size: 76 bytes, params: 1, frame: 12
|
|
const object = {};
|
|
const FAVORITES = GIFPickerResultTypes.FAVORITES;
|
|
object.resultItems = ConstantsModule.TooltipNames !== FAVORITES ? GIFPickerViewStore.getResultItems() : favorites;
|
|
object.resultQuery = GIFPickerViewStore.getResultQuery();
|
|
return object;
|
|
}
|
|
|
|
function _fun84479(a0) { // fn#84479, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1407, offset: 0x01f4c3b5, size: 229 bytes, params: 2, frame: 21
|
|
var r7;
|
|
var SEARCH;
|
|
var binding;
|
|
var value2;
|
|
var value3;
|
|
var value6;
|
|
const value = a1;
|
|
const r4 = !(value !== undefined) || value;
|
|
let current = env0_9.current;
|
|
if (current !== a0) {
|
|
env0_9.current = a0;
|
|
binding = env0_13;
|
|
value2 = environment.__proto__;
|
|
SEARCH = GIFPickerResultTypes.SEARCH;
|
|
binding(SEARCH);
|
|
value3 = a0.trim().length > 0;
|
|
binding = env0_11;
|
|
binding(value3 ? resultQuery !== a0 : !!value3);
|
|
env0_8(value3);
|
|
r7 = r4 ? JsxRuntimeModule.jsxs : (importAll(9814) /* metro dependency 9814: GIFPickerActionCreators */).search;
|
|
value6 = null;
|
|
SEARCH = a0 === '' ? value6 : GIFPickerResultTypes.SEARCH;
|
|
r7(a0, SEARCH, !r4, GIF_FETCH_LIMIT_IOS);
|
|
if (!r4) {
|
|
current = env0_7.current;
|
|
if (value6 != current) {
|
|
current.setText(a0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function _fun84480() { // fn#84480, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1628, offset: 0x01f4c49a, size: 90 bytes, params: 1, frame: 13
|
|
if (!env0_10.current) {
|
|
if (initialQuery != null && initialQuery.trim().length > 0) {
|
|
env0_10.current = true;
|
|
env0_18(initialQuery, false);
|
|
}
|
|
}
|
|
}
|
|
|
|
function _fun84481() { // fn#84481, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1719, offset: 0x01f4c4f4, size: 74 bytes, params: 1, frame: 14
|
|
const value = environment.__proto__;
|
|
const defaultImport = TooltipActionCreators;
|
|
const acknowledgeTooltip = defaultImport.acknowledgeTooltip;
|
|
const GIF_PICKER_TOOLTIP = TooltipNames.GIF_PICKER_TOOLTIP;
|
|
Reflect.apply(acknowledgeTooltip, defaultImport, [GIF_PICKER_TOOLTIP]);
|
|
(GIFPickerActionCreatorsModule).fetchTrendingSearchTerms();
|
|
}
|
|
|
|
function _fun84482() { // fn#84482, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1828, offset: 0x01f4c53e, size: 106 bytes, params: 1, frame: 14
|
|
var value2;
|
|
var moduleValue;
|
|
if (resultQuery !== '') {
|
|
value2 = environment.__proto__;
|
|
moduleValue = importAll(9814) /* metro dependency 9814: GIFPickerActionCreators */;
|
|
moduleValue.fetchSuggestions(resultQuery);
|
|
}
|
|
const binding = env0_11;
|
|
resultQueryBinding = resultQuery;
|
|
const current = env0_7.current;
|
|
const value = undefined;
|
|
binding(resultQueryBinding !== (current == null ? value : current.getText()));
|
|
return value;
|
|
}
|
|
|
|
function _fun84483() { // fn#84483, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1950, offset: 0x01f4c5a8, size: 53 bytes, params: 1, frame: 14
|
|
var environment;
|
|
const value = environment.__proto__;
|
|
return ((Component) => <Component onClickSuggestion={onClickSuggestion} />)(GIFPickerSearchSuggestions);
|
|
function onClickSuggestion(a0) { // fn#84484, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:1984, offset: 0x01f4c5dd, size: 22 bytes, params: 2, frame: 13
|
|
return env1_18(a0, false);
|
|
}
|
|
|
|
}
|
|
|
|
function _fun84485(a0, a1) { // fn#84485, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:2023, offset: 0x01f4c5f3, size: 134 bytes, params: 3, frame: 16
|
|
const trackSelectGIF = GIFPickerActionCreatorsModule.trackSelectGIF;
|
|
const SEARCH = GIFPickerResultTypes.SEARCH;
|
|
const resultItemsBinding = resultItems;
|
|
Reflect.apply(trackSelectGIF, GIFPickerActionCreatorsModule, [{type: SEARCH, index: a1, offset: 0,
|
|
limit: GIF_FETCH_LIMIT_IOS, results: resultItemsBinding.length, totalResults: resultItemsBinding.length,
|
|
query: resultQuery, gifId: a0.id}]);
|
|
onPressGIF(a0);
|
|
}
|
|
|
|
function _fun84486(a0, a1) { // fn#84486, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11220:2195, offset: 0x01f4c679, size: 175 bytes, params: 3, frame: 15
|
|
const TRENDING_GIFS = GIFPickerResultTypes.TRENDING_GIFS;
|
|
if (a0 === TRENDING_GIFS) {
|
|
env0_8(false);
|
|
env0_13(a0);
|
|
(importAll(9814) /* metro dependency 9814: GIFPickerActionCreators */).fetchTrendingGIFs(GIF_FETCH_LIMIT_IOS);
|
|
} else if (a0 === GIFPickerResultTypes.FAVORITES) {
|
|
env0_8(false);
|
|
env0_13(a0);
|
|
} else {
|
|
env0_18(a1, false);
|
|
}
|
|
const current = bottomSheetRef.current;
|
|
if (current != null) {
|
|
current.expandActionSheet();
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
global.__d(_fun84472, 11034, [57, 31, 27, 9815, 661, 33, 4501, 9814, 683, 7556, 1478, 11035, 22, 566, 10748, 11036,
|
|
11037, 11041, 11044,
|
|
2]) /* metro module 11034, dependencies: [57, 31, 27, 9815, 661, 33, 4501, 9814, 683, 7556, 1478, 11035, 22, 566, 10748, 11036, 11037, 11041, 11044, 2] */;
|