388 lines
14 KiB
TypeScript
388 lines
14 KiB
TypeScript
// Module ID: 9912
|
|
// Function ID: 9913
|
|
// Name: StickerPickerEmptyState
|
|
// Dependencies: [32, 19, 17, 5815, 2030, 1086, 1380, 21, 4837, 558, 576, 9882, 9898, 6584, 6604, 504, 1253, 1127, 4833, 5436, 4802, 4803, 5896, 8658, 9906, 5282, 2]
|
|
|
|
// Module 9912 (StickerPickerEmptyState)
|
|
import react_native from "react-native" /* 17 */;
|
|
import react2 from "react" /* 576 */;
|
|
import AnalyticsUtilsDefault from "AnalyticsUtils" /* 1253 */;
|
|
import PremiumConstants from "PremiumConstants" /* 1380 */;
|
|
import StickersConstants from "StickersConstants" /* 2030 */;
|
|
import HapticUtils from "HapticUtils" /* 4802 */;
|
|
import haptics_HapticFeedbackTypesDefault from "haptics/HapticFeedbackTypes" /* 4803 */;
|
|
import StickersHooks from "StickersHooks" /* 9882 */;
|
|
import StickerDefault from "Sticker" /* 9898 */;
|
|
import _slicedToArray from "_slicedToArray" /* 32 */;
|
|
import react from "react" /* 19 */;
|
|
import StickersStore from "StickersStore" /* 5815 */;
|
|
import Constants from "Constants" /* 1086 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles from "createStyles" /* 4837 */;
|
|
import ReactCompilerGating_mod from "ReactCompilerGating" /* 558 */;
|
|
import size from "module_2" /* 2 */;
|
|
|
|
const require = globalThis.__r;
|
|
let _require;
|
|
|
|
let c9;
|
|
let closure_12;
|
|
let metroImportAll;
|
|
let unpackModuleId;
|
|
const View = react_native.View;
|
|
const EMPTY_STATE_STICKERS = StickersConstants.EMPTY_STATE_STICKERS;
|
|
({ AnalyticEvents: metroImportAll, AnalyticsSections: c9 } = Constants);
|
|
const PremiumUpsellTypes = PremiumConstants.PremiumUpsellTypes;
|
|
({ jsx: unpackModuleId, jsxs: closure_12 } = Fragment);
|
|
let closure_13 = createStyles.createStyles({ header: { marginBottom: 8, textAlign: "center" }, blurb: { lineHeight: 18, textAlign: "center", marginBottom: 12 }, premiumButton: { marginTop: 20, alignSelf: "center", paddingLeft: 5, paddingRight: 10, flexGrow: 0 }, nitroWheel: { width: 32 }, stickersRow: { flexDirection: "row", alignSelf: "center" }, sticker: { paddingHorizontal: 2 } });
|
|
let ReactCompilerGating = ReactCompilerGating_mod;
|
|
let closure_14 = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
|
|
let isFocused;
|
|
let sticker;
|
|
const obj = react2;
|
|
const cResult = obj.c(4);
|
|
({ sticker, isFocused } = arg0);
|
|
const obj2 = StickersHooks;
|
|
const shouldAnimateSticker = obj2.useShouldAnimateSticker(isFocused);
|
|
let id;
|
|
if (sticker != null) {
|
|
id = sticker.id;
|
|
}
|
|
if (cResult[0] === shouldAnimateSticker) {
|
|
if (cResult[1] === sticker) {
|
|
let tmp5;
|
|
if (cResult[2] === id) {
|
|
tmp5 = cResult[3];
|
|
}
|
|
return tmp5;
|
|
}
|
|
}
|
|
const tmp6 = unpackModuleId(StickerDefault, { sticker, size: 60, animated: shouldAnimateSticker }, id);
|
|
cResult[0] = shouldAnimateSticker;
|
|
cResult[1] = sticker;
|
|
cResult[2] = id;
|
|
cResult[3] = tmp6;
|
|
tmp5 = tmp6;
|
|
}) : ((sticker) => {
|
|
sticker = sticker.sticker;
|
|
const isFocused = sticker.isFocused;
|
|
const obj = StickersHooks;
|
|
const animated = obj.useShouldAnimateSticker(isFocused);
|
|
let id;
|
|
const tmp2 = unpackModuleId;
|
|
const tmp3 = StickerDefault;
|
|
if (sticker != null) {
|
|
id = sticker.id;
|
|
}
|
|
return tmp2(tmp3, { sticker, size: 60, animated }, id);
|
|
});
|
|
ReactCompilerGating = ReactCompilerGating_mod;
|
|
let tmp4 = ReactCompilerGating.isReactCompilerEnabled() ? (() => {
|
|
let analyticsLocations;
|
|
let closure_0;
|
|
let closure_3;
|
|
let first;
|
|
let tmp12;
|
|
let tmp13;
|
|
let tmp15;
|
|
let tmp19;
|
|
let tmp7;
|
|
let tmp8;
|
|
let tmp = _require;
|
|
let obj = require("react");
|
|
const cResult = obj.c(35);
|
|
const tmp4 = closure_13();
|
|
_require = tmp4;
|
|
let obj2 = require("StickersHooks");
|
|
const fetchStickerPacks = obj2.useFetchStickerPacks();
|
|
const tmp6 = analyticsLocations(first[13]);
|
|
analyticsLocations = tmp6(analyticsLocations(first[14]).EMPTY_STATE).analyticsLocations;
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const items = [StickersStore];
|
|
const fn = function p() {
|
|
let stickerById;
|
|
const mapped = EMPTY_STATE_STICKERS.map((item) => stickerById.getStickerById(item));
|
|
return mapped.filter((item) => null != item);
|
|
};
|
|
cResult[0] = items;
|
|
cResult[1] = fn;
|
|
tmp7 = items;
|
|
tmp8 = fn;
|
|
} else {
|
|
[tmp7, tmp8] = cResult;
|
|
}
|
|
const tmpResult = tmp(first[15]);
|
|
const stateFromStoresArray = tmpResult.useStateFromStoresArray(tmp7, tmp8);
|
|
[first, _slicedToArray] = react.useState(null);
|
|
const obj4 = react;
|
|
if (cResult[2] !== analyticsLocations) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
const items1 = [analyticsLocations];
|
|
cResult[2] = analyticsLocations;
|
|
cResult[3] = R;
|
|
cResult[4] = items1;
|
|
tmp13 = items1;
|
|
tmp12 = R;
|
|
} else {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
tmp13 = cResult[4];
|
|
}
|
|
const effect = obj4.useEffect(tmp12, tmp13);
|
|
const header = tmp4.header;
|
|
if (cResult[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
const stringResult = obj5.string(tmp(first[17]).t.HEm04J);
|
|
cResult[5] = stringResult;
|
|
tmp15 = stringResult;
|
|
} else {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
}
|
|
if (cResult[6] !== tmp4.header) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
let obj3 = { style: header, accessibilityRole: "header", variant: "heading-lg/extrabold", color: "mobile-text-heading-primary", children: tmp15 };
|
|
cResult[6] = tmp4.header;
|
|
cResult[7] = closure_11(tmp(first[18]).Text, obj3);
|
|
const tmp18 = closure_11(tmp(first[18]).Text, obj3);
|
|
} else {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
}
|
|
const blurb = tmp4.blurb;
|
|
if (cResult[8] === Symbol.for("react.memo_cache_sentinel")) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
const stringResult1 = obj7.string(tmp(first[17]).t.FnNud4);
|
|
cResult[8] = stringResult1;
|
|
tmp19 = stringResult1;
|
|
} else {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
}
|
|
if (cResult[9] !== tmp4.blurb) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
const obj6 = { style: blurb, variant: "text-sm/medium", color: "text-default", children: tmp19 };
|
|
cResult[9] = tmp4.blurb;
|
|
cResult[10] = closure_11(tmp(first[18]).Text, obj6);
|
|
const tmp22 = closure_11(tmp(first[18]).Text, obj6);
|
|
} else {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
}
|
|
if (cResult[11] === first) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
}
|
|
if (cResult[15] === first) {
|
|
class R {
|
|
constructor() {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}
|
|
}
|
|
let mapped = stateFromStoresArray.map(H);
|
|
cResult[11] = first;
|
|
cResult[12] = stateFromStoresArray;
|
|
cResult[13] = tmp4.sticker;
|
|
cResult[14] = mapped;
|
|
}
|
|
class H {
|
|
constructor(sticker) {
|
|
let obj2;
|
|
let obj = {
|
|
accessible: false,
|
|
onLongPress() {
|
|
const obj = HapticUtils;
|
|
const result = obj.triggerHapticFeedback(haptics_HapticFeedbackTypesDefault.IMPACT_LIGHT);
|
|
closure_3(sticker.id);
|
|
},
|
|
style: sticker.sticker,
|
|
children: closure_1_11(closure_1_14, obj2)
|
|
};
|
|
obj2 = { sticker, isFocused: first === sticker.id };
|
|
const PressableOpacity = sticker(first[19]).PressableOpacity;
|
|
let id;
|
|
const tmp = closure_1_11;
|
|
if (sticker != null) {
|
|
id = sticker.id;
|
|
}
|
|
return tmp(PressableOpacity, obj, id);
|
|
}
|
|
}
|
|
cResult[15] = first;
|
|
cResult[16] = tmp4.sticker;
|
|
cResult[17] = H;
|
|
}) : (() => {
|
|
let Button;
|
|
let analyticsLocations;
|
|
let closure_0;
|
|
let intl;
|
|
let intl2;
|
|
let intl3;
|
|
let items2;
|
|
let obj8;
|
|
let obj9;
|
|
let tmp6;
|
|
let tmp = closure_13();
|
|
_require = tmp;
|
|
let obj = require("StickersHooks");
|
|
const fetchStickerPacks = obj.useFetchStickerPacks();
|
|
const tmp3 = analyticsLocations(6584);
|
|
analyticsLocations = tmp3(analyticsLocations(6604).EMPTY_STATE).analyticsLocations;
|
|
let obj2 = require("get initialized");
|
|
const items = [StickersStore];
|
|
const stateFromStoresArray = obj2.useStateFromStoresArray(items, () => {
|
|
let stickerById;
|
|
const mapped = EMPTY_STATE_STICKERS.map((item) => stickerById.getStickerById(item));
|
|
return mapped.filter((item) => null != item);
|
|
});
|
|
const tmp4 = _slicedToArray(react.useState(null), 2);
|
|
[dependencyMap, _slicedToArray] = tmp4;
|
|
const items1 = [analyticsLocations];
|
|
const effect = react.useEffect(() => {
|
|
let obj3;
|
|
const obj2 = { type: PremiumUpsellTypes.EMPTY_STICKER_PICKER_UPSELL, source: obj3, location_stack: analyticsLocations };
|
|
obj3 = { section: constants.EMPTY_STICKER_PICKER_UPSELL };
|
|
const obj = AnalyticsUtilsDefault;
|
|
obj.track(metroImportAll.PREMIUM_UPSELL_VIEWED, obj2);
|
|
}, items1);
|
|
let obj3 = { children: items2 };
|
|
const obj4 = { style: tmp.header, accessibilityRole: "header", variant: "heading-lg/extrabold", color: "mobile-text-heading-primary", children: intl.string(require("intl").t.HEm04J) };
|
|
const Text = require("Text/Text").Text;
|
|
intl = require("intl").intl;
|
|
items2 = [closure_11(Text, obj4), , , ];
|
|
const obj5 = { style: tmp.blurb, variant: "text-sm/medium", color: "text-default", children: intl2.string(require("intl").t.FnNud4) };
|
|
const Text2 = require("Text/Text").Text;
|
|
intl2 = require("intl").intl;
|
|
items2[1] = closure_11(Text2, obj5);
|
|
const obj6 = {
|
|
style: tmp.stickersRow,
|
|
children: stateFromStoresArray.map((sticker) => {
|
|
let obj2;
|
|
let obj = {
|
|
accessible: false,
|
|
onLongPress() {
|
|
const obj = HapticUtils;
|
|
const result = obj.triggerHapticFeedback(haptics_HapticFeedbackTypesDefault.IMPACT_LIGHT);
|
|
_slicedToArray(sticker.id);
|
|
},
|
|
style: sticker.sticker,
|
|
children: closure_1_11(closure_1_14, obj2)
|
|
};
|
|
obj2 = { sticker, isFocused: dependencyMap === sticker.id };
|
|
const PressableOpacity = sticker(dependencyMap[19]).PressableOpacity;
|
|
let id;
|
|
const tmp = closure_1_11;
|
|
if (sticker != null) {
|
|
id = sticker.id;
|
|
}
|
|
return tmp(PressableOpacity, obj, id);
|
|
})
|
|
};
|
|
items2[2] = closure_11(View, obj6);
|
|
const obj7 = { style: tmp.premiumButton, children: closure_11(Button, obj8) };
|
|
obj8 = {
|
|
icon: closure_11(tmp6, obj9),
|
|
text: intl3.string(require("intl").t.pj0XBN),
|
|
variant: "active",
|
|
size: "sm",
|
|
onPress() {
|
|
const obj = { section: constants.EXPRESSION_PICKER };
|
|
return analyticsLocations(dependencyMap[24])(obj);
|
|
}
|
|
};
|
|
Button = require("components/Button/Button").Button;
|
|
obj9 = { source: analyticsLocations(8658), style: tmp.nitroWheel, resizeMode: "contain" };
|
|
tmp6 = analyticsLocations(5896);
|
|
intl3 = require("intl").intl;
|
|
items2[3] = closure_11(View, obj7);
|
|
return closure_12(View, obj3);
|
|
});
|
|
let result = size.fileFinishedImporting("modules/stickers/native/StickerPickerEmptyState.tsx");
|
|
|
|
export default tmp4;
|