@unite-us/app-create-referral 0.1.18 → 0.1.19

package/dist/pages/referrals/ReferralBuilderForm.js

@@ -10,9 +10,10 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.ReferralBuilderForm = ReferralBuilderForm;
 exports.default = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,34 +25,54 @@ var _InfoPanel = _interopRequireDefault(require("@unite-us/client-utils/dist/Inf
 var _validations = require("@unite-us/client-utils/dist/utils/validations/validations");
 var _constants = require("./constants");
 var _FileUpload = require("../../common/form/FileUploadV2/FileUpload");
+var _lodash = require("lodash");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ReferralBuilderForm(_ref) {
   var referral = _ref.referral,
     index = _ref.index,
     referralSubtitle = _ref.referralSubtitle,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    unselected = _ref.unselected;
   var service = referral.service,
     programs = referral.programs,
     isOON = referral.isOON;
-  var onProgramClick = function onProgramClick() {
-    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    console.log('program', {
-      values: values
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    moveReferralMenus = _useState2[0],
+    setMoveReferralMenus = _useState2[1];
+  var onProgramClick = function onProgramClick(id) {
+    var programMenus = (0, _map.default)(moveReferralMenus).call(moveReferralMenus, function (p) {
+      if (p.id === id) {
+        p.menuIsOpen = !p.menuIsOpen;
+      } else {
+        p.menuIsOpen = false;
+      }
+      return p;
     });
+    setMoveReferralMenus(programMenus);
   };
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    uploadedFiles = _useState2[0],
-    setUploadedFiles = _useState2[1];
-  var _useState3 = (0, _react.useState)({
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    uploadedFiles = _useState4[0],
+    setUploadedFiles = _useState4[1];
+  var _useState5 = (0, _react.useState)({
       filesTooBig: [],
       filesWrongType: [],
       filesTooBigAndWrongType: []
     }),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    rejectedFiles = _useState4[0],
-    setRejectedFiles = _useState4[1];
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    rejectedFiles = _useState6[0],
+    setRejectedFiles = _useState6[1];
+  (0, _react.useEffect)(function () {
+    var programMenus = (0, _map.default)(programs).call(programs, function (p) {
+      return {
+        id: p.id,
+        menuIsOpen: false
+      };
+    });
+    setMoveReferralMenus(programMenus);
+  }, [programs]);
   return /*#__PURE__*/_react.default.createElement(_reactFinalForm.Form, {
     initialValues: referral,
     onSubmit: function onSubmit() {},
@@ -66,7 +87,7 @@ function ReferralBuilderForm(_ref) {
       return errors;
     }
   }, function (_ref2) {
-    var _context;
+    var _context, _context2;
     var values = (0, _values.default)(_ref2);
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactFinalForm.FormSpy, {
       subscription: {
@@ -79,16 +100,23 @@ function ReferralBuilderForm(_ref) {
       className: "p-5 bg-med-pale-blue"
     }, /*#__PURE__*/_react.default.createElement("h2", {
       className: "text-xl font-black"
-    }, (0, _concat.default)(_context = "Referral ".concat(index + 1, ": ")).call(_context, service === null || service === void 0 ? void 0 : service.name)), /*#__PURE__*/_react.default.createElement("h3", null, referralSubtitle)), /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _concat.default)(_context = (0, _concat.default)(_context2 = "Referral ".concat(index + 1, ": ")).call(_context2, service === null || service === void 0 ? void 0 : service.name)).call(_context, programs.length > 1 ? ', Grouped' : '')), /*#__PURE__*/_react.default.createElement("h3", null, referralSubtitle)), /*#__PURE__*/_react.default.createElement("div", {
       className: "p-5"
     }, /*#__PURE__*/_react.default.createElement("h5", {
       className: "text-base ui-form-field__label ui-form-field__label--required"
     }, "PROGRAMS"), (0, _map.default)(programs).call(programs, function (program) {
+      var _moveReferralMenus$fi;
+      var menuIsOpen = (0, _lodash.isEmpty)(moveReferralMenus) ? false : moveReferralMenus === null || moveReferralMenus === void 0 ? void 0 : (_moveReferralMenus$fi = (0, _find.default)(moveReferralMenus).call(moveReferralMenus, function (p) {
+        return p.id === program.id;
+      })) === null || _moveReferralMenus$fi === void 0 ? void 0 : _moveReferralMenus$fi.menuIsOpen;
       return /*#__PURE__*/_react.default.createElement(_ReferralProgramCard.default, {
         key: "referral-program-".concat(program === null || program === void 0 ? void 0 : program.id, "-card"),
         program: program,
         onClick: onProgramClick,
-        isOON: isOON
+        isOON: isOON,
+        menuIsOpen: menuIsOpen,
+        unselected: unselected,
+        referral: referral
       });
     }), /*#__PURE__*/_react.default.createElement("p", {
       className: "text-center text-gray-600 my-10"

package/dist/pages/referrals/ReferralBuilderForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferralBuilderForm.js","names":["_react","_interopRequireWildcard","require","_propTypes","_reactFinalForm","_ReferralProgramCard","_interopRequireDefault","_ui","_InfoPanel","_validations","_constants","_FileUpload","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","ReferralBuilderForm","_ref","referral","index","referralSubtitle","onChange","service","programs","isOON","onProgramClick","values","arguments","length","undefined","console","log","_useState","useState","_useState2","_slicedToArray2","uploadedFiles","setUploadedFiles","_useState3","filesTooBig","filesWrongType","filesTooBigAndWrongType","_useState4","rejectedFiles","setRejectedFiles","createElement","Form","initialValues","onSubmit","validate","errors","description","primaryWorker","_ref2","_context","_values","Fragment","FormSpy","subscription","className","_concat","concat","name","_map","program","id","onClick","Field","required","params","TextField","_extends2","afterLabelContent","message","REFERRAL_PII_PHI_DESCRIPTION","label","placeholder","rows","inline","validations","isRequired","FileUpload","propTypes","PropTypes","shape","string","array","number","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralBuilderForm.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport ReferralProgramCard from './ReferralProgramCard';\nimport { TextField } from '@unite-us/ui';\nimport InfoPanel from '@unite-us/client-utils/dist/InfoPanel/InfoPanel';\nimport {\n  isRequired,\n} from '@unite-us/client-utils/dist/utils/validations/validations';\nimport { REFERRAL_PII_PHI_DESCRIPTION } from './constants';\nimport { FileUpload } from '../../common/form/FileUploadV2/FileUpload';\n\nexport function ReferralBuilderForm({ referral, index, referralSubtitle, onChange }) {\n  const { service, programs, isOON } = referral;\n\n  const onProgramClick = (values = {}) => {\n    console.log('program', { values });\n  }\n\n  const [uploadedFiles, setUploadedFiles] = useState([]);\n  const [rejectedFiles, setRejectedFiles] = useState({\n    filesTooBig: [],\n    filesWrongType: [],\n    filesTooBigAndWrongType: [],\n  });\n\n  return (\n    <Form\n      initialValues={referral}\n      onSubmit={() => { }}\n      validate={(values) => {\n        const errors = {};\n        if (!values.description) { errors.description = \"Required\" }\n        if (values.isOON && !values.primaryWorker) { errors.primaryWorker = \"Required\" }\n        return errors;\n      }}\n    >\n      {({ values }) => (\n        <>\n          <FormSpy\n            subscription={{ values: true }}\n            onChange={onChange}\n          />\n          <div className=\"md:w-full lg:w-2/3 bg-gray-light border border-blue-border rounded\">\n            <div className=\"p-5 bg-med-pale-blue\">\n              <h2 className=\"text-xl font-black\">\n                {`Referral ${index + 1}: ${service?.name}`}\n              </h2>\n              <h3>\n                {referralSubtitle}\n              </h3>\n            </div>\n            <div className=\"p-5\">\n              <h5 className=\"text-base ui-form-field__label ui-form-field__label--required\">PROGRAMS</h5>\n              {programs.map((program) => (\n                <ReferralProgramCard key={`referral-program-${program?.id}-card`} program={program} onClick={onProgramClick} isOON={isOON} />\n              ))}\n              <p className=\"text-center text-gray-600 my-10\">\n                Click on the three-dot icon to edit referral groupings.\n              </p>\n              <Field\n                name=\"description\"\n                required\n              >\n                {(params) => (\n                  <TextField\n                    afterLabelContent={(\n                      <InfoPanel\n                        className=\"mb-4 mt-2\"\n                        message={REFERRAL_PII_PHI_DESCRIPTION}\n                      />\n                    )}\n                    id=\"referral-description\"\n                    label=\"Referral Description\"\n                    placeholder=\"Describe your client's current situation and reason for referral.\"\n                    rows={3}\n                    inline={false}\n                    validations={isRequired}\n                    required\n                    {...params}\n                  />\n                )}\n              </Field>\n\n              {/* Attachment area */}\n              <FileUpload\n                rejectedFiles={rejectedFiles}\n                setRejectedFiles={setRejectedFiles}\n                setUploadedFiles={setUploadedFiles}\n                uploadedFiles={uploadedFiles}\n              />\n            </div>\n            {/* Primary worker field */}\n\n            {/* Payment auth form */}\n          </div>\n        </>\n      )}\n    </Form>\n  )\n}\n\nReferralBuilderForm.propTypes = {\n  referral: PropTypes.shape({\n    service: PropTypes.shape({\n      name: PropTypes.string.isRequired,\n    }).isRequired,\n    programs: PropTypes.array.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  referralSubtitle: PropTypes.string,\n}\n\nReferralBuilderForm.defaultProps = {\n  referralSubtitle: '',\n}\n\nexport default ReferralBuilderForm;\n"],"mappings":"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"}
+{"version":3,"file":"ReferralBuilderForm.js","names":["_react","_interopRequireWildcard","require","_propTypes","_reactFinalForm","_ReferralProgramCard","_interopRequireDefault","_ui","_InfoPanel","_validations","_constants","_FileUpload","_lodash","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","ReferralBuilderForm","_ref","referral","index","referralSubtitle","onChange","unselected","service","programs","isOON","_useState","useState","_useState2","_slicedToArray2","moveReferralMenus","setMoveReferralMenus","onProgramClick","id","programMenus","_map","p","menuIsOpen","_useState3","_useState4","uploadedFiles","setUploadedFiles","_useState5","filesTooBig","filesWrongType","filesTooBigAndWrongType","_useState6","rejectedFiles","setRejectedFiles","useEffect","createElement","Form","initialValues","onSubmit","validate","values","errors","description","primaryWorker","_ref2","_context","_context2","_values","Fragment","FormSpy","subscription","className","_concat","concat","name","length","program","_moveReferralMenus$fi","isEmpty","_find","onClick","Field","required","params","TextField","_extends2","afterLabelContent","message","REFERRAL_PII_PHI_DESCRIPTION","label","placeholder","rows","inline","validations","isRequired","FileUpload","propTypes","PropTypes","shape","string","array","number","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralBuilderForm.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport ReferralProgramCard from './ReferralProgramCard';\nimport { TextField } from '@unite-us/ui';\nimport InfoPanel from '@unite-us/client-utils/dist/InfoPanel/InfoPanel';\nimport {\n  isRequired,\n} from '@unite-us/client-utils/dist/utils/validations/validations';\nimport { REFERRAL_PII_PHI_DESCRIPTION } from './constants';\nimport { FileUpload } from '../../common/form/FileUploadV2/FileUpload';\nimport { isEmpty } from 'lodash';\n\nexport function ReferralBuilderForm({ referral, index, referralSubtitle, onChange, unselected }) {\n  const { service, programs, isOON } = referral;\n  const [moveReferralMenus, setMoveReferralMenus] = useState({});\n\n  const onProgramClick = (id) => {\n    const programMenus = moveReferralMenus.map((p) => {\n      if (p.id === id) {\n        p.menuIsOpen = !p.menuIsOpen;\n      } else {\n        p.menuIsOpen = false;\n      }\n      return p;\n    })\n\n    setMoveReferralMenus(programMenus)\n  }\n\n  const [uploadedFiles, setUploadedFiles] = useState([]);\n  const [rejectedFiles, setRejectedFiles] = useState({\n    filesTooBig: [],\n    filesWrongType: [],\n    filesTooBigAndWrongType: [],\n  });\n\n  useEffect(() => {\n    const programMenus = programs.map((p) => ({ id: p.id, menuIsOpen: false }));\n    setMoveReferralMenus(programMenus);\n  }, [programs]);\n\n  return (\n    <Form\n      initialValues={referral}\n      onSubmit={() => { }}\n      validate={(values) => {\n        const errors = {};\n        if (!values.description) { errors.description = \"Required\" }\n        if (values.isOON && !values.primaryWorker) { errors.primaryWorker = \"Required\" }\n        return errors;\n      }}\n    >\n      {({ values }) => (\n        <>\n          <FormSpy\n            subscription={{ values: true }}\n            onChange={onChange}\n          />\n          <div className=\"md:w-full lg:w-2/3 bg-gray-light border border-blue-border rounded\">\n            <div className=\"p-5 bg-med-pale-blue\">\n              <h2 className=\"text-xl font-black\">\n                {`Referral ${index + 1}: ${service?.name}${programs.length > 1 ? ', Grouped' : ''}`}\n              </h2>\n              <h3>\n                {referralSubtitle}\n              </h3>\n            </div>\n            <div className=\"p-5\">\n              <h5 className=\"text-base ui-form-field__label ui-form-field__label--required\">PROGRAMS</h5>\n              {programs.map((program) => {\n                const menuIsOpen = isEmpty(moveReferralMenus) ? false : moveReferralMenus?.find((p) => p.id === program.id)?.menuIsOpen;\n\n                return (\n                  <ReferralProgramCard\n                    key={`referral-program-${program?.id}-card`}\n                    program={program}\n                    onClick={onProgramClick}\n                    isOON={isOON}\n                    menuIsOpen={menuIsOpen}\n                    unselected={unselected}\n                    referral={referral}\n                  />\n                );\n              })}\n              <p className=\"text-center text-gray-600 my-10\">\n                Click on the three-dot icon to edit referral groupings.\n              </p>\n              <Field\n                name=\"description\"\n                required\n              >\n                {(params) => (\n                  <TextField\n                    afterLabelContent={(\n                      <InfoPanel\n                        className=\"mb-4 mt-2\"\n                        message={REFERRAL_PII_PHI_DESCRIPTION}\n                      />\n                    )}\n                    id=\"referral-description\"\n                    label=\"Referral Description\"\n                    placeholder=\"Describe your client's current situation and reason for referral.\"\n                    rows={3}\n                    inline={false}\n                    validations={isRequired}\n                    required\n                    {...params}\n                  />\n                )}\n              </Field>\n\n              {/* Attachment area */}\n              <FileUpload\n                rejectedFiles={rejectedFiles}\n                setRejectedFiles={setRejectedFiles}\n                setUploadedFiles={setUploadedFiles}\n                uploadedFiles={uploadedFiles}\n              />\n            </div>\n            {/* Primary worker field */}\n\n            {/* Payment auth form */}\n          </div>\n        </>\n      )}\n    </Form>\n  )\n}\n\nReferralBuilderForm.propTypes = {\n  referral: PropTypes.shape({\n    service: PropTypes.shape({\n      name: PropTypes.string.isRequired,\n    }).isRequired,\n    programs: PropTypes.array.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  referralSubtitle: PropTypes.string,\n}\n\nReferralBuilderForm.defaultProps = {\n  referralSubtitle: '',\n}\n\nexport default ReferralBuilderForm;\n"],"mappings":"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"}

package/dist/pages/referrals/ReferralProgramCard.js

@@ -1,21 +1,56 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReferralProgramCard = ReferralProgramCard;
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _ui = require("@unite-us/ui");
 var _utils = require("./utils");
+var _ReferralProgramMenu = _interopRequireDefault(require("./ReferralProgramMenu"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ReferralProgramCard(_ref) {
   var program = _ref.program,
     _onClick = _ref.onClick,
-    isOON = _ref.isOON;
+    isOON = _ref.isOON,
+    menuIsOpen = _ref.menuIsOpen,
+    unselected = _ref.unselected,
+    referral = _ref.referral;
   var programStatus = (0, _utils.getProgramStatusDisplay)(program.receiving_referrals, isOON);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    reasonMenuIsOpen = _useState2[0],
+    setReasonMenuIsOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    moveToReferralIndex = _useState4[0],
+    setMoveToReferralIndex = _useState4[1];
+  var moveToReferralDisabled = true; // update logic
+  var moveToNewReferralDisabled = referral.programs.length < 2;
+  var onMoveToReferralClick = function onMoveToReferralClick(index) {
+    setMoveToReferralIndex(index);
+    setReasonMenuIsOpen(true);
+  };
+  var onMoveToNewReferralClick = function onMoveToNewReferralClick(index) {
+    setReasonMenuIsOpen(false);
+  };
+  var onRemoveClick = function onRemoveClick() {
+    setReasonMenuIsOpen(false);
+  };
+  (0, _react.useEffect)(function () {
+    if (!menuIsOpen) {
+      setReasonMenuIsOpen(false);
+    }
+  }, [menuIsOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "bg-gray-light border border-blue-border rounded mt-4",
     key: "referral-builder-program-".concat(program === null || program === void 0 ? void 0 : program.id, "-wrapper")
@@ -36,11 +71,21 @@ function ReferralProgramCard(_ref) {
   }, programStatus === null || programStatus === void 0 ? void 0 : programStatus.title))), /*#__PURE__*/_react.default.createElement("div", {
     className: "mr-6 rotate-90"
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    icon: "IconEllipsisV",
+    icon: menuIsOpen ? "IconCrossCircle" : "IconEllipsisV",
+    className: menuIsOpen ? "w-6 h-6" : "",
     onClick: function onClick() {
       return _onClick(program === null || program === void 0 ? void 0 : program.id);
     }
-  })))));
+  })), menuIsOpen ? /*#__PURE__*/_react.default.createElement(_ReferralProgramMenu.default, {
+    unselected: unselected,
+    moveToReferralDisabled: moveToReferralDisabled,
+    onMoveToReferralClick: onMoveToReferralClick,
+    moveToNewReferralDisabled: moveToNewReferralDisabled,
+    onMoveToNewReferralClick: onMoveToNewReferralClick,
+    onRemoveClick: onRemoveClick,
+    reasonMenuIsOpen: reasonMenuIsOpen,
+    moveToReferralIndex: moveToReferralIndex
+  }) : null)));
 }
 ReferralProgramCard.propTypes = {
   program: _propTypes.PropTypes.shape({

package/dist/pages/referrals/ReferralProgramCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferralProgramCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","_utils","ReferralProgramCard","_ref","program","onClick","isOON","programStatus","getProgramStatusDisplay","receiving_referrals","default","createElement","className","key","concat","id","name","Icon","icon","color","title","propTypes","PropTypes","shape","string","isRequired","bool","func","number","_default","exports"],"sources":["../../../src/pages/referrals/ReferralProgramCard.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport { getProgramStatusDisplay } from './utils';\n\nexport function ReferralProgramCard({ program, onClick, isOON }) {\n  const programStatus = getProgramStatusDisplay(program.receiving_referrals, isOON);\n\n  return (\n    <div className=\"bg-gray-light border border-blue-border rounded mt-4\" key={`referral-builder-program-${program?.id}-wrapper`}>\n      <div className=\"mx-5 my-2\">\n        <div className=\"flex justify-between\">\n          <div>\n            <h3 className=\"font-black text-dark-blue underline\">{program?.name}</h3>\n            <div className=\"flex\">\n              <Icon icon={programStatus?.icon} color={programStatus?.color} className=\"mt-px\" />\n              <p className=\"ml-2\">{programStatus?.title}</p>\n            </div>\n          </div>\n          <div className=\"mr-6 rotate-90\">\n            <Icon icon=\"IconEllipsisV\" onClick={() => onClick(program?.id)} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nReferralProgramCard.propTypes = {\n  program: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    name: PropTypes.string.isRequired,\n    receiving_referrals: PropTypes.bool.isRequired,\n  }).isRequired,\n  onClick: PropTypes.func.isRequired,\n  isOON: PropTypes.number.isRequired,\n}\n\nexport default ReferralProgramCard;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEO,SAASI,mBAAmBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAC3D,IAAMC,aAAa,GAAG,IAAAC,8BAAuB,EAACJ,OAAO,CAACK,mBAAmB,EAAEH,KAAK,CAAC;EAEjF,oBACEV,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC,sDAAsD;IAACC,GAAG,8BAAAC,MAAA,CAA8BV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEW,EAAE;EAAW,gBAC3HnB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACxBhB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnChB,MAAA,CAAAc,OAAA,CAAAC,aAAA,2BACEf,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAqC,GAAER,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEY,IAAI,CAAM,eACxEpB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACnBhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,GAAA,CAAAiB,IAAI;IAACC,IAAI,EAAEX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,IAAK;IAACC,KAAK,EAAEZ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,KAAM;IAACP,SAAS,EAAC;EAAO,EAAG,eAClFhB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAGC,SAAS,EAAC;EAAM,GAAEL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEa,KAAK,CAAK,CAC1C,CACF,eACNxB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,GAAA,CAAAiB,IAAI;IAACC,IAAI,EAAC,eAAe;IAACb,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMA,QAAO,CAACD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEW,EAAE,CAAC;IAAA;EAAC,EAAG,CAC9D,CACF,CACF,CACF;AAEV;AAEAb,mBAAmB,CAACmB,SAAS,GAAG;EAC9BjB,OAAO,EAAEkB,oBAAS,CAACC,KAAK,CAAC;IACvBR,EAAE,EAAEO,oBAAS,CAACE,MAAM,CAACC,UAAU;IAC/BT,IAAI,EAAEM,oBAAS,CAACE,MAAM,CAACC,UAAU;IACjChB,mBAAmB,EAAEa,oBAAS,CAACI,IAAI,CAACD;EACtC,CAAC,CAAC,CAACA,UAAU;EACbpB,OAAO,EAAEiB,oBAAS,CAACK,IAAI,CAACF,UAAU;EAClCnB,KAAK,EAAEgB,oBAAS,CAACM,MAAM,CAACH;AAC1B,CAAC;AAAA,IAAAI,QAAA,GAEc3B,mBAAmB;AAAA4B,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}
+{"version":3,"file":"ReferralProgramCard.js","names":["_react","_interopRequireWildcard","require","_propTypes","_ui","_utils","_ReferralProgramMenu","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","ReferralProgramCard","_ref","program","onClick","isOON","menuIsOpen","unselected","referral","programStatus","getProgramStatusDisplay","receiving_referrals","_useState","useState","_useState2","_slicedToArray2","reasonMenuIsOpen","setReasonMenuIsOpen","_useState3","_useState4","moveToReferralIndex","setMoveToReferralIndex","moveToReferralDisabled","moveToNewReferralDisabled","programs","length","onMoveToReferralClick","index","onMoveToNewReferralClick","onRemoveClick","useEffect","createElement","className","concat","id","name","Icon","icon","color","title","propTypes","PropTypes","shape","string","isRequired","bool","func","number","_default","exports"],"sources":["../../../src/pages/referrals/ReferralProgramCard.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport { getProgramStatusDisplay } from './utils';\nimport ReferralProgramMenu from './ReferralProgramMenu';\n\nexport function ReferralProgramCard({ program, onClick, isOON, menuIsOpen, unselected, referral }) {\n  const programStatus = getProgramStatusDisplay(program.receiving_referrals, isOON);\n  const [reasonMenuIsOpen, setReasonMenuIsOpen] = useState(false);\n  const [moveToReferralIndex, setMoveToReferralIndex] = useState(null);\n  const moveToReferralDisabled = true; // update logic\n  const moveToNewReferralDisabled = referral.programs.length < 2;\n\n  const onMoveToReferralClick = (index) => {\n    setMoveToReferralIndex(index);\n    setReasonMenuIsOpen(true);\n  }\n\n  const onMoveToNewReferralClick = (index) => {\n    setReasonMenuIsOpen(false);\n  }\n\n  const onRemoveClick = () => {\n    setReasonMenuIsOpen(false);\n  }\n\n  useEffect(() => {\n    if (!menuIsOpen) {\n      setReasonMenuIsOpen(false);\n    }\n  }, [menuIsOpen])\n\n  return (\n    <div className=\"bg-gray-light border border-blue-border rounded mt-4\" key={`referral-builder-program-${program?.id}-wrapper`}>\n      <div className=\"mx-5 my-2\">\n        <div className=\"flex justify-between\">\n          <div>\n            <h3 className=\"font-black text-dark-blue underline\">{program?.name}</h3>\n            <div className=\"flex\">\n              <Icon icon={programStatus?.icon} color={programStatus?.color} className=\"mt-px\" />\n              <p className=\"ml-2\">{programStatus?.title}</p>\n            </div>\n          </div>\n          <div className=\"mr-6 rotate-90\">\n            <Icon icon={menuIsOpen ? \"IconCrossCircle\" : \"IconEllipsisV\"} className={menuIsOpen ? \"w-6 h-6\" : \"\"} onClick={() => onClick(program?.id)} />\n          </div>\n          {\n            menuIsOpen ? (\n              <ReferralProgramMenu\n                unselected={unselected}\n                moveToReferralDisabled={moveToReferralDisabled}\n                onMoveToReferralClick={onMoveToReferralClick}\n                moveToNewReferralDisabled={moveToNewReferralDisabled}\n                onMoveToNewReferralClick={onMoveToNewReferralClick}\n                onRemoveClick={onRemoveClick}\n                reasonMenuIsOpen={reasonMenuIsOpen}\n                moveToReferralIndex={moveToReferralIndex}\n              />\n            ) : null\n          }\n        </div>\n      </div>\n    </div>\n  )\n}\n\nReferralProgramCard.propTypes = {\n  program: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    name: PropTypes.string.isRequired,\n    receiving_referrals: PropTypes.bool.isRequired,\n  }).isRequired,\n  onClick: PropTypes.func.isRequired,\n  isOON: PropTypes.number.isRequired,\n}\n\nexport default ReferralProgramCard;\n"],"mappings":"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"}

package/dist/pages/referrals/ReferralProgramMenu.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var ReferralProgramMenu = function ReferralProgramMenu(_ref) {
+  var unselected = _ref.unselected,
+    moveToReferralDisabled = _ref.moveToReferralDisabled,
+    moveToNewReferralDisabled = _ref.moveToNewReferralDisabled,
+    onMoveToReferralClick = _ref.onMoveToReferralClick,
+    onMoveToNewReferralClick = _ref.onMoveToNewReferralClick,
+    onRemoveClick = _ref.onRemoveClick,
+    reasonMenuIsOpen = _ref.reasonMenuIsOpen,
+    moveToReferralIndex = _ref.moveToReferralIndex;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "absolute z-10 right-0 mt-10 mr-24"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex flex-row-reverse"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "shadow-lg bg-gray-light border border-blue-border"
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "cursor-pointer"
+  }, (0, _map.default)(unselected).call(unselected, function (i) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: "p-3 hover:bg-med-pale-blue ".concat(moveToReferralDisabled ? 'text-gray-400' : ''),
+      onClick: moveToReferralDisabled ? function () {
+        return onMoveToReferralClick(i.index + 1);
+      } : null // update
+    }, "Move to Referral ", i.index + 1);
+  }), /*#__PURE__*/_react.default.createElement("li", {
+    className: "p-3 hover:bg-med-pale-blue ".concat(moveToNewReferralDisabled ? 'text-gray-400' : ''),
+    onClick: moveToNewReferralDisabled ? null : onMoveToNewReferralClick // update
+  }, "Move to new referral"), /*#__PURE__*/_react.default.createElement("li", {
+    className: "p-3 hover:bg-med-pale-blue",
+    onClick: onRemoveClick // update
+  }, "Remove"))), reasonMenuIsOpen ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "mr-2 p-3 w-2/3 h-32 bg-med-pale-blue border border-blue-border"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Cannot move to Referral ", moveToReferralIndex, " for the following reasons:"), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "list-disc"
+  }, /*#__PURE__*/_react.default.createElement("li", {
+    className: "text-red ml-6"
+  }, "Network status is different"), /*#__PURE__*/_react.default.createElement("li", {
+    className: "text-red ml-6"
+  }, "Coordination Centers can only be grouped individually"))) : null));
+};
+ReferralProgramMenu.propTypes = {
+  unselected: _propTypes.PropTypes.array.isRequired,
+  moveToReferralDisabled: _propTypes.PropTypes.bool.isRequired,
+  moveToNewReferralDisabled: _propTypes.PropTypes.bool.isRequired,
+  onMoveToReferralClick: _propTypes.PropTypes.func.isRequired,
+  onMoveToNewReferralClick: _propTypes.PropTypes.func.isRequired,
+  onRemoveClick: _propTypes.PropTypes.func.isRequired,
+  reasonMenuIsOpen: _propTypes.PropTypes.bool.isRequired,
+  moveToReferralIndex: _propTypes.PropTypes.number.isRequired
+};
+var _default = ReferralProgramMenu;
+exports.default = _default;
+//# sourceMappingURL=ReferralProgramMenu.js.map

