da5b5e5efe
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4821.js (118.4 MB)
203 lines
11 KiB
TypeScript
203 lines
11 KiB
TypeScript
// Module ID: 14859
|
|
// Function ID: 14860
|
|
// Name: SafetyHubAccountStanding
|
|
// Dependencies: [32, 19, 17, 1371, 8548, 8537, 21, 8538, 14860, 4636, 576, 1114, 14852, 4596, 6711, 9755, 6717, 7041, 504, 1396, 8938, 1178, 4632, 2]
|
|
// Exports: default
|
|
|
|
// Module 14859 (SafetyHubAccountStanding)
|
|
import nativeDefault from "native" /* 576 */;
|
|
import util from "util" /* 1114 */;
|
|
import CircleCheckIcon from "CircleCheckIcon" /* 4596 */;
|
|
import Text_Text from "Text/Text" /* 4632 */;
|
|
import CircleErrorIcon from "CircleErrorIcon" /* 6711 */;
|
|
import CircleXIcon from "CircleXIcon" /* 6717 */;
|
|
import _modDef7041 from "module_7041" /* 7041 */;
|
|
import SafetyHubModels from "SafetyHubModels" /* 8538 */;
|
|
import _modDef9755 from "module_9755" /* 9755 */;
|
|
import SafetyHubAccountStandingLabels from "SafetyHubAccountStandingLabels" /* 14852 */;
|
|
import _slicedToArray from "module_32" /* 32 */;
|
|
import noop from "module_19" /* 19 */;
|
|
import UserStore from "UserStore" /* 1371 */;
|
|
import SafetyHubStore from "SafetyHubStore" /* 8548 */;
|
|
|
|
require = fn;
|
|
const View = fn(17).View;
|
|
const SafetyHubLinks = fn(8537).SafetyHubLinks;
|
|
const jsxProd = fn(21);
|
|
({ jsx: closure_9, jsxs: c10 } = jsxProd);
|
|
let obj = { [fn(8538).AccountStandingState.ALL_GOOD]: { left: "0%" } };
|
|
let obj2 = { left: "25%", transform: null };
|
|
let items = [{ translateX: -0.5 * fn(14860).SUBWAY_MARKER_WIDTH }];
|
|
obj2.transform = items;
|
|
obj[fn(8538).AccountStandingState.LIMITED] = obj2;
|
|
let obj4 = { left: "50%", transform: null };
|
|
let obj3 = { translateX: -0.5 * fn(14860).SUBWAY_MARKER_WIDTH };
|
|
let items1 = [{ translateX: -0.5 * fn(14860).SUBWAY_MARKER_WIDTH }];
|
|
obj4.transform = items1;
|
|
obj[fn(8538).AccountStandingState.VERY_LIMITED] = obj4;
|
|
let obj6 = { left: "75%", transform: null };
|
|
let obj5 = { translateX: -0.5 * fn(14860).SUBWAY_MARKER_WIDTH };
|
|
let items2 = [{ translateX: -0.5 * fn(14860).SUBWAY_MARKER_WIDTH }];
|
|
obj6.transform = items2;
|
|
obj[fn(8538).AccountStandingState.AT_RISK] = obj6;
|
|
let obj8 = { left: "100%", transform: null };
|
|
let obj7 = { translateX: -0.5 * fn(14860).SUBWAY_MARKER_WIDTH };
|
|
let items3 = [{ translateX: -fn(14860).SUBWAY_MARKER_WIDTH }];
|
|
obj8.transform = items3;
|
|
obj[fn(8538).AccountStandingState.SUSPENDED] = obj8;
|
|
const createStyles = fn(4636);
|
|
const obj11 = { container: null, avatarBackground: null, good: null, limited: null, veryLimited: null, atRisk: null, suspended: null, body: null, bodyText: null, health: null, line: null, subwayMarker: null, icon: null };
|
|
const obj9 = { translateX: -fn(14860).SUBWAY_MARKER_WIDTH };
|
|
obj11.container = { display: "flex", flexDirection: "column", rowGap: 12, padding: 24, alignItems: "center", justifyContent: "center", backgroundColor: nativeDefault.colors.CARD_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.md };
|
|
const obj12 = { display: "flex", flexDirection: "column", rowGap: 12, padding: 24, alignItems: "center", justifyContent: "center", backgroundColor: nativeDefault.colors.CARD_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.md };
|
|
obj11.avatarBackground = { position: "relative", justifyContent: "center", alignItems: "center", padding: nativeDefault.space.PX_4, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG, borderRadius: nativeDefault.radii.round };
|
|
const obj13 = { position: "relative", justifyContent: "center", alignItems: "center", padding: nativeDefault.space.PX_4, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG, borderRadius: nativeDefault.radii.round };
|
|
obj11.good = { color: nativeDefault.colors.STATUS_POSITIVE };
|
|
const obj14 = { color: nativeDefault.colors.STATUS_POSITIVE };
|
|
obj11.limited = { color: nativeDefault.colors.STATUS_WARNING };
|
|
obj11.veryLimited = { color: "#FF7A00" };
|
|
const obj15 = { color: nativeDefault.colors.STATUS_WARNING };
|
|
obj11.atRisk = { color: nativeDefault.colors.ICON_FEEDBACK_CRITICAL };
|
|
const obj16 = { color: nativeDefault.colors.ICON_FEEDBACK_CRITICAL };
|
|
obj11.suspended = { color: nativeDefault.colors.ICON_FEEDBACK_CRITICAL };
|
|
obj11.body = { display: "flex", rowGap: 40, width: "100%" };
|
|
const obj17 = { color: nativeDefault.colors.ICON_FEEDBACK_CRITICAL };
|
|
obj11.bodyText = { rowGap: nativeDefault.space.PX_8 };
|
|
obj11.health = { position: "relative", left: 0, right: 0, marginBottom: 18 };
|
|
let size = { height: 3, width: "100%", position: "absolute", top: 8.5, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWEST };
|
|
obj11.line = size;
|
|
obj11.subwayMarker = { position: "absolute" };
|
|
const obj18 = { rowGap: nativeDefault.space.PX_8 };
|
|
obj11.icon = { borderRadius: nativeDefault.radii.round, backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH };
|
|
let closure_12 = createStyles.createStyles(obj11);
|
|
size = fn(2);
|
|
const result = size.fileFinishedImporting("modules/safety_hub/native/SafetyHubAccountStanding.tsx");
|
|
|
|
export default function SafetyHubAccountStanding() {
|
|
const accountStanding = SafetyHubStore.getAccountStanding();
|
|
[height, dependencyMap] = memo.useState(0);
|
|
const tmp4 = closure_12();
|
|
_slicedToArray = tmp4;
|
|
let items = [tmp4];
|
|
memo = memo.useMemo(() => {
|
|
obj = {};
|
|
const obj2 = { title: util.t.uaKrRi, description: null, status: null, style: null, CustomIcon: null };
|
|
const intl = util.intl;
|
|
obj2.description = intl.format(util.t.pEdBD4, { termsOfService: SafetyHubLinks.TOS_LINK, communityGuidelines: SafetyHubLinks.COMMUNITY_GUIDELINES });
|
|
obj2.status = SafetyHubAccountStandingLabels.ACCOUNT_STANDING_SHORT_STATUS[SafetyHubModels.AccountStandingState.ALL_GOOD];
|
|
obj2.style = closure_3.good;
|
|
obj2.CustomIcon = CircleCheckIcon.CircleCheckIcon;
|
|
obj[SafetyHubModels.AccountStandingState.ALL_GOOD] = obj2;
|
|
const obj4 = { title: util.t.epkcmS, description: null, status: null, style: null, CustomIcon: null, iconSource: null };
|
|
const intl2 = util.intl;
|
|
obj4.description = intl2.string(util.t["774juc"]);
|
|
obj4.status = SafetyHubAccountStandingLabels.ACCOUNT_STANDING_SHORT_STATUS[SafetyHubModels.AccountStandingState.LIMITED];
|
|
obj4.style = closure_3.limited;
|
|
obj4.CustomIcon = CircleErrorIcon.CircleErrorIcon;
|
|
obj4.iconSource = _modDef9755;
|
|
obj[SafetyHubModels.AccountStandingState.LIMITED] = obj4;
|
|
const obj5 = { title: util.t.crzE2X, description: null, status: null, style: null, CustomIcon: null, iconSource: null };
|
|
const intl3 = util.intl;
|
|
obj5.description = intl3.string(util.t["T/Ufh9"]);
|
|
obj5.status = SafetyHubAccountStandingLabels.ACCOUNT_STANDING_SHORT_STATUS[SafetyHubModels.AccountStandingState.VERY_LIMITED];
|
|
obj5.style = closure_3.veryLimited;
|
|
obj5.CustomIcon = CircleErrorIcon.CircleErrorIcon;
|
|
obj5.iconSource = _modDef9755;
|
|
obj[SafetyHubModels.AccountStandingState.VERY_LIMITED] = obj5;
|
|
const obj6 = { title: util.t.XRNVzO, description: null, status: null, style: null, CustomIcon: null, iconSource: null };
|
|
const intl4 = util.intl;
|
|
obj6.description = intl4.string(util.t["hbH+9S"]);
|
|
obj6.status = SafetyHubAccountStandingLabels.ACCOUNT_STANDING_SHORT_STATUS[SafetyHubModels.AccountStandingState.AT_RISK];
|
|
obj6.style = closure_3.atRisk;
|
|
obj6.CustomIcon = CircleErrorIcon.CircleErrorIcon;
|
|
obj6.iconSource = _modDef9755;
|
|
obj[SafetyHubModels.AccountStandingState.AT_RISK] = obj6;
|
|
const obj7 = { title: util.t.MExFkz, description: null, status: null, style: null, CustomIcon: null, iconSource: null };
|
|
const intl5 = util.intl;
|
|
obj7.description = intl5.string(util.t["2liUvt"]);
|
|
obj7.status = SafetyHubAccountStandingLabels.ACCOUNT_STANDING_SHORT_STATUS[SafetyHubModels.AccountStandingState.SUSPENDED];
|
|
obj7.style = closure_3.suspended;
|
|
obj7.CustomIcon = CircleXIcon.CircleXIcon;
|
|
obj7.iconSource = _modDef7041;
|
|
obj[SafetyHubModels.AccountStandingState.SUSPENDED] = obj7;
|
|
return obj;
|
|
}, items);
|
|
const items1 = [accountStanding, memo, height, tmp4];
|
|
const memo1 = memo.useMemo(() => {
|
|
const entries = Object.entries(memo);
|
|
return entries.map((item, index) => {
|
|
[tmp, tmp2] = item;
|
|
const parsed = parseInt(tmp);
|
|
obj = { style: null, children: null };
|
|
const items = [closure_1_3.subwayMarker, closure_2_11[parsed]];
|
|
obj.style = items;
|
|
const obj3 = { selectedIcon: null, style: null, status: null, isSelected: null, index: null, onLayout: null, size: 20, numOptions: null };
|
|
const obj4 = { style: null, color: null };
|
|
const obj7 = {};
|
|
const merged = Object.assign(closure_1_3.icon);
|
|
obj7.width = 20;
|
|
obj7.height = 20;
|
|
obj4.style = obj7;
|
|
obj4.color = tmp2.style.color;
|
|
obj3.selectedIcon = closure_2_9(tmp2.CustomIcon, obj4);
|
|
({ style: obj2.style, status: obj2.status } = tmp2);
|
|
obj3.isSelected = parsed === state.state;
|
|
obj3.index = index;
|
|
obj3.onLayout = function onLayout(nativeEvent) {
|
|
if (nativeEvent.nativeEvent.layout.height > closure_1_1) {
|
|
closure_1_2(nativeEvent.nativeEvent.layout.height);
|
|
}
|
|
};
|
|
obj3.numOptions = Object.keys(memo).length;
|
|
obj.children = closure_2_9(first(closure_2[8]), obj3, index);
|
|
return closure_2_9(style, obj, index);
|
|
});
|
|
}, items1);
|
|
const items2 = [UserStore];
|
|
const stateFromStores = accountStanding(504).useStateFromStores(items2, () => currentUser.getCurrentUser());
|
|
if (null != stateFromStores) {
|
|
let userAvatarSource = height(1396).getUserAvatarSource(stateFromStores);
|
|
let obj2 = height(1396);
|
|
} else {
|
|
userAvatarSource = height(8938);
|
|
}
|
|
const style = tmp13.style;
|
|
let obj3 = { style: null, children: null };
|
|
const items3 = [tmp4.container];
|
|
obj3.style = items3;
|
|
let obj4 = { style: tmp4.avatarBackground, children: null };
|
|
({ title, description } = memo[accountStanding.state]);
|
|
let obj5 = { source: userAvatarSource, size: accountStanding(1178).AvatarSizes.XXLARGE, "aria-label": null };
|
|
let str;
|
|
if (stateFromStores != null) {
|
|
str = stateFromStores.username;
|
|
}
|
|
if (str == null) {
|
|
str = "";
|
|
}
|
|
obj5["aria-label"] = str;
|
|
obj4.children = closure_9(accountStanding(1178).Avatar, obj5);
|
|
const items4 = [closure_9(style, obj4), ];
|
|
let obj6 = { style: tmp4.body, children: null };
|
|
let obj7 = { style: tmp4.bodyText, children: null };
|
|
const obj8 = { variant: "heading-lg/medium", color: "text-default", style: { textAlign: "center" }, children: null };
|
|
let intl = tmp7(1114).intl;
|
|
obj8.children = intl.format(title, {
|
|
hook(children, arg1) {
|
|
return React7(Text_Text.Text, { style, variant: "heading-lg/bold", children }, arg1);
|
|
}
|
|
});
|
|
const items5 = [closure_9(accountStanding(4632).Text, obj8), closure_9(accountStanding(4632).Text, { variant: "text-sm/medium", color: "text-muted", style: { textAlign: "center" }, children: description })];
|
|
obj7.children = items5;
|
|
const items6 = [closure_10(style, obj7), ];
|
|
const obj10 = { style: null, children: null };
|
|
const items7 = [tmp4.health, { height }];
|
|
obj10.style = items7;
|
|
const items8 = [closure_9(style, { style: tmp4.line }), memo1];
|
|
obj10.children = items8;
|
|
items6[1] = closure_10(style, obj10);
|
|
obj6.children = items6;
|
|
items4[1] = closure_10(style, obj6);
|
|
obj3.children = items4;
|
|
return closure_10(style, obj3);
|
|
};
|