@truedat/bg 6.0.3 → 6.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "6.0.3",
+  "version": "6.0.5",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "6.0.3",
+    "@truedat/test": "6.0.5",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -86,9 +86,9 @@
     ]
   },
   "dependencies": {
-    "@truedat/core": "6.0.3",
-    "@truedat/df": "6.0.3",
-    "@truedat/lm": "6.0.3",
+    "@truedat/core": "6.0.5",
+    "@truedat/df": "6.0.5",
+    "@truedat/lm": "6.0.5",
     "decode-uri-component": "^0.2.2",
     "file-saver": "^2.0.5",
     "moment": "^2.29.4",
@@ -111,5 +111,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "c88ddc501214b8c4e2732654ca0052ebbcc802c9"
+  "gitHead": "abbaf37328ae24646d2a2c2851f77a611e5476d8"
 }

package/src/concepts/api.js

@@ -16,6 +16,8 @@ const API_GET_CONCEPT_USER_FILTERS =
   "/api/business_concept_user_filters/user/me";
 const API_BUSINESS_CONCEPT_BULK_UPDATE =
   "/api/business_concept_versions/bulk_update";
+const API_BUSINESS_CONCEPT_BULK_UPLOAD =
+  "/api/business_concepts/bulk_upload_event";
 const API_BUSINESS_CONCEPT_SET_CONFIDENTIAL =
   "/api/business_concept_versions/:id/set_confidential";
 
@@ -32,5 +34,6 @@ export {
   API_CONCEPT_USER_FILTERS,
   API_GET_CONCEPT_USER_FILTERS,
   API_BUSINESS_CONCEPT_BULK_UPDATE,
+  API_BUSINESS_CONCEPT_BULK_UPLOAD,
   API_BUSINESS_CONCEPT_SET_CONFIDENTIAL,
 };

package/src/concepts/components/ConceptRoutes.js

