synapse-react-client/dist/components/ChallengeDetailPage/ChallengeDetailPage.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as T, Fragment as b, jsx as t } from "react/jsx-runtime";
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 "../../utils/SynapseConstants.js";
import "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "@tanstack/react-query";
import "../../utils/PermissionLevelToAccessType.js";
import { useState as s } from "react";
import { useSynapseContext as v } from "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import "@mui/material";
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 "@tanstack/query-core";
import "lodash-es/isEmpty";
import "lodash-es/isEqual";
import "lodash-es/xorWith";
import "react-router";
import "@sage-bionetworks/synapse-client";
import "../../utils/types/IsType.js";
import { useGetEntityChallenge as M } from "../../synapse-queries/entity/useGetEntityChallenge.js";
import { useDeleteTeamMembership as y } from "../../synapse-queries/team/useTeamMembers.js";
import { useGetUserSubmissionTeams as L } from "../../synapse-queries/user/useGetUserTeams.js";
import { useGetCurrentUserProfile as x } from "../../synapse-queries/user/useUserBundle.js";
import z from "../ChallengeRegisterButton/ChallengeRegisterButton.js";
import W from "../ChallengeRequirementsModal/ChallengeRequirementsModal.js";
import q from "../ChallengeTeamWizard/ChallengeTeamWizard.js";
import { ConfirmationDialog as D } from "../ConfirmationDialog/ConfirmationDialog.js";
import { displayToast as f } from "../ToastMessage/ToastMessage.js";
function we({ projectId: e }) {
  const { isAuthenticated: m } = v(), [u, a] = s(!1), [h, i] = s(!1), [g, r] = s(!1), { data: l } = x(), d = (n) => {
    a(n);
  }, c = () => {
    i(!0);
  }, C = () => {
    r(!0);
  }, { data: o } = M(e), { data: p } = L(
    o?.id,
    1,
    0,
    {
      enabled: !!(m && o)
    }
  ), S = p && p.results.length > 0, { mutate: w } = y({
    onSuccess: () => {
      f("You are no longer registered for this challenge", "info");
    },
    onError: (n) => {
      f(n.reason, "danger");
    }
  }), R = () => {
    m && o && l && w({
      teamId: o.participantTeamId,
      userId: l.ownerId
    });
  };
  return /* @__PURE__ */ T(b, { children: [
    /* @__PURE__ */ t(
      z,
      {
        projectId: e,
        onJoinClick: c,
        onLeaveClick: C
      }
    ),
    /* @__PURE__ */ t(
      W,
      {
        open: h,
        projectId: e,
        onRegisterComplete: () => {
          i(!1), a(!S);
        },
        onCancel: () => {
          i(!1);
        }
      }
    ),
    /* @__PURE__ */ t(
      q,
      {
        projectId: e,
        onClose: () => {
          d(!1);
        },
        isShowingModal: u
      }
    ),
    /* @__PURE__ */ t(
      D,
      {
        open: g,
        title: "Leave this Challenge?",
        content: "Are you sure you want to leave this Challenge?",
        onCancel: () => r(!1),
        onConfirm: () => {
          R(), r(!1);
        }
      }
    )
  ] });
}
export {
  we as ChallengeDetailPage
};
//# sourceMappingURL=ChallengeDetailPage.js.map