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/administration/auditLogs/ViewRecentChanges.js

@@ -0,0 +1,119 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 CERN.
+ * //
+ * // Invenio-App-Rdm 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 PropTypes from "prop-types";
+import { RecordModerationApi } from "../records/api";
+import { withCancel, ErrorMessage } from "react-invenio-forms";
+import { Modal, Button, Grid } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { RevisionsDiffViewer } from "../components/RevisionsDiffViewer";
+
+export class ViewRecentChanges extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      loading: true,
+      error: undefined,
+      diff: undefined,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchPreviousRevision();
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  async fetchPreviousRevision() {
+    const { resource } = this.props;
+    const {
+      resource: record,
+      metadata: { revision_id: targetRevision } = { revision_id: null },
+    } = resource;
+    this.setState({ loading: true });
+
+    try {
+      if (!targetRevision) {
+        this.setState({
+          error: i18next.t("No revision ID found."),
+          loading: false,
+        });
+        return;
+      }
+      this.cancellableAction = withCancel(
+        RecordModerationApi.getLastRevision(record, targetRevision, true)
+      );
+      const response = await this.cancellableAction.promise;
+      const revisions = await response.data;
+
+      this.setState({
+        diff: {
+          targetRevision: revisions[0],
+          srcRevision: revisions.length > 1 ? revisions[1] : revisions[0],
+        },
+        loading: false,
+      });
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+      this.setState({ error: error, loading: false });
+      console.error(error);
+    }
+  }
+
+  handleModalClose = () => {
+    const { actionCancelCallback } = this.props;
+    actionCancelCallback();
+  };
+
+  render() {
+    const { error, loading, diff } = this.state;
+
+    return (
+      <>
+        <Modal.Content>
+          {error && (
+            <Modal.Content>
+              <ErrorMessage
+                header={i18next.t("Unable to fetch revisions.")}
+                content={error}
+                icon="exclamation"
+                className="text-align-left"
+                negative
+              />
+            </Modal.Content>
+          )}
+        </Modal.Content>
+        <Modal.Content scrolling>
+          <RevisionsDiffViewer diff={diff} />
+        </Modal.Content>
+        <Modal.Actions>
+          <Grid>
+            <Grid.Column floated="left" width={8} textAlign="left">
+              <Button
+                onClick={this.handleModalClose}
+                disabled={loading}
+                loading={loading}
+                aria-label={i18next.t("Cancel revision comparison")}
+              >
+                Close
+              </Button>
+            </Grid.Column>
+          </Grid>
+        </Modal.Actions>
+      </>
+    );
+  }
+}
+
+ViewRecentChanges.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/index.js

