invenio-app-rdm 12.0.0.dev8__py2.py3-none-any.whl → 14.0.0b1.dev8__py2.py3-none-any.whl

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/AccessLinks/LinksSearchResultContainer.js

@@ -0,0 +1,216 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2023-2024 CERN.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import React, { Component } from "react";
+import _isEmpty from "lodash/isEmpty";
+import { Table, Message, Loader } from "semantic-ui-react";
+import PropTypes from "prop-types";
+import { withCancel } from "react-invenio-forms";
+import { http } from "react-invenio-forms";
+import { CreateAccessLink } from "./CreateAccessLink";
+import { LinksSearchItem } from "./LinksSearchItem";
+import { dropdownOptionsGenerator } from "react-invenio-forms";
+import _cloneDeep from "lodash/cloneDeep";
+
+export const dropdownOptions = [
+  {
+    key: "view",
+    name: "view",
+    text: i18next.t("Can view"),
+    title: i18next.t("Can view"),
+    value: "view",
+    description: i18next.t("Can view restricted files of all versions of this record."),
+  },
+  {
+    key: "preview",
+    name: "preview",
+    text: i18next.t("Can preview drafts"),
+    title: i18next.t("Can preview drafts"),
+    value: "preview",
+    description: i18next.t(
+      "Can view drafts, restricted files, and comment on associated draft requests of all versions of this record."
+    ),
+  },
+  {
+    key: "edit",
+    name: "edit",
+    text: i18next.t("Can edit"),
+    title: i18next.t("Can edit"),
+    value: "edit",
+    description: i18next.t(
+      "Can edit drafts, view restricted files, and comment on associated draft requests of all versions of this record."
+    ),
+  },
+];
+
+export class LinksSearchResultContainer extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  renderErrorMessages(messages) {
+    const uniqueMessages = [...new Set(messages)];
+    if (uniqueMessages.length === 1) {
+      return messages[0];
+    } else {
+      return (
+        <ul>
+          {uniqueMessages.map((m) => (
+            <li key={m}>{m}</li>
+          ))}
+        </ul>
+      );
+    }
+  }
+
+  errorMessage = () => {
+    const { error } = this.state;
+    const errorMessage = error?.response?.data?.message || error?.message;
+    const listOfErrors = error?.response?.data?.errors;
+    return (
+      <Message className="mb-30" negative>
+        {errorMessage}
+        {listOfErrors &&
+          listOfErrors.map((element) => (
+            <Message.Item key={element.field}>
+              <b>
+                {element.field.charAt(0).toUpperCase() +
+                  element.field.slice(1).replace("_", " ")}
+              </b>
+              : {this.renderErrorMessages(element.messages)}
+            </Message.Item>
+          ))}
+      </Message>
+    );
+  };
+
+  handleCreation = async (permission, expiresAt, description) => {
+    const { onItemAddedOrDeleted, record } = this.props;
+    this.setState({ loading: true });
+    try {
+      const data = {
+        permission: permission,
+        expires_at: expiresAt,
+        description: description,
+      };
+      this.cancellableAction = withCancel(http.post(record.links.access_links, data));
+      await this.cancellableAction.promise;
+      onItemAddedOrDeleted(record.links.access_links, "links");
+      this.setState({ loading: false, error: undefined });
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+      this.setState({
+        loading: false,
+        error: error,
+      });
+      console.error(error);
+    }
+  };
+
+  generateDropdownOptions = () => {
+    const { record } = this.props;
+
+    // "can view" option is disabled for drafts
+    const dropdownOptionsCopy = _cloneDeep(dropdownOptions);
+    if (record?.is_draft || record?.is_draft === null) {
+      const viewOption = dropdownOptionsCopy.find((item) => item.key === "view");
+      viewOption.text = i18next.t(
+        "Can view (view access link can be created only after the record is published)"
+      );
+    }
+
+    const options = dropdownOptionsGenerator(dropdownOptionsCopy);
+    if (record?.is_draft || record?.is_draft === null) {
+      const viewOption = options.find((item) => item.key === "view");
+      viewOption.disabled = true;
+    }
+    return options;
+  };
+
+  render() {
+    const { results, record, onItemAddedOrDeleted, onPermissionChanged } = this.props;
+    const { loading, error } = this.state;
+    return (
+      <>
+        {error && this.errorMessage()}
+
+        <Table className="fixed-header">
+          <Table.Header>
+            <Table.Row>
+              <Table.HeaderCell data-label="Link title" width={3}>
+                {i18next.t("Link title")}
+              </Table.HeaderCell>
+              <Table.HeaderCell data-label="Created" width={3}>
+                {i18next.t("Created")}
+              </Table.HeaderCell>
+              <Table.HeaderCell data-label="Expires at" width={3}>
+                {i18next.t("Expires")}
+              </Table.HeaderCell>
+              <Table.HeaderCell data-label="Access" width={3}>
+                {i18next.t("Access")}
+              </Table.HeaderCell>
+              <Table.HeaderCell width={4} />
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+            {loading ? (
+              <Loader />
+            ) : !_isEmpty(results) ? (
+              results.map((result) => (
+                <LinksSearchItem
+                  key={result.id}
+                  result={result}
+                  record={record}
+                  onItemAddedOrDeleted={onItemAddedOrDeleted}
+                  onPermissionChanged={onPermissionChanged}
+                  dropdownOptions={
+                    result.permission === "view"
+                      ? dropdownOptionsGenerator(dropdownOptions)
+                      : this.generateDropdownOptions()
+                  }
+                />
+              ))
+            ) : (
+              <Table.Row textAlign="center">
+                <p className="mt-10">
+                  <i>
+                    <h5>{i18next.t("This record has no links generated yet.")}</h5>
+                  </i>
+                </p>
+              </Table.Row>
+            )}
+          </Table.Body>
+        </Table>
+
+        <Table color="green">
+          <CreateAccessLink
+            handleCreation={this.handleCreation}
+            loading={loading}
+            record={record}
+            dropdownOptions={this.generateDropdownOptions()}
+          />
+        </Table>
+      </>
+    );
+  }
+}
+
+LinksSearchResultContainer.propTypes = {
+  results: PropTypes.array.isRequired,
+  record: PropTypes.object.isRequired,
+  onItemAddedOrDeleted: PropTypes.func.isRequired,
+  onPermissionChanged: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/AccessLinks/LinksTab.js

@@ -0,0 +1,104 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-2024 CERN.
+//
+// Invenio RDM Records is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import React, { Component } from "react";
+import { Modal, Loader } from "semantic-ui-react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { ErrorMessage } from "react-invenio-forms";
+import { LinksSearchResultContainer } from "./LinksSearchResultContainer";
+import { withCancel } from "react-invenio-forms";
+import { http } from "react-invenio-forms";
+
+export class LinksTab extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchLinks();
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  onLinksAddedOrDeleted = async () => {
+    await this.fetchLinks(true);
+  };
+
+  onPermissionChanged = (id, permission) => {
+    const { results } = this.props;
+    results.forEach((result) => {
+      if (result.id === id) {
+        result.permission = permission;
+      }
+    });
+  };
+
+  fetchLinks = async (isDataChanged) => {
+    const { record, results, updateLinksState } = this.props;
+    if (results && !isDataChanged) return;
+
+    this.setState({ loading: true });
+    try {
+      this.cancellableAction = withCancel(http.get(record.links.access_links));
+      const response = await this.cancellableAction.promise;
+
+      this.setState({
+        loading: false,
+        error: undefined,
+      });
+      updateLinksState(response.data.hits.hits, isDataChanged);
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+      this.setState({
+        loading: false,
+        error: error,
+      });
+      console.error(error);
+    }
+  };
+
+  render() {
+    const { record, results } = this.props;
+    const { loading, error } = this.state;
+    return (
+      <>
+        {error && (
+          <ErrorMessage
+            header={i18next.t("Something went wrong")}
+            content={error?.response?.data?.message || error.message}
+            icon="exclamation"
+            negative
+            size="mini"
+          />
+        )}
+        <Modal.Content className="share-content">
+          {loading && <Loader />}
+          {!loading && results !== undefined && (
+            <LinksSearchResultContainer
+              results={results}
+              record={record}
+              onItemAddedOrDeleted={this.onLinksAddedOrDeleted}
+              onPermissionChanged={this.onPermissionChanged}
+            />
+          )}
+        </Modal.Content>
+      </>
+    );
+  }
+}
+
+LinksTab.propTypes = {
+  record: PropTypes.string.isRequired,
+  results: PropTypes.array.isRequired,
+  updateLinksState: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/AccessRequests/AccessRequestsTab.js

@@ -0,0 +1,230 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023 CERN.
+//
+// Invenio RDM Records is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import _has from "lodash/has";
+import { AccessRequestExpirationSelect } from "../../../requests";
+import React, { Component } from "react";
+import { Modal, Divider, Grid, Form, Checkbox, Button } from "semantic-ui-react";
+import PropTypes from "prop-types";
+import { Formik } from "formik";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { SuccessIcon } from "@js/invenio_communities/members";
+import {
+  RadioField,
+  RichInputField,
+  http,
+  withCancel,
+  ErrorMessage,
+} from "react-invenio-forms";
+import * as Yup from "yup";
+import _get from "lodash/get";
+
+export class AccessRequestsTab extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+      actionSuccess: undefined,
+    };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  accessRequestSchema = Yup.object({
+    allow_user_requests: Yup.bool(),
+    allow_guest_requests: Yup.bool(),
+    accept_conditions_text: Yup.string().nullable(),
+    secret_link_expiration: Yup.string(),
+  });
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true, actionSuccess: false });
+    const { record, successCallback } = this.props;
+    const payload = {
+      allow_user_requests: values.allow_user_requests,
+      allow_guest_requests: values.allow_guest_requests,
+      accept_conditions_text: values.accept_conditions_text,
+      secret_link_expiration: values.secret_link_expiration,
+    };
+
+    this.cancellableAction = withCancel(http.put(record.links.access, payload));
+
+    try {
+      const response = await this.cancellableAction.promise;
+      this.setState({ loading: false, actionSuccess: true, error: undefined });
+      successCallback(response.data);
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      this.setState({
+        error: error?.response?.data?.message || error?.message,
+        loading: false,
+        actionSuccess: false,
+      });
+      console.error(error);
+    }
+  };
+
+  initFormValues = () => {
+    const { record } = this.props;
+
+    const settings = record.parent.access.settings;
+
+    if (!_has(settings, "secret_link_expiration")) {
+      settings["secret_link_expiration"] = 0;
+    }
+    return { ...settings };
+  };
+
+  render() {
+    const { loading, error, actionSuccess } = this.state;
+    const { handleClose } = this.props;
+    return (
+      <Formik
+        onSubmit={this.handleSubmit}
+        enableReinitialize
+        initialValues={this.initFormValues()}
+        validationSchema={this.accessRequestSchema}
+      >
+        {({ values, handleSubmit }) => {
+          return (
+            <>
+              <Modal.Content className="share-content">
+                {error && (
+                  <ErrorMessage
+                    header={i18next.t("Unable to change the access request settings.")}
+                    content={i18next.t(error)}
+                    icon="exclamation"
+                    className="text-align-left"
+                    negative
+                  />
+                )}
+                <Grid>
+                  <Form>
+                    <Grid>
+                      <Grid.Row>
+                        <Grid.Column width={16}>
+                          <Form.Field>
+                            <RadioField
+                              checked={_get(values, "allow_user_requests")}
+                              control={Checkbox}
+                              fieldPath="allow_user_requests"
+                              label={i18next.t(
+                                "Allow authenticated users to request access to restricted files."
+                              )}
+                              onChange={({ data, formikProps }) => {
+                                formikProps.form.setFieldValue(
+                                  "allow_user_requests",
+                                  data.checked
+                                );
+                              }}
+                            />
+                          </Form.Field>
+                          <Form.Field>
+                            <RadioField
+                              checked={_get(values, "allow_guest_requests")}
+                              control={Checkbox}
+                              fieldPath="allow_guest_requests"
+                              label={i18next.t(
+                                "Allow non-authenticated users to request access to restricted files."
+                              )}
+                              onChange={({ data, formikProps }) => {
+                                formikProps.form.setFieldValue(
+                                  "allow_guest_requests",
+                                  data.checked
+                                );
+                              }}
+                            />
+                          </Form.Field>
+                          <label className="helptext mb-0 mt-10">
+                            {i18next.t(
+                              "Enable users and guests to request access to your record's files. When access is requested " +
+                                "by someone, you will get an e-mail asking for approval. After you approve a request, " +
+                                "users will be granted access and guests will receive a secret link."
+                            )}
+                          </label>
+                        </Grid.Column>
+                      </Grid.Row>
+                      <Grid.Row>
+                        <Grid.Column>
+                          <h5>{i18next.t("Accept conditions")}</h5>
+                          <label className="helptext mb-0 mt-10">
+                            {i18next.t(
+                              "Optional. Specify conditions under which you approve access. This message will be " +
+                                "visible for any user when requesting access to this record."
+                            )}
+                          </label>
+                          <Form.Field>
+                            <RichInputField fieldPath="accept_conditions_text" />
+                          </Form.Field>
+                        </Grid.Column>
+                      </Grid.Row>
+                    </Grid>
+                    <h5>{i18next.t("Advanced options")}</h5>
+                    <Divider />
+                    <Grid>
+                      <Grid.Row>
+                        <Grid.Column width={3}>
+                          <Form.Field>
+                            <AccessRequestExpirationSelect
+                              inline
+                              value={values.secret_link_expiration}
+                            />
+                          </Form.Field>
+                        </Grid.Column>
+                      </Grid.Row>
+                    </Grid>
+                  </Form>
+                  <Grid.Row>
+                    <Grid.Column>
+                      <br />
+                    </Grid.Column>
+                  </Grid.Row>
+                </Grid>
+              </Modal.Content>
+
+              <Modal.Actions>
+                {actionSuccess && (
+                  <SuccessIcon
+                    className="ml-10"
+                    timeOutDelay={3000}
+                    show={actionSuccess}
+                  />
+                )}
+                <Button
+                  size="small"
+                  onClick={handleClose}
+                  floated="left"
+                  content={i18next.t("Cancel")}
+                  icon="remove"
+                />
+                <Button
+                  size="small"
+                  labelPosition="left"
+                  icon="checkmark"
+                  primary
+                  content={i18next.t("Save")}
+                  onClick={(event) => handleSubmit(event)}
+                  loading={loading}
+                  disabled={loading}
+                />
+              </Modal.Actions>
+            </>
+          );
+        }}
+      </Formik>
+    );
+  }
+}
+
+AccessRequestsTab.propTypes = {
+  record: PropTypes.string.isRequired,
+  successCallback: PropTypes.func.isRequired,
+  handleClose: PropTypes.func.isRequired,
+};