package/dist/pages/referrals/ReferralProgramMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralProgramMenu.js","names":["_react","_interopRequireDefault","require","_propTypes","ReferralProgramMenu","_ref","unselected","moveToReferralDisabled","moveToNewReferralDisabled","onMoveToReferralClick","onMoveToNewReferralClick","onRemoveClick","reasonMenuIsOpen","moveToReferralIndex","default","createElement","className","_map","call","i","concat","onClick","index","propTypes","PropTypes","array","isRequired","bool","func","number","_default","exports"],"sources":["../../../src/pages/referrals/ReferralProgramMenu.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nconst ReferralProgramMenu = ({\n  unselected,\n  moveToReferralDisabled,\n  moveToNewReferralDisabled,\n  onMoveToReferralClick,\n  onMoveToNewReferralClick,\n  onRemoveClick,\n  reasonMenuIsOpen,\n  moveToReferralIndex,\n}) => (\n  <div className=\"absolute z-10 right-0 mt-10 mr-24\">\n    <div className=\"flex flex-row-reverse\">\n      <div className=\"shadow-lg bg-gray-light border border-blue-border\">\n        <ul className=\"cursor-pointer\">\n          {\n            unselected.map((i) => (\n              <li\n                className={`p-3 hover:bg-med-pale-blue ${moveToReferralDisabled ? 'text-gray-400' : ''}`}\n                onClick={moveToReferralDisabled ? () => onMoveToReferralClick(i.index + 1) : null} // update\n              >\n                Move to Referral {i.index + 1}\n              </li>\n            ))\n          }\n          <li\n            className={`p-3 hover:bg-med-pale-blue ${moveToNewReferralDisabled ? 'text-gray-400' : ''}`}\n            onClick={moveToNewReferralDisabled ? null : onMoveToNewReferralClick} // update\n          >\n            Move to new referral\n          </li>\n          <li\n            className=\"p-3 hover:bg-med-pale-blue\"\n            onClick={onRemoveClick} // update\n          >\n            Remove\n          </li>\n        </ul>\n        </div>\n        {\n          reasonMenuIsOpen ? (\n            <div className=\"mr-2 p-3 w-2/3 h-32 bg-med-pale-blue border border-blue-border\">\n              <p>Cannot move to Referral {moveToReferralIndex} for the following reasons:</p>\n              <ul className=\"list-disc\">\n                <li className=\"text-red ml-6\">Network status is different</li>\n                <li className=\"text-red ml-6\">Coordination Centers can only be grouped individually</li>\n              </ul>\n            </div>\n          ) : null\n        }\n    </div>\n  </div>\n)\n\nReferralProgramMenu.propTypes = {\n  unselected: PropTypes.array.isRequired,\n  moveToReferralDisabled: PropTypes.bool.isRequired,\n  moveToNewReferralDisabled: PropTypes.bool.isRequired,\n  onMoveToReferralClick: PropTypes.func.isRequired,\n  onMoveToNewReferralClick: PropTypes.func.isRequired,\n  onRemoveClick: PropTypes.func.isRequired,\n  reasonMenuIsOpen: PropTypes.bool.isRequired,\n  moveToReferralIndex: PropTypes.number.isRequired,\n};\n\nexport default ReferralProgramMenu;\n"],"mappings":"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"}

