@truedat/dd 4.43.3 → 4.43.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [4.43.6] 2022-05-06
+
+### Changed
+
+- [TD-4586] Simplify accepted CSV message and include link to 'my loads'.
+
+## [4.43.4] 2022-05-05
+
+### Added
+
+- [TD-4586] CSV bulk update events table
+
 ## [4.43.3] 2022-05-04
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "4.43.3",
+  "version": "4.43.6",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.43.3",
+    "@truedat/test": "4.43.6",
     "babel-jest": "^27.0.6",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -84,9 +84,9 @@
     ]
   },
   "dependencies": {
-    "@truedat/auth": "4.43.3",
-    "@truedat/core": "4.43.3",
-    "@truedat/df": "4.43.3",
+    "@truedat/auth": "4.43.6",
+    "@truedat/core": "4.43.6",
+    "@truedat/df": "4.43.6",
     "lodash": "^4.17.21",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.7.2",
@@ -107,5 +107,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "072eb5d04ec38033c17e030c365502484815a96b"
+  "gitHead": "848143d79486499dd9deadea6a545929b5cdb39c"
 }

package/src/api.js

@@ -40,6 +40,8 @@ const API_USER_SEARCH_FILTER = "/api/user_search_filters/:id";
 const API_GET_USER_SEARCH_FILTERS = "/api/user_search_filters/me";
 const API_STRUCTURES_UPLOAD =
   "/api/data_structures/bulk_update_template_content";
+const API_STRUCTURES_UPLOAD_EVENTS =
+  "/api/data_structures/bulk_update_template_content_events";
 const API_STRUCTURE_NOTE = "/api/data_structures/:data_structure_id/notes/:id";
 const API_STRUCTURE_NOTES = "/api/data_structures/:data_structure_id/notes";
 const API_UNIT_DOMAINS = "/api/unit_domains";
@@ -85,6 +87,7 @@ export {
   API_STRUCTURES_TAG,
   API_STRUCTURES_TAGS,
   API_STRUCTURES_UPLOAD,
+  API_STRUCTURES_UPLOAD_EVENTS,
   API_STRUCTURE_NOTE,
   API_STRUCTURE_NOTES,
   API_UNIT_DOMAINS,

package/src/components/DictionaryRoutes.js

@@ -8,6 +8,7 @@ import {
   STRUCTURE_TAGS,
   STRUCTURE_TYPES,
   STRUCTURES,
+  STRUCTURES_UPLOAD_EVENTS,
   SYSTEMS,
 } from "@truedat/core/routes";
 import PendingStructureNotes from "./PendingStructureNotes";
@@ -19,6 +20,7 @@ import ProfileGroup from "./ProfileGroup";
 import StructureFiltersLoader from "./StructureFiltersLoader";
 import StructuresLoader from "./StructuresLoader";
 import StructuresRoutes from "./StructuresRoutes";
+import StructuresUploadEvents from "./StructuresUploadEvents";
 import StructureTypesLoader from "./StructureTypesLoader";
 import StructureTagsRoutes from "./StructureTagsRoutes";
 import StructureTypesRoutes from "./StructureTypesRoutes";
@@ -88,6 +90,14 @@ export const DictionaryRoutes = () => {
           </>
         )}
       />
