synapse-react-client/dist/components/ChallengeTeamWizard/MembershipRequestForm.js

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

import { jsx as e, jsxs as s, Fragment as x } 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 { noop as T } from "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "@tanstack/react-query";
import "../../utils/PermissionLevelToAccessType.js";
import { forwardRef as b, useState as M, useImperativeHandle as v } from "react";
import "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import { Box as n, Alert as q, Typography as y, TextField as R } from "@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 { SynapseSpinner as w } from "../LoadingScreen/LoadingScreen.js";
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 { useGetTeam as F } from "../../synapse-queries/team/useTeam.js";
import { useRequestToJoinTeam as S } from "../../synapse-queries/team/useTeamMembers.js";
import { useGetCurrentUserProfile as I } from "../../synapse-queries/user/useUserBundle.js";
const ae = b(function(p, a) {
  const { teamId: r, onRequestSubmitted: u = T } = p, [t, l] = M(""), { data: o } = I(), {
    data: d,
    status: i,
    error: f
  } = F(r, { enabled: !!r }), { mutate: m } = S({
    onSuccess: () => {
      u();
    }
  }), c = (g) => {
    const h = g.target.value;
    l(h);
  };
  return v(
    a,
    () => ({
      submit() {
        o && m({
          teamId: r,
          userId: o.ownerId,
          message: t,
          expiresOn: void 0
        });
      }
    }),
    [t, m, r, o]
  ), i === "pending" ? /* @__PURE__ */ e(
    n,
    {
      sx: {
        display: "flex",
        flexDirection: "column",
        gap: 1
      },
      children: /* @__PURE__ */ e(w, {})
    }
  ) : i === "error" ? /* @__PURE__ */ e(q, { severity: "error", children: f.message }) : /* @__PURE__ */ s(x, { children: [
    /* @__PURE__ */ s(y, { variant: "body1", sx: { lineHeight: "20px" }, children: [
      "The following message will be sent to the Team Manager(s) of the",
      " ",
      /* @__PURE__ */ e("strong", { children: d.name }),
      " team."
    ] }),
    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
      R,
      {
        label: "Your Message to Team Managers(s)",
        id: "membershipRequestMessage",
        value: t,
        fullWidth: !0,
        multiline: !0,
        rows: 4,
        autoFocus: !0,
        onChange: c
      }
    ) })
  ] });
});
export {
  ae as MembershipRequestForm
};
//# sourceMappingURL=MembershipRequestForm.js.map