@@ -0,0 +1,31 @@
+// This file is part of InvenioCommunities
+// Copyright (C) 2025 CERN.
+//
+// Invenio RDM 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 { initDefaultSearchComponents } from "@js/invenio_administration";
+import { createSearchAppInit } from "@js/invenio_search_ui";
+import { NotificationController } from "@js/invenio_administration";
+import { SearchResultItemLayout } from "./search";
+import { SearchFacets } from "@js/invenio_administration";
+import { AuditLogActions } from "./AuditLogActions";
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
+  "SearchApp.facets": SearchFacets,
+  "InvenioAdministration.ResourceActions": AuditLogActions,
+};
+
+createSearchAppInit(
+  overridenComponents,
+  true,
+  "invenio-search-config",
+  false,
+  NotificationController
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/search/SearchResultItemLayout.js

@@ -0,0 +1,87 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2025 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Button, Item, Table } from "semantic-ui-react";
+import { Image, toRelativeTime } from "react-invenio-forms";
+import { withState } from "react-searchkit";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Actions } from "@js/invenio_administration";
+import { AdminUIRoutes } from "@js/invenio_administration/src/routes";
+
+class SearchResultItemComponent extends Component {
+  refreshAfterAction = () => {
+    const { updateQueryState, currentQueryState } = this.props;
+    updateQueryState(currentQueryState);
+  };
+
+  render() {
+    const { title, resourceName, result, actions, idKeyPath, listUIEndpoint } =
+      this.props;
+
+    const {
+      created,
+      action,
+      resource: { id: resourceId, type: resourceType },
+      user: { id: userId, email: userEmail },
+    } = result;
+
+    return (
+      <Table.Row>
+        <Table.Cell data-label={i18next.t("Resource")}>{resourceType}</Table.Cell>
+        <Table.Cell data-label={i18next.t("Resource ID")}>
+          <a target="_blank" rel="noreferrer noopener" href={`/uploads/${resourceId}`}>
+            {resourceId}
+          </a>
+        </Table.Cell>
+        <Table.Cell data-label={i18next.t("Action")}>{action}</Table.Cell>
+        <Table.Cell data-label={i18next.t("User")}>
+          <Item className="flex" key={userId}>
+            <Image src={`/api/users/${userId}/avatar.svg`} avatar loadFallbackFirst />
+            <a href={`/administration/users?q=id:${userId}`}>{userEmail}</a>
+          </Item>
+        </Table.Cell>
+        <Table.Cell data-label={i18next.t("Created")}>
+          {toRelativeTime(created)}
+        </Table.Cell>
+
+        {/* Actions */}
+        <Table.Cell collapsing>
+          <Button.Group size="tiny" basic widths={5} compact className="margined">
+            <Actions
+              title={title}
+              resourceName={resourceName}
+              editUrl={AdminUIRoutes.editView(listUIEndpoint, result, idKeyPath)}
+              displayEdit={false}
+              displayDelete={false}
+              actions={actions}
+              resource={result}
+              idKeyPath={idKeyPath}
+              successCallback={this.refreshAfterAction}
+              listUIEndpoint={listUIEndpoint}
+            />
+          </Button.Group>
+        </Table.Cell>
+      </Table.Row>
+    );
+  }
+}
+
+SearchResultItemComponent.propTypes = {
+  result: PropTypes.object.isRequired,
+  idKeyPath: PropTypes.string.isRequired,
+  updateQueryState: PropTypes.func.isRequired,
+  currentQueryState: PropTypes.object.isRequired,
+  listUIEndpoint: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  resourceName: PropTypes.string.isRequired,
+  actions: PropTypes.object.isRequired,
+};
+
+export const SearchResultItemLayout = withState(SearchResultItemComponent);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/search/index.js

@@ -0,0 +1,9 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2025 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.
+ */
+
+export { SearchResultItemLayout } from "./SearchResultItemLayout";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/CompareRevisionsDropdown.js

