/* Metro module 13418; source: modules/parent_tools/native/FamilyCenterActivityGiftRow.tsx; dependencies: [31, 27, 33, 4501, 697, 8405, 13406, 13415, 13417, 3995, 13416, 4573, 2] */
function _fun102089(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102089, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13608:6, offset: 0x0222bfec, size: 262 bytes, params: 8, frame: 21
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    const env0_6 = Reflect.apply(createStyles, value, [{container: {'display': 'flex', 'flexDirection': 'row',
        'alignItems': 'center', 'borderBottomColor': null, 'borderBottomWidth': 1, 'paddingVertical': 12,
        borderBottomColor: BORDER_SUBTLE}, textContainer: {'display': 'flex', 'flexDirection': 'column',
        'flexShrink': 1}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/parent_tools/native/FamilyCenterActivityGiftRow.tsx');
    exports.default = FamilyCenterActivityGiftRow;
}

function FamilyCenterActivityGiftRow({skuId, subscriptionPlanId, price, gifterUserId, claimed, offeredAt, claimedAt}) { // fn#102090, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13608:496, offset: 0x0222c0f2, size: 519 bytes, params: 2, frame: 27
    var moduleValue3;
    var getGiftSubtext;
    var object2;
    var value6;
    var items3;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    var items2;
    const styles = useStyles();
    const product = (importDefault(8405) /* metro dependency 8405: useCollectiblesData */)(skuId).product;
    const value2 = (require(13406) /* metro dependency 13406: useSelectedTeenUser */).useTeenUserForId(gifterUserId);
    const {displayName,
        isSubscription} = (require(13415) /* metro dependency 13415: FamilyCenterActivityPurchaseRowUtils */).getPurchaseDisplayInfo(product ?? null,
        subscriptionPlanId);
    if (skuId == null) {
        if (displayName == null) {
            return null;
        }
        moduleValue3 = require(13417) /* metro dependency 13417: FamilyCenterActivityGiftRowUtils */;
        getGiftSubtext = moduleValue3.getGiftSubtext;
        object2 = {claimed: claimed, price: price};
        object2.gifterName = value2 != null ? (importDefault(3995) /* metro dependency 3995: UserUtils */).getName(value2) : null;
        object2.offeredAt = offeredAt;
        object2.claimedAt = claimedAt;
        value6 = Reflect.apply(getGiftSubtext, moduleValue3, [object2]);
        var viewBindingProps = {style: styles.container};
        items3 = [((Component) => <Component displayName={displayName} product={product ?? null} isSubscription={isSubscription} subscriptionPlanId={subscriptionPlanId} />)(importDefault(13416) /* metro dependency 13416: FamilyCenterActivityItemPreview */)];
        var viewBinding2Props = {style: styles.textContainer};
        items2 = [<Text variant="text-md/semibold" color="interactive-text-active" ellipsizeMode="tail" lineClamp={1}>{displayName}</Text>];
        items2[1] = <Text variant="text-xs/medium" color="text-muted">{value6}</Text>;
        items3[1] = <View {...viewBinding2Props}>{items2}</View>;
        return (
            <View {...viewBindingProps}>
                {items3}
            </View>
        );
    }
    if (isSubscription) {
        if (displayName == null) {
            return null;
        }
        moduleValue3 = require(13417) /* metro dependency 13417: FamilyCenterActivityGiftRowUtils */;
        getGiftSubtext = moduleValue3.getGiftSubtext;
        object2 = {claimed: claimed, price: price};
        object2.gifterName = value2 != null ? (importDefault(3995) /* metro dependency 3995: UserUtils */).getName(value2) : null;
        object2.offeredAt = offeredAt;
        object2.claimedAt = claimedAt;
        value6 = Reflect.apply(getGiftSubtext, moduleValue3, [object2]);
        var viewBindingProps = {style: styles.container};
        items3 = [((Component) => <Component displayName={displayName} product={product ?? null} isSubscription={isSubscription} subscriptionPlanId={subscriptionPlanId} />)(importDefault(13416) /* metro dependency 13416: FamilyCenterActivityItemPreview */)];
        var viewBinding2Props = {style: styles.textContainer};
        items2 = [<Text variant="text-md/semibold" color="interactive-text-active" ellipsizeMode="tail" lineClamp={1}>{displayName}</Text>];
        items2[1] = <Text variant="text-xs/medium" color="text-muted">{value6}</Text>;
        items3[1] = <View {...viewBinding2Props}>{items2}</View>;
        return (
            <View {...viewBindingProps}>
                {items3}
            </View>
        );
    }
    if (product != null) {
        if (displayName == null) {
            return null;
        }
        moduleValue3 = require(13417) /* metro dependency 13417: FamilyCenterActivityGiftRowUtils */;
        getGiftSubtext = moduleValue3.getGiftSubtext;
        object2 = {claimed: claimed, price: price};
        object2.gifterName = value2 != null ? (importDefault(3995) /* metro dependency 3995: UserUtils */).getName(value2) : null;
        object2.offeredAt = offeredAt;
        object2.claimedAt = claimedAt;
        value6 = Reflect.apply(getGiftSubtext, moduleValue3, [object2]);
        var viewBindingProps = {style: styles.container};
        items3 = [((Component) => <Component displayName={displayName} product={product ?? null} isSubscription={isSubscription} subscriptionPlanId={subscriptionPlanId} />)(importDefault(13416) /* metro dependency 13416: FamilyCenterActivityItemPreview */)];
        var viewBinding2Props = {style: styles.textContainer};
        items2 = [<Text variant="text-md/semibold" color="interactive-text-active" ellipsizeMode="tail" lineClamp={1}>{displayName}</Text>];
        items2[1] = <Text variant="text-xs/medium" color="text-muted">{value6}</Text>;
        items3[1] = <View {...viewBinding2Props}>{items2}</View>;
        return (
            <View {...viewBindingProps}>
                {items3}
            </View>
        );
    }
    return null;
}