Initial commit

sources/modules/parent_tools/native/FamilyCenterActivityItemPreview.tsx

@@ -0,0 +1,137 @@
+/* Metro module 13416; source: modules/parent_tools/native/FamilyCenterActivityItemPreview.tsx; dependencies: [31, 27, 33, 4501, 13415, 697, 8484, 8498, 10031, 10358, 7958, 7954, 1904, 1901, 2] */
+function _fun102077(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102077, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:6, offset: 0x0222b4cb, size: 665 bytes, params: 8, frame: 24
+    var object3;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    let value = require(27) /* metro dependency 27 */;
+    const env0_3 = value.View;
+    const env0_4 = value.Image;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object3 = {};
+    const object5 = {};
+    const PREVIEW_SIZE = (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).PREVIEW_SIZE;
+    object5.width = PREVIEW_SIZE;
+    object5.height = PREVIEW_SIZE;
+    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
+    object5.backgroundColor = BACKGROUND_SURFACE_HIGH;
+    object5.display = 'flex';
+    object5.alignItems = 'center';
+    object5.justifyContent = 'center';
+    object5.marginRight = 12;
+    object3.purchasePlaceholder = object5;
+    object3.avatarDecorationPreview = {width: PREVIEW_SIZE, height: PREVIEW_SIZE, marginRight: 12};
+    const object6 = {'width': null, 'height': null, 'marginRight': 12, 'borderRadius': null, 'overflow': 'hidden',
+        'position': 'relative'};
+    object6.width = PREVIEW_SIZE;
+    object6.height = PREVIEW_SIZE;
+    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    object3.nameplateContainer = object6;
+    const NAMEPLATE_ASPECT_RATIO = (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).NAMEPLATE_ASPECT_RATIO;
+    object3.nameplatePreview = {'position': 'absolute', 'right': 0, width: PREVIEW_SIZE * NAMEPLATE_ASPECT_RATIO,
+        height: PREVIEW_SIZE};
+    object3.profileFrameContainer = {'width': null, 'height': null, 'marginRight': 12, 'alignItems': 'center',
+        'justifyContent': 'center', width: PREVIEW_SIZE, height: PREVIEW_SIZE};
+    const env0_6 = Reflect.apply(createStyles, value, [object3]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/parent_tools/native/FamilyCenterActivityItemPreview.tsx');
+    exports.default = FamilyCenterActivityItemPreview;
+}
+
+function AvatarDecorationPreviewImage({product, styles}) { // fn#102078, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:964, offset: 0x0222b764, size: 105 bytes, params: 2, frame: 17
+    const avatarDecorationPreviewUrl = (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).getAvatarDecorationPreviewUrl(product);
+    return avatarDecorationPreviewUrl == null ? null : <Image source={{uri: avatarDecorationPreviewUrl}} style={styles.avatarDecorationPreview} fadeDuration={0} />;
+}
+
+function NameplatePreviewImage({nameplateData, styles}) { // fn#102079, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:1148, offset: 0x0222b7cd, size: 145 bytes, params: 2, frame: 19
+    const nameplateUtilsModule = require(8484) /* metro dependency 8484: NameplateUtils */;
+    const getNameplateAssets = nameplateUtilsModule.getNameplateAssets;
+    const staticImageUrl = Reflect.apply(getNameplateAssets, nameplateUtilsModule, [nameplateData]).staticImageUrl;
+    return staticImageUrl == null ? null : <View style={styles.nameplateContainer}><Image source={{uri: staticImageUrl}} style={styles.nameplatePreview} resizeMode="cover" fadeDuration={0} /></View>;
+}
+
+function ProfileEffectPreviewImage({product, styles}) { // fn#102080, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:1401, offset: 0x0222b85e, size: 105 bytes, params: 2, frame: 17
+    const profileEffectPreviewUrl = (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).getProfileEffectPreviewUrl(product);
+    return profileEffectPreviewUrl == null ? null : <Image source={{uri: profileEffectPreviewUrl}} style={styles.avatarDecorationPreview} fadeDuration={0} />;
+}
+
+function ProfileFramePreviewImage({product, styles}) { // fn#102081, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:1585, offset: 0x0222b8c7, size: 228 bytes, params: 2, frame: 22
+    var r0;
+    var ProfileFrameSamplePreview;
+    var object2;
+    const PREVIEW_SIZE = (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).PREVIEW_SIZE;
+    const value2 = (importDefault(8498) /* metro dependency 8498: useMaybeFetchProfileFrame */)(product.skuId,
+        'FamilyCenterActivityItemPreview');
+    if (value2 == null) {
+        r0 = null;
+    } else {
+        var viewBindingProps = {style: styles.profileFrameContainer};
+        ProfileFrameSamplePreview = importDefault(10031) /* metro dependency 10031: ProfileFrameSamplePreview */;
+        r0 = <View {...viewBindingProps}><ProfileFrameSamplePreview profileFrame={value2} previewWidth={PREVIEW_SIZE * (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).PROFILE_FRAME_ASPECT_RATIO} previewHeight={PREVIEW_SIZE} profileBackgroundColor={(importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW} /></View>;
+    }
+    return r0;
+}
+
+function SubscriptionPreview({subscriptionPlanId, styles}) { // fn#102082, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:1944, offset: 0x0222b9ab, size: 264 bytes, params: 2, frame: 18
+    if (subscriptionPlanId == null) {
+        return (
+            <View style={styles.purchasePlaceholder}>
+                {((ShopIcon) => <ShopIcon size="custom" style={{'width': 20,
+                    'height': 20}} />)((require(10358) /* metro dependency 10358: ShopIcon */).ShopIcon)}
+            </View>
+        );
+    }
+    return (
+        <View style={styles.purchasePlaceholder}>
+            {((Component) => <Component size="custom" style={{'width': 20,
+                'height': 20}} />)((require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).isGuildBoostSubscription(subscriptionPlanId) ? (require(7958) /* metro dependency 7958: BoostGemIcon */).BoostGemIcon : (require(7954) /* metro dependency 7954: NitroWheelIcon */).NitroWheelIcon)}
+        </View>
+    );
+}
+
+function CollectiblePreview({product, styles}) { // fn#102083, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:2312, offset: 0x0222bab3, size: 511 bytes, params: 2, frame: 20
+    const ShopIcon = (require(10358) /* metro dependency 10358: ShopIcon */).ShopIcon;
+    var nameplateDataFromProductRecord;
+    let value = null;
+    if (value == product) {
+        value = environment;
+    } else {
+        var type = product.type;
+        var CollectiblesItemType = (require(1904) /* metro dependency 1904: CollectiblesItemType */).CollectiblesItemType;
+        var AVATAR_DECORATION = CollectiblesItemType.AVATAR_DECORATION;
+        if (AVATAR_DECORATION === type) {
+            return <AvatarDecorationPreviewImage product={product} styles={styles} />;
+        }
+        var NAMEPLATE = CollectiblesItemType.NAMEPLATE;
+        if (NAMEPLATE === type) {
+            nameplateDataFromProductRecord = (require(1901) /* metro dependency 1901: utils */).getNameplateDataFromProductRecord(product);
+            return value != nameplateDataFromProductRecord ? <NameplatePreviewImage nameplateData={nameplateDataFromProductRecord} styles={styles} /> : value;
+        }
+        var PROFILE_EFFECT = CollectiblesItemType.PROFILE_EFFECT;
+        if (PROFILE_EFFECT === type) {
+            return <ProfileEffectPreviewImage product={product} styles={styles} />;
+        }
+        var PROFILE_FRAME = CollectiblesItemType.PROFILE_FRAME;
+        if (PROFILE_FRAME === type) {
+            return <ProfileFramePreviewImage product={product} styles={styles} />;
+        }
+    }
+    return (
+        <View style={styles.purchasePlaceholder}>
+            <ShopIcon size="custom" style={{'width': 20, 'height': 20}} />
+        </View>
+    );
+}
+
+function FamilyCenterActivityItemPreview({displayName, product, isSubscription, subscriptionPlanId}) { // fn#102084, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13606:3203, offset: 0x0222bcb2, size: 124 bytes, params: 2, frame: 20
+    const styles = useStyles();
+    return (
+        <View accessible accessibilityLabel={displayName}>
+            {isSubscription ? <SubscriptionPreview subscriptionPlanId={subscriptionPlanId} styles={styles} /> : <CollectiblePreview product={product} styles={styles} />}
+        </View>
+    );
+}
+