194 lines
7.6 KiB
TypeScript
194 lines
7.6 KiB
TypeScript
// Module ID: 12430
|
|
// Function ID: 12431
|
|
// Name: MAX_SUGGESTIONS_LARGE
|
|
// Dependencies: [32, 19, 4552, 1074, 21, 1178, 4296, 4974, 4271, 4561, 504, 12395, 12431, 12432, 9318, 2]
|
|
// Exports: EmojiEntranceAnimation, getEmojiEntranceKey, sortEmojisForDisplay, useEmojiSuggestionBarState, useSuggestionBarHeight
|
|
|
|
// Module 12430 (MAX_SUGGESTIONS_LARGE)
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import closure_4 from "noop" /* 19 */;
|
|
import closure_5 from "maybeApplyNoTextColorForLightCustomTheme" /* 4552 */;
|
|
import { UpsellTypes } from "ME" /* 1074 */;
|
|
import { jsx } from "jsxProd" /* 21 */;
|
|
|
|
const require = arg1;
|
|
let closure_8 = { focused: false, text: "", selectionStart: 0, selectionEnd: 0 };
|
|
let obj = { duration: 250, easing: require("Button").STANDARD_EASING };
|
|
let closure_10 = { duration: 200, dampingRatio: 0.7 };
|
|
let closure_11 = { code: "function EmojiSuggestionBarUtilsTsx1(){const{progress}=this.__closure;return{opacity:progress.get(),transform:[{scale:progress.get()}]};}" };
|
|
let closure_12 = { code: "function EmojiSuggestionBarUtilsTsx2(finished){const{runOnJS,cleanUp}=this.__closure;if(finished){runOnJS(cleanUp)();}}" };
|
|
let result = require("set").fileFinishedImporting("modules/chat_input/native/EmojiSuggestionBarUtils.tsx");
|
|
|
|
export const MAX_SUGGESTIONS_LARGE = 12;
|
|
export const SET_DATA_DEBOUNCE_MS = 16;
|
|
export const SUGGESTION_BAR_HEIGHT_TIMING = obj;
|
|
export const sortEmojisForDisplay = function sortEmojisForDisplay(unlockedEmojis, lockedEmojis, length) {
|
|
length = unlockedEmojis.length;
|
|
let length2 = lockedEmojis.length;
|
|
if (length + length2 > length) {
|
|
const _Math2 = Math;
|
|
const _Math3 = Math;
|
|
const bound = Math.min(Math.ceil(length / 2), unlockedEmojis.length);
|
|
const _Math4 = Math;
|
|
const diff = length - bound;
|
|
const bound1 = Math.min(length - bound, lockedEmojis.length);
|
|
const diff1 = diff - bound1;
|
|
length2 = bound1;
|
|
length = bound;
|
|
if (diff1 > 0) {
|
|
const _Math = Math;
|
|
length = Math.min(bound + diff1, unlockedEmojis.length);
|
|
length2 = bound1;
|
|
}
|
|
}
|
|
const substr = unlockedEmojis.slice(0, length);
|
|
const items = [...substr.map((emoji) => ({ emoji, locked: false }))];
|
|
const substr1 = lockedEmojis.slice(0, length2);
|
|
HermesBuiltin.arraySpread(substr1.map((emoji) => ({ emoji, locked: true })), tmp);
|
|
return items;
|
|
};
|
|
export const getEmojiEntranceKey = function getEmojiEntranceKey(displayEmojis, index) {
|
|
const mapped = displayEmojis.map((emoji) => {
|
|
emoji = emoji.emoji;
|
|
let surrogates = emoji.id;
|
|
if (surrogates == null) {
|
|
surrogates = emoji.surrogates;
|
|
}
|
|
return surrogates;
|
|
});
|
|
const joined = mapped.join(",");
|
|
let emoji = displayEmojis[index].emoji;
|
|
let surrogates = emoji.id;
|
|
if (surrogates == null) {
|
|
surrogates = emoji.surrogates;
|
|
}
|
|
return "" + joined + ":" + surrogates + ":" + index;
|
|
};
|
|
export const EmojiEntranceAnimation = function EmojiEntranceAnimation(children) {
|
|
const index = children.index;
|
|
const reducedMotion = children.reducedMotion;
|
|
let sharedValue;
|
|
sharedValue = index(sharedValue[6]).useSharedValue(0);
|
|
let items = [sharedValue, index, reducedMotion];
|
|
const effect = React.useEffect(() => {
|
|
let num = 0;
|
|
if (!reducedMotion) {
|
|
num = 20 * index;
|
|
}
|
|
obj = index(sharedValue[6]);
|
|
const result = sharedValue.set(obj.withDelay(num, index(sharedValue[7]).withSpring(1, closure_1_10)));
|
|
}, items);
|
|
obj = index(sharedValue[6]);
|
|
const fn = function c() {
|
|
obj = { opacity: sharedValue.get(), transform: null };
|
|
obj = { scale: sharedValue.get() };
|
|
const items = [obj];
|
|
obj[1] = items;
|
|
return obj;
|
|
};
|
|
fn.__closure = { progress: sharedValue };
|
|
fn.__workletHash = 4132686130287;
|
|
fn.__initData = closure_11;
|
|
const style = index(sharedValue[6]).useAnimatedStyle(fn);
|
|
return jsx(reducedMotion(sharedValue[6]).View, { style, children: children.children });
|
|
};
|
|
export const useSuggestionBarHeight = function useSuggestionBarHeight(transitionState, cleanUp, closure_6, onOccupiedHeightChange) {
|
|
const _require = transitionState;
|
|
closure_1 = cleanUp;
|
|
dependencyMap = closure_6;
|
|
closure_3 = onOccupiedHeightChange;
|
|
const sharedValue = _require(4296).useSharedValue(0);
|
|
const items = [transitionState, sharedValue, cleanUp, closure_6, onOccupiedHeightChange];
|
|
const effect = sharedValue.useEffect(() => {
|
|
if (transitionState === transitionState(table[8]).TransitionStates.YEETED) {
|
|
if (closure_3 != null) {
|
|
tmp11(0);
|
|
}
|
|
let tmpResult = tmp(tmp2[9]);
|
|
const fn = function n(arg0) {
|
|
if (arg0) {
|
|
closure_1_0(closure_1_2[6]).runOnJS(closure_1)();
|
|
obj = closure_1_0(closure_1_2[6]);
|
|
}
|
|
};
|
|
obj = { runOnJS: null, cleanUp: null };
|
|
obj[0] = tmp(tmp2[6]).runOnJS;
|
|
obj[1] = closure_1;
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 15923583203906;
|
|
fn.__initData = closure_1_12;
|
|
const result = sharedValue.set(tmpResult.withTiming(0, closure_1_9, "respect-motion-settings", fn));
|
|
} else {
|
|
if (closure_3 != null) {
|
|
tmp3(table);
|
|
}
|
|
tmpResult = tmp(tmp2[9]);
|
|
const result1 = sharedValue.set(tmpResult.withTiming(table, closure_1_9));
|
|
}
|
|
}, items);
|
|
return sharedValue;
|
|
};
|
|
export const useEmojiSuggestionBarState = function useEmojiSuggestionBarState(merged, MAX_SUGGESTIONS_LARGE, ref) {
|
|
const chatInputRef = merged.chatInputRef;
|
|
const chatInputStateRef = merged.chatInputStateRef;
|
|
let setData;
|
|
let setDataImmediate;
|
|
let queryStart;
|
|
let queryEnd;
|
|
let clear;
|
|
obj = queryStart;
|
|
({ channel, suppressed } = merged);
|
|
const tmp = setDataImmediate(queryStart.useState(closure_8), 2);
|
|
const first = tmp[0];
|
|
let focused = first.focused;
|
|
({ text, selectionStart, selectionEnd } = first);
|
|
const items = [queryEnd];
|
|
const stateFromStores = chatInputRef(setData[10]).useStateFromStores(items, () => queryEnd.useReducedMotion);
|
|
const tmp4 = chatInputStateRef(setData[11])(tmp[1], 16);
|
|
setData = tmp4.setData;
|
|
setDataImmediate = tmp4.setDataImmediate;
|
|
const items1 = [setData];
|
|
const imperativeHandle = queryStart.useImperativeHandle(ref, () => ({ setData }), items1);
|
|
obj = { channel, text, selectionStart, selectionEnd, enabled: null, maxCount: null };
|
|
const obj2 = chatInputRef(setData[10]);
|
|
if (focused) {
|
|
focused = !suppressed;
|
|
}
|
|
obj[4] = focused;
|
|
obj[5] = MAX_SUGGESTIONS_LARGE;
|
|
const tmp6Result = chatInputStateRef(setData[12])(obj);
|
|
queryStart = tmp6Result.queryStart;
|
|
queryEnd = tmp6Result.queryEnd;
|
|
clear = tmp6Result.clear;
|
|
obj = {
|
|
unlockedEmojis: tmp6Result.unlockedEmojis,
|
|
lockedEmojis: tmp6Result.lockedEmojis,
|
|
reducedMotion: stateFromStores,
|
|
handlePress: obj.useCallback((arg0) => {
|
|
const combined = "" + chatInputStateRef(setData[13])(arg0) + " ";
|
|
const current = combined.current;
|
|
obj = { location: queryStart, length: queryEnd - queryStart, text: combined, editId };
|
|
editId = ref.current.editId;
|
|
current.replaceRange(obj);
|
|
setDataImmediate((text) => {
|
|
obj = {};
|
|
const merged = Object.assign(text);
|
|
text = text.text;
|
|
const text1 = text.text;
|
|
const sum = text.slice(0, closure_1_4) + combined;
|
|
obj.text = sum + text1.slice(closure_1_5);
|
|
obj.selectionStart = closure_1;
|
|
obj.selectionEnd = closure_1;
|
|
return obj;
|
|
});
|
|
clear();
|
|
}, items2),
|
|
handlePressEmojiUnavailable: obj.useCallback((animated) => {
|
|
obj = chatInputStateRef(setData[14]);
|
|
obj = { initialUpsellKey: animated.animated ? tmp.ANIMATED_EMOJI : tmp.GLOBAL_EMOJI };
|
|
const result = obj.handleShowUpsellAlert(obj);
|
|
}, [])
|
|
};
|
|
items2 = [chatInputRef, chatInputStateRef, queryStart, queryEnd, clear, setDataImmediate];
|
|
return obj;
|
|
};
|