@truedat/dd 4.51.3 → 4.51.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.51.4] 2022-09-16
+
+## Added
+
+- [TD-5133] Support for creating grant requests for third parties
+
 ## [4.51.3] 2022-09-16
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "4.51.3",
+  "version": "4.51.4",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.51.3",
+    "@truedat/test": "4.51.4",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -88,9 +88,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.4",
-    "@truedat/auth": "4.51.3",
-    "@truedat/core": "4.51.3",
-    "@truedat/df": "4.51.3",
+    "@truedat/auth": "4.51.4",
+    "@truedat/core": "4.51.4",
+    "@truedat/df": "4.51.4",
     "lodash": "^4.17.21",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.8.1",
@@ -112,5 +112,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "69d6cf8f7379eb2ef5744a4fdd357a7dd662b115"
+  "gitHead": "d3e3af905c2330f5e4aaeeefc3549acaa19575f7"
 }

package/src/components/GrantRequest.js

@@ -30,6 +30,8 @@ export const GrantRequest = ({ grantRequest, template }) => {
   )(data_structure?.path);
   const rows = grantRequest?.filters?.rows;
   const user = grantRequest?._embedded?.group?._embedded?.user?.user_name;
+  const createdBy =
+    grantRequest?._embedded?.group?._embedded?.created_by?.user_name;
   return (
     <>
       <GrantRequestCrumbs
@@ -75,6 +77,16 @@ export const GrantRequest = ({ grantRequest, template }) => {
                   </List.Description>
                 </List.Item>
               )}
+              {createdBy && createdBy !== user && (
+                <List.Item>
+                  <List.Header>
+                    {formatMessage({ id: "grantRequest.header.createdBy" })}
+                  </List.Header>
+                  <List.Description>
+                    <Label>{createdBy}</Label>
+                  </List.Description>
+                </List.Item>
+              )}
               <List.Item>
                 <List.Header>
                   {formatMessage({ id: "grantRequest.header.status" })}

package/src/components/GrantRequests.js

