synapse-react-client/dist/components/EntityUpload/ExternalObjectStoreCredentialsForm.js

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

import { jsx as e, Fragment as u, jsxs as a } from "react/jsx-runtime";
import { Stack as y, Typography as n, TextField as l } from "@mui/material";
import { instanceOfExternalObjectStoreUploadDestination as p } from "@sage-bionetworks/synapse-client";
function g(s) {
  const {
    uploadDestination: t,
    accessKey: o,
    setAccessKey: i,
    secretKey: c,
    setSecretKey: d
  } = s;
  return t == null || !p(t) || !t.endpointUrl ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ a(
    y,
    {
      sx: {
        gap: 1.5,
        mb: 3
      },
      children: [
        /* @__PURE__ */ a(n, { children: [
          "Authorization is required to access",
          " ",
          /* @__PURE__ */ e("strong", { children: t.endpointUrl })
        ] }),
        /* @__PURE__ */ e(
          l,
          {
            label: "Access Key",
            fullWidth: !0,
            value: o,
            onChange: (r) => {
              i(r.target.value);
            }
          }
        ),
        /* @__PURE__ */ e(
          l,
          {
            label: "Secret Key",
            type: "password",
            fullWidth: !0,
            value: c,
            onChange: (r) => {
              d(r.target.value);
            }
          }
        ),
        /* @__PURE__ */ e(
          n,
          {
            variant: "smallText1",
            sx: {
              fontStyle: "italic"
            },
            children: "Keys are used to locally sign a web request. They are not transmitted or stored by Synapse."
          }
        )
      ]
    }
  );
}
export {
  g as ExternalObjectStoreCredentialsForm
};
//# sourceMappingURL=ExternalObjectStoreCredentialsForm.js.map