/* Metro module 8470; source: modules/collectibles/native/BundleSampleV2.tsx; dependencies: [31, 27, 8471, 33, 5475, 4501, 697, 44, 1904, 1901, 8472, 7596, 8482, 1305, 8487, 2] */
import ProfileEffectSampleV2 from './ProfileEffectSampleV2.tsx'; /* Metro dependency 8472 */
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 CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as CollectiblesPreviewConstantsModule from './CollectiblesPreviewConstants.tsx'; /* Metro dependency 8471 */
import * as CollectiblesMobileFlexibleBundlesExperimentModule from '../experiments/CollectiblesMobileFlexibleBundlesExperiment.tsx'; /* Metro dependency 8487 */

function _fun67262(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67262, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8655:6, offset: 0x01c1bc70, size: 470 bytes, params: 8, frame: 26
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    const StyleSheet = value.StyleSheet;
    const env0_3 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    const create = StyleSheet.create;
    object = {};
    const object2 = {};
    copyDataProperties(object2, StyleSheet.absoluteFillObject, undefined);
    object2['overflow'] = 'hidden';
    object.container = object2;
    const object3 = {};
    copyDataProperties(object3, StyleSheet.absoluteFillObject, undefined);
    object3['overflow'] = 'hidden';
    object3['justifyContent'] = 'center';
    object3['alignItems'] = 'center';
    object.bgBleedClip = object3;
    const object4 = {};
    copyDataProperties(object4, StyleSheet.absoluteFillObject, undefined);
    object4['opacity'] = 0.8;
    object.bgMutedWrap = object4;
    object.bgImage = {'width': '100%', 'height': '100%'};
    const object5 = {};
    copyDataProperties(object5, StyleSheet.absoluteFillObject, undefined);
    object5['overflow'] = 'hidden';
    object5['justifyContent'] = 'center';
    object5['alignItems'] = 'center';
    object.fgClip = object5;
    const object6 = {};
    copyDataProperties(object6, StyleSheet.absoluteFillObject, undefined);
    object.fgImage = object6;
    const env0_7 = Reflect.apply(create, StyleSheet, [object]);
    const env0_8 = (CreateStylesModule).createStyles(_fun67266);
    (FileImportTrackerModule).fileFinishedImporting('modules/collectibles/native/BundleSampleV2.tsx');
    exports.default = _default_67267;
    function BundleStaticPreviewContent({previewAssets, disableBackground, mutedBackground}) { // fn#67263, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8655:197, offset: 0x01c1be46, size: 402 bytes, params: 2, frame: 26
        var r4;
        const bgStatic = previewAssets.bgStatic;
        const fgStatic = previewAssets.fgStatic;
        let value = null;
        const r9 = (
            value != bgStatic
                ? ((Component) => <Component source={{uri: bgStatic}} style={env0_7.bgImage} resizeMode="cover" accessibilityElementsHidden importantForAccessibility="no-hide-descendants" />)(importDefault(5475) /* metro dependency 5475: FastImage */)
                : value
        );
        const container = env0_7.container;
        const r5 = !disableBackground && value != r9 && <View style={env0_7.bgBleedClip} pointerEvents="none">{mutedBackground ? <View style={env0_7.bgMutedWrap} pointerEvents="none">{r9}</View> : r9}</View>;
        value = value != fgStatic;
        if (value) {
            var viewBinding4Props = {style: env0_7.fgClip, pointerEvents: 'none'};
            value = importDefault(5475) /* metro dependency 5475: FastImage */;
            value = (
                <View {...viewBinding4Props}>
                    {((Component) => <Component source={{uri: fgStatic}} style={env0_7.fgImage} resizeMode="cover" accessibilityElementsHidden importantForAccessibility="no-hide-descendants" />)(value)}
                </View>
            );
            r4 = value;
        } else {
            r4 = value;
        }
        return (
            <View style={container}>
                {r5}
                {r4}
            </View>
        );
    }

    function BundleSampleV2Composed({deco, pfx, nameplate, size}) { // fn#67264, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8655:2307, offset: 0x01c1bfd8, size: 567 bytes, params: 2, frame: 29
        var r12;
        size = size === undefined ? 'small' : size;
        const styles = useStyles(size);
        if (nameplate != null) {
            (importDefault(44) /* metro dependency 44 */)(nameplate.type === (require(1904) /* metro dependency 1904: CollectiblesItemType */).CollectiblesItemType.NAMEPLATE,
                
                'Item must be Nameplate');
            r12 = (require(1901) /* metro dependency 1901: utils */).getNameplateData(nameplate);
        } else {
            r12 = undefined;
        }
        const property = BUNDLE_PREVIEW_CONFIG[size];
        const r17 = r12 != null ? property.avatarDecorationSizeTriple : property.avatarDecorationSize;
        const items2 = [
            <View style={styles.pfx}>
                {((Component) => <Component item={pfx} />)(ProfileEffectSampleV2)}
            </View>,
        ];
        items2[1] = (
            <View style={[r12 != null ? styles.avatarWithNameplate : styles.avatar]}>
                {((Component) => <Component item={deco} size={r17} threeTierBundle={r12 != null} />)(importDefault(7596) /* metro dependency 7596: AvatarDecorationSampleV2 */)}
            </View>
        );
        items2[2] = (
            r12 != null
                ? (
                    <View style={styles.nameplate}>
                        {((NameplateDummyUserPreview) => <NameplateDummyUserPreview width={property.nameplatePreviewWidth} avatarSize={size === 'large' ? (require(1305) /* metro dependency 1305: native */).AvatarSizes.NORMAL : (require(1305) /* metro dependency 1305: native */).AvatarSizes.XSMALL_20} nameplate={r12} />)((require(8482) /* metro dependency 8482: NameplateDummyUserPreview */).NameplateDummyUserPreview)}
                    </View>
                )
                : null
        );
        return (
            <View style={styles.bundle}>
                {items2}
            </View>
        );
    }

    function BundleSampleV2StaticPreview({previewAssets, disableStaticBackground, mutedStaticBackground, composedFallbackProps, exposureLocation}) { // fn#67265, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8655:3006, offset: 0x01c1c20f, size: 134 bytes, params: 2, frame: 18
        const useCollectiblesMobileFlexibleBundlesExperiment = CollectiblesMobileFlexibleBundlesExperimentModule.useCollectiblesMobileFlexibleBundlesExperiment;
        return (
            Reflect.apply(useCollectiblesMobileFlexibleBundlesExperiment, CollectiblesMobileFlexibleBundlesExperimentModule,
                [exposureLocation]).enabled
                ? (
                    <BundleStaticPreviewContent
                        previewAssets={previewAssets}
                        disableBackground={disableStaticBackground}
                        mutedBackground={mutedStaticBackground}
                    />
                )
                : (
                    <BundleSampleV2Composed {...composedFallbackProps} />
                )
        );
    }

    function _fun67266(a0) { // fn#67266, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8655:1267, offset: 0x01c1c295, size: 554 bytes, params: 2, frame: 18
        const property = BUNDLE_PREVIEW_CONFIG[a0];
        const object = {};
        const object2 = {};
        object2.width = property.bundleWidth;
        object2.height = property.bundleHeight;
        object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
        object.bundle = object2;
        const object3 = {position: 'absolute'};
        object3.top = property.pfxTop;
        object3.left = property.pfxLeft;
        object3.width = property.pfxWidth;
        object3.height = property.pfxHeight;
        const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
        object3.backgroundColor = BACKGROUND_BASE_LOW;
        object3.transform = [{rotate: '-8deg'}];
        object3.zIndex = 0;
        object3.overflow = 'hidden';
        object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
        object.pfx = object3;
        object.avatar = {'position': 'absolute', 'top': null, 'right': null, 'transform': null, 'zIndex': 1,
            'alignItems': 'center', 'justifyContent': 'center', top: property.avatarTop, right: property.avatarRight,
            transform: [{rotate: '8deg'}]};
        const object7 = {'position': 'absolute', 'top': null, 'right': null, 'transform': null, 'zIndex': 1,
            'alignItems': 'center', 'justifyContent': 'center'};
        object7.top = property.avatarWithNameplateTop;
        object7.right = property.avatarWithNameplateRight;
        object7.transform = [{rotate: '8deg'}];
        let BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK;
        object7.shadowColor = BLACK;
        object7.shadowOffset = {'width': 0, 'height': 4};
        object7.shadowOpacity = 0.5;
        object7.shadowRadius = 4;
        object.avatarWithNameplate = object7;
        const object9 = {'position': 'absolute', 'bottom': null, 'marginHorizontal': 10, 'width': '90%',
            'backgroundColor': null, 'zIndex': 2};
        object9.bottom = property.nameplateBottom;
        const BACKGROUND_BASE_LOWER = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWER;
        object9.backgroundColor = BACKGROUND_BASE_LOWER;
        object9.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
        BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK;
        object9.shadowColor = BLACK;
        object9.shadowOffset = {'width': 0, 'height': 4};
        object9.shadowOpacity = 0.5;
        object9.shadowRadius = 4;
        object.nameplate = object9;
        return object;
    }

    function _default_67267({deco, pfx, nameplate, size, previewAssets, disableStaticBackground, mutedStaticBackground, exposureLocation}) { // fn#67267, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8655:3361, offset: 0x01c1c4bf, size: 201 bytes, params: 2, frame: 19
        size = size === undefined ? 'small' : size;
        disableStaticBackground = !(disableStaticBackground === undefined) && disableStaticBackground;
        mutedStaticBackground = !(mutedStaticBackground === undefined) && mutedStaticBackground;
        exposureLocation = exposureLocation === undefined ? 'CollectiblesShopCardAssetTileV2' : exposureLocation;
        return (
            previewAssets?.fgStatic != null
                ? (
                    <BundleSampleV2StaticPreview
                        previewAssets={previewAssets}
                        disableStaticBackground={disableStaticBackground}
                        mutedStaticBackground={mutedStaticBackground}
                        composedFallbackProps={object}
                        exposureLocation={exposureLocation}
                    />
                )
                : (
                    <BundleSampleV2Composed
                        deco={deco}
                        pfx={pfx}
                        nameplate={nameplate}
                        size={size}
                    />
                )
        );
    }

}

global.__d(_fun67262, 8470, [31, 27, 8471, 33, 5475, 4501, 697, 44, 1904, 1901, 8472, 7596, 8482, 1305, 8487,
        2]) /* metro module 8470, dependencies: [31, 27, 8471, 33, 5475, 4501, 697, 44, 1904, 1901, 8472, 7596, 8482, 1305, 8487, 2] */;