UNPKG

synapse-react-client

Version:

[![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synapse-react-client) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettie

90 lines (89 loc) 3.12 kB
import { jsx as o, Fragment as n, jsxs as d } from "react/jsx-runtime"; import { useGetUserBundle as E } from "../../synapse-queries/user/useUserBundle.js"; import "../../utils/PermissionLevelToAccessType.js"; import { USER_BUNDLE_MASK_IS_CERTIFIED as _, USER_BUNDLE_MASK_IS_VERIFIED as B, USER_BUNDLE_MASK_USER_PROFILE as I } from "../../utils/SynapseConstants.js"; import "react"; import "../../synapse-client/SynapseClient.js"; import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode"; import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse"; import "@sage-bionetworks/synapse-client/util/SynapseClientError"; import "@sage-bionetworks/synapse-types"; import "../../utils/functions/EntityTypeUtils.js"; import "lodash-es"; import "@sage-bionetworks/synapse-client/util/synapseClientFetch"; import "../../utils/context/SynapseContext.js"; import "use-deep-compare-effect"; import "@tanstack/react-query"; import "@tanstack/query-core"; import "lodash-es/isEmpty"; import "lodash-es/isEqual"; import "lodash-es/xorWith"; import { Box as R } from "@mui/material"; import "@sage-bionetworks/synapse-client"; import "../../utils/types/IsType.js"; import "../../utils/hooks/useCookiePreferences.js"; import "../../utils/hooks/useSourceAppConfigs.js"; import "universal-cookie"; import "../../utils/AppUtils/session/ApplicationSessionContext.js"; import "../../utils/context/FullContextProvider.js"; import "../../utils/context/DocumentMetadataContext.js"; import '../../style/components/_spinner.css';/* empty css */ import "react-router"; import { AccountLevelBadge as C } from "../AccountLevelBadge/AccountLevelBadge.js"; import { ConfirmationDialog as S } from "../ConfirmationDialog/ConfirmationDialog.js"; import { ErrorBanner as g } from "../error/ErrorBanner.js"; import A from "./useRevokeCertificationUI.js"; const U = _ | B | I; function no({ userId: e }) { const { data: t, isLoading: s, error: p } = E( e, U ), m = { certified: t?.isCertified || !1, validated: t?.isVerified || !1, enabledMFA: t?.userProfile?.twoFactorAuthEnabled || !1 }, a = Object.values(m).some((r) => r), { showButton: f, buttonProps: u, confirmationDialogProps: c } = A({ userId: e, buttonProps: { variant: "outlined" } }); return s ? /* @__PURE__ */ o(n, {}) : p ? /* @__PURE__ */ o(g, { error: p }) : /* @__PURE__ */ d(n, { children: [ /* @__PURE__ */ o(S, { ...c }), a && /* @__PURE__ */ o( R, { sx: { display: "flex", gap: "10px", justifyContent: "flex-start", flexWrap: "wrap" }, children: Object.entries(m).map(([r, l]) => { const i = r; return l && /* @__PURE__ */ o( C, { badgeType: i, buttonProps: i === "certified" && f ? u : void 0 }, i ); }) } ) ] }); } export { no as AccountLevelBadges, no as default }; //# sourceMappingURL=AccountLevelBadges.js.map