268 lines
9.9 KiB
TypeScript
268 lines
9.9 KiB
TypeScript
// Module ID: 7994
|
|
// Function ID: 63724
|
|
// Name: getSizedAssetUri
|
|
// Dependencies: [31, 27, 7977, 33, 5085, 4131, 689, 44, 1877, 1874, 7995, 8005, 8007, 1273, 8012, 2]
|
|
// Exports: default
|
|
|
|
// Module 7994 (getSizedAssetUri)
|
|
import "result";
|
|
import get_ActivityIndicator from "get ActivityIndicator";
|
|
import { BUNDLE_PREVIEW_CONFIG } from "SAMPLE_PROFILE_ASPECT_RATIO";
|
|
import jsxProd from "jsxProd";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
let StyleSheet;
|
|
let closure_3;
|
|
let closure_4;
|
|
let closure_6;
|
|
let closure_7;
|
|
const require = arg1;
|
|
function getSizedAssetUri(bgStatic, targetSize) {
|
|
if (null != targetSize) {
|
|
if (bgStatic.startsWith("https://cdn.discordapp.com")) {
|
|
const _Math = Math;
|
|
const bound = Math.min(closure_3.get(), 2);
|
|
const _Math2 = Math;
|
|
const rounded = Math.round(targetSize.width * bound);
|
|
const _Math3 = Math;
|
|
const rounded1 = Math.round(targetSize.height * bound);
|
|
let str2 = "?";
|
|
if (bgStatic.includes("?")) {
|
|
str2 = "&";
|
|
}
|
|
const _HermesInternal = HermesInternal;
|
|
return "" + bgStatic + str2 + "width=" + rounded + "&height=" + rounded1;
|
|
}
|
|
}
|
|
return bgStatic;
|
|
}
|
|
function BundleStaticPreviewContent(arg0) {
|
|
let bgStatic;
|
|
let disableBackground;
|
|
let fgStatic;
|
|
let mutedBackground;
|
|
let previewAssets;
|
|
let targetSize;
|
|
({ previewAssets, targetSize } = arg0);
|
|
({ bgStatic, fgStatic } = previewAssets);
|
|
let tmp = null;
|
|
({ disableBackground, mutedBackground } = arg0);
|
|
if (null != bgStatic) {
|
|
let obj = { source: null, style: null, resizeMode: "cover", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
|
|
obj = { uri: getSizedAssetUri(bgStatic, targetSize) };
|
|
obj.source = obj;
|
|
obj.style = closure_8.bgImage;
|
|
tmp = callback(importDefault(5085), obj);
|
|
const tmp5 = importDefault(5085);
|
|
}
|
|
obj = { style: closure_8.container };
|
|
let tmp11Result = !disableBackground;
|
|
if (tmp11Result) {
|
|
tmp11Result = null != tmp;
|
|
}
|
|
if (tmp11Result) {
|
|
const obj1 = { style: closure_8.bgBleedClip, pointerEvents: "none" };
|
|
let tmp14 = tmp;
|
|
if (mutedBackground) {
|
|
const obj2 = { style: closure_8.bgMutedWrap, pointerEvents: "none", children: tmp };
|
|
tmp14 = callback(closure_4, obj2);
|
|
}
|
|
obj1.children = tmp14;
|
|
tmp11Result = callback(closure_4, obj1);
|
|
const tmp11 = callback;
|
|
const tmp12 = closure_4;
|
|
}
|
|
const items = [tmp11Result, ];
|
|
let tmp18 = null != fgStatic;
|
|
if (tmp18) {
|
|
const obj3 = { style: closure_8.fgClip, pointerEvents: "none" };
|
|
const obj4 = { source: null, style: null, resizeMode: "cover", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
|
|
const obj5 = { uri: getSizedAssetUri(fgStatic, targetSize) };
|
|
obj4.source = obj5;
|
|
obj4.style = closure_8.fgImage;
|
|
obj3.children = callback(importDefault(5085), obj4);
|
|
tmp18 = callback(closure_4, obj3);
|
|
const tmp25 = importDefault(5085);
|
|
}
|
|
items[1] = tmp18;
|
|
obj.children = items;
|
|
return closure_7(closure_4, obj);
|
|
}
|
|
function BundleSampleV2Composed(arg0) {
|
|
let deco;
|
|
let nameplate;
|
|
let pfx;
|
|
let size;
|
|
({ deco, pfx, nameplate, size } = arg0);
|
|
if (size === undefined) {
|
|
size = "small";
|
|
}
|
|
const tmp = callback2(size);
|
|
let nameplateData;
|
|
if (null != nameplate) {
|
|
importDefault(44)(nameplate.type === require(1877) /* CollectiblesItemType */.CollectiblesItemType.NAMEPLATE, "Item must be Nameplate");
|
|
let obj = require(1874) /* getNameplateData */;
|
|
nameplateData = obj.getNameplateData(nameplate);
|
|
const tmp5 = importDefault(44);
|
|
}
|
|
let tmp9 = null != nameplateData ? tmp8.avatarDecorationSizeTriple : tmp8.avatarDecorationSize;
|
|
obj = { style: tmp.bundle };
|
|
let tmp12 = null != pfx;
|
|
if (tmp12) {
|
|
obj = { style: tmp.pfx };
|
|
const obj1 = { item: pfx };
|
|
obj.children = callback(importDefault(7995), obj1);
|
|
tmp12 = callback(closure_4, obj);
|
|
}
|
|
const items = [tmp12, , ];
|
|
if (null == deco) {
|
|
items[1] = tmp18;
|
|
if (null == nameplateData) {
|
|
items[2] = null;
|
|
obj.children = items;
|
|
return closure_7(closure_4, obj);
|
|
} else {
|
|
const obj2 = { style: tmp.nameplate };
|
|
let obj3 = { width: tmp8.nameplatePreviewWidth };
|
|
if ("large" === size) {
|
|
let XSMALL_20 = require(1273) /* Button */.AvatarSizes.NORMAL;
|
|
} else {
|
|
XSMALL_20 = require(1273) /* Button */.AvatarSizes.XSMALL_20;
|
|
}
|
|
obj3.avatarSize = XSMALL_20;
|
|
obj3.nameplate = nameplateData;
|
|
obj3 = callback(require(8007) /* NAMEPLATE_DUMMY_USER_PREVIEW_CONFIG */.NameplateDummyUserPreview, obj3);
|
|
obj2.children = obj3;
|
|
callback(closure_4, obj2);
|
|
const tmp26 = callback;
|
|
const tmp27 = closure_4;
|
|
const tmp28 = callback;
|
|
}
|
|
} else {
|
|
const obj4 = {};
|
|
const items1 = [null != nameplateData ? tmp.avatarWithNameplate : tmp.avatar];
|
|
obj4.style = items1;
|
|
const obj5 = { item: deco, size: tmp9 };
|
|
tmp9 = null != nameplateData;
|
|
obj5.threeTierBundle = tmp9;
|
|
obj4.children = callback(importDefault(8005), obj5);
|
|
callback(closure_4, obj4);
|
|
const tmp19 = callback;
|
|
const tmp20 = closure_4;
|
|
}
|
|
}
|
|
function BundleSampleV2StaticPreview(composedFallbackProps) {
|
|
let disableStaticBackground;
|
|
let exposureLocation;
|
|
let mutedStaticBackground;
|
|
let previewAssets;
|
|
let targetSize;
|
|
composedFallbackProps = composedFallbackProps.composedFallbackProps;
|
|
({ previewAssets, disableStaticBackground, mutedStaticBackground, targetSize, exposureLocation } = composedFallbackProps);
|
|
let obj = require(8012) /* useCollectiblesMobileFlexibleBundlesExperiment */;
|
|
if (obj.useCollectiblesMobileFlexibleBundlesExperiment(exposureLocation).enabled) {
|
|
obj = { previewAssets, disableBackground: disableStaticBackground, mutedBackground: mutedStaticBackground, targetSize };
|
|
let tmpResult = tmp(BundleStaticPreviewContent, obj);
|
|
} else {
|
|
obj = {};
|
|
const merged = Object.assign(composedFallbackProps);
|
|
tmpResult = tmp(BundleSampleV2Composed, obj);
|
|
}
|
|
return tmpResult;
|
|
}
|
|
({ PixelRatio: closure_3, StyleSheet, View: closure_4 } = get_ActivityIndicator);
|
|
({ jsx: closure_6, jsxs: closure_7 } = jsxProd);
|
|
let obj = {};
|
|
obj = {};
|
|
let merged = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj["overflow"] = "hidden";
|
|
obj.container = obj;
|
|
obj = {};
|
|
const merged1 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj["overflow"] = "hidden";
|
|
obj["justifyContent"] = "center";
|
|
obj["alignItems"] = "center";
|
|
obj.bgBleedClip = obj;
|
|
let obj1 = {};
|
|
const merged2 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj1["opacity"] = 0.8;
|
|
obj.bgMutedWrap = obj1;
|
|
obj.bgImage = { width: "100%", height: "100%" };
|
|
let obj2 = {};
|
|
const merged3 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj2["overflow"] = "hidden";
|
|
obj2["justifyContent"] = "center";
|
|
obj2["alignItems"] = "center";
|
|
obj.fgClip = obj2;
|
|
const merged4 = Object.assign(StyleSheet.absoluteFillObject);
|
|
obj.fgImage = {};
|
|
const styles = StyleSheet.create(obj);
|
|
let closure_9 = _createForOfIteratorHelperLoose.createStyles((arg0) => {
|
|
let obj = {};
|
|
obj = { width: tmp.bundleWidth, height: tmp.bundleHeight, borderRadius: importDefault(689).radii.xs };
|
|
obj.bundle = obj;
|
|
obj = { position: "absolute", top: tmp.pfxTop, left: tmp.pfxLeft, width: tmp.pfxWidth, height: tmp.pfxHeight, backgroundColor: importDefault(689).colors.BACKGROUND_BASE_LOW, transform: items, zIndex: 0, overflow: "hidden", borderRadius: importDefault(689).radii.xs };
|
|
items = [{ rotate: "-8deg" }];
|
|
obj.pfx = obj;
|
|
const obj1 = { position: "absolute", top: null, right: null, transform: null, zIndex: 1, alignItems: "center", justifyContent: "center" };
|
|
({ avatarTop: obj4.top, avatarRight: obj4.right } = BUNDLE_PREVIEW_CONFIG[arg0]);
|
|
const items1 = [{ rotate: "8deg" }];
|
|
obj1.transform = items1;
|
|
obj.avatar = obj1;
|
|
const obj2 = { position: "absolute", top: null, right: null, transform: null, zIndex: 1, alignItems: "center", justifyContent: "center" };
|
|
({ avatarWithNameplateTop: obj5.top, avatarWithNameplateRight: obj5.right } = BUNDLE_PREVIEW_CONFIG[arg0]);
|
|
const items2 = [{ rotate: "8deg" }];
|
|
obj2.transform = items2;
|
|
obj2.shadowColor = importDefault(689).colors.BLACK;
|
|
obj2.shadowOffset = { width: 0, height: 4 };
|
|
obj2.shadowOpacity = 0.5;
|
|
obj2.shadowRadius = 4;
|
|
obj.avatarWithNameplate = obj2;
|
|
const obj3 = { position: "absolute", bottom: BUNDLE_PREVIEW_CONFIG[arg0].nameplateBottom, marginHorizontal: 10, width: "90%", backgroundColor: importDefault(689).colors.BACKGROUND_BASE_LOWER, zIndex: 2, borderRadius: importDefault(689).radii.sm, shadowColor: importDefault(689).colors.BLACK, shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.5, shadowRadius: 4 };
|
|
obj.nameplate = obj3;
|
|
return obj;
|
|
});
|
|
const result = require("SAMPLE_PROFILE_ASPECT_RATIO").fileFinishedImporting("modules/collectibles/native/BundleSampleV2.tsx");
|
|
|
|
export default function BundleSampleV2(size) {
|
|
let deco;
|
|
let disableStaticBackground;
|
|
let exposureLocation;
|
|
let nameplate;
|
|
let pfx;
|
|
let previewAssets;
|
|
let targetSize;
|
|
let str = size.size;
|
|
({ deco, pfx, nameplate } = size);
|
|
if (str === undefined) {
|
|
str = "small";
|
|
}
|
|
({ previewAssets, disableStaticBackground } = size);
|
|
if (disableStaticBackground === undefined) {
|
|
disableStaticBackground = false;
|
|
}
|
|
let flag = size.mutedStaticBackground;
|
|
if (flag === undefined) {
|
|
flag = false;
|
|
}
|
|
({ exposureLocation, targetSize } = size);
|
|
if (exposureLocation === undefined) {
|
|
exposureLocation = "CollectiblesShopCardAssetTileV2";
|
|
}
|
|
let obj = { deco, pfx, nameplate, size: str };
|
|
let fgStatic;
|
|
if (null != previewAssets) {
|
|
fgStatic = previewAssets.fgStatic;
|
|
}
|
|
if (null != fgStatic) {
|
|
obj = { previewAssets, disableStaticBackground, mutedStaticBackground: flag, targetSize };
|
|
obj.composedFallbackProps = obj;
|
|
obj.exposureLocation = exposureLocation;
|
|
let tmp7 = callback(BundleSampleV2StaticPreview, obj);
|
|
} else {
|
|
obj = {};
|
|
const merged = Object.assign(obj);
|
|
tmp7 = callback(BundleSampleV2Composed, obj);
|
|
}
|
|
return tmp7;
|
|
};
|