Initial commit

sources/modules/voice_channel_effects/native/AnimatedEffectEmoji.tsx

@@ -0,0 +1,141 @@
+/* Metro module 10699; source: modules/voice_channel_effects/native/AnimatedEffectEmoji.tsx; dependencies: [31, 27, 4502, 33, 672, 4501, 697, 5475, 1305, 566, 4017, 4504, 6956, 2] */
+function _fun82218(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#82218, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10885:6, offset: 0x01eef3d2, size: 439 bytes, params: 8, frame: 22
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).View;
+    const accessibilityStore = importDefault(4502) /* metro dependency 4502: AccessibilityStore */;
+    const env0_6 = (require(33) /* metro dependency 33 */).jsx;
+    let Millis = (importDefault(672) /* metro dependency 672: Durations */).Millis;
+    let SECOND = Millis.SECOND;
+    const env0_7 = 6 * SECOND;
+    Millis = (importDefault(672) /* metro dependency 672: Durations */).Millis;
+    SECOND = Millis.SECOND;
+    const env0_8 = 2 * SECOND;
+    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = createStylesModule.createStyles;
+    const object3 = {'backgroundColor': null, 'borderRadius': null, 'position': 'absolute', 'right': 16, 'top': 16};
+    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
+    object3.backgroundColor = BACKGROUND_SURFACE_HIGH;
+    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
+    const env0_9 = Reflect.apply(createStyles, createStylesModule, [{voiceChannelEffectEmojiContainer: object3,
+        voiceChannelEffectEmojiContainerTileNotch: {'right': 'auto', 'left': 16},
+        voiceChannelEffectEmoji: {padding: 12}, textEmoji: {'fontSize': 32, 'lineHeight': 38, 'alignContent': 'center',
+        'justifyContent': 'center', 'display': 'flex', 'width': 32, 'height': 32}, imageEmoji: {'width': 32,
+        'height': 32}}]);
+    object = {code: 'function AnimatedEffectEmojiTsx1(){const{withSequence,withTiming,ANIMATION_ROTATION_DEG,withDelay,useReducedMotion,STANDARD_EASING}=this.__closure;const rotate=withSequence(withTiming(ANIMATION_ROTATION_DEG+"deg",{duration:0}),withDelay(100,withTiming(\'0deg\',{duration:useReducedMotion?0:300,easing:STANDARD_EASING})));const scale=withSequence(withTiming(0,{duration:0}),withDelay(100,withTiming(1,{duration:useReducedMotion?0:300,easing:STANDARD_EASING})));return{transform:[{scale:scale},{rotate:rotate}]};}'};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/voice_channel_effects/native/AnimatedEffectEmoji.tsx');
+    exports.default = AnimatedEffectEmoji;
+}
+
+function Emoji_82219({url, surrogates}) { // fn#82219, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10885:640, offset: 0x01eef589, size: 173 bytes, params: 2, frame: 19
+    var r0;
+    var value;
+    const styles = useStyles();
+    if (url !== '') {
+        value = importDefault(5475) /* metro dependency 5475: FastImage */;
+        value = ((Component) => <Component resizeMode="contain" style={[styles.imageEmoji]} source={{uri: url}} />)(value);
+        r0 = value;
+    } else {
+        const LegacyText = (require(1305) /* metro dependency 1305: native */).LegacyText;
+        r0 = <LegacyText style={[styles.textEmoji]} allowFontScaling={false}>{surrogates}</LegacyText>;
+    }
+    return r0;
+}
+
+function AnimatedEffectEmoji({userId, voiceChannelEffect, hasNotch, onComplete}) { // fn#82220, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10885:1462, offset: 0x01eef636, size: 549 bytes, params: 2, frame: 25
+    var object2;
+    var r0;
+    var View2;
+    var items2;
+    var moduleValue3;
+    hasNotch = !(hasNotch === undefined) && hasNotch;
+    var value;
+    const styles = useStyles();
+    const emoji = voiceChannelEffect.emoji;
+    const sentAt = voiceChannelEffect.sentAt;
+    const useReducedMotion = (require(566) /* metro dependency 566: flux */).useStateFromStores([AccessibilityStore],
+        function() {
+        return AccessibilityStore.useReducedMotion;
+    });
+    env0_3.useEffect(_fun82222, [sentAt, userId, onComplete]);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    const closure = AnimatedEffectEmojiN;
+    object2 = {withSequence: reanimatedRexportModule.withSequence,
+        withTiming: (require(4504) /* metro dependency 4504: timing */).withTiming, ANIMATION_ROTATION_DEG: -120,
+        withDelay: reanimatedRexportModule.withDelay, useReducedMotion: useReducedMotion};
+    const STANDARD_EASING = (require(1305) /* metro dependency 1305: native */).STANDARD_EASING;
+    object2.STANDARD_EASING = STANDARD_EASING;
+    closure.__closure = object2;
+    closure.__workletHash = 75069010226;
+    closure.__initData = env0_11;
+    if (emoji != null) {
+        View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
+        object2 = {};
+        items2 = [styles.voiceChannelEffectEmojiContainer];
+        moduleValue3 = require(1305) /* metro dependency 1305: native */;
+        items2[1] = moduleValue3.generateBoxShadowStyle((require(1305) /* metro dependency 1305: native */).EIGHT_DP_ELEVATION_SHADOW_PARAMS);
+        items2[2] = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+        items2[3] = hasNotch && styles.voiceChannelEffectEmojiContainerTileNotch;
+        object2.style = items2;
+        var viewBindingProps = {style: styles.voiceChannelEffectEmoji};
+        value = require(6956) /* metro dependency 6956: VoiceChannelEffectsUtils */;
+        value = <View2 {...object2}><View {...viewBindingProps}><Emoji_82219 url={value.getEffectUrl(emoji)} surrogates={emoji.name} /></View></View2>;
+        r0 = value;
+    } else {
+        r0 = null;
+    }
+    return r0;
+}
+
+function _fun82222() { // fn#82222, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10885:1654, offset: 0x01eef85b, size: 101 bytes, params: 1, frame: 15
+    const Date = global.Date;
+    let value = Date.now();
+    value -= sentAt;
+    if (value >= env1_8) {
+        if (onComplete != null) {
+            onComplete();
+        }
+    } else {
+        var env0_0 = global.setTimeout(function() {
+            if (onComplete != null) {
+                onComplete();
+            }
+        }, env1_7);
+    }
+    return _fun82224;
+}
+
+function AnimatedEffectEmojiN() { // fn#82225, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10885:1818, owner: AnimatedEffectEmoji.N, offset: 0x01eef8db, size: 350 bytes, params: 1, frame: 29
+    var object2;
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    let withSequence = reanimatedRexportModule.withSequence;
+    const timingModule = require(4504) /* metro dependency 4504: timing */;
+    let withTiming = timingModule.withTiming;
+    const value2 = 0;
+    const value3 = Reflect.apply(withTiming, timingModule, ['-120deg', {duration: value2}]);
+    const moduleValue3 = reanimatedRexportModule;
+    let withDelay = moduleValue3.withDelay;
+    const moduleValue4 = timingModule;
+    withTiming = moduleValue4.withTiming;
+    object2 = {};
+    const value5 = 300;
+    object2.duration = useReducedMotion ? value2 : value5;
+    const STANDARD_EASING = (require(1305) /* metro dependency 1305: native */).STANDARD_EASING;
+    object2.easing = STANDARD_EASING;
+    const value7 = Reflect.apply(withSequence, reanimatedRexportModule, [value3, Reflect.apply(withDelay, moduleValue3,
+        [100, Reflect.apply(withTiming, moduleValue4, ['0deg', object2])])]);
+    const moduleValue5 = reanimatedRexportModule;
+    withSequence = moduleValue5.withSequence;
+    const moduleValue6 = timingModule;
+    const value8 = moduleValue6.withTiming(value2, {duration: value2});
+    const moduleValue7 = reanimatedRexportModule;
+    withDelay = moduleValue7.withDelay;
+    const moduleValue8 = timingModule;
+    return {transform: [{scale: Reflect.apply(withSequence, moduleValue5, [value8, Reflect.apply(withDelay,
+        moduleValue7, [100, moduleValue8.withTiming(1, {duration: useReducedMotion ? value2 : value5,
+        easing: STANDARD_EASING})])])}, {rotate: value7}]};
+}
+