85 lines
5.7 KiB
TypeScript
85 lines
5.7 KiB
TypeScript
/* Metro module 11772; source: modules/chat_input/native/GiftIconTrinketsAnimation.tsx; dependencies: [31, 27, 4502, 33, 4501, 4582, 1357, 3860, 697, 566, 1861, 477, 7897, 5475, 2] */
|
|
import Native from '../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
|
|
import AccessibilityStore from '../../a11y/AccessibilityStore.tsx'; /* Metro dependency 4502 */
|
|
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 MobileVisualRefreshExperimentModule from '../../themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
|
|
import * as UseTokenModule from '../../../design/tokens/native/useToken.tsx'; /* Metro dependency 3860 */
|
|
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
|
|
import * as ButtonConstantsNativeModule from '../../../design/components/Button/native/ButtonConstants.native.tsx'; /* Metro dependency 4582 */
|
|
|
|
function _fun90153(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#90153, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11958:6, offset: 0x0202dfc0, size: 218 bytes, params: 8, frame: 19
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
let value = ReactModule;
|
|
const env0_6 = (CreateStylesModule).createStyles(_fun90154);
|
|
value = value.memo(_fun90155);
|
|
(FileImportTrackerModule).fileFinishedImporting('modules/chat_input/native/GiftIconTrinketsAnimation.tsx');
|
|
exports.GiftIconTrinketsAnimation = value;
|
|
function _fun90154(a0) { // fn#90154, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11958:169, offset: 0x0202e09a, size: 163 bytes, params: 2, frame: 14
|
|
const SMALL_BUTTON_HEIGHT = (ButtonConstantsNativeModule).SMALL_BUTTON_HEIGHT;
|
|
const SMALL_BUTTON_PADDING = (ButtonConstantsNativeModule).SMALL_BUTTON_PADDING;
|
|
const value = SMALL_BUTTON_HEIGHT + SMALL_BUTTON_PADDING + 2;
|
|
return {container: {'position': 'absolute', 'top': 0, 'left': 0, 'width': null, 'height': null,
|
|
'overflow': 'visible', 'marginLeft': 4, 'zIndex': 0, width: value, height: value},
|
|
containerRefresh: {'position': 'absolute', 'top': 0, 'left': 0, 'width': null, 'height': null,
|
|
'overflow': 'visible', 'marginLeft': 0, 'zIndex': 0, width: a0, height: a0}, trinkets: {'zIndex': 4,
|
|
'position': 'absolute', 'pointerEvents': 'none', 'width': '100%', 'height': '100%', 'top': 0, 'left': 0},
|
|
trinketsRefresh: {'zIndex': 4, 'position': 'absolute', 'pointerEvents': 'none', 'width': '175%',
|
|
'height': '175%', 'top': '-37.5%', 'left': '-37.5%'}};
|
|
}
|
|
|
|
function _fun90155({trinketsAnimationUrl}) { // fn#90155, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11958:695, offset: 0x0202e13d, size: 424 bytes, params: 2, frame: 23
|
|
var r5;
|
|
var r0;
|
|
var value;
|
|
const useMobileVisualRefreshConfig = MobileVisualRefreshExperimentModule.useMobileVisualRefreshConfig;
|
|
let object = {location: 'GiftIconTrinketsAnimation'};
|
|
const enabled = Reflect.apply(useMobileVisualRefreshConfig, MobileVisualRefreshExperimentModule, [object]).enabled;
|
|
const useToken = UseTokenModule.useToken;
|
|
const CHAT_INPUT_ACTION_BUTTON_SIZE = (Native).modules.mobile.CHAT_INPUT_ACTION_BUTTON_SIZE;
|
|
const styles = useStyles(Reflect.apply(useToken, UseTokenModule, [CHAT_INPUT_ACTION_BUTTON_SIZE]));
|
|
const useReducedMotion = (require(566) /* metro dependency 566: flux */).useStateFromStores([AccessibilityStore],
|
|
function() {
|
|
return AccessibilityStore.useReducedMotion;
|
|
});
|
|
const r9 = enabled ? styles.trinketsRefresh : styles.trinkets;
|
|
if ((require(1861) /* metro dependency 1861: StringUtils */).isNullOrEmpty(trinketsAnimationUrl)) {
|
|
r0 = null;
|
|
} else {
|
|
object = {};
|
|
r5 = enabled ? styles.containerRefresh : styles.container;
|
|
object.style = r5;
|
|
object.pointerEvents = 'none';
|
|
if ((require(477) /* metro dependency 477: PlatformUtils */).isAndroid()) {
|
|
const APNGPlayer = (require(7897) /* metro dependency 7897: APNGPlayerAndroid */).APNGPlayer;
|
|
r5 = (
|
|
<APNGPlayer
|
|
url={trinketsAnimationUrl}
|
|
autoplay={!useReducedMotion}
|
|
style={r9}
|
|
/>
|
|
);
|
|
} else {
|
|
value = importDefault(5475) /* metro dependency 5475: FastImage */;
|
|
value = ((Component) => <Component source={{uri: trinketsAnimationUrl}} style={r9} resizeMode="contain" enableAnimation={!useReducedMotion} />)(value);
|
|
r5 = value;
|
|
}
|
|
value = (
|
|
<View {...object}>
|
|
{r5}
|
|
</View>
|
|
);
|
|
r0 = value;
|
|
}
|
|
return r0;
|
|
}
|
|
|
|
}
|
|
|
|
global.__d(_fun90153, 11772, [31, 27, 4502, 33, 4501, 4582, 1357, 3860, 697, 566, 1861, 477, 7897, 5475,
|
|
2]) /* metro module 11772, dependencies: [31, 27, 4502, 33, 4501, 4582, 1357, 3860, 697, 566, 1861, 477, 7897, 5475, 2] */;
|