@@ -0,0 +1,89 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 CERN.
+ * // Copyright (C) 2025 Graz University of Technology.
+ * //
+ * // Invenio-App-Rdm 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, { useState } from "react";
+import PropTypes from "prop-types";
+import { Grid, Dropdown, Button } from "semantic-ui-react";
+
+export const CompareRevisionsDropdown = ({
+  loading,
+  options,
+  onCompare,
+  srcRevision: srcOption,
+  targetRevision: targetOption,
+}) => {
+  // Local state for selected revisions
+  const [srcRevision, setSrcRevision] = useState(srcOption);
+  const [targetRevision, setTargetRevision] = useState(targetOption);
+
+  const handleCompare = () => {
+    onCompare(srcRevision, targetRevision);
+  };
+
+  return (
+    <Grid>
+      <Grid.Column mobile={16} computer={6} tablet={16} largeScreen={6} widescreen={6}>
+        <label htmlFor="source-revision">From</label>
+        <Dropdown
+          id="source-revision"
+          loading={loading}
+          placeholder="Source revision..."
+          fluid
+          selection
+          value={srcRevision}
+          onChange={(e, { value }) => setSrcRevision(value)}
+          options={options}
+          scrolling
+        />
+      </Grid.Column>
+      <Grid.Column mobile={16} computer={6} tablet={16} largeScreen={6} widescreen={6}>
+        <label htmlFor="target-revision">To</label>
+        <Dropdown
+          id="target-revision"
+          loading={loading}
+          placeholder="Target revision..."
+          fluid
+          selection
+          value={targetRevision}
+          onChange={(e, { value }) => setTargetRevision(value)}
+          options={options}
+          scrolling
+        />
+      </Grid.Column>
+      <Grid.Column
+        verticalAlign="bottom"
+        mobile={16}
+        computer={2}
+        tablet={16}
+        largeScreen={2}
+        widescreen={2}
+      >
+        <Button
+          onClick={handleCompare}
+          disabled={loading || !srcRevision || !targetRevision}
+        >
+          Compare
+        </Button>
+      </Grid.Column>
+    </Grid>
+  );
+};
+
+CompareRevisionsDropdown.propTypes = {
+  loading: PropTypes.bool.isRequired,
+  options: PropTypes.array.isRequired,
+  onCompare: PropTypes.func.isRequired,
+  srcRevision: PropTypes.object,
+  targetRevision: PropTypes.object,
+};
+
+CompareRevisionsDropdown.defaultProps = {
+  srcRevision: 0,
+  targetRevision: 0,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/ImpersonateUser.js

@@ -0,0 +1,92 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 CERN.
+ * // Copyright (C) 2024 KTH Royal Institute of Technology.
+ * //
+ * // Invenio-App-Rdm 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 PropTypes from "prop-types";
+import { Modal, Icon, Dropdown } from "semantic-ui-react";
+import { ActionModal } from "@js/invenio_administration";
+import _isEmpty from "lodash/isEmpty";
+import { ImpersonateUserForm } from "./ImpersonateUserForm";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class ImpersonateUser extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    };
+  }
+
+  onModalTriggerClick = (e) => {
+    const { user } = this.props;
+
+    this.setState({
+      modalOpen: true,
+      modalHeader: i18next.t("Impersonate user"),
+      modalBody: (
+        <ImpersonateUserForm
+          actionSuccessCallback={this.handleSuccess}
+          actionCancelCallback={this.closeModal}
+          user={user}
+        />
+      ),
+    });
+  };
+
+  closeModal = () => {
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+  };
+
+  handleSuccess = () => {
+    const { successCallback } = this.props;
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+    successCallback();
+  };
+
+  render() {
+    const { user } = this.props;
+    const { modalOpen, modalHeader, modalBody } = this.state;
+    return (
+      <>
+        <Dropdown.Item
+          key="impersonate-user"
+          onClick={this.onModalTriggerClick}
+          icon
+          fluid
+          basic
+          labelPosition="left"
+        >
+          <Icon name="spy" />
+          {i18next.t("Impersonate")}
+        </Dropdown.Item>
+        <ActionModal modalOpen={modalOpen} user={user}>
+          {modalHeader && <Modal.Header>{modalHeader}</Modal.Header>}
+          {!_isEmpty(modalBody) && modalBody}
+        </ActionModal>
+      </>
+    );
+  }
+}
+
+ImpersonateUser.propTypes = {
+  user: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+};
+
+ImpersonateUser.defaultProps = {};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/ImpersonateUserForm.js

