114 lines
5 KiB
TypeScript
114 lines
5 KiB
TypeScript
// Module ID: 10400
|
|
// Function ID: 10401
|
|
// Dependencies: [32, 19, 10278, 1074, 7151, 21, 4560, 1477, 1611, 12, 1242, 7150, 10401, 10405, 7154, 6627, 10406, 5123, 10181, 2]
|
|
|
|
// Module 10400
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
import PADDING_HORIZONTAL from "PADDING_HORIZONTAL" /* 10278 */;
|
|
import { AnalyticEvents } from "ME" /* 1074 */;
|
|
import { ACTION_SHEET_MAX_WIDTH } from "ACTION_SHEET_START_HEIGHT_RATIO" /* 7151 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4560 */;
|
|
|
|
const require = arg1;
|
|
let c4 = importAllResult;
|
|
({ MIN_MARGIN: c5, STICKER_SIZE: closure_6 } = PADDING_HORIZONTAL);
|
|
({ jsx: c9, Fragment: c10, jsxs: unpackModuleId } = jsxProd);
|
|
let closure_12 = createCacheKey.createStyles({ focusedStickerPreviewContainer: { position: "absolute", left: 0, top: 0, height: "100%", width: "100%", alignItems: "center", justifyContent: "center", backgroundColor: "rgba(0, 0, 0, 0.85)" }, header: { marginHorizontal: 16, marginVertical: 8, backgroundColor: "transparent", height: "channel" }, stickers: { paddingHorizontal: 16, marginBottom: 16 }, popoutContainer: { position: "absolute", bottom: 50 } });
|
|
const memoResult = importAllResult.memo(function StickerPackDetailActionSheet(stickerPack) {
|
|
stickerPack = stickerPack.stickerPack;
|
|
const analyticsPopoutType = stickerPack.analyticsPopoutType;
|
|
const onClose = stickerPack.onClose;
|
|
let callback;
|
|
let first;
|
|
closure_5 = undefined;
|
|
closure_6 = undefined;
|
|
let rounded;
|
|
closure_8 = undefined;
|
|
function onPressSticker(arg0) {
|
|
_undefined(arg0);
|
|
}
|
|
function toggleDisplayingPackDetails() {
|
|
if (null != ref.current) {
|
|
const _clearTimeout = clearTimeout;
|
|
clearTimeout(tmp.current);
|
|
}
|
|
callback(!first);
|
|
if (!first) {
|
|
const _setTimeout = setTimeout;
|
|
tmp.current = setTimeout(() => callback(false), 4000);
|
|
}
|
|
}
|
|
const tmp = callback2();
|
|
[tmp5, c3] = callback(first.useState(null), 2);
|
|
const tmp6 = callback(first.useState(false), 2);
|
|
first = tmp6[0];
|
|
closure_5 = tmp6[1];
|
|
closure_6 = first.useRef(null);
|
|
rounded = Math.floor(Math.min(closure_8, analyticsPopoutType(onClose[7])().width) / (closure_6 + closure_5));
|
|
let obj = analyticsPopoutType(onClose[9]);
|
|
const tmp4 = callback(first.useState(null), 2);
|
|
closure_8 = first.useRef(onClose);
|
|
const items = [onClose];
|
|
const effect = first.useEffect(() => {
|
|
closure_8.current = onClose;
|
|
}, items);
|
|
const effect1 = first.useEffect(() => () => {
|
|
const current = ref.current;
|
|
let currentResult;
|
|
if (current != null) {
|
|
currentResult = current();
|
|
}
|
|
return currentResult;
|
|
}, []);
|
|
const items1 = [analyticsPopoutType, stickerPack.id];
|
|
const effect2 = first.useEffect(() => {
|
|
let obj = analyticsPopoutType(onClose[10]);
|
|
obj = { type: analyticsPopoutType, sticker_pack_id: stickerPack.id };
|
|
obj.track(rounded.OPEN_POPOUT, obj);
|
|
}, items1);
|
|
obj = { stickerPack, style: tmp.header, onPress: null, withBanner: true, withDescription: true };
|
|
const chunkResult = obj.chunk(stickerPack.stickers, rounded);
|
|
let obj2 = stickerPack(onClose[13]);
|
|
let tmp17;
|
|
if (obj2.doesStickerPackHavePopoutInformation(stickerPack)) {
|
|
tmp17 = toggleDisplayingPackDetails;
|
|
}
|
|
obj = { scrollable: true, startExpanded: true, handleDisabled: true, header: null, children: null };
|
|
obj1 = { children: null };
|
|
obj[2] = tmp17;
|
|
const items2 = [onPressSticker(analyticsPopoutType(onClose[12]), obj), onPressSticker(stickerPack(onClose[14]).ActionSheetHeaderBar, { variant: "floating" })];
|
|
obj1[0] = items2;
|
|
obj[3] = closure_11(closure_10, obj1);
|
|
obj2 = { style: tmp.stickers, contentContainerStyle: obj3, children: null };
|
|
const tmp16 = analyticsPopoutType(onClose[12]);
|
|
obj2[2] = chunkResult.map((stickers) => onPressSticker(analyticsPopoutType(onClose[16]), { containerWidth: rounded, stickers, rowSize: rounded, onPressSticker, nativeRow: false }, arg1));
|
|
obj[4] = onPressSticker(stickerPack(onClose[15]).BottomSheetScrollView, obj2);
|
|
const children = [onPressSticker(stickerPack(onClose[11]).BottomSheet, obj), , ];
|
|
let tmp14Result = null != tmp5;
|
|
if (tmp14Result) {
|
|
const obj4 = { accessibilityRole: "none", style: null, onPress: null, children: null };
|
|
obj4[1] = tmp.focusedStickerPreviewContainer;
|
|
obj4[2] = function onPress() {
|
|
return _undefined(null);
|
|
};
|
|
const obj5 = { sticker: null, size: 128 };
|
|
obj5[0] = tmp5;
|
|
obj4[3] = tmp14(tmp2(tmp3[18]), obj5);
|
|
tmp14Result = tmp14(tmp15(tmp3[17]).PressableOpacity, obj4);
|
|
}
|
|
children[1] = tmp14Result;
|
|
if (first) {
|
|
const obj6 = { stickerPack: null, style: null, onClose: null };
|
|
obj6[0] = stickerPack;
|
|
obj6[1] = tmp.popoutContainer;
|
|
obj6[2] = toggleDisplayingPackDetails;
|
|
first = tmp14(tmp2(tmp3[13]), obj6);
|
|
}
|
|
children[2] = first;
|
|
return closure_11(closure_10, { children });
|
|
});
|
|
const result = require("set").fileFinishedImporting("modules/stickers/native/StickerPackDetailActionSheet.tsx");
|
|
|
|
export default memoResult;
|