344 lines
11 KiB
TypeScript
344 lines
11 KiB
TypeScript
// Module ID: 10731
|
|
// Function ID: 10732
|
|
// Name: BadgeProgressSection
|
|
// Dependencies: [19, 17, 21, 4837, 588, 558, 576, 10656, 4833, 1127, 10730, 2]
|
|
|
|
// Module 10731 (BadgeProgressSection)
|
|
import react_native from "react-native" /* 17 */;
|
|
import react2 from "react" /* 576 */;
|
|
import nativeDefault from "native" /* 588 */;
|
|
import intl3 from "intl" /* 1127 */;
|
|
import BadgeDetailsUtils from "BadgeDetailsUtils" /* 10656 */;
|
|
import BadgeArtImageDefault from "BadgeArtImage" /* 10730 */;
|
|
import react from "react" /* 19 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles_mod from "createStyles" /* 4837 */;
|
|
import ReactCompilerGating from "ReactCompilerGating" /* 558 */;
|
|
import size from "module_2" /* 2 */;
|
|
|
|
let closure_4;
|
|
let hasOwnProperty;
|
|
let obj2;
|
|
let obj3;
|
|
let obj4;
|
|
let obj5;
|
|
let obj6;
|
|
const View = react_native.View;
|
|
({ jsx: closure_4, jsxs: hasOwnProperty } = Fragment);
|
|
let createStyles = createStyles_mod;
|
|
let obj = { section: obj2, row: obj3, content: obj4, track: obj5, fill: obj6 };
|
|
obj2 = { gap: nativeDefault.space.PX_12 };
|
|
createStyles = createStyles.createStyles;
|
|
obj3 = { flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_16 };
|
|
obj4 = { flex: 1, gap: nativeDefault.space.PX_8 };
|
|
obj5 = { height: 8, borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG, overflow: "hidden" };
|
|
obj6 = { height: 8, borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_BRAND };
|
|
let closure_6 = createStyles(obj);
|
|
let tmp5 = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
|
|
let badge;
|
|
let currentArtUrl;
|
|
let helperText;
|
|
let intl;
|
|
let items;
|
|
let items1;
|
|
let items2;
|
|
let nextArtUrl;
|
|
let obj10;
|
|
let progress;
|
|
let range;
|
|
let threshold;
|
|
let tmp18;
|
|
let viewerBadge;
|
|
const obj = react2;
|
|
const cResult = obj.c(37);
|
|
({ badge, viewerBadge } = arg0);
|
|
const tmp4 = closure_6();
|
|
if (cResult[0] === badge) {
|
|
if (cResult[1] === tmp4.content) {
|
|
if (cResult[2] === tmp4.fill) {
|
|
if (cResult[3] === tmp4.row) {
|
|
if (cResult[4] === tmp4.section) {
|
|
if (cResult[5] === tmp4.track) {
|
|
let tmp5;
|
|
let tmp6;
|
|
let tmp7;
|
|
let tmp8;
|
|
let tmp9;
|
|
let tmp10;
|
|
let tmp11;
|
|
let tmp12;
|
|
let tmp13;
|
|
let tmp14;
|
|
let tmp15;
|
|
if (cResult[6] === viewerBadge) {
|
|
tmp5 = cResult[7];
|
|
tmp6 = cResult[8];
|
|
tmp7 = cResult[9];
|
|
tmp8 = cResult[10];
|
|
tmp9 = cResult[11];
|
|
tmp10 = cResult[12];
|
|
tmp11 = cResult[13];
|
|
tmp12 = cResult[14];
|
|
tmp13 = cResult[15];
|
|
tmp14 = cResult[16];
|
|
tmp15 = cResult[17];
|
|
}
|
|
if (cResult[19] === tmp5) {
|
|
if (cResult[20] === tmp9) {
|
|
if (cResult[21] === tmp10) {
|
|
let tmp29;
|
|
let tmp32;
|
|
if (cResult[22] === tmp11) {
|
|
tmp29 = cResult[23];
|
|
}
|
|
if (cResult[24] !== tmp8) {
|
|
let tmp34 = null != tmp8;
|
|
if (tmp34) {
|
|
const obj2 = { url: tmp8, height: 48 };
|
|
tmp34 = React3(BadgeArtImageDefault, obj2);
|
|
}
|
|
cResult[24] = tmp8;
|
|
cResult[25] = tmp34;
|
|
tmp32 = tmp34;
|
|
} else {
|
|
tmp32 = cResult[25];
|
|
}
|
|
if (cResult[26] === tmp6) {
|
|
if (cResult[27] === tmp12) {
|
|
if (cResult[28] === tmp13) {
|
|
if (cResult[29] === tmp29) {
|
|
let tmp37;
|
|
if (cResult[30] === tmp32) {
|
|
tmp37 = cResult[31];
|
|
}
|
|
if (cResult[32] === tmp7) {
|
|
if (cResult[33] === tmp37) {
|
|
if (cResult[34] === tmp14) {
|
|
let tmp40;
|
|
if (cResult[35] === tmp15) {
|
|
tmp40 = cResult[36];
|
|
}
|
|
return tmp40;
|
|
}
|
|
}
|
|
}
|
|
const obj3 = { style: tmp14, children: items };
|
|
items = [tmp15, tmp37];
|
|
const tmp42 = hasOwnProperty(tmp7, obj3);
|
|
cResult[32] = tmp7;
|
|
cResult[33] = tmp37;
|
|
cResult[34] = tmp14;
|
|
cResult[35] = tmp15;
|
|
cResult[36] = tmp42;
|
|
tmp40 = tmp42;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const obj4 = { style: tmp12, children: items1 };
|
|
items1 = [tmp13, tmp29, tmp32];
|
|
const tmp39 = hasOwnProperty(tmp6, obj4);
|
|
cResult[26] = tmp6;
|
|
cResult[27] = tmp12;
|
|
cResult[28] = tmp13;
|
|
cResult[29] = tmp29;
|
|
cResult[30] = tmp32;
|
|
cResult[31] = tmp39;
|
|
tmp37 = tmp39;
|
|
}
|
|
}
|
|
}
|
|
const obj5 = { style: tmp9, children: items2 };
|
|
items2 = [tmp10, tmp11];
|
|
const tmp31 = hasOwnProperty(tmp5, obj5);
|
|
cResult[19] = tmp5;
|
|
cResult[20] = tmp9;
|
|
cResult[21] = tmp10;
|
|
cResult[22] = tmp11;
|
|
cResult[23] = tmp31;
|
|
tmp29 = tmp31;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const tmpResult = BadgeDetailsUtils;
|
|
const badgeProgressDisplay = tmpResult.getBadgeProgressDisplay(badge, viewerBadge);
|
|
({ progress, threshold, currentArtUrl, nextArtUrl, helperText } = badgeProgressDisplay);
|
|
let num;
|
|
if (progress != null) {
|
|
num = progress.current;
|
|
}
|
|
if (num == null) {
|
|
num = 0;
|
|
}
|
|
let num2;
|
|
if (progress != null) {
|
|
num2 = progress.floor;
|
|
}
|
|
if (num2 == null) {
|
|
num2 = 0;
|
|
}
|
|
const section = tmp4.section;
|
|
if (cResult[18] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const obj6 = { variant: "text-sm/medium", color: "text-default", children: intl.string(intl3.t["2m/g2c"]) };
|
|
const Text = tmp(4833).Text;
|
|
intl = tmp(1127).intl;
|
|
const tmp20 = React3(Text, obj6);
|
|
cResult[18] = tmp20;
|
|
tmp18 = tmp20;
|
|
} else {
|
|
tmp18 = cResult[18];
|
|
}
|
|
const row = tmp4.row;
|
|
let tmp21 = null != currentArtUrl;
|
|
if (tmp21) {
|
|
const obj7 = { url: currentArtUrl, height: 48 };
|
|
tmp21 = React3(BadgeArtImageDefault, obj7);
|
|
}
|
|
const content = tmp4.content;
|
|
let tmp24 = null != helperText;
|
|
if (tmp24) {
|
|
const obj8 = { variant: "text-sm/medium", "aria-hidden": null != threshold, children: helperText };
|
|
tmp24 = React3(tmp(4833).Text, obj8);
|
|
}
|
|
let tmp27Result = null != threshold;
|
|
if (tmp27Result) {
|
|
const obj9 = { style: tmp4.track, accessible: true, accessibilityRole: "progressbar", accessibilityLabel: helperText, accessibilityValue: range, children: React3(View, obj10) };
|
|
if (helperText == null) {
|
|
const intl2 = tmp(1127).intl;
|
|
helperText = intl2.string(tmp(1127).t.Uwhb1l);
|
|
}
|
|
range = { min: num2, max: threshold, now: Math.min(num, threshold) };
|
|
const _Math = Math;
|
|
const items3 = [tmp4.fill, ];
|
|
const diff = threshold - num2;
|
|
let num6 = 1;
|
|
if (diff > 0) {
|
|
const _Math2 = Math;
|
|
const _Math3 = Math;
|
|
num6 = Math.min(Math.max((num - num2) / diff, 0), 1);
|
|
}
|
|
obj10 = { style: items3 };
|
|
const obj11 = { width: `${100 * num6}%` };
|
|
items3[1] = obj11;
|
|
tmp27Result = tmp27(tmp17, obj9);
|
|
}
|
|
cResult[0] = badge;
|
|
cResult[1] = tmp4.content;
|
|
cResult[2] = tmp4.fill;
|
|
cResult[3] = tmp4.row;
|
|
cResult[4] = tmp4.section;
|
|
cResult[5] = tmp4.track;
|
|
cResult[6] = viewerBadge;
|
|
cResult[7] = View;
|
|
cResult[8] = View;
|
|
cResult[9] = View;
|
|
cResult[10] = nextArtUrl;
|
|
cResult[11] = content;
|
|
cResult[12] = tmp24;
|
|
cResult[13] = tmp27Result;
|
|
cResult[14] = row;
|
|
cResult[15] = tmp21;
|
|
cResult[16] = section;
|
|
cResult[17] = tmp18;
|
|
tmp11 = tmp27Result;
|
|
tmp15 = tmp18;
|
|
tmp14 = section;
|
|
tmp13 = tmp21;
|
|
tmp12 = row;
|
|
tmp10 = tmp24;
|
|
tmp9 = content;
|
|
tmp8 = nextArtUrl;
|
|
tmp7 = tmp17;
|
|
tmp6 = tmp17;
|
|
tmp5 = tmp17;
|
|
}) : ((arg0) => {
|
|
let badge;
|
|
let currentArtUrl;
|
|
let helperText;
|
|
let intl;
|
|
let items;
|
|
let items1;
|
|
let items2;
|
|
let nextArtUrl;
|
|
let obj9;
|
|
let progress;
|
|
let range;
|
|
let threshold;
|
|
let viewerBadge;
|
|
({ badge, viewerBadge } = arg0);
|
|
const tmp = closure_6();
|
|
const obj = BadgeDetailsUtils;
|
|
const badgeProgressDisplay = obj.getBadgeProgressDisplay(badge, viewerBadge);
|
|
({ progress, threshold, currentArtUrl, nextArtUrl, helperText } = badgeProgressDisplay);
|
|
let num;
|
|
if (progress != null) {
|
|
num = progress.current;
|
|
}
|
|
if (num == null) {
|
|
num = 0;
|
|
}
|
|
let num2;
|
|
if (progress != null) {
|
|
num2 = progress.floor;
|
|
}
|
|
if (num2 == null) {
|
|
num2 = 0;
|
|
}
|
|
const obj2 = { style: tmp.section, children: items };
|
|
const obj3 = { variant: "text-sm/medium", color: "text-default", children: intl.string(intl3.t["2m/g2c"]) };
|
|
const Text = tmp2(4833).Text;
|
|
intl = tmp2(1127).intl;
|
|
items = [React3(Text, obj3), ];
|
|
let tmp7Result = null != currentArtUrl;
|
|
const obj4 = { style: tmp.row, children: items1 };
|
|
if (tmp7Result) {
|
|
const obj5 = { url: currentArtUrl, height: 48 };
|
|
tmp7Result = tmp7(BadgeArtImageDefault, obj5);
|
|
}
|
|
items1 = [tmp7Result, , ];
|
|
let tmp7Result4 = null != helperText;
|
|
const obj6 = { style: tmp.content, children: items2 };
|
|
if (tmp7Result4) {
|
|
const obj7 = { variant: "text-sm/medium", "aria-hidden": null != threshold, children: helperText };
|
|
tmp7Result4 = tmp7(tmp2(4833).Text, obj7);
|
|
}
|
|
items2 = [tmp7Result4, ];
|
|
let tmp7Result5 = null != threshold;
|
|
if (tmp7Result5) {
|
|
const obj8 = { style: tmp.track, accessible: true, accessibilityRole: "progressbar", accessibilityLabel: helperText, accessibilityValue: range, children: React3(View, obj9) };
|
|
if (helperText == null) {
|
|
const intl2 = tmp2(1127).intl;
|
|
helperText = intl2.string(tmp2(1127).t.Uwhb1l);
|
|
}
|
|
range = { min: num2, max: threshold, now: Math.min(num, threshold) };
|
|
const _Math = Math;
|
|
const items3 = [tmp.fill, ];
|
|
const diff = threshold - num2;
|
|
let num5 = 1;
|
|
if (diff > 0) {
|
|
const _Math2 = Math;
|
|
const _Math3 = Math;
|
|
num5 = Math.min(Math.max((num - num2) / diff, 0), 1);
|
|
}
|
|
const obj10 = { width: `${100 * num5}%` };
|
|
obj9 = { style: items3 };
|
|
items3[1] = obj10;
|
|
tmp7Result5 = tmp7(tmp6, obj8);
|
|
}
|
|
items2[1] = tmp7Result5;
|
|
items1[1] = hasOwnProperty(View, obj6);
|
|
let tmp7Result6 = null != nextArtUrl;
|
|
if (tmp7Result6) {
|
|
const obj11 = { url: nextArtUrl, height: 48 };
|
|
tmp7Result6 = tmp7(BadgeArtImageDefault, obj11);
|
|
}
|
|
items1[2] = tmp7Result6;
|
|
items[1] = hasOwnProperty(View, obj4);
|
|
return hasOwnProperty(View, obj2);
|
|
});
|
|
const result = size.fileFinishedImporting("modules/badges/native/BadgeProgressSection.tsx");
|
|
|
|
export default tmp5;
|