@@ -15,6 +15,7 @@ export const GrantRequests = ({
 }) => {
   const { formatMessage } = useIntl();
   const history = useHistory();
+
   return (
     <Segment attached="bottom">
       {!_.isEmpty(grantRequests) && (
@@ -36,21 +37,29 @@ export const GrantRequests = ({
             </Table.Row>
           </Table.Header>
           <Table.Body>
-            {grantRequests.map((grantRequest, i) => (
-              <Table.Row key={i}>
-                {columns &&
-                  columns.map((column, key) => (
-                    <Table.Cell
-                      key={key}
-                      textAlign={column.textAlign}
-                      onClick={() =>
-                        history.push(linkTo.GRANT_REQUEST(grantRequest))
-                      }
-                      content={columnDecoratorComponent(column)(grantRequest)}
-                    />
-                  ))}
-              </Table.Row>
-            ))}
+            {grantRequests.map((grantRequest, i) => {
+              const createdById = _.path("_embedded.group.created_by_id")(
+                grantRequest
+              );
+              const userId = _.path("_embedded.group._embedded.user.id")(
+                grantRequest
+              );
+              return (
+                <Table.Row key={i} warning={createdById !== userId}>
+                  {columns &&
+                    columns.map((column, key) => (
+                      <Table.Cell
+                        key={key}
+                        textAlign={column.textAlign}
+                        onClick={() =>
+                          history.push(linkTo.GRANT_REQUEST(grantRequest))
+                        }
+                        content={columnDecoratorComponent(column)(grantRequest)}
+                      />
+                    ))}
+                </Table.Row>
+              );
+            })}
           </Table.Body>
         </Table>
       )}

package/src/components/StructureGrantCartCheckout.js

@@ -8,7 +8,7 @@ import { HistoryBackButton } from "@truedat/core/components";
 import { useIntl, FormattedMessage } from "react-intl";
 import { checkoutGrantRequest } from "../routines";
 import StructureGrantCart from "./StructureGrantCart";
-import StructureGrantCartTemplate from "./StructureGrantCartTemplate";
+import StructureGrantCartInformation from "./StructureGrantCartInformation";
 
 export const StructureGrantCartCheckout = ({
   grantRequestsCart,
@@ -16,7 +16,7 @@ export const StructureGrantCartCheckout = ({
 }) => {
   const { formatMessage } = useIntl();
 
-  const { template, templateContent, modificationGrant, validCart } =
+  const { template, templateContent, modificationGrant, validCart, user } =
     grantRequestsCart;
 
   const checkout = () => {
@@ -30,11 +30,12 @@ export const StructureGrantCartCheckout = ({
       };
     })(grantRequestsCart.structures);
     const payload = {
-      grant_request_group: {
+      grant_request_group: _.omitBy(_.isNil)({
         requests,
         type: template,
         modification_grant_id: modificationGrant ? modificationGrant.id : null,
-      },
+        user_id: user?.id,
+      }),
     };
     checkoutGrantRequest(payload);
   };
@@ -61,14 +62,14 @@ export const StructureGrantCartCheckout = ({
             <Button
               primary
               onClick={checkout}
-              disabled={!validCart}
+              disabled={!validCart || !user.valid}
               content={formatMessage({ id: "actions.save" })}
             />
           </GridColumn>
         </Grid.Row>
         <Grid.Row>
           <Grid.Column width={5}>
-            <StructureGrantCartTemplate />
+            <StructureGrantCartInformation />
           </Grid.Column>
           <Grid.Column width={11}>
             <StructureGrantCart />

package/src/components/{StructureGrantCartTemplate.js → StructureGrantCartInformation.js}

@@ -1,29 +1,36 @@
 import _ from "lodash/fp";
 import React from "react";
+import { useQuery } from "@apollo/client";
 import PropTypes from "prop-types";
 import { Segment, Divider, Form, Header } from "semantic-ui-react";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";
+import { DOMAINS_QUERY } from "@truedat/core/api/queries";
 import {
   selectGrantRequestTemplate,
   updateGrantRequestTemplateContent,
 } from "../routines";
+import StructureGrantCartUserSelector from "./StructureGrantCartUserSelector";
 
 const SelectableDynamicForm = React.lazy(() =>
   import("@truedat/df/components/SelectableDynamicForm")
 );
 
-export const StructureGrantCartTemplate = ({
+export const StructureGrantCartInformation = ({
   grantRequestsCart,
   selectGrantRequestTemplate,
   updateGrantRequestTemplateContent,
 }) => {
   const { formatMessage } = useIntl();
-
   const templateContent = _.pathOr({}, "templateContent")(grantRequestsCart);
 
+  const { loading, data } = useQuery(DOMAINS_QUERY, {
+    fetchPolicy: "cache-and-network",
+    variables: { action: "createForeignGrantRequest" },
+  });
+
   return (
-    <Segment>
+    <Segment loading={loading}>
       <Header
         title={`${formatMessage({ id: `structure.grant.cart.template` })}`}
       >
@@ -31,6 +38,9 @@ export const StructureGrantCartTemplate = ({
       </Header>
       <Divider />
       <Form>
+        {!loading && !_.isEmpty(data?.domains) ? (
+          <StructureGrantCartUserSelector />
+        ) : null}
         <SelectableDynamicForm
           scope="gr"
           required
@@ -47,7 +57,7 @@ export const StructureGrantCartTemplate = ({
   );
 };
 
-StructureGrantCartTemplate.propTypes = {
+StructureGrantCartInformation.propTypes = {
   grantRequestsCart: PropTypes.object,
   selectGrantRequestTemplate: PropTypes.func,
   updateGrantRequestTemplateContent: PropTypes.func,
@@ -58,4 +68,4 @@ const mapStateToProps = ({ grantRequestsCart }) => ({ grantRequestsCart });
 export default connect(mapStateToProps, {
   selectGrantRequestTemplate,
   updateGrantRequestTemplateContent,
-})(StructureGrantCartTemplate);
+})(StructureGrantCartInformation);

package/src/components/StructureGrantCartUserSelector.js

@@ -0,0 +1,93 @@
+import _ from "lodash/fp";
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { Form, Checkbox } from "semantic-ui-react";
+import { connect } from "react-redux";
+import { useIntl } from "react-intl";
+import { lowerDeburrTrim } from "@truedat/core/services/sort";
+import { updateGrantRequestUser } from "../routines";
+
+const UsersSearchLoader = React.lazy(() =>
+  import("@truedat/auth/users/components/UsersSearchLoader")
+);
+
+export const StructureGrantCartUserSelector = ({
+  grantRequestsCart,
+  updateGrantRequestUser,
+  options,
+}) => {
+  const { formatMessage } = useIntl();
+  const [usersGroupsQuery, setUsersGroupsQuery] = useState("");
+  const [thirdParty, setThirdParty] = useState(false);
+  const [userId, setUserId] = useState(_.path("user.id")(grantRequestsCart));
+
+  useEffect(() => {
+    updateGrantRequestUser({
+      id: userId,
+      valid:
+        !thirdParty || (thirdParty && !(_.isNil(userId) && _.isEmpty(userId))),
+    });
+  }, [userId, thirdParty]);
+
+  const onSearch = (_currentOptions, { searchQuery }) =>
+    setUsersGroupsQuery(lowerDeburrTrim(searchQuery));
+
+  const selectUser = (userId) => {
+    setUserId(userId);
+    if (!_.isNil(userId)) setThirdParty(true);
+    if (userId === "") setThirdParty(false);
+  };
+
+  return (
+    <>
+      <UsersSearchLoader
+        query={usersGroupsQuery}
+        permission="allow_foreign_grant_request"
+        hideLoading
+      />
+      <Form.Dropdown
+        placeholder={formatMessage({
+          id: "grantRequestCart.user.placeholder",
+        })}
+        clearable
+        onChange={(_e, { value }) => selectUser(value)}
+        deburr
+        onSearchChange={onSearch}
+        search={_.identity}
+        selection
+        required={thirdParty}
+        label={
+          <Checkbox
+            label={formatMessage({ id: "grantRequestCart.user.label" })}
+            onChange={(e, data) => {
+              setThirdParty(data.checked);
+              selectUser(null);
+            }}
+            checked={thirdParty}
+          />
+        }
+        options={options}
+        value={userId}
+      />
+    </>
+  );
+};
+
+StructureGrantCartUserSelector.propTypes = {
+  grantRequestsCart: PropTypes.object,
+  options: PropTypes.array,
+  updateGrantRequestUser: PropTypes.func,
+};
+
+const mapStateToProps = ({ grantRequestsCart, usersSearch }) => ({
+  grantRequestsCart,
+  options: _.map(({ full_name, id }) => ({
+    text: full_name,
+    value: id,
+    icon: "user",
+  }))(usersSearch),
+});
+
+export default connect(mapStateToProps, { updateGrantRequestUser })(
+  StructureGrantCartUserSelector
+);

package/src/components/StructureGrantDropdown.js

@@ -11,12 +11,15 @@ import { Date } from "@truedat/core/components";
 import GrantChangeRequest from "./GrantChangeRequest";
 import GrantRemoval from "./GrantRemoval";
 import GrantRequestCancel from "./GrantRequestCancel";
+import StructureGrantRequestAddCart from "./StructureGrantRequestAddCart";
 
 const isNilOrEmpty = (value) => _.isEmpty(value) || _.isNil(value);
 export const StructureGrantDropdown = ({
   grantRequest,
   structure,
   structureGrantPopup,
+  authorized,
+  requested,
 }) => {
   const history = useHistory();
   const { formatMessage } = useIntl();
@@ -32,8 +35,19 @@ export const StructureGrantDropdown = ({
   const isModification = _.prop("group.grant")(grantRequest);
 
   const actions = {
+    addToCart: (
+      <StructureGrantRequestAddCart structure={structure} key="addToCart">
+        <Dropdown.Item
+          icon="cart"
+          text={formatMessage({
+            id: "structure.grant.request_grant",
+          })}
+        />
+      </StructureGrantRequestAddCart>
+    ),
     viewRequest: (
       <Dropdown.Item
+        key="viewRequest"
         onClick={() =>
           history.push(linkTo.GRANT_REQUEST({ id: grantRequest.id }))
         }
@@ -44,7 +58,7 @@ export const StructureGrantDropdown = ({
       />
     ),
     requestRemoval: (
-      <GrantRemoval grant={grant}>
+      <GrantRemoval grant={grant} key="requestRemoval">
         <Dropdown.Item
           icon="delete"
           text={formatMessage({
@@ -54,7 +68,7 @@ export const StructureGrantDropdown = ({
       </GrantRemoval>
     ),
     cancelRemoval: (
-      <GrantRemoval grant={grant}>
+      <GrantRemoval grant={grant} key="cancelRemoval">
         <Dropdown.Item
           icon="delete"
           text={formatMessage({
@@ -64,7 +78,11 @@ export const StructureGrantDropdown = ({
       </GrantRemoval>
     ),
     requestChange: (
-      <GrantChangeRequest structure={structure} grant={grant}>
+      <GrantChangeRequest
+        structure={structure}
+        grant={grant}
+        key="requestChange"
+      >
         <Dropdown.Item
           icon="edit"
           text={formatMessage({
@@ -75,6 +93,7 @@ export const StructureGrantDropdown = ({
     ),
     cancelRequest: (
       <GrantRequestCancel
+        key="cancelRequest"
         structureId={structure.id}
         grantRequest={grantRequest}
       >
@@ -91,36 +110,27 @@ export const StructureGrantDropdown = ({
   const dropdownStates = {
     pendingRequest: {
       color: "yellow",
-      options: (
-        <>
-          {actions["viewRequest"]}
-          {actions["cancelRequest"]}
-        </>
-      ),
+      options: [actions["viewRequest"], actions["cancelRequest"]],
+
       header: isModification
         ? "structure.grant.requested_modification"
         : "structure.grant.requested_access",
     },
     processingRequest: {
       color: "grey",
-      options: actions["viewRequest"],
+      options: [actions["viewRequest"]],
       header: isModification
         ? "structure.grant.modification.attended"
         : "structure.grant.access.attended",
     },
     pendingRemovalGrant: {
       color: "red",
-      options: actions["cancelRemoval"],
+      options: [actions["cancelRemoval"]],
       header: "structure.grant.has_grant_pending_removal",
     },
     activeGrant: {
       color: "green",
-      options: (
-        <>
-          {actions["requestChange"]}
-          {actions["requestRemoval"]}
-        </>
-      ),
+      options: [actions["requestChange"], actions["requestRemoval"]],
       header: "structure.grant.has_grant",
     },
   };
@@ -160,6 +170,11 @@ export const StructureGrantDropdown = ({
     </>
   );
 
+  const optionsWithCart =
+    authorized && !requested
+      ? [actions["addToCart"], ...stateProps.options]
+      : stateProps.options;
+
   const trigger = (
     <Dropdown
       icon={null}
@@ -173,7 +188,9 @@ export const StructureGrantDropdown = ({
         />
       }
     >
-      <Dropdown.Menu>{stateProps.options}</Dropdown.Menu>
+      <Dropdown.Menu>
+        <>{optionsWithCart}</>
+      </Dropdown.Menu>
     </Dropdown>
   );
   return <Popup content={popupContent} trigger={trigger} />;
@@ -183,12 +200,16 @@ StructureGrantDropdown.propTypes = {
   grantRequest: PropTypes.object,
   structure: PropTypes.object,
   structureGrantPopup: PropTypes.array,
+  authorized: PropTypes.bool,
+  requested: PropTypes.bool,
 };
 
 const mapStateToProps = ({
   structure,
   structureFields,
   structureGrantPopup,
+  userPermissions,
+  grantRequestsCart,
 }) => ({
   structure: {
     ...structure,
@@ -196,6 +217,12 @@ const mapStateToProps = ({
     structureFields,
   },
   structureGrantPopup,
+  requested: _.flow(
+    _.pathOr([], "structures"),
+    _.find({ id: structure.id }),
+    _.negate(_.isUndefined)
+  )(grantRequestsCart),
+  authorized: _.pathOr(false, "create_foreign_grant_request")(userPermissions),
 });
 
 export default connect(mapStateToProps)(StructureGrantDropdown);

package/src/components/StructureGrantRequestAddCart.js

@@ -0,0 +1,26 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { addGrantRequestToCart } from "../routines";
+
+export const StructureGrantRequestAddCart = ({
+  structure,
+  addGrantRequestToCart,
+  children,
+}) => {
+  if (!structure) return;
+
+  return React.cloneElement(children, {
+    onClick: () => addGrantRequestToCart(structure),
+  });
+};
+
+StructureGrantRequestAddCart.propTypes = {
+  structure: PropTypes.object,
+  addGrantRequestToCart: PropTypes.func,
+  children: PropTypes.node,
+};
+
+export default connect(null, { addGrantRequestToCart })(
+  StructureGrantRequestAddCart
+);

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

@@ -24,7 +24,13 @@ describe("<MyGrantRequests />", () => {
   };
   it("matches the latest snapshot", async () => {
     const grantRequests = [
-      { data_structure: "foo > bar", status: "processed" },
+      {
+        data_structure: "foo > bar",
+        status: "processed",
+        _embedded: {
+          group: { created_by_id: 3, _embedded: { user: { id: 4 } } },
+        },
+      },
     ];
     const columns = [{ name: "data_structure" }, { name: "status" }];
     const setGrantRequestsQuery = jest.fn();
@@ -45,7 +51,13 @@ describe("<MyGrantRequests />", () => {
 
   it("deselects and selects filters", async () => {
     const grantRequests = [
-      { data_structure: "foo > bar", status: "processed" },
+      {
+        data_structure: "foo > bar",
+        status: "processed",
+        _embedded: {
+          group: { created_by_id: 3, _embedded: { user: { id: 3 } } },
+        },
+      },
     ];
     const columns = [{ name: "data_structure" }, { name: "status" }];
     const setGrantRequestsQuery = jest.fn();

package/src/components/__tests__/{StructureGrantCartTemplate.spec.js → StructureGrantCartInformation.spec.js}

@@ -1,9 +1,9 @@
 import React, { Suspense } from "react";
 import { render } from "@truedat/test/render";
 import { singleTemplateMock } from "@truedat/test/mocks";
-import { StructureGrantCartTemplate } from "../StructureGrantCartTemplate";
+import { StructureGrantCartInformation } from "../StructureGrantCartInformation";
 
-describe("<StructureGrantCartTemplate />", () => {
+describe("<StructureGrantCartInformation />", () => {
   const selectGrantRequestTemplate = jest.fn();
   const updateGrantRequestTemplateContent = jest.fn();
 
@@ -36,7 +36,7 @@ describe("<StructureGrantCartTemplate />", () => {
   it("matches the latest snapshot", () => {
     const { container } = render(
       <Suspense fallback={null}>
-        <StructureGrantCartTemplate {...props} />
+        <StructureGrantCartInformation {...props} />
       </Suspense>,
       renderOpts
     );

package/src/components/__tests__/StructureGrantCartUserSelector.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import StructureGrantCartUserSelector from "../StructureGrantCartUserSelector";
+
+const renderOpts = {
+  state: {
+    grantRequestsCart: { user: { id: 5 } },
+    usersSearch: [{ full_name: "name", id: 1 }],
+  },
+  fallback: "lazy",
+};
+
+describe("<StructureGrantCartUserSelector />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <StructureGrantCartUserSelector query="abc" />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -169,7 +169,7 @@ exports[`<MyGrantRequests /> matches the latest snapshot 1`] = `
           class=""
         >
           <tr
-            class=""
+            class="warning"
           >
             <td
               class=""

package/src/components/__tests__/__snapshots__/{StructureGrantCartTemplate.spec.js.snap → StructureGrantCartInformation.spec.js.snap}

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<StructureGrantCartTemplate /> matches the latest snapshot 1`] = `
+exports[`<StructureGrantCartInformation /> matches the latest snapshot 1`] = `
 <div>
   <div
-    class="ui segment"
+    class="ui loading segment"
     style="display: none;"
   >
     <div

package/src/components/__tests__/__snapshots__/StructureGrantCartUserSelector.js.snap

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<StructureGrantCartUserSelector /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="field"
+    style="display: none;"
+  >
+    <div
+      class="ui checkbox"
+    >
+      <input
+        class="hidden"
+        readonly=""
+        tabindex="0"
+        type="checkbox"
+        value=""
+      />
+      <label>
+        Request for:
+      </label>
+    </div>
+    <div
+      aria-expanded="false"
+      class="ui search selection dropdown"
+      role="combobox"
+    >
+      <input
+        aria-autocomplete="list"
+        autocomplete="off"
+        class="search"
+        tabindex="0"
+        type="text"
+        value=""
+      />
+      <div
+        aria-atomic="true"
+        aria-live="polite"
+        class="divider text"
+        role="alert"
+      >
+        Select user
+      </div>
+      <i
+        aria-hidden="true"
+        class="dropdown icon clear"
+      />
+      <div
+        class="menu transition"
+        role="listbox"
+      >
+        <div
+          aria-checked="false"
+          aria-selected="true"
+          class="selected item"
+          role="option"
+          style="pointer-events: all;"
+        >
+          <i
+            aria-hidden="true"
+            class="user icon"
+          />
+          <span
+            class="text"
+          >
+            name
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+  lazy
+</div>
+`;

package/src/messages/en.js

@@ -76,11 +76,13 @@ export default {
   "grantRequest.header.status": "Status",
   "grantRequest.header.updated_at": "Updated",
   "grantRequest.header.user": "User",
-
+  "grantRequest.header.createdBy": "Created by",
   "grantRequest.header.create": "Create grant request",
   "grantRequest.header.update": "Request grant change",
   "grantRequest.summary.emptyApprovals": "No approves",
   "grantRequest.summary.pendingRoles": "Pending roles",
+  "grantRequestCart.user.label": "Request for:",
+  "grantRequestCart.user.placeholder": "Select user",
   "grantRequestApproval.content.approved": "Approved",
   "grantRequestApproval.content.comment": "Comment",
   "grantRequestApproval.content.inserted_at": "Date",

package/src/messages/es.js

@@ -80,10 +80,13 @@ export default {
   "grantRequest.header.status": "Estado",
   "grantRequest.header.updated_at": "Actualizado",
   "grantRequest.header.user": "Usuario",
+  "grantRequest.header.createdBy": "Creado por",
   "grantRequest.header.create": "Crear petición de acceso",
   "grantRequest.header.update": "Petición de modificación de acceso",
   "grantRequest.summary.emptyApprovals": "Sin aprobaciones",
   "grantRequest.summary.pendingRoles": "Roles pendientes",
+  "grantRequestCart.user.label": "Solicitud para:",
+  "grantRequestCart.user.placeholder": "Seleccionar usuario",
   "grantRequestApproval.content.approved": "Aprobada",
   "grantRequestApproval.content.comment": "Comentario",
   "grantRequestApproval.content.inserted_at": "Fecha",

package/src/reducers/grantRequestsCart.js

@@ -8,6 +8,7 @@ import {
   setGrantChangeRequestCart,
   updateGrantRequestFilter,
   updateGrantRequestTemplateContent,
+  updateGrantRequestUser,
 } from "../routines";
 
 const initialState = {
@@ -15,6 +16,7 @@ const initialState = {
   template: null,
   templateContent: {},
   modificationGrant: null,
+  userId: { id: null, valid: true },
 };
 const mapPayload = (payload) =>
   payload?.class === "field" ? { ...payload, filters: [] } : payload;
@@ -62,6 +64,14 @@ const grantRequestsCart = (state = initialState, { type, payload }) => {
         templateContent: content,
         validCart: state.template && _.size(valid) === 0,
       };
+    case updateGrantRequestUser.TRIGGER:
+      return {
+        ...state,
+        user: {
+          id: payload.id,
+          valid: payload.valid,
+        },
+      };
     case setGrantChangeRequestCart.TRIGGER:
       const { structure, grant } = payload;
       return {

package/src/routines.js

@@ -118,6 +118,7 @@ export const toggleStructureFilterValue = createRoutine("TOGGLE_STRUCTURE_FILTER
 export const updateGrant = createRoutine("UPDATE_GRANT");
 export const updateGrantRequestFilter = createRoutine("UPDATE_GRANT_REQUEST_FILTER_SAGA");
 export const updateGrantRequestTemplateContent = createRoutine("UPDATE_GRANT_REQUEST_TEMPLATE_CONTENT");
+export const updateGrantRequestUser = createRoutine("UPDATE_GRANT_REQUEST_USER");
 export const updateReferenceDataset = createRoutine("UPDATE_REFERENCE_DATASET");
 export const updateStructure = createRoutine("UPDATE_STRUCTURE");
 export const updateStructureType = createRoutine("UPDATE_STRUCTURE_TYPE");