package/dist/pages/referrals/Referrals.js

@@ -3,7 +3,7 @@
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
@@ -14,8 +14,9 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Referrals;
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
@@ -38,7 +39,7 @@ var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeade
 var _NavButtons = _interopRequireDefault(require("../../components/NavButtons"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Referrals(props) {
   var location = props.location;
@@ -55,6 +56,10 @@ function Referrals(props) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     selectedIndex = _useState4[0],
     setSelectedIndex = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    referralIndexes = _useState6[0],
+    setReferralIndexes = _useState6[1];
   var onLearnMoreClick = function onLearnMoreClick() {
     setAboutGroupedReferralsModalIsOpen(true);
   };
@@ -67,6 +72,14 @@ function Referrals(props) {
       refModal.current.openDialog();
     }
   }, [aboutGroupedReferralsModalIsOpen]);
+  (0, _react.useEffect)(function () {
+    var indexes = (0, _map.default)(referrals).call(referrals, function (r, i) {
+      return {
+        index: i
+      };
+    });
+    setReferralIndexes(indexes);
+  }, [referrals]);
   var onReferralCardClick = function onReferralCardClick(referral, index) {
     setSelectedIndex(index);
   };
@@ -82,6 +95,9 @@ function Referrals(props) {
   };
   if (isLoading || (0, _lodash.isEmpty)(referrals)) return null;
   var referralSubtitle = (0, _utils.getReferralSubtitle)(referrals, getSelected());
+  var unselectedReferralIndexes = (0, _filter.default)(referralIndexes).call(referralIndexes, function (r) {
+    return r.index !== selectedIndex;
+  });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
     name: "Richard Wilson",
     consentStatus: "accepted",
@@ -129,9 +145,11 @@ function Referrals(props) {
     }));
   }))), /*#__PURE__*/_react.default.createElement(_ReferralBuilderForm.default, {
     referral: getSelected(),
+    referrals: referrals,
     referralSubtitle: referralSubtitle,
     index: selectedIndex,
-    onChange: saveValuesOnChange
+    onChange: saveValuesOnChange,
+    unselected: unselectedReferralIndexes
   })))));
 }
 Referrals.propTypes = {

package/dist/pages/referrals/Referrals.js.map

@@ -1 +1 @@
-{"version":3,"file":"Referrals.js","names":["_react","_interopRequireWildcard","require","_propTypes","_lodash","_getBaseUrl","_interopRequireDefault","_api","_AppCreateReferralProvider","_ui","_Stepper","_StepHeader","_constants","_AboutGroupedReferralsModal","_ReferralCard","_ReferralBuilderForm","_utils","_useBuildReferrals2","_ClientHeader","_NavButtons","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","_Object$getOwnPropertyDescriptors","_Object$defineProperties","Referrals","props","location","_useAppCreateReferral","useAppCreateReferralContext","dispatch","referrals","state","_useBuildReferrals","useBuildReferrals","isLoading","_useState","useState","_useState2","_slicedToArray2","aboutGroupedReferralsModalIsOpen","setAboutGroupedReferralsModalIsOpen","_useState3","_useState4","selectedIndex","setSelectedIndex","onLearnMoreClick","onCloseGroupedReferralsModal","refModal","useRef","useEffect","current","openDialog","onReferralCardClick","referral","index","getSelected","saveValuesOnChange","values","_values","setData","_toConsumableArray2","isEmpty","referralSubtitle","getReferralSubtitle","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","header","REFERRAL_BUILDER_DESCRIPTION","type","onClick","onCloseModal","onBackClick","browserHistory","goBack","onForwardClick","concat","getBaseUrl","primaryLabel","_map","id","onChange","propTypes","PropTypes","shape","isRequired"],"sources":["../../../src/pages/referrals/Referrals.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport { setData, useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport { Button, Icon } from '@unite-us/ui';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REFERRAL_BUILDER_DESCRIPTION } from './constants';\nimport AboutGroupedReferralsModal from './AboutGroupedReferralsModal';\nimport ReferralCard from './ReferralCard';\nimport ReferralBuilderForm from './ReferralBuilderForm';\nimport { getReferralSubtitle } from './utils';\nimport useBuildReferrals from './useBuildReferrals';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\nimport NavButtons from '../../components/NavButtons';\n\nexport default function Referrals(props) {\n  const { location } = props;\n  const { dispatch, state: { referrals } } = useAppCreateReferralContext();\n  const { isLoading } = useBuildReferrals();\n\n  const [aboutGroupedReferralsModalIsOpen, setAboutGroupedReferralsModalIsOpen] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const onLearnMoreClick = () => {\n    setAboutGroupedReferralsModalIsOpen(true);\n  };\n\n  const onCloseGroupedReferralsModal = () => {\n    setAboutGroupedReferralsModalIsOpen(false);\n  }\n\n  const refModal = useRef(null);\n  useEffect(() => {\n    if (aboutGroupedReferralsModalIsOpen) {\n      refModal.current.openDialog();\n    }\n  }, [aboutGroupedReferralsModalIsOpen]);\n\n  const onReferralCardClick = (referral, index) => {\n    setSelectedIndex(index);\n  }\n\n  const getSelected = () => referrals && referrals[selectedIndex]\n\n  const saveValuesOnChange = (props) => {\n    const { values } = props;\n    referrals[selectedIndex] = {\n      // ...getSelected(),\n      ...values\n    }\n\n    dispatch(setData({\n      referrals: [...referrals]\n    }))\n  }\n\n  if (isLoading || isEmpty(referrals)) return null;\n\n  const referralSubtitle = getReferralSubtitle(referrals, getSelected());\n  return (\n    <>\n      <ClientHeader name=\"Richard Wilson\" consentStatus=\"accepted\" dob={Date.now()} tel=\"9876543210\" email=\"rwilson@test.com\" />\n      <Stepper location={location} />\n      <div className=\"px-12\">\n        <StepHeader header='Prepare Your Referrals'>\n          {REFERRAL_BUILDER_DESCRIPTION}\n          <button\n            className=\"text-current-blue\"\n            type=\"button\"\n            onClick={onLearnMoreClick}\n          >\n            Learn more about grouped referrals.\n          </button>\n        </StepHeader>\n\n        <AboutGroupedReferralsModal refModal={refModal} onCloseModal={onCloseGroupedReferralsModal} />\n\n        {referrals && (\n          <>\n            <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => browserHistory.push(`${getBaseUrl()}/supporting-info`)} primaryLabel=\"Next\" />\n\n            <div className=\"flex md:flex-wrap gap-6 mt-5\">\n              <div className=\"md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded\">\n                <div className=\"p-5\">\n                  <h2 className=\"text-xl font-black mb-5\">\n                    Referrals\n                  </h2>\n                  {referrals.map((referral, index) => (\n                    <div className=\"mb-5\" key={`referral-card-${referral?.id}-wrapper`}>\n                      <ReferralCard\n                        referral={referral}\n                        index={index}\n                        selectedIndex={selectedIndex}\n                        onClick={onReferralCardClick}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <ReferralBuilderForm referral={getSelected()} referralSubtitle={referralSubtitle} index={selectedIndex} onChange={saveValuesOnChange} />\n            </div>\n          </>\n        )}\n      </div>\n    </>\n  )\n}\n\nReferrals.propTypes = {\n  location: PropTypes.shape.isRequired,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Referrals.js","names":["_react","_interopRequireWildcard","require","_propTypes","_lodash","_getBaseUrl","_interopRequireDefault","_api","_AppCreateReferralProvider","_ui","_Stepper","_StepHeader","_constants","_AboutGroupedReferralsModal","_ReferralCard","_ReferralBuilderForm","_utils","_useBuildReferrals2","_ClientHeader","_NavButtons","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty2","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","_Object$getOwnPropertyDescriptors","_Object$defineProperties","Referrals","props","location","_useAppCreateReferral","useAppCreateReferralContext","dispatch","referrals","state","_useBuildReferrals","useBuildReferrals","isLoading","_useState","useState","_useState2","_slicedToArray2","aboutGroupedReferralsModalIsOpen","setAboutGroupedReferralsModalIsOpen","_useState3","_useState4","selectedIndex","setSelectedIndex","_useState5","_useState6","referralIndexes","setReferralIndexes","onLearnMoreClick","onCloseGroupedReferralsModal","refModal","useRef","useEffect","current","openDialog","indexes","_map","r","index","onReferralCardClick","referral","getSelected","saveValuesOnChange","values","_values","setData","_toConsumableArray2","isEmpty","referralSubtitle","getReferralSubtitle","unselectedReferralIndexes","_filter","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","header","REFERRAL_BUILDER_DESCRIPTION","type","onClick","onCloseModal","onBackClick","browserHistory","goBack","onForwardClick","concat","getBaseUrl","primaryLabel","id","onChange","unselected","propTypes","PropTypes","shape","isRequired"],"sources":["../../../src/pages/referrals/Referrals.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport { setData, useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport { Button, Icon } from '@unite-us/ui';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REFERRAL_BUILDER_DESCRIPTION } from './constants';\nimport AboutGroupedReferralsModal from './AboutGroupedReferralsModal';\nimport ReferralCard from './ReferralCard';\nimport ReferralBuilderForm from './ReferralBuilderForm';\nimport { getReferralSubtitle } from './utils';\nimport useBuildReferrals from './useBuildReferrals';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\nimport NavButtons from '../../components/NavButtons';\n\nexport default function Referrals(props) {\n  const { location } = props;\n  const { dispatch, state: { referrals } } = useAppCreateReferralContext();\n  const { isLoading } = useBuildReferrals();\n\n  const [aboutGroupedReferralsModalIsOpen, setAboutGroupedReferralsModalIsOpen] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [referralIndexes, setReferralIndexes] = useState([]);\n\n  const onLearnMoreClick = () => {\n    setAboutGroupedReferralsModalIsOpen(true);\n  };\n\n  const onCloseGroupedReferralsModal = () => {\n    setAboutGroupedReferralsModalIsOpen(false);\n  }\n\n  const refModal = useRef(null);\n  useEffect(() => {\n    if (aboutGroupedReferralsModalIsOpen) {\n      refModal.current.openDialog();\n    }\n  }, [aboutGroupedReferralsModalIsOpen]);\n\n  useEffect(() => {\n    const indexes = referrals.map((r, i) => ({ index: i }))\n    setReferralIndexes(indexes);\n  }, [referrals])\n\n  const onReferralCardClick = (referral, index) => {\n    setSelectedIndex(index);\n  }\n\n  const getSelected = () => referrals && referrals[selectedIndex]\n\n  const saveValuesOnChange = (props) => {\n    const { values } = props;\n    referrals[selectedIndex] = {\n      // ...getSelected(),\n      ...values\n    }\n\n    dispatch(setData({\n      referrals: [...referrals]\n    }))\n  }\n\n  if (isLoading || isEmpty(referrals)) return null;\n\n  const referralSubtitle = getReferralSubtitle(referrals, getSelected());\n  const unselectedReferralIndexes = referralIndexes.filter((r) => r.index !== selectedIndex);\n\n  return (\n    <>\n      <ClientHeader name=\"Richard Wilson\" consentStatus=\"accepted\" dob={Date.now()} tel=\"9876543210\" email=\"rwilson@test.com\" />\n      <Stepper location={location} />\n      <div className=\"px-12\">\n        <StepHeader header='Prepare Your Referrals'>\n          {REFERRAL_BUILDER_DESCRIPTION}\n          <button\n            className=\"text-current-blue\"\n            type=\"button\"\n            onClick={onLearnMoreClick}\n          >\n            Learn more about grouped referrals.\n          </button>\n        </StepHeader>\n\n        <AboutGroupedReferralsModal refModal={refModal} onCloseModal={onCloseGroupedReferralsModal} />\n\n        {referrals && (\n          <>\n            <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => browserHistory.push(`${getBaseUrl()}/supporting-info`)} primaryLabel=\"Next\" />\n\n            <div className=\"flex md:flex-wrap gap-6 mt-5\">\n              <div className=\"md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded\">\n                <div className=\"p-5\">\n                  <h2 className=\"text-xl font-black mb-5\">\n                    Referrals\n                  </h2>\n                  {referrals.map((referral, index) => (\n                    <div className=\"mb-5\" key={`referral-card-${referral?.id}-wrapper`}>\n                      <ReferralCard\n                        referral={referral}\n                        index={index}\n                        selectedIndex={selectedIndex}\n                        onClick={onReferralCardClick}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <ReferralBuilderForm\n                referral={getSelected()}\n                referrals={referrals}\n                referralSubtitle={referralSubtitle}\n                index={selectedIndex}\n                onChange={saveValuesOnChange}\n                unselected={unselectedReferralIndexes}\n              />\n            </div>\n          </>\n        )}\n      </div>\n    </>\n  )\n}\n\nReferrals.propTypes = {\n  location: PropTypes.shape.isRequired,\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unite-us/app-create-referral",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "main": "build/index.js",
   "author": "Alex Morales",
   "dependencies": {