@@ -10,6 +10,7 @@ import {
   CONCEPT_LINKS_MANAGEMENT,
   CONCEPT_VERSION,
   CONCEPTS_BULK_UPDATE,
+  CONCEPTS_BULK_UPLOAD_EVENTS,
   CONCEPTS_NEW,
   CONCEPTS_PENDING,
   CONCEPTS_DEPRECATED,
@@ -29,6 +30,7 @@ import Concepts from "./Concepts";
 import ConceptsBulkUpdate from "./ConceptsBulkUpdate";
 import ConceptsLoader from "./ConceptsLoader";
 import ConceptSubscriptionLoader from "./ConceptSubscriptionLoader";
+import ConceptsUploadEvents from "./ConceptsUploadEvents";
 
 const RelationTagsLoader = React.lazy(() =>
   import("@truedat/lm/components/RelationTagsLoader")
@@ -56,6 +58,13 @@ export const ConceptRoutes = ({ concept, conceptLoaded, templatesLoaded }) => {
   };
   return (
     <>
+      <Route
+        exact
+        path={CONCEPTS_BULK_UPLOAD_EVENTS}
+        render={() =>
+          authorized ? <ConceptsUploadEvents /> : <Unauthorized />
+        }
+      />
       <Route
         exact
         path={CONCEPT_LINKS_MANAGEMENT}

package/src/concepts/components/ConceptsActions.js

@@ -18,6 +18,7 @@ export const ConceptsActions = ({
   hidden,
   upload,
   update,
+  canAutoPublish,
 }) => {
   const { formatMessage, locale } = useIntl();
 
@@ -42,7 +43,7 @@ export const ConceptsActions = ({
           id: "concepts.actions.download.tooltip",
         })}
       />
-      {upload ? <ConceptsUploadButton /> : null}
+      {upload ? <ConceptsUploadButton canAutoPublish={canAutoPublish} /> : null}
       {update ? <ConceptsUpdateButton /> : null}
     </div>
   );
@@ -56,6 +57,7 @@ ConceptsActions.propTypes = {
   downloadConcepts: PropTypes.func,
   upload: PropTypes.bool,
   update: PropTypes.bool,
+  canAutoPublish: PropTypes.bool,
 };
 
 ConceptsActions.defaultProps = {
@@ -71,6 +73,7 @@ const mapStateToProps = ({
     _.isEmpty(conceptActions) && conceptsActions?.create ? CONCEPTS_NEW : null,
   conceptsDownloading: conceptsDownloading,
   hidden: _.isEmpty(conceptsActions),
+  canAutoPublish: conceptsActions?.autoPublish && true,
 });
 
 export default connect(mapStateToProps, { downloadConcepts, uploadConcepts })(

package/src/concepts/components/ConceptsUploadButton.js

@@ -11,11 +11,29 @@ const uploadAction = {
   method: "POST",
   href: API_BUSINESS_CONCEPT_VERSIONS_UPLOAD,
 };
-
-export const ConceptsUploadButton = ({ uploadConcepts, loading }) => {
+export const ConceptsUploadButton = ({
+  uploadConcepts,
+  loading,
+  canAutoPublish,
+}) => {
   const { formatMessage, locale } = useIntl();
+  const extraAction = {
+    key: "yesWithAutoPublish",
+    primary: true,
+    content: formatMessage({ id: "uploadModal.accept.publish" }),
+    onClick: (data) => {
+      data.append("auto_publish", canAutoPublish);
+      return uploadConcepts({
+        action: "upload",
+        data,
+        lang: locale,
+        ...uploadAction,
+      });
+    },
+  };
   return (
     <UploadModal
+      extraAction={canAutoPublish && extraAction}
       icon="upload"
       trigger={
         <Button
@@ -50,6 +68,7 @@ export const ConceptsUploadButton = ({ uploadConcepts, loading }) => {
 ConceptsUploadButton.propTypes = {
   uploadConcepts: PropTypes.func,
   loading: PropTypes.bool,
+  canAutoPublish: PropTypes.bool,
 };
 
 const mapStateToProps = ({ uploadConceptsFile: { loading } }) => ({

package/src/concepts/components/ConceptsUploadEvents.js

@@ -0,0 +1,24 @@
+import React from "react";
+
+import { Header, Icon, Segment } from "semantic-ui-react";
+import { FormattedMessage } from "react-intl";
+import ConceptsUploadEventsTable from "./ConceptsUploadEventsTable";
+
+export const ConceptsUploadEvents = () => (
+  <Segment>
+    <Header as="h2">
+      <Icon circular name="cogs" />
+      <Header.Content>
+        <FormattedMessage id="concepts.upload.header" />
+        <Header.Subheader>
+          <FormattedMessage id="concepts.upload.subheader" />
+        </Header.Subheader>
+      </Header.Content>
+    </Header>
+    <Segment attached="bottom">
+      <ConceptsUploadEventsTable />
+    </Segment>
+  </Segment>
+);
+
+export default ConceptsUploadEvents;

package/src/concepts/components/ConceptsUploadEventsTable.js

@@ -0,0 +1,166 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+
+import _ from "lodash/fp";
+
+import { FormattedMessage } from "react-intl";
+import { Table } from "semantic-ui-react";
+import { useIntl } from "react-intl";
+import { columnDecorator } from "@truedat/core/services";
+
+import { useUploadEvents } from "../hooks/useUploadEvents";
+import { getConceptUploadEventColumns } from "../selectors";
+
+import "../styles/conceptsUploadEventColumns.less";
+
+const getColumnsWithData = (conceptsResults, columns) =>
+  _.filter((column) =>
+    _.any(_.flow(columnDecorator(column), _.negate(_.isEmpty)))(conceptsResults)
+  )(columns);
+
+const messagesImp = (data) => {
+  return _.has("errors")(data)
+    ? _.flow(
+        _.propOr([], "errors"),
+        _.map((error) => ({
+          id: error.body.message,
+          context: {
+            ...error.body.context,
+          },
+          defaultMessage: "concepts.upload.failed.success.errors",
+        }))
+      )(data)
+    : [];
+};
+
+const ConceptsUploadEventsTable = ({ getColumns }) => {
+  const { formatMessage } = useIntl();
+  const [eventExpandedIndex, setEventExpandedIndex] = useState(null);
+
+  const { data, loading } = useUploadEvents();
+
+  const events =
+    data && !loading
+      ? _.reduce(
+          (acc, event) => ({
+            ...acc,
+            [`${event.task_reference}_${event.status}`]: {
+              ...event,
+              response: {
+                ...event.response,
+                translatedHeader: !event.response
+                  ? ""
+                  : formatMessage(
+                      {
+                        id: _.isEmpty(event.response.errors)
+                          ? "concepts.upload.success.header"
+                          : "concepts.upload.success.header_with_errors",
+                      },
+                      {
+                        count_created: event.response.created.length,
+                        count_updated: event.response.updated.length,
+                        count_errors: event.response.errors.length,
+                      }
+                    ),
+                translatedErrors: _.map((error) =>
+                  formatMessage({ id: error.id }, error.context)
+                )(messagesImp(event.response)),
+              },
+              expanded: false,
+            },
+          }),
+          {},
+          data.data
+        )
+      : [];
+
+  const columns = getColumnsWithData(events, getColumns());
+
+  const toggleExpanded = (eventKey) =>
+    eventExpandedIndex === eventKey
+      ? setEventExpandedIndex(null)
+      : setEventExpandedIndex(eventKey);
+
+  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: `concepts.upload.props.${column.name}`,
+                      defaultMessage: column.name,
+                    })}
+                  />
+                );
+              })}
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+            {_.map(
+              (eventKey) => (
+                <Table.Row
+                  className={
+                    eventKey === eventExpandedIndex ? "expanded" : "contracted"
+                  }
+                  key={eventKey}
+                  onClick={() => toggleExpanded(eventKey)}
+                >
+                  {eventKey !== eventExpandedIndex ? (
+                    columns &&
+                    columns.map((column, key) => (
+                      <Table.Cell
+                        key={key}
+                        textAlign={column.textAlign}
+                        content={columnDecorator(column)({
+                          ...events[eventKey],
+                          formatMessage,
+                        })}
+                      />
+                    ))
+                  ) : (
+                    <Table.Cell colSpan={columns.length}>
+                      {events[eventKey].file_hash ? (
+                        <>
+                          <FormattedMessage
+                            id={`concepts.upload.props.file_hash`}
+                          />
+                          :&nbsp;{events[eventKey].file_hash}
+                        </>
+                      ) : null}
+                      {columns.map((column, key) => (
+                        <div key={key}>
+                          {columnDecorator(column)({
+                            ...events[eventKey],
+                            formatMessage,
+                          })}
+                        </div>
+                      ))}
+                    </Table.Cell>
+                  )}
+                </Table.Row>
+              ),
+              Object.keys(events)
+            )}
+          </Table.Body>
+        </Table>
+      )}
+    </>
+  );
+};
+
+ConceptsUploadEventsTable.propTypes = {
+  getColumns: PropTypes.func,
+};
+
+const mapStateToProps = (state) => ({
+  getColumns: () => getConceptUploadEventColumns(state),
+});
+
+export default connect(mapStateToProps)(ConceptsUploadEventsTable);

package/src/concepts/components/__tests__/ConceptsUploadButton.spec.js

@@ -1,23 +1,45 @@
 // only admin user
 import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
-import { ConceptsUploadButton } from "../ConceptsUploadButton";
+import { render } from "@truedat/test/render";
+import { screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
+import { ConceptsUploadButton } from "../ConceptsUploadButton";
 
 jest.mock("@truedat/core/hooks", () => ({
-  useAuthorized: jest.fn(() => true)
+  useAuthorized: jest.fn(() => true),
 }));
 
+const props = {
+  uploadConcepts: jest.fn(),
+  loading: false,
+  canAutoPublish: false,
+};
+
 describe("<ConceptsUploadButton />", () => {
-  it("matches the latest snapshot", () => {
-    const uploadConcepts = jest.fn();
-    const loading = false;
-    const props = { uploadConcepts, loading };
-    const wrapper = shallow(<ConceptsUploadButton {...props} />);
-    expect(wrapper).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    const { getByRole } = render(<ConceptsUploadButton {...props} />);
+    userEvent.click(getByRole("button"));
+    await waitFor(() =>
+      expect(screen.getByRole("presentation")).toBeInTheDocument()
+    );
+
+    expect(screen.getByRole("presentation")).toMatchSnapshot();
+  });
+
+  it("autopublish button is displayed if canAutoPublish is true", async () => {
+    const customProps = {
+      ...props,
+      canAutoPublish: true,
+    };
+    const { getByRole } = render(<ConceptsUploadButton {...customProps} />);
+    userEvent.click(getByRole("button"));
+    await waitFor(() =>
+      expect(screen.getByRole("presentation")).toBeInTheDocument()
+    );
+
+    expect(
+      screen.getByRole("button", { name: /publish/i })
+    ).toBeInTheDocument();
   });
 });

package/src/concepts/components/__tests__/ConceptsUploadEventsTable.spec.js

@@ -0,0 +1,98 @@
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import ConceptsUploadEventsTable from "../ConceptsUploadEventsTable";
+
+const events = [
+  {
+    file_hash: "99E400B91D164F8F0A39F400CA323C8F",
+    inserted_at: "2022-04-23T15:53:24.638484Z",
+    message: null,
+    response: {
+      errors: [],
+      created: [4825521, 4825561, 4825593],
+      updated: [4825522, 4825562, 4825594],
+    },
+    status: "COMPLETED",
+    task_reference: "0.3225053307.1609564164.100549",
+    user_id: 467,
+  },
+  {
+    file_hash: "47D90FDF1AD967BD7DBBDAE28664278E",
+    inserted_at: "2022-04-23T15:14:48.770275Z",
+    message: null,
+    response: {
+      errors: [
+        {
+          error_type: "test_field_error",
+          body: {
+            message: "concepts.upload.failed.invalid_field_value",
+            context: {
+              field: "gdpr",
+              type: "grpd_template",
+              row: 4,
+              error: "Missing value",
+            },
+          },
+        },
+        {
+          error_type: "test_forbidden_update",
+          body: {
+            message: "concepts.upload.failed.forbidden_update",
+            context: {
+              type: "test_template",
+              row: 2,
+              domain: "forbidden_domain",
+            },
+          },
+        },
+        {
+          error_type: "test_name_not_available",
+          body: {
+            message: "concepts.upload.failed.name_not_available",
+            context: {
+              type: "test_template",
+              row: 7,
+              name: "test_name_not_available",
+            },
+          },
+        },
+      ],
+      created: [],
+      updated: [],
+    },
+    status: "COMPLETED",
+    task_reference: "0.3225053307.1609564162.101463",
+    user_id: 467,
+  },
+];
+
+jest.mock("../../hooks/useUploadEvents.js", () => {
+  const originalModule = jest.requireActual("../../hooks/useUploadEvents.js");
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useUploadEvents: jest.fn(() => ({
+      data: {
+        data: events,
+      },
+      loading: false,
+    })),
+  };
+});
+
+describe("<ConceptsUploadEventsTable />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<ConceptsUploadEventsTable />);
+    expect(container).toMatchSnapshot();
+  });
+
+  it("toggles row horizontal view when row is clicked", () => {
+    const { getAllByRole } = render(<ConceptsUploadEventsTable />);
+    const dataRow = getAllByRole("row")[1];
+    expect(dataRow).toHaveClass("contracted");
+    userEvent.click(dataRow);
+    expect(dataRow).toHaveClass("expanded");
+  });
+});