@@ -0,0 +1,199 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 CERN.
+ * // Copyright (C) 2024 KTH Royal Institute of Technology.
+ * //
+ * // Invenio-App-Rdm 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 PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Formik } from "formik";
+import _get from "lodash/get";
+
+import { withCancel, ErrorMessage, RadioField, ErrorLabel } from "react-invenio-forms";
+import { Form, Button, Modal, Message, Icon, Checkbox } from "semantic-ui-react";
+import { NotificationContext } from "@js/invenio_administration";
+import * as Yup from "yup";
+import { UserModerationApi } from "../users/api";
+
+export class ImpersonateUserForm extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+    this.confirmSchema = Yup.object({
+      acceptToLogout: Yup.bool().oneOf([true], i18next.t("You must accept this.")),
+      acceptImpersonation: Yup.bool().oneOf([true], i18next.t("You must accept this.")),
+    });
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true });
+    const { addNotification } = this.context;
+    const { user, actionSuccessCallback } = this.props;
+    this.cancellableAction = withCancel(UserModerationApi.impersonateUser(user));
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, error: undefined });
+      addNotification({
+        title: i18next.t("Success"),
+        content: i18next.t(
+          "User impersonated succesfully! You will be redirected in frontpage soon.",
+          {
+            id: user.id,
+          }
+        ),
+        type: "success",
+      });
+      actionSuccessCallback();
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      this.setState({
+        error: error?.response?.data?.message || error?.message,
+        loading: false,
+      });
+      console.error(error);
+    }
+  };
+
+  handleModalClose = () => {
+    const { actionCancelCallback } = this.props;
+    actionCancelCallback();
+  };
+
+  initFormValues = () => {
+    return {
+      acceptToLogout: false,
+      acceptImpersonation: false,
+    };
+  };
+
+  render() {
+    const { error, loading } = this.state;
+    const { user } = this.props;
+    return (
+      <Formik
+        onSubmit={this.handleSubmit}
+        enableReinitialize
+        initialValues={this.initFormValues()}
+        validateOnChange={false}
+        validateOnBlur={false}
+        validationSchema={() => this.confirmSchema}
+      >
+        {({ values, handleSubmit }) => {
+          return (
+            <>
+              {error && (
+                <ErrorMessage
+                  header={i18next.t("Unable to impersonate user.")}
+                  content={i18next.t(error)}
+                  icon="exclamation"
+                  className="text-align-left"
+                  negative
+                />
+              )}
+
+              <Modal.Content>
+                <Message visible error>
+                  <p>
+                    <Icon name="warning sign" />
+                    {i18next.t(
+                      "Please read carefully and confirm the following statements before you proceed."
+                    )}
+                  </p>
+                </Message>
+                <Form>
+                  <Form.Field id="accept-impersonation-checkbox">
+                    <RadioField
+                      control={Checkbox}
+                      fieldPath="acceptImpersonation"
+                      label={
+                        <>
+                          {i18next.t("You are about to impersonate user ")}
+                          <b>
+                            {user.email} (id: {user.id})
+                          </b>
+                          .
+                        </>
+                      }
+                      checked={_get(values, "acceptImpersonation") === true}
+                      onChange={({ data, formikProps }) => {
+                        formikProps.form.setFieldValue(
+                          "acceptImpersonation",
+                          data.checked
+                        );
+                      }}
+                      optimized
+                    />
+
+                    <ErrorLabel
+                      role="alert"
+                      fieldPath="acceptImpersonation"
+                      className="mt-0 mb-5"
+                    />
+                  </Form.Field>
+                  <Form.Field id="accept-logout-checkbox">
+                    <RadioField
+                      control={Checkbox}
+                      fieldPath="acceptToLogout"
+                      label={
+                        <>
+                          {i18next.t("You ")}
+                          <b>{i18next.t("MUST")}</b>
+                          {i18next.t(" logout after completing your inquiry.")}
+                        </>
+                      }
+                      checked={_get(values, "acceptToLogout") === true}
+                      onChange={({ data, formikProps }) => {
+                        formikProps.form.setFieldValue("acceptToLogout", data.checked);
+                      }}
+                      optimized
+                    />
+                    <ErrorLabel
+                      role="alert"
+                      fieldPath="acceptToLogout"
+                      className="mt-0 mb-5"
+                    />
+                  </Form.Field>
+                </Form>
+              </Modal.Content>
+              <Modal.Actions>
+                <Button onClick={this.handleModalClose} floated="left">
+                  {i18next.t("Close")}
+                </Button>
+                <Button
+                  size="small"
+                  labelPosition="left"
+                  icon="check"
+                  color="green"
+                  content={i18next.t("Impersonate")}
+                  onClick={(event) => handleSubmit(event)}
+                  loading={loading}
+                  disabled={loading}
+                />
+              </Modal.Actions>
+            </>
+          );
+        }}
+      </Formik>
+    );
+  }
+}
+
+ImpersonateUserForm.propTypes = {
+  user: PropTypes.object.isRequired,
+  actionSuccessCallback: PropTypes.func.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+};