@truedat/cx 4.36.4 → 4.36.8

package/src/sources/reducers/source.js

@@ -2,11 +2,12 @@ import _ from "lodash/fp";
 import { fetchSource, clearSource } from "../routines";
 
 const pickFields = _.pick([
+  "active",
+  "config",
   "external_id",
+  "id",
+  "job_types",
   "type",
-  "config",
-  "active",
-  "job_types"
 ]);
 
 const initialState = {};

package/src/sources/reducers/sourceRedirect.js

@@ -4,7 +4,9 @@ import {
   createJob,
   createSource,
   deleteSource,
-  updateSource
+  disableSource,
+  enableSource,
+  updateSource,
 } from "../routines";
 
 const initialState = "";
@@ -22,6 +24,10 @@ export const sourceRedirect = (state = initialState, { type, payload }) => {
       return SOURCES;
     case deleteSource.SUCCESS:
       return SOURCES;
+    case disableSource.SUCCESS:
+      return SOURCES;
+    case enableSource.SUCCESS:
+      return SOURCES;
     default:
       return state;
   }

package/src/sources/routines.js

@@ -1,10 +1,12 @@
 import { createRoutine } from "redux-saga-routines";
 
-export const fetchSource = createRoutine("FETCH_SOURCE");
-export const fetchSources = createRoutine("FETCH_SOURCES");
 export const clearSource = createRoutine("CLEAR_SOURCE");
 export const clearSources = createRoutine("CLEAR_SOURCES");
-export const deleteSource = createRoutine("DELETE_SOURCE");
+export const createJob = createRoutine("CREATE_JOB");
 export const createSource = createRoutine("CREATE_SOURCE");
+export const deleteSource = createRoutine("DELETE_SOURCE");
+export const disableSource = createRoutine("DISABLE_SOURCE");
+export const enableSource = createRoutine("ENABLE_SOURCE");
+export const fetchSource = createRoutine("FETCH_SOURCE");
+export const fetchSources = createRoutine("FETCH_SOURCES");
 export const updateSource = createRoutine("UPDATE_SOURCE");
-export const createJob = createRoutine("CREATE_JOB");

package/src/sources/sagas/__tests__/disableSource.spec.js

