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

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

import { jsx as r, Fragment as n } 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 { FileHandleAssociateType as l } from "@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 "react";
import "../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 { useGetStablePresignedUrl as s } from "../synapse-queries/file/useFiles.js";
import c from "@mui/material/Skeleton";
function M(p) {
  const { sourceAppConfigTableID: m, fileHandleId: t, friendlyName: o } = p, a = {
    associateObjectId: m,
    associateObjectType: l.TableEntity,
    fileHandleId: t ?? ""
  }, i = s(a, !0, {
    enabled: !!t
  }), e = i?.dataUrl;
  return i?.queryResult?.error ? /* @__PURE__ */ r(n, {}) : e ? /* @__PURE__ */ r(
    "img",
    {
      className: "SourceAppImage",
      alt: o ? `${o} logo` : "Application logo",
      src: e
    }
  ) : /* @__PURE__ */ r(c, { variant: "rectangular", width: 250, height: 65 });
}
export {
  M as default
};
//# sourceMappingURL=SourceAppImage.js.map