174 lines
8.8 KiB
TypeScript
174 lines
8.8 KiB
TypeScript
// Module ID: 13868
|
|
// Function ID: 106229
|
|
// Name: AvatarDecorationPreviewImage
|
|
// Dependencies: [31, 27, 8036, 33, 4131, 13867, 689, 8009, 8020, 8626, 11252, 6561, 6570, 1877, 1874, 2]
|
|
// Exports: default
|
|
|
|
// Module 13868 (AvatarDecorationPreviewImage)
|
|
import "result";
|
|
import get_ActivityIndicator from "get ActivityIndicator";
|
|
import { PROFILE_FRAME_ASPECT_RATIO as closure_5 } from "PROFILE_FRAME_RESPONSIVE_RAIL_MIN_ASPECT_RATIO";
|
|
import { jsx } from "jsxProd";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
let closure_3;
|
|
let closure_4;
|
|
const require = arg1;
|
|
function AvatarDecorationPreviewImage(arg0) {
|
|
let product;
|
|
let styles;
|
|
({ product, styles } = arg0);
|
|
let obj = require(13867) /* getCollectibleTypeName */;
|
|
const avatarDecorationPreviewUrl = obj.getAvatarDecorationPreviewUrl(product);
|
|
let tmp2 = null;
|
|
if (null != avatarDecorationPreviewUrl) {
|
|
obj = {};
|
|
obj = { uri: avatarDecorationPreviewUrl };
|
|
obj.source = obj;
|
|
obj.style = styles.avatarDecorationPreview;
|
|
obj.fadeDuration = 0;
|
|
tmp2 = <closure_4 uri={avatarDecorationPreviewUrl} />;
|
|
}
|
|
return tmp2;
|
|
}
|
|
function NameplatePreviewImage(styles) {
|
|
styles = styles.styles;
|
|
let obj = require(8009) /* getNameplateAssets */;
|
|
const staticImageUrl = obj.getNameplateAssets(styles.nameplateData).staticImageUrl;
|
|
let tmp = null;
|
|
if (null != staticImageUrl) {
|
|
obj = { style: styles.nameplateContainer };
|
|
obj = {};
|
|
const obj1 = { uri: staticImageUrl };
|
|
obj.source = obj1;
|
|
obj.style = styles.nameplatePreview;
|
|
obj.resizeMode = "cover";
|
|
obj.fadeDuration = 0;
|
|
obj.children = <closure_4 />;
|
|
tmp = <closure_3 />;
|
|
}
|
|
return tmp;
|
|
}
|
|
function ProfileEffectPreviewImage(arg0) {
|
|
let product;
|
|
let styles;
|
|
({ product, styles } = arg0);
|
|
let obj = require(13867) /* getCollectibleTypeName */;
|
|
const profileEffectPreviewUrl = obj.getProfileEffectPreviewUrl(product);
|
|
let tmp2 = null;
|
|
if (null != profileEffectPreviewUrl) {
|
|
obj = {};
|
|
obj = { uri: profileEffectPreviewUrl };
|
|
obj.source = obj;
|
|
obj.style = styles.avatarDecorationPreview;
|
|
obj.fadeDuration = 0;
|
|
tmp2 = <closure_4 uri={profileEffectPreviewUrl} />;
|
|
}
|
|
return tmp2;
|
|
}
|
|
function ProfileFramePreviewImage(arg0) {
|
|
let product;
|
|
let styles;
|
|
({ product, styles } = arg0);
|
|
const tmp = importDefault(8020)(product.skuId, "FamilyCenterActivityItemPreview");
|
|
let tmp2 = null;
|
|
if (null != tmp) {
|
|
let obj = { style: styles.profileFrameContainer };
|
|
obj = { profileFrame: tmp, previewWidth: require(13867) /* getCollectibleTypeName */.PREVIEW_SIZE * closure_5, previewHeight: require(13867) /* getCollectibleTypeName */.PREVIEW_SIZE, profileBackgroundColor: importDefault(689).colors.BACKGROUND_BASE_LOW };
|
|
obj.children = jsx(importDefault(8626), { profileFrame: tmp, previewWidth: require(13867) /* getCollectibleTypeName */.PREVIEW_SIZE * closure_5, previewHeight: require(13867) /* getCollectibleTypeName */.PREVIEW_SIZE, profileBackgroundColor: importDefault(689).colors.BACKGROUND_BASE_LOW });
|
|
tmp2 = <closure_3 profileFrame={tmp} previewWidth={require(13867) /* getCollectibleTypeName */.PREVIEW_SIZE * closure_5} previewHeight={require(13867) /* getCollectibleTypeName */.PREVIEW_SIZE} profileBackgroundColor={importDefault(689).colors.BACKGROUND_BASE_LOW} />;
|
|
const tmp8 = importDefault(8626);
|
|
}
|
|
return tmp2;
|
|
}
|
|
function SubscriptionPreview(arg0) {
|
|
let styles;
|
|
let subscriptionPlanId;
|
|
({ subscriptionPlanId, styles } = arg0);
|
|
if (null == subscriptionPlanId) {
|
|
let obj = { style: styles.purchasePlaceholder };
|
|
obj = { size: "custom", style: { width: 20, height: 20 } };
|
|
obj.children = jsx(require(11252) /* ShopIcon */.ShopIcon, { size: "custom", style: { width: 20, height: 20 } });
|
|
return <closure_3 size="custom" style={{ width: 20, height: 20 }} />;
|
|
} else {
|
|
const obj1 = { style: styles.purchasePlaceholder };
|
|
if (obj4.isGuildBoostSubscription(subscriptionPlanId)) {
|
|
let NitroWheelIcon = tmp11(6561).BoostGemIcon;
|
|
} else {
|
|
NitroWheelIcon = tmp11(6570).NitroWheelIcon;
|
|
}
|
|
obj = { size: "custom", style: { width: 20, height: 20 } };
|
|
obj1.children = <NitroWheelIcon size="custom" style={{ width: 20, height: 20 }} />;
|
|
return <closure_3 style={styles.purchasePlaceholder} />;
|
|
}
|
|
}
|
|
function CollectiblePreview(arg0) {
|
|
let product;
|
|
let styles;
|
|
({ product, styles } = arg0);
|
|
if (null == product) {
|
|
let obj = { style: styles.purchasePlaceholder };
|
|
obj = { size: "custom", style: { width: 20, height: 20 } };
|
|
obj.children = jsx(require(11252) /* ShopIcon */.ShopIcon, { size: "custom", style: { width: 20, height: 20 } });
|
|
return <closure_3 size="custom" style={{ width: 20, height: 20 }} />;
|
|
} else {
|
|
const type = product.type;
|
|
if (require(1877) /* CollectiblesItemType */.CollectiblesItemType.AVATAR_DECORATION === type) {
|
|
const obj1 = { product, styles };
|
|
return <AvatarDecorationPreviewImage product={product} styles={styles} />;
|
|
} else if (require(1877) /* CollectiblesItemType */.CollectiblesItemType.NAMEPLATE === type) {
|
|
let obj4 = require(1874) /* getNameplateData */;
|
|
const nameplateDataFromProductRecord = obj4.getNameplateDataFromProductRecord(product);
|
|
let tmp13 = null;
|
|
if (null != nameplateDataFromProductRecord) {
|
|
const obj2 = { nameplateData: nameplateDataFromProductRecord, styles };
|
|
tmp13 = <NameplatePreviewImage nameplateData={nameplateDataFromProductRecord} styles={styles} />;
|
|
}
|
|
return tmp13;
|
|
} else if (require(1877) /* CollectiblesItemType */.CollectiblesItemType.PROFILE_EFFECT === type) {
|
|
const obj3 = { product, styles };
|
|
return <ProfileEffectPreviewImage product={product} styles={styles} />;
|
|
} else if (require(1877) /* CollectiblesItemType */.CollectiblesItemType.PROFILE_FRAME === type) {
|
|
obj4 = { product, styles };
|
|
return <ProfileFramePreviewImage product={product} styles={styles} />;
|
|
} else {
|
|
obj = { style: styles.purchasePlaceholder };
|
|
const obj5 = { size: "custom", style: { width: 20, height: 20 } };
|
|
obj.children = jsx(require(11252) /* ShopIcon */.ShopIcon, { size: "custom", style: { width: 20, height: 20 } });
|
|
return <closure_3 style={styles.purchasePlaceholder} />;
|
|
}
|
|
}
|
|
}
|
|
({ View: closure_3, Image: closure_4 } = get_ActivityIndicator);
|
|
_createForOfIteratorHelperLoose = {};
|
|
_createForOfIteratorHelperLoose = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, borderRadius: require("_createForOfIteratorHelperLoose").radii.xs, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH, display: "flex", alignItems: "center", justifyContent: "center", marginRight: 12 };
|
|
_createForOfIteratorHelperLoose.purchasePlaceholder = _createForOfIteratorHelperLoose;
|
|
_createForOfIteratorHelperLoose.avatarDecorationPreview = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12 };
|
|
let obj2 = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12, borderRadius: require("_createForOfIteratorHelperLoose").radii.xs, overflow: "hidden", position: "relative" };
|
|
_createForOfIteratorHelperLoose.nameplateContainer = obj2;
|
|
let obj3 = { position: "absolute", right: 0, width: require("getCollectibleTypeName").PREVIEW_SIZE * require("getCollectibleTypeName").NAMEPLATE_ASPECT_RATIO, height: require("getCollectibleTypeName").PREVIEW_SIZE };
|
|
_createForOfIteratorHelperLoose.nameplatePreview = obj3;
|
|
let obj4 = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12, alignItems: "center", justifyContent: "center" };
|
|
_createForOfIteratorHelperLoose.profileFrameContainer = obj4;
|
|
_createForOfIteratorHelperLoose = _createForOfIteratorHelperLoose.createStyles(_createForOfIteratorHelperLoose);
|
|
let obj1 = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12 };
|
|
const result = require("PROFILE_FRAME_RESPONSIVE_RAIL_MIN_ASPECT_RATIO").fileFinishedImporting("modules/parent_tools/native/FamilyCenterActivityItemPreview.tsx");
|
|
|
|
export default function FamilyCenterActivityItemPreview(arg0) {
|
|
let displayName;
|
|
let isSubscription;
|
|
let product;
|
|
let subscriptionPlanId;
|
|
({ displayName, product, isSubscription, subscriptionPlanId } = arg0);
|
|
const tmp = _createForOfIteratorHelperLoose();
|
|
let obj = { accessible: true, accessibilityLabel: displayName };
|
|
if (isSubscription) {
|
|
obj = { subscriptionPlanId, styles: tmp };
|
|
let tmp4Result = tmp4(SubscriptionPreview, obj);
|
|
} else {
|
|
obj = { product, styles: tmp };
|
|
tmp4Result = tmp4(CollectiblePreview, obj);
|
|
}
|
|
obj.children = tmp4Result;
|
|
return <closure_3 accessible accessibilityLabel={displayName} />;
|
|
};
|