@@ -0,0 +1,82 @@
+import { testSaga } from "redux-saga-test-plan";
+import {
+  DISABLE_SOURCE,
+  disableSourceRequestSaga,
+  disableSourceSaga,
+  onSuccess,
+} from "../disableSource";
+import { disableSource } from "../../routines";
+
+describe("sagas: disableSourceRequestSaga", () => {
+  it("should invoke disableSourceSaga on trigger", () => {
+    expect(() => {
+      testSaga(disableSourceRequestSaga)
+        .next()
+        .takeLatest(disableSource.TRIGGER, disableSourceSaga)
+        .finish()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should throw exception if an unhandled action is received", () => {
+    expect(() => {
+      testSaga(disableSourceRequestSaga)
+        .next()
+        .takeLatest("FOO", disableSourceSaga);
+    }).toThrow();
+  });
+});
+
+describe("sagas: disableSourceSaga", () => {
+  const id = 1;
+  const payload = { id };
+  const client = { mutate: jest.fn() };
+
+  it("should put a success action when a response is returned", () => {
+    expect(() => {
+      testSaga(disableSourceSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(disableSource.request(payload))
+        .next()
+        .call(client.mutate, {
+          mutation: DISABLE_SOURCE,
+          update: onSuccess,
+          variables: payload,
+        })
+        .next({ data: payload })
+        .put(disableSource.success(payload))
+        .next()
+        .put(disableSource.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should put a failure action when the call throws an error", () => {
+    const message = "Request failed";
+    const error = { message };
+    const client = { mutate: jest.fn() };
+
+    expect(() => {
+      testSaga(disableSourceSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(disableSource.request(payload))
+        .next()
+        .call(client.mutate, {
+          mutation: DISABLE_SOURCE,
+          update: onSuccess,
+          variables: payload,
+        })
+        .throw(error)
+        .put(disableSource.failure(message))
+        .next()
+        .put(disableSource.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+});

package/src/sources/sagas/__tests__/enableSource.spec.js

@@ -0,0 +1,82 @@
+import { testSaga } from "redux-saga-test-plan";
+import {
+  ENABLE_SOURCE,
+  enableSourceRequestSaga,
+  enableSourceSaga,
+  onSuccess,
+} from "../enableSource";
+import { enableSource } from "../../routines";
+
+describe("sagas: enableSourceRequestSaga", () => {
+  it("should invoke enableSourceSaga on trigger", () => {
+    expect(() => {
+      testSaga(enableSourceRequestSaga)
+        .next()
+        .takeLatest(enableSource.TRIGGER, enableSourceSaga)
+        .finish()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should throw exception if an unhandled action is received", () => {
+    expect(() => {
+      testSaga(enableSourceRequestSaga)
+        .next()
+        .takeLatest("FOO", enableSourceSaga);
+    }).toThrow();
+  });
+});
+
+describe("sagas: enableSourceSaga", () => {
+  const id = 1;
+  const payload = { id };
+  const client = { mutate: jest.fn() };
+
+  it("should put a success action when a response is returned", () => {
+    expect(() => {
+      testSaga(enableSourceSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(enableSource.request(payload))
+        .next()
+        .call(client.mutate, {
+          mutation: ENABLE_SOURCE,
+          update: onSuccess,
+          variables: payload,
+        })
+        .next({ data: payload })
+        .put(enableSource.success(payload))
+        .next()
+        .put(enableSource.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+
+  it("should put a failure action when the call throws an error", () => {
+    const message = "Request failed";
+    const error = { message };
+    const client = { mutate: jest.fn() };
+
+    expect(() => {
+      testSaga(enableSourceSaga, { payload })
+        .next()
+        .getContext("client")
+        .next(client)
+        .put(enableSource.request(payload))
+        .next()
+        .call(client.mutate, {
+          mutation: ENABLE_SOURCE,
+          update: onSuccess,
+          variables: payload,
+        })
+        .throw(error)
+        .put(enableSource.failure(message))
+        .next()
+        .put(enableSource.fulfill())
+        .next()
+        .isDone();
+    }).not.toThrow();
+  });
+});

package/src/sources/sagas/disableSource.js

@@ -0,0 +1,39 @@
+import { gql } from "@apollo/client";
+import { call, put, takeLatest, getContext } from "redux-saga/effects";
+import { disableSource } from "../routines";
+
+export const DISABLE_SOURCE = gql`
+  mutation DisableSource($id: ID!) {
+    disableSource(id: $id) {
+      id
+      externalId
+    }
+  }
+`;
+
+export const onSuccess = (cache, { data: { disableSource } }) => {
+  cache.evict({ id: "ROOT_QUERY", fieldName: "sources" });
+  cache.evict({ id: cache.identify(disableSource) });
+  cache.gc();
+};
+
+export function* disableSourceSaga({ payload }) {
+  const client = yield getContext("client");
+  yield put(disableSource.request(payload));
+  try {
+    const { data } = yield call(client.mutate, {
+      mutation: DISABLE_SOURCE,
+      update: onSuccess,
+      variables: payload,
+    });
+    yield put(disableSource.success(data));
+  } catch (error) {
+    yield put(disableSource.failure(error.message));
+  } finally {
+    yield put(disableSource.fulfill());
+  }
+}
+
+export function* disableSourceRequestSaga() {
+  yield takeLatest(disableSource.TRIGGER, disableSourceSaga);
+}

package/src/sources/sagas/enableSource.js

@@ -0,0 +1,39 @@
+import { gql } from "@apollo/client";
+import { call, put, takeLatest, getContext } from "redux-saga/effects";
+import { enableSource } from "../routines";
+
+export const ENABLE_SOURCE = gql`
+  mutation EnableSource($id: ID!) {
+    enableSource(id: $id) {
+      id
+      externalId
+    }
+  }
+`;
+
+export const onSuccess = (cache, { data: { enableSource } }) => {
+  cache.evict({ id: "ROOT_QUERY", fieldName: "sources" });
+  cache.evict({ id: cache.identify(enableSource) });
+  cache.gc();
+};
+
+export function* enableSourceSaga({ payload }) {
+  const client = yield getContext("client");
+  yield put(enableSource.request(payload));
+  try {
+    const { data } = yield call(client.mutate, {
+      mutation: ENABLE_SOURCE,
+      update: onSuccess,
+      variables: payload,
+    });
+    yield put(enableSource.success(data));
+  } catch (error) {
+    yield put(enableSource.failure(error.message));
+  } finally {
+    yield put(enableSource.fulfill());
+  }
+}
+
+export function* enableSourceRequestSaga() {
+  yield takeLatest(enableSource.TRIGGER, enableSourceSaga);
+}

package/src/sources/sagas/index.js

@@ -1,21 +1,27 @@
-import { fetchSourcesRequestSaga } from "./fetchSources";
-import { fetchSourceRequestSaga } from "./fetchSource";
-import { deleteSourceRequestSaga } from "./deleteSource";
 import { createSourceRequestSaga } from "./createSource";
+import { deleteSourceRequestSaga } from "./deleteSource";
+import { disableSourceRequestSaga } from "./disableSource";
+import { enableSourceRequestSaga } from "./enableSource";
+import { fetchSourceRequestSaga } from "./fetchSource";
+import { fetchSourcesRequestSaga } from "./fetchSources";
 import { updateSourceRequestSaga } from "./updateSource";
 
 export {
+  createSourceRequestSaga,
   deleteSourceRequestSaga,
+  disableSourceRequestSaga,
+  enableSourceRequestSaga,
   fetchSourceRequestSaga,
   fetchSourcesRequestSaga,
-  createSourceRequestSaga,
-  updateSourceRequestSaga
+  updateSourceRequestSaga,
 };
 
 export default [
+  createSourceRequestSaga(),
   deleteSourceRequestSaga(),
+  disableSourceRequestSaga(),
+  enableSourceRequestSaga(),
   fetchSourceRequestSaga(),
   fetchSourcesRequestSaga(),
-  createSourceRequestSaga(),
-  updateSourceRequestSaga()
+  updateSourceRequestSaga(),
 ];

package/src/sources/components/SourceCards.js

@@ -1,115 +0,0 @@
-import _ from "lodash/fp";
-import React from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { Button, Card, Icon, Message } from "semantic-ui-react";
-import { Link } from "react-router-dom";
-import { FormattedMessage } from "react-intl";
-import { ConfirmModal } from "@truedat/core/components";
-import { linkTo } from "@truedat/core/routes";
-import { useIntl } from "react-intl";
-import { deleteSource, updateSource } from "../routines";
-
-export const SourceCards = ({
-  deleteSource,
-  updateSource,
-  sources,
-  sourcesLoading,
-}) => {
-  const { formatMessage } = useIntl();
-  if (sourcesLoading) return <div />;
-
-  return sources && !_.isEmpty(sources) ? (
-    <Card.Group>
-      {sources.map((source, i) => (
-        <Card key={i}>
-          <Card.Content>
-            <Card.Header
-              as={Link}
-              to={linkTo.SOURCE({ external_id: source.external_id })}
-            >
-              <FormattedMessage
-                id={`${"source"}.${source.external_id}`}
-                defaultMessage={source.external_id}
-              />
-            </Card.Header>
-            {!source.active && (
-              <Card.Meta>
-                <FormattedMessage id={`source.deactivated`} />
-              </Card.Meta>
-            )}
-            <Card.Description>
-              <FormattedMessage id={source.type} defaultMessage={source.type} />
-            </Card.Description>
-          </Card.Content>
-          <Card.Content extra>
-            <div className="ui actions">
-              <Button
-                icon={source.active ? "pause" : "play"}
-                basic
-                data-tooltip={
-                  source.active
-                    ? formatMessage({
-                        id: "sources.actions.deactivate.tooltip",
-                      })
-                    : formatMessage({ id: "sources.actions.activate.tooltip" })
-                }
-                onClick={() =>
-                  updateSource({
-                    source: {
-                      external_id: source.external_id,
-                      active: !source.active,
-                    },
-                  })
-                }
-              />
-              <ConfirmModal
-                icon="trash"
-                trigger={<Button icon="trash" basic color="red" />}
-                header={
-                  <FormattedMessage id="sources.actions.delete.confirmation.header" />
-                }
-                content={
-                  <FormattedMessage
-                    id="sources.actions.delete.confirmation.content"
-                    values={{ external_id: <b>{source.external_id}</b> }}
-                  />
-                }
-                handleSubmit={() =>
-                  deleteSource({ external_id: source.external_id })
-                }
-              />
-            </div>
-          </Card.Content>
-        </Card>
-      ))}
-    </Card.Group>
-  ) : (
-    <Card.Group>
-      <Message
-        className="users-message"
-        header={
-          <div>
-            <Icon name="search" />
-            <FormattedMessage id="source.search.no_results" />
-          </div>
-        }
-      />
-    </Card.Group>
-  );
-};
-
-SourceCards.propTypes = {
-  deleteSource: PropTypes.func,
-  updateSource: PropTypes.func,
-  sources: PropTypes.array,
-  sourcesLoading: PropTypes.bool,
-};
-
-const mapStateToProps = ({ sourcesLoading }) => ({
-  sourcesLoading,
-});
-
-export default connect(mapStateToProps, { deleteSource, updateSource })(
-  SourceCards
-);

package/src/sources/components/__tests__/SourceCards.spec.js

@@ -1,45 +0,0 @@
-import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallowWithIntl } from "@truedat/test/intl-stub";
-import { Card, Message } from "semantic-ui-react";
-import { SourceCards } from "../SourceCards";
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-describe("<SourceCards />", () => {
-  const sources = [
-    {
-      external_id: "con_url",
-      type: "a",
-      config: {
-        a: "aaa",
-        lista: ["bbb", "ddd"],
-        url_cx: [{ url_name: "google", url_value: "https://google.es" }]
-      }
-    },
-    { external_id: "id1", type: "app-admin", config: {} },
-    { external_id: "id2", type: "app-admin", config: { a: 1 } },
-    { external_id: "id3", type: "app-admin", config: { a: "yyyyb" } },
-    { external_id: "id4", type: "a", config: { lista: ["codigo6"] } }
-  ];
-
-  it("matches the latest snapshot", () => {
-    const wrapper = shallowWithIntl(<SourceCards sources={sources} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it("contains a message when no sources are found", () => {
-    const props = { sources: [] };
-    const wrapper = shallowWithIntl(<SourceCards {...props} />);
-    expect(wrapper.find(Card)).toHaveLength(0);
-    expect(wrapper.find(Message)).toHaveLength(1);
-  });
-
-  it("contains a card for each source", () => {
-    const props = { sources };
-    const wrapper = shallowWithIntl(<SourceCards {...props} />);
-    expect(wrapper.find(Card)).toHaveLength(5);
-  });
-});