/* 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] */;