package/src/concepts/components/__tests__/__snapshots__/ConceptsUploadButton.spec.js.snap

@@ -1,29 +1,80 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptsUploadButton /> matches the latest snapshot 1`] = `
-<UploadModal
-  content={
-    <Memo(MemoizedFormattedMessage)
-      id="concepts.actions.upload.confirmation.content"
-    />
-  }
-  handleSubmit={[Function]}
-  header={
-    <Memo(MemoizedFormattedMessage)
-      id="concepts.actions.upload.confirmation.header"
-    />
-  }
+<div
+  class="ui small modal transition visible active"
   icon="upload"
-  param="business_concepts"
-  trigger={
-    <Button
-      as="button"
-      data-tooltip="concepts.actions.upload.tooltip"
-      floated="right"
-      icon="upload"
-      loading={false}
-      secondary={true}
-    />
-  }
-/>
+  role="presentation"
+>
+  <i
+    aria-hidden="true"
+    class="close icon"
+  />
+  <div
+    class="header"
+  >
+    Confirm bulk upload
+  </div>
+  <div
+    class="content"
+  >
+    <div
+      aria-disabled="false"
+      class=""
+      data-testid="fileDropZone"
+      style="position: relative; width: 100%; margin-bottom: 10px; border: 1px dashed gray; border-radius: 5px;"
+    >
+      <div
+        style="padding: 20px; width: 100%; height: 100%;"
+      >
+        <div
+          class="ui center aligned container"
+        >
+          <i
+            aria-hidden="true"
+            class="cloud upload huge icon"
+          />
+          <p>
+            Drag an drop file or click to select file
+          </p>
+          <button
+            class="ui secondary button"
+          >
+            <i
+              aria-hidden="true"
+              class="upload icon"
+            />
+            Upload file
+          </button>
+        </div>
+      </div>
+      <input
+        autocomplete="off"
+        multiple=""
+        style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;"
+        type="file"
+      />
+    </div>
+    <h2>
+      Selected file
+    </h2>
+    <ul />
+  </div>
+  <div
+    class="actions"
+  >
+    <button
+      class="ui secondary button"
+    >
+      Cancel
+    </button>
+    <button
+      class="ui primary disabled button"
+      disabled=""
+      tabindex="-1"
+    >
+      Upload and update
+    </button>
+  </div>
+</div>
 `;

package/src/concepts/components/__tests__/__snapshots__/ConceptsUploadEventsTable.spec.js.snap

@@ -0,0 +1,115 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ConceptsUploadEventsTable /> matches the latest snapshot 1`] = `
+<div>
+  <table
+    class="ui selectable sortable table"
+  >
+    <thead
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <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=""
+        >
+          Completed
+        </td>
+        <td
+          class=""
+        >
+          <p>
+            Upload success! Created: 3, updated: 3
+          </p>
+          <ul
+            class="bulk-upload-error"
+          />
+        </td>
+        <td
+          class="center aligned"
+        >
+          <time
+            datetime="1650729204638"
+          >
+            2022-04-23 15:53
+          </time>
+        </td>
+      </tr>
+      <tr
+        class="contracted"
+      >
+        <td
+          class=""
+        >
+          Completed
+        </td>
+        <td
+          class=""
+        >
+          <p>
+            Upload success with errors. Created: 0, updated: 0, errors: 3
+          </p>
+          <ul
+            class="bulk-upload-error"
+          >
+            <li>
+              The field gdpr of row 4 of type grpd_template is invalid. Error: Missing value
+            </li>
+            <li>
+              Can't update concept of row 2 of type test_template. Unauthorized concept updating for forbidden_domain domain
+            </li>
+            <li>
+              Concept name not available. Row 7 of type test_template. Name test_name_not_available.
+            </li>
+          </ul>
+          <a
+            class="alert-exporter-in-table"
+            download="errors.csv"
+            href="data:text/csv;charset=utf-8,"RENDEREDMESSAGE","ERROR_TYPE","BODY.MESSAGE","BODY.CONTEXT.FIELD","BODY.CONTEXT.TYPE","BODY.CONTEXT.ROW","BODY.CONTEXT.ERROR","BODY.CONTEXT.DOMAIN","BODY.CONTEXT.NAME"
+"The field gdpr of row 4 of type grpd_template is invalid. Error: Missing value","test_field_error","concepts.upload.failed.invalid_field_value","gdpr","grpd_template","4","Missing value","",""
+"Can't update concept of row 2 of type test_template. Unauthorized concept updating for forbidden_domain domain","test_forbidden_update","concepts.upload.failed.forbidden_update","","test_template","2","","forbidden_domain",""
+"Concept name not available. Row 7 of type test_template. Name test_name_not_available.","test_name_not_available","concepts.upload.failed.name_not_available","","test_template","7","","","test_name_not_available""
+            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/concepts/hooks/useUploadEvents.js

@@ -0,0 +1,11 @@
+import useSWR from "swr";
+import { apiJson } from "@truedat/core/services/api";
+import { API_BUSINESS_CONCEPT_BULK_UPLOAD } from "../api";
+
+export const useUploadEvents = () => {
+  const { data, error, mutate } = useSWR(
+    API_BUSINESS_CONCEPT_BULK_UPLOAD,
+    apiJson
+  );
+  return { data: data?.data, error, loading: !error && !data, mutate };
+};

package/src/concepts/reducers/uploadConceptsFile.js

@@ -2,7 +2,6 @@ import { uploadConcepts } from "../routines";
 
 const initialState = {
   loading: false,
-  error: {}
 };
 
 export const uploadConceptsFile = (state = initialState, { type, payload }) => {

package/src/concepts/selectors/__tests__/getConceptUploadEventColumns.spec.js

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

package/src/concepts/selectors/getConceptUploadEventColumns.js

@@ -0,0 +1,72 @@
+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="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={`concepts.upload.status.${_.toLower(status)}`} />
+);
+
+export const defaultConceptsUploadEventColumns = [
+  {
+    name: "filename",
+    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.conceptsUploadEventColumns;
+
+export const getConceptUploadEventColumns = createSelector(
+  [getColumns],
+  (columns) => _.defaultTo(defaultConceptsUploadEventColumns)(columns)
+);

package/src/concepts/selectors/index.js

@@ -5,6 +5,10 @@ export { getConceptFilterTypes } from "./getConceptFilterTypes";
 export { getConceptSelectedFilters } from "./getConceptSelectedFilters";
 export { getConceptSelectedFilterActiveValues } from "./getConceptSelectedFilterActiveValues";
 export { getConceptSelectedFilterValues } from "./getConceptSelectedFilterValues";
+export {
+  getConceptUploadEventColumns,
+  defaultConceptsUploadEventColumns,
+} from "./getConceptUploadEventColumns";
 export { getParsedEvents } from "./getParsedEvents";
 export { getPreviousConceptQuery } from "./getPreviousConceptQuery";
 export { getTemplateFields } from "./getTemplateFields";

package/src/concepts/styles/conceptsUploadEventColumns.less

@@ -0,0 +1,24 @@
+.contracted ul.bulk-upload-error {
+  max-height: 100px;
+  overflow: hidden;
+}
+
+.contracted ul.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;
+  }
+}

package/src/messages/en.js

@@ -183,25 +183,61 @@ export default {
   "concepts.subheader.view": "Query business concepts",
   "concepts.summary": "Summary",
   "concepts.taxonomy": "Taxonomy",
+  "concepts.upload.header": "Upload concepts events",
+  "concepts.upload.subheader": "Upload concepts events by XLSX",
+  "concepts.upload.failed.business_concept_not_exists":
+    "The concept with id {id} not exists. File {row} of type {type}",
+  "concepts.upload.failed.domain_changed":
+    "Domain can't be changed. Row {row} of type {type} domain {domain}",
+  "concepts.upload.failed.empty_template_name": "Empty template name",
+  "concepts.upload.failed.forbidden":
+    "Access forbidden to domain. Row {row}. Domain {domain}.",
+  "concepts.upload.failed.forbidden_creation":
+    "Can't create concept of row {row} of type {type}. Unauthorized concept creation for {domain} domain",
+  "concepts.upload.failed.forbidden_publish":
+    "Can't publish concept of row {row} of type {type}. Unauthorized concept publishing for {domain} domain",
+  "concepts.upload.failed.forbidden_update":
+    "Can't update concept of row {row} of type {type}. Unauthorized concept updating for {domain} domain",
+  "concepts.upload.failed.forbidden_version":
+    "The concept with {id} of row {row} of type {type} can't be versioned",
   "concepts.upload.failed.header":
-    "Error uploading file. No concepts have been created.",
-  "alert.uploadConcepts.failed.header":
-    "Error uploading file. No concepts have been created.",
+    "Headers {headers} of type {type} are missing but are required",
+  "concepts.upload.failed.invalid_concept":
+    "Invalid concept id {id}, doesn't exists. Row {row} of type {type}",
   "concepts.upload.failed.invalid_domain":
-    "Invalid domain. Row {row}. Domain {domain}.",
+    "Invalid domain. Row {row} of type {type}. Domain {domain}.",
+  "concepts.upload.failed.invalid_field_value":
+    "The field {field} of row {row} of type {type} is invalid. Error: {error}",
   "concepts.upload.failed.invalid_file_format": "File format is invalid.",
   "concepts.upload.failed.invalid_template":
-    "Invalid template. Row {row}. Template {template}.",
+    "Template {template} doesn't exists",
   "concepts.upload.failed.missing_required_columns":
     "Missing required columns. Expected [{expected}]. Found [{found}].",
   "concepts.upload.failed.missing_value":
     "Missing required value. Row {row}. Field {field}.",
   "concepts.upload.failed.name_not_available":
-    "Concept name not available. Row {row}. Name {name}.",
-  "concepts.upload.failed.forbidden":
-    "Access forbidden to domain. Row {row}. Domain {domain}.",
+    "Concept name not available. Row {row} of type {type}. Name {name}.",
+  "concepts.upload.failed.success.errors": "Error in line {row} of type {type}",
+  "concepts.upload.props.filename": "File",
+  "concepts.upload.props.file_hash": "File hash",
+  "concepts.upload.props.inserted_at": "Date",
+  "concepts.upload.props.message": "Message",
+  "concepts.upload.props.response": "Response",
+  "concepts.upload.props.status": "Status",
+  "concepts.upload.status.already_calculated": "Already calculated",
+  "concepts.upload.status.already_started": "Already started",
+  "concepts.upload.status.completed": "Completed",
+  "concepts.upload.status.failed": "Failed",
+  "concepts.upload.status.just_started": "Just started",
+  "concepts.upload.status.started": "Started",
+  "concepts.upload.status.timed_out": "Timed out",
+  "concepts.upload.success.accepted.header":
+    "XLSX accepted. Status can be checked at the link below:",
   "concepts.upload.success.content": "Loaded {count} concepts successfully",
-  "concepts.upload.success.header": "Upload success!",
+  "concepts.upload.success.header":
+    "Upload success! Created: {count_created}, updated: {count_updated}",
+  "concepts.upload.success.header_with_errors":
+    "Upload success with errors. Created: {count_created}, updated: {count_updated}, errors: {count_errors}",
   "createDomain.error.external_id.blank": "Empty external id",
   "createDomain.error.external_id.unique":
     "A domain with the same external id exists",

package/src/messages/es.js

@@ -184,27 +184,64 @@ export default {
   "concepts.subheader.view": "Consultar conceptos de negocio",
   "concepts.summary": "Resumen",
   "concepts.taxonomy": "Taxonomía",
+  "concepts.upload.header": "Eventos de subida de conceptos",
+  "concepts.upload.subheader": "Eventos de subida de conceptos por XLSX",
+  "concepts.upload.failed.business_concept_not_exists":
+    "El concepto con id {id} no existe. Fila {row} del tipo {type}",
+  "concepts.upload.failed.domain_changed":
+    "El dominio no puede ser cambiado. Fila {row} of tipo {type} dominio {domain}",
+  "concepts.upload.failed.empty_template_name": "Nombre de plantilla vacío",
+  "concepts.upload.failed.forbidden":
+    "Acceso a dominio no permitido. Línea: {row}. Dominio: {domain}.",
+  "concepts.upload.failed.forbidden_creation":
+    "No se puede crear el concepto de la fila {row} de la template {template}. La creación de conceptos en el dominio {domain} no está autorizada",
+  "concepts.upload.failed.forbidden_publish":
+    "No se puede publicar el concepto de la fila {row} del tipo {type}. La publicación de conceptos en el dominio {domain} no está autorizada",
+  "concepts.upload.failed.forbidden_update":
+    "No se puede actualizar el concepto de la fila {row} del tipo {type}. La actualización de conceptos en el dominio {domain} no está autorizada",
+  "concepts.upload.failed.forbidden_version":
+    "No se puede versionar el concepto con id {id} de la fila {row} del tipo {type}",
   "concepts.upload.failed.header":
-    "Error al subir el fichero. No se ha realizado ninguna inserción.",
-  "alert.uploadConcepts.failed.header":
-    "Error al subir el fichero. No se ha realizado ninguna inserción.",
+    "Las cabeceras {headers} del tipo {type} son requeridas pero no están definidas",
+  "concepts.upload.failed.invalid_concept":
+    "El concepto con id {id} no existe. Fila {row} del tipo {type}",
   "concepts.upload.failed.invalid_domain":
-    "Domínio invalido. Linea {row}. Domínio: {domain}.",
+    "Dominio inválido. Línea {row} del tipo {type}. Dominio: {domain}.",
+  "concepts.upload.failed.invalid_field_value":
+    "El campo {field} de la fila {row} del tipo {type} es inválido. Error: {error}",
   "concepts.upload.failed.invalid_file_format":
     "Formato del fichero es inválido.",
   "concepts.upload.failed.invalid_template":
-    "Plantilla invalida. Linea: {row}. Plantilla: {template}",
+    "La plantilla {template} no existe",
   "concepts.upload.failed.missing_required_columns":
     "Faltan columnas obligatorias en el fichero. Esperado [{expected}]. Recibido [{found}].",
   "concepts.upload.failed.missing_value":
     "Campo obligatorio no informado. Linea: {row}. Campo: {field}",
   "concepts.upload.failed.name_not_available":
-    "Nombre de concepto no disponible. Linea: {row}. Nombre: {name}",
-  "concepts.upload.failed.forbidden":
-    "Acceso a dominio no permitido. Línea: {row}. Dominio: {domain}.",
+    "Nombre de concepto no disponible. Linea: {row} tipo {type}. Nombre: {name}",
+  "concepts.upload.failed.success.errors":
+    "Error en linea {row} del tipo {type}",
+  "concepts.upload.props.filename": "Fichero",
+  "concepts.upload.props.file_hash": "Hash de Fichero",
+  "concepts.upload.props.inserted_at": "Fecha",
+  "concepts.upload.props.message": "Mensaje",
+  "concepts.upload.props.response": "Respuesta",
+  "concepts.upload.props.status": "Estado",
+  "concepts.upload.status.already_calculated": "Previamente calculado",
+  "concepts.upload.status.already_started": "Previamente iniciado",
+  "concepts.upload.status.completed": "Finalizado",
+  "concepts.upload.status.failed": "Fallido",
+  "concepts.upload.status.just_started": "Acaba de iniciarse",
+  "concepts.upload.status.started": "Iniciado",
+  "concepts.upload.status.timed_out": "Tiempo de espera máximo sobrepasado",
+  "concepts.upload.success.accepted.header":
+    "XLSX aceptado. Puede comprobar el estado en el siguiente enlace:",
   "concepts.upload.success.content":
     "Se han insertado correctamente {count} términos",
-  "concepts.upload.success.header": "Fichero subido correctamente",
+  "concepts.upload.success.header":
+    "Fichero subido correctamente. Creados: {count_created}, actualizados: {count_updated}",
+  "concepts.upload.success.header_with_errors":
+    "Fichero subido con errores. Creados: {count_created}, actualizados: {count_updated}, errores: {count_errors}",
   "createDomain.error.external_id.blank": "Id Externo vacío",
   "createDomain.error.external_id.unique":
     "Ya existe un dominio con el mismo id externo",

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

@@ -1,3 +1,4 @@
+import { CONCEPTS_BULK_UPLOAD_EVENTS } from "@truedat/core/routes";
 import { uploadConcepts } from "../../routines";
 import { bgMessage } from "..";
 
@@ -14,16 +15,18 @@ describe("reducers: bgMessage", () => {
     expect(
       bgMessage(fooState, {
         type: uploadConcepts.SUCCESS,
-        payload: { data: { message: { length: 5 } } }
+        payload: { data: { message: { length: 5 } } },
       })
     ).toEqual({
       error: false,
-      header: "concepts.upload.success.header",
-      content: "concepts.upload.success.content",
+      header: "concepts.upload.success.accepted.header",
       icon: "check",
-      color: "green",
+      color: "blue",
       text: "",
-      fields: { count: 5 }
+      anchor: {
+        reference: CONCEPTS_BULK_UPLOAD_EVENTS,
+        label: "sidemenu.concepts_upload_events",
+      },
     });
   });
 
@@ -33,10 +36,10 @@ describe("reducers: bgMessage", () => {
         type: uploadConcepts.FAILURE,
         payload: {
           data: {
-            error: { error: "unprocessable_entity", field: "What a field!!" }
+            error: { error: "unprocessable_entity", field: "What a field!!" },
           },
-          status: 422
-        }
+          status: 422,
+        },
       })
     ).toEqual({
       error: true,
@@ -44,7 +47,7 @@ describe("reducers: bgMessage", () => {
       content: `concepts.upload.failed.unprocessable_entity`,
       icon: "attention",
       text: "",
-      fields: { error: "unprocessable_entity", field: "What a field!!" }
+      fields: { error: "unprocessable_entity", field: "What a field!!" },
     });
   });
 });

package/src/reducers/bgMessage.js

@@ -1,5 +1,6 @@
 import _ from "lodash/fp";
 import { dismissAlert } from "@truedat/core/routines";
+import { CONCEPTS_BULK_UPLOAD_EVENTS } from "@truedat/core/routes";
 import { uploadConcepts } from "../routines";
 import { bulkUpdate } from "../concepts/routines";
 
@@ -12,24 +13,26 @@ const bgMessage = (state = initialState, { type, payload }) => {
     case uploadConcepts.SUCCESS:
       return {
         error: false,
-        header: "concepts.upload.success.header",
-        content: "concepts.upload.success.content",
+        header: "concepts.upload.success.accepted.header",
         icon: "check",
-        color: "green",
+        color: "blue",
         text: "",
-        fields: { count: payload.data.message.length }
+        anchor: {
+          reference: CONCEPTS_BULK_UPLOAD_EVENTS,
+          label: "sidemenu.concepts_upload_events",
+        },
       };
     case uploadConcepts.FAILURE:
       if (payload.status != 500 && !_.path("data.errors")(payload)) {
         return {
           error: true,
           header: "concepts.upload.failed.header",
-          content: `concepts.upload.failed.${_.path("data.error.error")(
-            payload
-          ) || _.path("data.error")(payload)}`,
+          content: `concepts.upload.failed.${
+            _.path("data.error.error")(payload) || _.path("data.error")(payload)
+          }`,
           icon: "attention",
           text: "",
-          fields: _.path("data.error")(payload)
+          fields: _.path("data.error")(payload),
         };
       } else {
         return null;
@@ -42,7 +45,7 @@ const bgMessage = (state = initialState, { type, payload }) => {
         icon: "check",
         color: "green",
         text: "",
-        fields: { count: payload.data.message.length }
+        fields: { count: payload.data.message.length },
       };
     default:
       return state;