+      <Route
+        path={STRUCTURES_UPLOAD_EVENTS}
+        render={() => (
+          <>
+            <StructuresUploadEvents />
+          </>
+        )}
+      />
       <Route
         path={PENDING_STRUCTURE_NOTES}
         render={() => (

package/src/components/StructuresUploadEvents.js

@@ -0,0 +1,38 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { Header, Icon, Segment, Dimmer, Loader } from "semantic-ui-react";
+import { FormattedMessage } from "react-intl";
+import StructuresUploadEventsTable from "./StructuresUploadEventsTable";
+
+export const StructuresUploadEvents = ({ structuresUploadEventsLoading }) => (
+  <Segment>
+    <Header as="h2">
+      <Icon circular name="cogs" />
+      <Header.Content>
+        <FormattedMessage id="structures.bulkUploadEvents.header" />
+        <Header.Subheader>
+          <FormattedMessage id="structures.bulkUploadEvents.subheader" />
+        </Header.Subheader>
+      </Header.Content>
+    </Header>
+    <Dimmer.Dimmable dimmed={structuresUploadEventsLoading}>
+      <Segment attached="bottom">
+        <StructuresUploadEventsTable />
+        <Dimmer inverted active={structuresUploadEventsLoading}>
+          <Loader />
+        </Dimmer>
+      </Segment>
+    </Dimmer.Dimmable>
+  </Segment>
+);
+
+StructuresUploadEvents.propTypes = {
+  structuresUploadEventsLoading: PropTypes.bool,
+};
+
+const mapStateToProps = ({ structuresUploadEventsLoading }) => ({
+  structuresUploadEventsLoading,
+});
+
+export default connect(mapStateToProps)(StructuresUploadEvents);

package/src/components/StructuresUploadEventsTable.js

@@ -0,0 +1,183 @@
+import _ from "lodash/fp";
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { FormattedMessage } from "react-intl";
+import { Header, Icon, Table } from "semantic-ui-react";
+import { connect } from "react-redux";
+import { useIntl } from "react-intl";
+import { columnDecorator } from "@truedat/core/services";
+import { fetchStructuresUploadEvents } from "../routines";
+import { getStructuresUploadEventColumns } from "../selectors";
+
+import "../styles/structuresUploadEventColumns.less";
+
+export const getColumnsWithData = (ruleResults, columns) =>
+  _.filter((column) =>
+    _.any(_.flow(columnDecorator(column), _.negate(_.isEmpty)))(ruleResults)
+  )(columns);
+
+export const StructuresUploadEventsTable = ({
+  columns,
+  fetchStructuresUploadEvents,
+  structuresUploadEvents,
+  structuresUploadEventsLoading,
+}) => {
+  const { formatMessage } = useIntl();
+  const [events, setEvents] = useState();
+
+  useEffect(() => {
+    fetchStructuresUploadEvents();
+  }, [fetchStructuresUploadEvents]);
+
+  const messagesImp = (data) => {
+    return _.has("errors")(data)
+      ? _.flow(
+          _.propOr([], "errors"),
+          _.map((error) => ({
+            id: `structures.bulkUpdateStructures.failed.note.${error.message}`,
+            fields: {
+              row: error.row,
+              id: error.id,
+              field: error.field,
+              externalId: error.external_id,
+              message: error.message,
+            },
+            defaultMessage: "structures.bulkUploadStructures.success.errors",
+          }))
+        )(data)
+      : [];
+  };
+
+  useEffect(() => {
+    const events = _.reduce(
+      (acc, event) => ({
+        ...acc,
+        [`${event.task_reference}_${event.status}`]: {
+          ...event,
+          response: {
+            ...event.response,
+            translatedHeader: !event.response
+              ? ""
+              : formatMessage(
+                  { id: "structures.bulkUpdateStructures.success.header" },
+                  {
+                    count_ids: event.response.ids.length,
+                    count_errors: event.response.errors.length,
+                  }
+                ),
+            translatedErrors: _.map((error) => {
+              return formatMessage({ id: error.id }, error.fields);
+            })(messagesImp(event.response)),
+          },
+          expanded: false,
+        },
+      }),
+      {},
+      structuresUploadEvents
+    );
+
+    setEvents(events);
+  }, [structuresUploadEvents, formatMessage]);
+
+  const toggleExpanded = (eventKey) => {
+    setEvents({
+      ...events,
+      [eventKey]: {
+        ...events[eventKey],
+        expanded: !events[eventKey].expanded,
+      },
+    });
+  };
+
+  return (
+    <>
+      {!_.isEmpty(events) && (
+        <Table sortable selectable>
+          <Table.Header>
+            <Table.Row>
+              {columns.map((column, i) => {
+                return (
+                  <Table.HeaderCell
+                    key={i}
+                    width={column.width}
+                    content={formatMessage({
+                      id: `structures.bulkUploadEvents.props.${column.name}`,
+                      defaultMessage: column.name,
+                    })}
+                  />
+                );
+              })}
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+            {_.map((eventKey) => {
+              return (
+                <Table.Row
+                  className={
+                    events[eventKey].expanded ? "expanded" : "contracted"
+                  }
+                  key={eventKey}
+                  onClick={() => toggleExpanded(eventKey)}
+                >
+                  {!events[eventKey].expanded ? (
+                    columns &&
+                    columns.map((column, key) => (
+                      <Table.Cell
+                        key={key}
+                        textAlign={column.textAlign}
+                        content={columnDecorator(column)({
+                          ...events[eventKey],
+                          formatMessage,
+                        })}
+                      />
+                    ))
+                  ) : (
+                    <Table.Cell
+                      colSpan={columns.length}
+                      content={columns.map((column, key) => (
+                        <div key={key}>
+                          {columnDecorator(column)({
+                            ...events[eventKey],
+                            formatMessage,
+                          })}
+                        </div>
+                      ))}
+                    />
+                  )}
+                </Table.Row>
+              );
+            }, Object.keys(events))}
+          </Table.Body>
+        </Table>
+      )}
+      {_.isEmpty(structuresUploadEvents) && !structuresUploadEventsLoading && (
+        <Header as="h4">
+          <Icon name="search" />
+          <Header.Content>
+            <FormattedMessage id="structures.bulkUploadEvents.results.empty" />
+          </Header.Content>
+        </Header>
+      )}
+    </>
+  );
+};
+
+StructuresUploadEventsTable.propTypes = {
+  columns: PropTypes.array,
+  structuresUploadEvents: PropTypes.array,
+  fetchStructuresUploadEvents: PropTypes.func,
+  structuresUploadEventsLoading: PropTypes.bool,
+};
+
+const mapStateToProps = (state) => ({
+  columns: getColumnsWithData(
+    state.structuresUploadEvents,
+    getStructuresUploadEventColumns(state)
+  ),
+  structuresUploadEvents: state.structuresUploadEvents,
+  structuresUploadEventsLoading: state.structuresUploadEventsLoading,
+});
+
+export default connect(mapStateToProps, { fetchStructuresUploadEvents })(
+  StructuresUploadEventsTable
+);

package/src/components/__tests__/StructuresUploadEventsTable.spec.js

@@ -0,0 +1,84 @@
+import _ from "lodash/fp";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import en from "../../messages/en";
+import StructuresUploadEventsTable from "../StructuresUploadEventsTable";
+
+
+
+const events = [
+  {
+    "csv_hash": "99E400B91D164F8F0A39F400CA323C8F",
+    "inserted_at": "2022-04-23T15:53:24.638484Z",
+    "message": null,
+    "response": {
+      "errors": [],
+      "ids": [
+        4825521,
+        4825561,
+        4825593
+      ]
+    },
+    "status": "COMPLETED",
+    "task_reference": "0.3225053307.1609564164.100549",
+    "user_id": 467
+  },
+  {
+    "csv_hash": "47D90FDF1AD967BD7DBBDAE28664278E",
+    "inserted_at": "2022-04-23T15:14:48.770275Z",
+    "message": null,
+    "response": {
+      "errors": [
+        {
+          "external_id": "file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_AC",
+          "field": "gdpr",
+          "message": "df_content.inclusion",
+          "row": 4
+        },
+        {
+          "external_id": "file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_FN",
+          "field": "business_description",
+          "message": "df_content.required",
+          "row": 2
+        },
+        {
+          "external_id": "file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_PC",
+          "field": "business_description",
+          "message": "df_content.required",
+          "row": 3
+        }
+      ],
+      "ids": []
+    },
+    "status": "COMPLETED",
+    "task_reference": "0.3225053307.1609564162.101463",
+    "user_id": 467
+  }
+];
+
+const renderOpts = {
+  messages: { en },
+  state: { structuresUploadEvents: events },
+};
+
+
+describe("<StructuresUploadEventsTable />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<StructuresUploadEventsTable />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+
+  it("toggles row horizontal view when row is clicked", () => {
+    const { getAllByRole } = render(
+      <StructuresUploadEventsTable />,
+      renderOpts
+    );
+    const dataRow = getAllByRole("row")[1];
+    expect(dataRow).toHaveClass("contracted");
+    userEvent.click(dataRow);
+    expect(dataRow).toHaveClass("expanded");
+  });
+
+
+});

package/src/components/__tests__/__snapshots__/DictionaryRoutes.spec.js.snap

@@ -21,6 +21,10 @@ exports[`<DictionaryRoutes /> matches the latest snapshot 1`] = `
     path="/structure_types"
     render={[Function]}
   />
+  <Route
+    path="/bulk_update_template_content_events"
+    render={[Function]}
+  />
   <Route
     path="/structure_notes"
     render={[Function]}

package/src/components/__tests__/__snapshots__/StructuresUploadEventsTable.spec.js.snap

@@ -0,0 +1,130 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<StructuresUploadEventsTable /> matches the latest snapshot 1`] = `
+<div>
+  <table
+    class="ui selectable sortable table"
+  >
+    <thead
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <th
+          class="two wide"
+        >
+          CSV hash
+        </th>
+        <th
+          class="two wide"
+        >
+          Status
+        </th>
+        <th
+          class="two wide"
+        >
+          Response
+        </th>
+        <th
+          class="two wide"
+        >
+          Date
+        </th>
+      </tr>
+    </thead>
+    <tbody
+      class=""
+    >
+      <tr
+        class="contracted"
+      >
+        <td
+          class=""
+        >
+          99E400B91D164F8F0A39F400CA323C8F
+        </td>
+        <td
+          class=""
+        >
+          Completed
+        </td>
+        <td
+          class=""
+        >
+          <p>
+            Bulk update completed. Loaded 3 errors 0
+          </p>
+          <ul
+            class="csv-bulk-upload-error"
+          />
+        </td>
+        <td
+          class="center aligned"
+        >
+          <time
+            datetime="1650729204638"
+          >
+            2022-04-23 15:53
+          </time>
+        </td>
+      </tr>
+      <tr
+        class="contracted"
+      >
+        <td
+          class=""
+        >
+          47D90FDF1AD967BD7DBBDAE28664278E
+        </td>
+        <td
+          class=""
+        >
+          Completed
+        </td>
+        <td
+          class=""
+        >
+          <p>
+            Bulk update completed. Loaded 0 errors 3
+          </p>
+          <ul
+            class="csv-bulk-upload-error"
+          >
+            <li>
+              External id: file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_AC The field &lt;gdpr&gt; does not have a permitted value
+            </li>
+            <li>
+              External id: file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_FN The field &lt;business_description&gt; is required
+            </li>
+            <li>
+              External id: file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_PC The field &lt;business_description&gt; is required
+            </li>
+          </ul>
+          <a
+            class="alert-exporter-in-table"
+            download="errors.csv"
+            href="data:text/csv;charset=utf-8,\\"RENDEREDMESSAGE\\",\\"EXTERNAL_ID\\",\\"FIELD\\",\\"MESSAGE\\",\\"ROW\\"
+\\"External id: file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_AC The field <gdpr> does not have a permitted value\\",\\"file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_AC\\",\\"gdpr\\",\\"df_content.inclusion\\",\\"4\\"
+\\"External id: file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_FN The field <business_description> is required\\",\\"file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_FN\\",\\"business_description\\",\\"df_content.required\\",\\"2\\"
+\\"External id: file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_PC The field <business_description> is required\\",\\"file://corporate-landing-s3/cep-pro-ld-cor/batch/SAP/FSCM/vendor_issue/SAP_FSCM_CM_VENDOR_ISUE/ZFSCM_PC\\",\\"business_description\\",\\"df_content.required\\",\\"3\\""
+            style="float: right;"
+            target="_self"
+          >
+            Export to CSV
+          </a>
+        </td>
+        <td
+          class="center aligned"
+        >
+          <time
+            datetime="1650726888770"
+          >
+            2022-04-23 15:14
+          </time>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;

package/src/messages/en.js

@@ -395,8 +395,26 @@ export default {
   "structures.bulkUpdateStructures.no.structures.header": "Empty Search",
   "structures.bulkUpdateStructures.success.header":
     "Bulk update completed. Loaded {count_ids} errors {count_errors}",
+  "structures.bulkUpdateStructures.success.accepted.header":
+    "CSV accepted. Status can be checked at the link below:",
   "structures.bulkUpdateStructures.success.errors":
     "Error in external id {externalId}, message: {message}",
+  "structures.bulkUploadEvents.header": "Notes upload events",
+  "structures.bulkUploadEvents.subheader": "Structures notes CSV upload events",
+  "structures.bulkUploadEvents.props.csv_hash": "CSV hash",
+  "structures.bulkUploadEvents.props.status": "Status",
+  "structures.bulkUploadEvents.props.response": "Response",
+  "structures.bulkUploadEvents.props.message": "Message",
+  "structures.bulkUploadEvents.props.inserted_at": "Date",
+  "structures.bulkUploadEvents.results.empty":
+    "No structure notes CSV bulk upload events found",
+  "structures.bulkUploadEvents.status.already_calculated": "Already calculated",
+  "structures.bulkUploadEvents.status.already_started": "Already started",
+  "structures.bulkUploadEvents.status.completed": "Completed",
+  "structures.bulkUploadEvents.status.failed": "Failed",
+  "structures.bulkUploadEvents.status.just_started": "Just started",
+  "structures.bulkUploadEvents.status.started": "Started",
+  "structures.bulkUploadEvents.status.timed_out": "Timed out",
   "structures.bulkUploadStructuresDomains.success.errors.domain: not_exist":
     "Error in line {row}, in external id {externalId}, domain does not exist",
   "structures.bulkUploadStructuresDomains.success.errors.update_domain: forbbiden":

package/src/messages/es.js

@@ -401,8 +401,29 @@ export default {
   "structures.bulkUpdateStructures.no.structures.header": "Búsqueda vacía",
   "structures.bulkUpdateStructures.success.header":
     "¡Actualización finalizada! subidos {count_ids} errores {count_errors}",
+  "structures.bulkUpdateStructures.success.accepted.header":
+    "CSV aceptado. Puede comprobar el estado en el siguiente enlace:",
   "structures.bulkUpdateStructures.success.errors":
     "Error en external id {externalId}, mensaje: {message}",
+  "structures.bulkUploadEvents.header": "Eventos de subida de notas",
+  "structures.bulkUploadEvents.subheader":
+    "Eventos de subida de notas de estructuras por CSV",
+  "structures.bulkUploadEvents.props.csv_hash": "Hash de CSV",
+  "structures.bulkUploadEvents.props.status": "Estado",
+  "structures.bulkUploadEvents.props.response": "Respuesta",
+  "structures.bulkUploadEvents.props.message": "Mensaje",
+  "structures.bulkUploadEvents.props.inserted_at": "Fecha",
+  "structures.bulkUploadEvents.results.empty":
+    "Ningún evento de subida de notas por CSV encontrado",
+  "structures.bulkUploadEvents.status.already_calculated":
+    "Previamente calculado",
+  "structures.bulkUploadEvents.status.already_started": "Previamente iniciado",
+  "structures.bulkUploadEvents.status.completed": "Finalizado",
+  "structures.bulkUploadEvents.status.failed": "Fallido",
+  "structures.bulkUploadEvents.status.just_started": "Acaba de iniciarse",
+  "structures.bulkUploadEvents.status.started": "Iniciado",
+  "structures.bulkUploadEvents.status.timed_out":
+    "Tiempo de espera máximo sobrepasado",
   "structures.bulkUploadStructuresDomains.success.errors.domain: not_exist":
     "Error en linea {row}, en external id {externalId}, el dominio no existe",
   "structures.bulkUploadStructuresDomains.success.errors.structure: not_exist":

package/src/reducers/__tests__/structuresUploadEvents.spec.js

@@ -0,0 +1,46 @@
+import { fetchStructuresUploadEvents } from "../../routines";
+import { structuresUploadEvents } from "..";
+
+const fooState = { foo: "bar" };
+
+describe("reducers: structuresUploadEvents", () => {
+  const initialState = [];
+
+  it("should provide the initial state", () => {
+    expect(structuresUploadEvents(undefined, {})).toEqual(initialState);
+  });
+
+  it("should handle the fetchStructuresUploadEvents.SUCCESS action", () => {
+    const someEvents = [
+      {
+        csv_hash: "99E400B91D164F8F0A39F400CA323C8F",
+        inserted_at: "2022-04-23T15:53:24.638484Z",
+        message: null,
+        response: {},
+        status: "COMPLETED",
+        task_reference: "0.3225053307.1609564164.100549",
+        user_id: 467,
+      },
+      {
+        csv_hash: "47D90FDF1AD967BD7DBBDAE28664278E",
+        inserted_at: "2022-04-23T15:14:48.770275Z",
+        message: null,
+        response: {},
+        status: "COMPLETED",
+        task_reference: "0.3225053307.1609564162.101463",
+        user_id: 467,
+      },
+    ];
+
+    expect(
+      structuresUploadEvents(fooState, {
+        type: fetchStructuresUploadEvents.SUCCESS,
+        payload: someEvents,
+      })
+    ).toMatchObject(someEvents);
+  });
+
+  it("should ignore unknown actions", () => {
+    expect(structuresUploadEvents(fooState, { type: "FOO" })).toBe(fooState);
+  });
+});

package/src/reducers/__tests__/structuresUploadEventsLoading.spec.js

@@ -0,0 +1,26 @@
+import { fetchStructuresUploadEvents } from "../../routines";
+import { structuresUploadEventsLoading } from "..";
+
+const fooState = { foo: "bar" };
+
+describe("reducers: structuresUploadEventsLoading", () => {
+  it("should provide the initial state", () => {
+    expect(structuresUploadEventsLoading(undefined, {})).toBe(false);
+  });
+
+  it("should be true after receiving the fetchStructuresUploadEvents.REQUEST action", () => {
+    expect(structuresUploadEventsLoading(fooState, { type: fetchStructuresUploadEvents.REQUEST })).toBe(true);
+  });
+
+  it("should be false after receiving the fetchStructuresUploadEvents.SUCCESS action", () => {
+    expect(structuresUploadEventsLoading(fooState, { type: fetchStructuresUploadEvents.SUCCESS })).toBe(false);
+  });
+
+  it("should be false after receiving the fetchStructuresUploadEvents.FAILURE action", () => {
+    expect(structuresUploadEventsLoading(fooState, { type: fetchStructuresUploadEvents.FAILURE })).toBe(false);
+  });
+
+  it("should ignore unhandled actions", () => {
+    expect(structuresUploadEventsLoading(fooState, { type: "FOO" })).toBe(fooState);
+  });
+});

package/src/reducers/ddMessage.js

@@ -1,5 +1,6 @@
 import _ from "lodash/fp";
 import { dismissAlert } from "@truedat/core/routines";
+import { STRUCTURES_UPLOAD_EVENTS } from "@truedat/core/routes";
 import {
   bulkUpdateStructures,
   uploadStructures,
@@ -9,42 +10,64 @@ import {
 
 const initialState = null;
 
+const bulkUpdateErrors = (payload) => {
+  const messagesImp = _.has("errors")(payload.data)
+    ? _.flow(
+        _.propOr([], "errors"),
+        _.map((error) => ({
+          id: `structures.bulkUpdateStructures.failed.note.${error.message}`,
+          fields: {
+            row: error.row,
+            id: error.id,
+            field: error.field,
+            externalId: error.external_id,
+            message: error.message,
+          },
+          defaultMessage: "structures.bulkUploadStructures.success.errors",
+        }))
+      )(payload.data)
+    : "";
+  return {
+    error: false,
+    header: "structures.bulkUpdateStructures.success.header",
+    icon: "check",
+    color: payload.data.errors.length >= 1 ? "orange" : "green",
+    text: "",
+    messages: messagesImp,
+    fields: {
+      count_ids: payload.data.ids.length,
+      count_errors: payload.data.errors.length,
+    },
+    downloadable: true,
+    initialMaxListItems: 5,
+  };
+};
+
+const bulkUpdateAccepted = () => {
+  return {
+    error: false,
+    header: "structures.bulkUpdateStructures.success.accepted.header",
+    icon: "check",
+    color: "blue",
+    text: "",
+    anchor: {
+      reference: STRUCTURES_UPLOAD_EVENTS,
+      label: "sidemenu.structures_upload_events",
+    },
+  };
+};
+
 const ddMessage = (state = initialState, { type, payload }) => {
   switch (type) {
     case dismissAlert.TRIGGER:
       return initialState;
     case uploadStructures.SUCCESS:
     case bulkUpdateStructures.SUCCESS: {
-      const messagesImp = _.has("errors")(payload.data)
-        ? _.flow(
-            _.propOr([], "errors"),
-            _.map((error) => ({
-              id: `structures.bulkUpdateStructures.failed.note.${error.message}`,
-              fields: {
-                row: error.row,
-                id: error.id,
-                field: error.field,
-                externalId: error.external_id,
-                message: error.message,
-              },
-              defaultMessage: "structures.bulkUploadStructures.success.errors",
-            }))
-          )(payload.data)
-        : "";
-      return {
-        error: false,
-        header: "structures.bulkUpdateStructures.success.header",
-        icon: "check",
-        color: payload.data.errors.length >= 1 ? "orange" : "green",
-        text: "",
-        messages: messagesImp,
-        fields: {
-          count_ids: payload.data.ids.length,
-          count_errors: payload.data.errors.length,
-        },
-        downloadable: true,
-        initialMaxListItems: 5,
-      };
+      if (payload.status === 202) {
+        return bulkUpdateAccepted(payload.data);
+      } else if (payload.status === 200) {
+        return bulkUpdateErrors(payload);
+      }
     }
 
     case uploadStructuresDomains.SUCCESS: {

package/src/reducers/index.js

@@ -83,6 +83,8 @@ import { structuresEditableDownloading } from "./structuresEditableDownloading";
 import { structuresLoading } from "./structuresLoading";
 import { structuresPageSize } from "./structuresPageSize";
 import { structuresSiblings } from "./structureSiblings";
+import { structuresUploadEvents } from "./structuresUploadEvents";
+import { structuresUploadEventsLoading } from "./structuresUploadEventsLoading";
 import { system } from "./system";
 import { systemId } from "./systemId";
 import { systemStructures } from "./systemStructures";
@@ -183,6 +185,8 @@ export {
   structuresLoading,
   structuresPageSize,
   structuresSiblings,
+  structuresUploadEvents,
+  structuresUploadEventsLoading,
   system,
   systemId,
   systemStructures,

package/src/reducers/structuresUploadEvents.js

@@ -0,0 +1,16 @@
+import _ from "lodash/fp";
+import { fetchStructuresUploadEvents } from "../routines";
+
+export const initialState = [];
+
+export const structuresUploadEvents = (
+  state = initialState,
+  { type, payload }
+) => {
+  switch (type) {
+    case fetchStructuresUploadEvents.SUCCESS:
+      return payload;
+    default:
+      return state;
+  }
+};

package/src/reducers/structuresUploadEventsLoading.js

@@ -0,0 +1,16 @@
+import { fetchStructuresUploadEvents } from "../routines";
+
+const structuresUploadEventsLoading = (state = false, { type }) => {
+  switch (type) {
+    case fetchStructuresUploadEvents.REQUEST:
+      return true;
+    case fetchStructuresUploadEvents.SUCCESS:
+      return false;
+    case fetchStructuresUploadEvents.FAILURE:
+      return false;
+    default:
+      return state;
+  }
+};
+
+export { structuresUploadEventsLoading };

package/src/routines.js

@@ -86,6 +86,7 @@ export const fetchUserSearchFilters = createRoutine(
   "FETCH_USER_SEARCH_FILTERS"
 );
 export const fetchStructures = createRoutine("FETCH_STRUCTURES");
+export const fetchStructuresUploadEvents = createRoutine("FETCH_STRUCTURES_UPLOAD_EVENTS");
 export const fetchSystem = createRoutine("FETCH_SYSTEM");
 export const fetchSystemStructures = createRoutine("FETCH_SYSTEM_STRUCTURES");
 export const fetchSystems = createRoutine("FETCH_SYSTEMS");

package/src/sagas/__tests__/fetchStructuresUploadEvents.spec.js

@@ -0,0 +1,79 @@
+import { testSaga } from "redux-saga-test-plan";
+import { apiJson, JSON_OPTS } from "@truedat/core/services/api";
+import {
+  fetchStructuresUploadEventsRequestSaga,
+  fetchStructuresUploadEventsSaga,
+} from "../fetchStructuresUploadEvents";
+import { fetchStructuresUploadEvents } from "../../routines";
+import { API_STRUCTURES_UPLOAD_EVENTS } from "../../api";
+
+describe("sagas: fetchStructuresUploadEventsRequestSaga", () => {
+  it("should invoke fetchStructuresUploadEventsSaga on trigger", () => {
+    expect(() => {
+      testSaga(fetchStructuresUploadEventsRequestSaga)
+        .next()
+        .takeLatest(
+          fetchStructuresUploadEvents.TRIGGER,
+          fetchStructuresUploadEventsSaga
+        )
+        .finish()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should throw exception if an unhandled action is received", () => {
+    expect(() => {
+      testSaga(fetchStructuresUploadEventsRequestSaga)
+        .next()
+        .takeLatest("FOO", fetchStructuresUploadEventsSaga);
+    }).toThrow();
+  });
+});
+
+describe("sagas: fetchStructuresUploadEventsSaga", () => {
+  it("should put a success action when a response is returned", () => {
+    const url = API_STRUCTURES_UPLOAD_EVENTS;
+    const data = [
+      {
+        csv_hash: "99E400B91D164F8F0A39F400CA323C8F",
+      },
+      {
+        csv_hash: "47D90FDF1AD967BD7DBBDAE28664278E",
+      },
+    ];
+
+    expect(() => {
+      testSaga(fetchStructuresUploadEventsSaga)
+        .next()
+        .put(fetchStructuresUploadEvents.request())
+        .next()
+        .call(apiJson, url, JSON_OPTS)
+        .next({ data })
+        .put(fetchStructuresUploadEvents.success(data))
+        .next()
+        .put(fetchStructuresUploadEvents.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should put a failure action when the call returns an error", () => {
+    const message = "Request failed";
+    const error = { message };
+    const url = API_STRUCTURES_UPLOAD_EVENTS;
+
+    expect(() => {
+      testSaga(fetchStructuresUploadEventsSaga)
+        .next()
+        .put(fetchStructuresUploadEvents.request())
+        .next()
+        .call(apiJson, url, JSON_OPTS)
+        .throw(error)
+        .put(fetchStructuresUploadEvents.failure(message))
+        .next()
+        .put(fetchStructuresUploadEvents.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+});

package/src/sagas/__tests__/uploadStructures.spec.js

@@ -30,6 +30,7 @@ describe("sagas: uploadStructuresRequestSaga", () => {
 describe("sagas: uploadStructuresSaga", () => {
   const body = { structures: "content" };
   const payload = { data: body };
+  const status = "JUST_STARTED";
   const data = { message: [1, 2] };
   it("should put a success action when a response is returned", () => {
     expect(() => {
@@ -38,8 +39,8 @@ describe("sagas: uploadStructuresSaga", () => {
         .put(uploadStructures.request())
         .next()
         .call(apiJsonPost, API_STRUCTURES_UPLOAD, body, UPLOAD_JSON_OPTS)
-        .next({ data })
-        .put(uploadStructures.success({ data }))
+        .next({ status, data })
+        .put(uploadStructures.success({ status, data }))
         .next()
         .put(uploadStructures.fulfill())
         .next()

package/src/sagas/fetchStructuresUploadEvents.js

@@ -0,0 +1,29 @@
+import { call, put, takeLatest } from "redux-saga/effects";
+import { apiJson, JSON_OPTS } from "@truedat/core/services/api";
+import { fetchStructuresUploadEvents as fetchStructuresUploadEvents } from "../routines";
+import { API_STRUCTURES_UPLOAD_EVENTS } from "../api";
+
+export function* fetchStructuresUploadEventsSaga() {
+  try {
+    const url = API_STRUCTURES_UPLOAD_EVENTS;
+    yield put(fetchStructuresUploadEvents.request());
+    const { data } = yield call(apiJson, url, JSON_OPTS);
+    yield put(fetchStructuresUploadEvents.success(data));
+  } catch (error) {
+    if (error.response) {
+      const { status, data } = error.response;
+      yield put(fetchStructuresUploadEvents.failure({ status, data }));
+    } else {
+      yield put(fetchStructuresUploadEvents.failure(error.message));
+    }
+  } finally {
+    yield put(fetchStructuresUploadEvents.fulfill());
+  }
+}
+
+export function* fetchStructuresUploadEventsRequestSaga() {
+  yield takeLatest(
+    fetchStructuresUploadEvents.TRIGGER,
+    fetchStructuresUploadEventsSaga
+  );
+}

package/src/sagas/index.js

@@ -35,6 +35,7 @@ import { fetchStructureTypeRequestSaga } from "./fetchStructureType";
 import { fetchStructureTypesRequestSaga } from "./fetchStructureTypes";
 import { fetchUserSearchFiltersRequestSaga } from "./fetchUserSearchFilters";
 import { fetchStructuresRequestSaga } from "./fetchStructures";
+import { fetchStructuresUploadEventsRequestSaga } from "./fetchStructuresUploadEvents";
 import { fetchSystemRequestSaga } from "./fetchSystem";
 import { fetchSystemStructuresRequestSaga } from "./fetchSystemStructures";
 import { fetchSystemsRequestSaga } from "./fetchSystems";
@@ -85,6 +86,7 @@ export {
   fetchStructureTagsRequestSaga,
   fetchStructureTypeRequestSaga,
   fetchStructureTypesRequestSaga,
+  fetchStructuresUploadEventsRequestSaga,
   fetchUserSearchFiltersRequestSaga,
   fetchStructuresRequestSaga,
   fetchSystemRequestSaga,
@@ -140,6 +142,7 @@ export default [
   fetchStructureTypesRequestSaga(),
   fetchUserSearchFiltersRequestSaga(),
   fetchStructuresRequestSaga(),
+  fetchStructuresUploadEventsRequestSaga(),
   fetchSystemRequestSaga(),
   fetchSystemStructuresRequestSaga(),
   fetchSystemsRequestSaga(),

package/src/sagas/uploadStructures.js

@@ -7,14 +7,14 @@ export function* uploadStructuresSaga({ payload }) {
   try {
     const { data: body } = payload;
     yield put(uploadStructures.request());
-    const { data } = yield call(
+    const { status, data } = yield call(
       apiJsonPost,
       API_STRUCTURES_UPLOAD,
       body,
       UPLOAD_JSON_OPTS
     );
 
-    yield put(uploadStructures.success({ data }));
+    yield put(uploadStructures.success({ status, data }));
   } catch (error) {
     if (error.response) {
       const { status, data } = error.response;

package/src/selectors/__tests__/getStructuresUploadEventColumns.spec.js

@@ -0,0 +1,20 @@
+import {
+  getStructuresUploadEventColumns,
+  defaultStructuresUploadEventColumns,
+} from "..";
+
+describe("selectors: getStructuresUploadEventColumns", () => {
+  it("should return custom structuresUploadEventColumns when present", () => {
+    const structuresUploadEventColumns = [{ name: "test" }];
+    const res = getStructuresUploadEventColumns({
+      structuresUploadEventColumns
+    });
+    expect(res).toHaveLength(1);
+    expect(res).toEqual(structuresUploadEventColumns);
+  });
+
+  it("should return default defaultRuleImplementationColumns when no customized", () => {
+    const res = getStructuresUploadEventColumns({});
+    expect(res).toHaveLength(defaultStructuresUploadEventColumns.length);
+  });
+});

package/src/selectors/getStructuresUploadEventColumns.js

@@ -0,0 +1,74 @@
+import _ from "lodash/fp";
+import React from "react";
+import { createSelector } from "reselect";
+import { FormattedMessage } from "react-intl";
+import Moment from "react-moment";
+import { AlertExporter } from "@truedat/core/components/AlertExporter";
+
+const bulkUpdateErrors = (response) => {
+  return _.isEmpty(response) ? (
+    ""
+  ) : (
+    <>
+      <p>{response.translatedHeader}</p>
+      <ul className="csv-bulk-upload-error">
+        {_.map.convert({ cap: false })((translatedError, key) => {
+          return <li key={`error_${key}`}>{translatedError}</li>;
+        })(response.translatedErrors)}
+      </ul>
+      {_.isEmpty(response.errors) ? null : (
+        <AlertExporter
+          className="alert-exporter-in-table"
+          onClick={(e) => e.stopPropagation()}
+          {...{
+            list: response.translatedErrors,
+            messages: response.errors,
+          }}
+        />
+      )}
+    </>
+  );
+};
+
+const dateDecorator = (date) =>
+  date && <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />;
+
+const statusDecorator = (status) => (
+  <FormattedMessage
+    id={`structures.bulkUploadEvents.status.${_.toLower(status)}`}
+  />
+);
+
+export const defaultStructuresUploadEventColumns = [
+  {
+    name: "csv_hash",
+    width: 2,
+  },
+  {
+    name: "status",
+    fieldDecorator: statusDecorator,
+    width: 2,
+  },
+  {
+    name: "response",
+    fieldDecorator: bulkUpdateErrors,
+    width: 2,
+  },
+  {
+    name: "message",
+    width: 2,
+  },
+  {
+    name: "inserted_at",
+    fieldDecorator: dateDecorator,
+    textAlign: "center",
+    width: 2,
+  },
+];
+
+const getColumns = (state) => state.structuresUploadEventColumns;
+
+export const getStructuresUploadEventColumns = createSelector(
+  [getColumns],
+  (columns) => _.defaultTo(defaultStructuresUploadEventColumns)(columns)
+);

package/src/selectors/index.js

@@ -39,6 +39,10 @@ export { getStructureSelectedFilterValues } from "./getStructureSelectedFilterVa
 export { getStructuresFields } from "./getStructuresFields";
 export { getStructureSortingCriteria } from "./getStructureSortingCriteria";
 export { getStructureUpdatedAt } from "./getStructureUpdatedAt";
+export {
+  getStructuresUploadEventColumns,
+  defaultStructuresUploadEventColumns,
+} from "./getStructuresUploadEventColumns";
 export { getSystem } from "./getSystem";
 export { getSystemTemplate } from "./getSystemTemplate";
 export { getTabVisibility } from "./getTabVisibility";

package/src/styles/structuresUploadEventColumns.less

@@ -0,0 +1,24 @@
+.contracted ul.csv-bulk-upload-error {
+  max-height: 100px;
+  overflow: hidden;
+}
+
+.contracted ul.csv-bulk-upload-error {
+  .fade-up();
+}
+
+.fade-up {
+  background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.alert-exporter-in-table {
+  padding: 3px;
+  margin: 5px;
+  &:hover {
+    padding: 2px;
+    border: 1px solid blue;
+  }
+}