265 lines
8.1 KiB
TypeScript
265 lines
8.1 KiB
TypeScript
// Module ID: 8452
|
|
// Function ID: 8453
|
|
// Name: useDominantRGBFromImage
|
|
// Dependencies: [32, 19, 17, 676, 21, 4668, 12, 8453, 8454, 4227, 712, 1367, 8455, 8460, 8456, 1297, 4761, 2]
|
|
// Exports: useDominantColorFromImage
|
|
|
|
// Module 8452 (useDominantRGBFromImage)
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
|
|
import ME from "ME" /* 676 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4668 */;
|
|
import importDefaultResult from "apply" /* 12 */;
|
|
|
|
const require = arg1;
|
|
function useDominantRGBFromImage(arg0, arg1) {
|
|
const _require = arg0;
|
|
let first = arg1;
|
|
let tmp = arg1;
|
|
if (Array.isArray(arg1)) {
|
|
first = arg1[0];
|
|
tmp = first;
|
|
}
|
|
let tmp5 = first(8453)();
|
|
dependencyMap = tmp5;
|
|
let hexToRgbResult;
|
|
if (null != arg0) {
|
|
hexToRgbResult = tmp3(8454).cachedDominantColors[arg0];
|
|
}
|
|
if (hexToRgbResult == null) {
|
|
hexToRgbResult = _require(4227).hexToRgb(tmp3(712).unsafe_rawColors.PRIMARY_800);
|
|
const obj2 = _require(4227);
|
|
}
|
|
const tmp8 = callback(importAllResult.useState(hexToRgbResult), 2);
|
|
callback = tmp8[1];
|
|
const items = [tmp, arg0, tmp5];
|
|
const effect = importAllResult.useEffect(() => {
|
|
let tmp2 = null != first;
|
|
if (tmp2) {
|
|
tmp2 = null != closure_0;
|
|
}
|
|
if (tmp2) {
|
|
if (null == first(table[8]).cachedDominantColors[closure_0]) {
|
|
if (typeof tmp === "number") {
|
|
const ImageManager = closure_1_6.ImageManager;
|
|
let dominantColorsLocalAsset = ImageManager.getDominantColorsLocalAsset(closure_1_7.resolveAssetSource(tmp));
|
|
} else {
|
|
const ImageManager2 = closure_1_6.ImageManager;
|
|
dominantColorsLocalAsset = ImageManager2.getDominantColors(closure_1_7.resolveAssetSource(tmp));
|
|
}
|
|
dominantColorsLocalAsset.then((arg0) => {
|
|
if (callback()) {
|
|
const obj = { r: null, g: null, b: null };
|
|
[obj[0], obj[1], obj[2]] = closure_1_3(arg0[0], 3);
|
|
callback2(obj);
|
|
closure_1_1(closure_1_2[8]).cachedDominantColors[closure_0] = obj;
|
|
const tmp3 = closure_1_3(arg0[0], 3);
|
|
}
|
|
}).catch(closure_1_9);
|
|
const nextPromise = dominantColorsLocalAsset.then((arg0) => {
|
|
if (callback()) {
|
|
const obj = { r: null, g: null, b: null };
|
|
[obj[0], obj[1], obj[2]] = closure_1_3(arg0[0], 3);
|
|
callback2(obj);
|
|
closure_1_1(closure_1_2[8]).cachedDominantColors[closure_0] = obj;
|
|
const tmp3 = closure_1_3(arg0[0], 3);
|
|
}
|
|
});
|
|
} else {
|
|
callback(tmp4(tmp5[8]).cachedDominantColors[tmp6]);
|
|
}
|
|
tmp4 = first;
|
|
tmp5 = table;
|
|
}
|
|
}, items);
|
|
return tmp8[0];
|
|
}
|
|
class VideoBackground {
|
|
constructor(arg0) {
|
|
({ url, isStageCall } = global);
|
|
if (isStageCall === undefined) {
|
|
isStageCall = false;
|
|
}
|
|
({ user, guildId } = global);
|
|
renderVideoDetails = global.renderVideoDetails;
|
|
merged = Object.assign(global, Object.create(null));
|
|
closure_1 = undefined;
|
|
closure_2 = undefined;
|
|
tmp2 = closure_12();
|
|
tmp3 = closure_13(url);
|
|
tmp4 = useDominantRGBFromImage(url, tmp3);
|
|
combined = "rgb(" + tmp4.r + ", " + tmp4.g + ", " + tmp4.b + ")";
|
|
tmp6 = closure_1;
|
|
tmp7 = closure_2;
|
|
tmp8 = require("useIsMobileVisualRefreshExperimentEnabled")("VideoBackground-native");
|
|
closure_1 = tmp8;
|
|
id = undefined;
|
|
if (user != null) {
|
|
id = user.id;
|
|
}
|
|
if (id == null) {
|
|
id = EMPTY_STRING_SNOWFLAKE_ID;
|
|
}
|
|
closure_2 = id;
|
|
tmp10 = require("useDisplayProfile")(id, guildId);
|
|
first = undefined;
|
|
if (tmp10 != null) {
|
|
themeColors = tmp10.themeColors;
|
|
if (themeColors != null) {
|
|
first = themeColors[0];
|
|
}
|
|
}
|
|
if (first == null) {
|
|
first = null;
|
|
}
|
|
tmp12 = undefined;
|
|
if (tmp10 != null) {
|
|
themeColors2 = tmp10.themeColors;
|
|
if (themeColors2 != null) {
|
|
tmp12 = themeColors2[1];
|
|
}
|
|
}
|
|
if (tmp12 == null) {
|
|
tmp12 = null;
|
|
}
|
|
tmp13 = tmp8;
|
|
if (tmp8) {
|
|
tmp13 = null != first;
|
|
}
|
|
if (tmp13) {
|
|
tmp13 = null != tmp12;
|
|
}
|
|
tmp14 = guildId;
|
|
obj = require("rgbToHex");
|
|
tmp15 = null;
|
|
if (tmp13) {
|
|
tmp15 = first;
|
|
}
|
|
tmp16 = null;
|
|
if (tmp13) {
|
|
tmp16 = tmp12;
|
|
}
|
|
videoTileGradientColors = obj.useVideoTileGradientColors(tmp15, tmp16);
|
|
items = [, , ];
|
|
items[0] = tmp8;
|
|
items[1] = id;
|
|
items[2] = guildId;
|
|
effect = closure_4.useEffect(() => {
|
|
let tmp2 = id !== closure_1_8;
|
|
if (tmp2) {
|
|
tmp2 = callback;
|
|
}
|
|
if (tmp2) {
|
|
const obj = { guildId: null, dispatchWait: true };
|
|
obj[0] = guildId;
|
|
callback(id[14])(id, undefined, obj);
|
|
}
|
|
}, items);
|
|
if (null == tmp3) {
|
|
return null;
|
|
} else {
|
|
renderVideoDetailsResult = undefined;
|
|
if (renderVideoDetails != null) {
|
|
renderVideoDetailsResult = renderVideoDetails();
|
|
}
|
|
if (renderVideoDetailsResult == null) {
|
|
renderVideoDetailsResult = null;
|
|
}
|
|
items1 = [, , , ];
|
|
items1[0] = global.style;
|
|
items1[1] = tmp2.videoBackground;
|
|
tmp20 = null;
|
|
if (!tmp13) {
|
|
obj = { backgroundColor: null };
|
|
obj[0] = combined;
|
|
tmp20 = obj;
|
|
}
|
|
items1[2] = tmp20;
|
|
videoDetailsSpacer = null;
|
|
if (null != renderVideoDetailsResult) {
|
|
videoDetailsSpacer = tmp2.videoDetailsSpacer;
|
|
}
|
|
items1[3] = videoDetailsSpacer;
|
|
tmp22 = null;
|
|
if (isStageCall) {
|
|
tmp22 = null;
|
|
if (!tmp13) {
|
|
obj1 = { backgroundColor: null };
|
|
obj1[0] = combined;
|
|
tmp22 = obj1;
|
|
}
|
|
}
|
|
tmp23 = jsx;
|
|
obj2 = { source: null };
|
|
obj2[0] = tmp3;
|
|
tmp24 = obj2;
|
|
tmp25 = merged;
|
|
merged1 = Object.assign(merged);
|
|
items2 = [, ];
|
|
items2[0] = global.avatarStyle;
|
|
items2[1] = tmp22;
|
|
obj2.avatarStyle = items2;
|
|
obj2.isStageCall = isStageCall;
|
|
tmp27 = jsx(require("Button").Avatar, obj2);
|
|
if (null != videoTileGradientColors) {
|
|
tmp31 = jsxs;
|
|
obj3 = { colors: null, start: null, end: null, style: null, children: null };
|
|
obj3[0] = videoTileGradientColors;
|
|
obj3[1] = { x: 0, y: 0 };
|
|
obj3[2] = { x: 0, y: 1 };
|
|
obj3[3] = items1;
|
|
items3 = [, ];
|
|
items3[0] = tmp27;
|
|
items3[1] = renderVideoDetailsResult;
|
|
obj3[4] = items3;
|
|
tmp30 = jsxs(require("LinearGradient"), obj3);
|
|
} else {
|
|
tmp28 = jsxs;
|
|
tmp29 = View;
|
|
obj4 = { style: null, children: null };
|
|
obj4[0] = items1;
|
|
items4 = [, ];
|
|
items4[0] = tmp27;
|
|
items4[1] = renderVideoDetailsResult;
|
|
obj4[1] = items4;
|
|
tmp30 = jsxs(View, obj4);
|
|
}
|
|
return tmp30;
|
|
}
|
|
}
|
|
}
|
|
let c4 = importAllResult;
|
|
({ View: c5, NativeModules: closure_6, Image: error } = get_ActivityIndicator);
|
|
({ EMPTY_STRING_SNOWFLAKE_ID: closure_8, NOOP: c9 } = ME);
|
|
({ jsx: c10, jsxs: unpackModuleId } = jsxProd);
|
|
let closure_12 = createCacheKey.createStyles({ videoBackground: { alignItems: "center" }, videoDetailsSpacer: { paddingTop: 12 } });
|
|
const memoizeResult = importDefaultResult.memoize((num) => {
|
|
let tmp = null;
|
|
if (null != num) {
|
|
tmp = null;
|
|
if ("" !== num) {
|
|
let tmp2 = num;
|
|
if (typeof num !== "number") {
|
|
const obj = { uri: null };
|
|
obj[0] = num;
|
|
tmp2 = obj;
|
|
}
|
|
tmp = tmp2;
|
|
}
|
|
}
|
|
return tmp;
|
|
});
|
|
VideoBackground.AvatarSizes = require("Button").AvatarSizes;
|
|
const memoResult = importAllResult.memo(VideoBackground);
|
|
const result = require("set").fileFinishedImporting("modules/calls/native/VideoBackground.tsx");
|
|
|
|
export default memoResult;
|
|
export const AvatarSizes = require("Button").AvatarSizes;
|
|
export const memoizedImageSource = memoizeResult;
|
|
export { useDominantRGBFromImage };
|
|
export const useDominantColorFromImage = function useDominantColorFromImage(arg0, arg1) {
|
|
const tmp = useDominantRGBFromImage(arg0, arg1);
|
|
return "rgb(" + tmp.r + ", " + tmp.g + ", " + tmp.b + ")";
|
|
};
|