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

package/dist/components/NavButtons.js

@@ -0,0 +1,60 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _ui = require("@unite-us/ui");
+var NavButtons = function NavButtons(_ref) {
+  var onBackClick = _ref.onBackClick,
+    onForwardClick = _ref.onForwardClick,
+    primaryLabel = _ref.primaryLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-between mb-6"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "back",
+    onClick: onBackClick,
+    label: "Back",
+    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      icon: "V2ChevronLeft",
+      color: "#182A44"
+    }),
+    className: "md:h-12 normal-case"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "mr-10 text-current-blue font-bold",
+    onClick: function onClick() {
+      return {};
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "V2Save",
+    color: "#4467AB",
+    className: "mr-2 mb-1"
+  }), "Save Draft Referral(s)"), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "submit",
+    disabled: false // change
+    ,
+    onClick: onForwardClick,
+    className: "md:w-64 md:h-12 w-64 normal-case",
+    label: primaryLabel,
+    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      icon: "V2Referrall",
+      color: "#FFFFFF",
+      className: "w-6 h-6 pr-2"
+    }),
+    primary: true
+  })));
+};
+NavButtons.propTypes = {
+  onBackClick: _propTypes.PropTypes.func.isRequired,
+  onForwardClick: _propTypes.PropTypes.func.isRequired,
+  primaryLabel: _propTypes.PropTypes.string.isRequired
+};
+var _default = NavButtons;
+exports.default = _default;
+//# sourceMappingURL=NavButtons.js.map

package/dist/components/NavButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButtons.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","NavButtons","_ref","onBackClick","onForwardClick","primaryLabel","default","createElement","className","Button","id","onClick","label","iconLeft","Icon","icon","color","disabled","primary","propTypes","PropTypes","func","isRequired","string","_default","exports"],"sources":["../../src/components/NavButtons.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Button, Icon } from '@unite-us/ui';\n\nconst NavButtons = ({ onBackClick, onForwardClick, primaryLabel }) => (\n  <div className=\"flex justify-between mb-6\">\n    <Button\n      id=\"back\"\n      onClick={onBackClick}\n      label=\"Back\"\n      iconLeft={<Icon icon=\"V2ChevronLeft\" color=\"#182A44\" />}\n      className=\"md:h-12 normal-case\"\n    />\n\n    <div className=\"flex\">\n      <button className=\"mr-10 text-current-blue font-bold\" onClick={() => ({})}>\n        <Icon icon=\"V2Save\" color=\"#4467AB\" className=\"mr-2 mb-1\" />\n        Save Draft Referral(s)\n      </button>\n      <Button\n        id=\"submit\"\n        disabled={false} // change\n        onClick={onForwardClick}\n        className='md:w-64 md:h-12 w-64 normal-case'\n        label={primaryLabel}\n        iconLeft={<Icon icon=\"V2Referrall\" color=\"#FFFFFF\" className=\"w-6 h-6 pr-2\" />}\n        primary\n      />\n    </div>\n  </div>\n)\n\nNavButtons.propTypes = {\n  onBackClick: PropTypes.func.isRequired,\n  onForwardClick: PropTypes.func.isRequired,\n  primaryLabel: PropTypes.string.isRequired,\n}\n\nexport default NavButtons;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAEA,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAAA,oBAC7DT,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAS,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAER,WAAY;IACrBS,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAc,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,KAAK,EAAC;IAAS,EAAI;IACxDR,SAAS,EAAC;EAAqB,EAC/B,eAEFZ,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACnBZ,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAQC,SAAS,EAAC,mCAAmC;IAACG,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAO,CAAC,CAAC;IAAA;EAAE,gBACxEf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAc,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,KAAK,EAAC,SAAS;IAACR,SAAS,EAAC;EAAW,EAAG,0BAE9D,CAAS,eACTZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAS,MAAM;IACLC,EAAE,EAAC,QAAQ;IACXO,QAAQ,EAAE,KAAM,CAAC;IAAA;IACjBN,OAAO,EAAEP,cAAe;IACxBI,SAAS,EAAC,kCAAkC;IAC5CI,KAAK,EAAEP,YAAa;IACpBQ,QAAQ,eAAEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAc,IAAI;MAACC,IAAI,EAAC,aAAa;MAACC,KAAK,EAAC,SAAS;MAACR,SAAS,EAAC;IAAc,EAAI;IAC/EU,OAAO;EAAA,EACP,CACE,CACF;AAAA,CACP;AAEDjB,UAAU,CAACkB,SAAS,GAAG;EACrBhB,WAAW,EAAEiB,oBAAS,CAACC,IAAI,CAACC,UAAU;EACtClB,cAAc,EAAEgB,oBAAS,CAACC,IAAI,CAACC,UAAU;EACzCjB,YAAY,EAAEe,oBAAS,CAACG,MAAM,CAACD;AACjC,CAAC;AAAA,IAAAE,QAAA,GAEcvB,UAAU;AAAAwB,OAAA,CAAAnB,OAAA,GAAAkB,QAAA"}

package/dist/pages/referrals/AboutGroupedReferralsModal.js

@@ -9,6 +9,7 @@ exports.AboutGroupedReferralsModal = AboutGroupedReferralsModal;
 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 _constants = require("./constants");
 var _Dialog = _interopRequireDefault(require("../../components/modal/Dialog"));
 function AboutGroupedReferralsModal(_ref) {
@@ -49,6 +50,10 @@ function AboutGroupedReferralsModal(_ref) {
   }, _constants.EDITING_REFERRAL_GROUPINGS)))));
 }
 ;
+AboutGroupedReferralsModal.propTypes = {
+  refModal: _propTypes.PropTypes.object.isRequired,
+  onCloseModal: _propTypes.PropTypes.func.isRequired
+};
 var _default = AboutGroupedReferralsModal;
 exports.default = _default;
 //# sourceMappingURL=AboutGroupedReferralsModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AboutGroupedReferralsModal.js","names":["_react","_interopRequireDefault","require","_constants","_Dialog","AboutGroupedReferralsModal","_ref","refModal","onCloseModal","closeDialog","current","default","createElement","Fragment","onRequestClose","ref","title","customSize","width","className","ABOUT_GROUPED_REFERRALS","_map","GROUPED_REFERRAL_MUST_HAVE_SAME","call","item","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","_default","exports"],"sources":["../../../src/pages/referrals/AboutGroupedReferralsModal.js"],"sourcesContent":["import React from 'react';\nimport {\n  ABOUT_GROUPED_REFERRALS,\n  GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS,\n  EDITING_REFERRAL_GROUPINGS,\n  GROUPED_REFERRAL_MUST_HAVE_SAME\n} from './constants';\nimport Dialog from '../../components/modal/Dialog';\n\nexport function AboutGroupedReferralsModal({ refModal, onCloseModal }) {\n  const closeDialog = () => {\n    refModal.current.closeDialog();\n    onCloseModal();\n  };\n\n  return (\n    <>\n      <Dialog\n        onCloseModal={closeDialog}\n        onRequestClose={closeDialog}\n        ref={refModal}\n        title=\"Grouped Referrals\"\n        customSize={{\n          width: '800px',\n        }}\n      >\n        <div className='min-h-full'>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>About Grouped Referrals</h1>\n            {ABOUT_GROUPED_REFERRALS}\n            <div className='grid grid-cols-2 gap-4 m-4'>\n              {GROUPED_REFERRAL_MUST_HAVE_SAME.map((item) => (\n                <li>{item}</li>\n              ))}\n            </div>\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Grouped Referrals vs Individual Referrals</h1>\n            {GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS}\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Editing Referral Groupings</h1>\n            <div className='whitespace-pre-line'>{EDITING_REFERRAL_GROUPINGS}</div>\n          </div>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default AboutGroupedReferralsModal;\n\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEO,SAASG,0BAA0BA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACjE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBF,QAAQ,CAACG,OAAO,CAACD,WAAW,EAAE;IAC9BD,YAAY,EAAE;EAChB,CAAC;EAED,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,qBACEb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAO,OAAM;IACLH,YAAY,EAAEC,WAAY;IAC1BK,cAAc,EAAEL,WAAY;IAC5BM,GAAG,EAAER,QAAS;IACdS,KAAK,EAAC,mBAAmB;IACzBC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT;EAAE,gBAEFlB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAY,gBACzBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,yBAAuB,CAAK,EACnEC,kCAAuB,eACxBpB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAA4B,GACxC,IAAAE,IAAA,CAAAV,OAAA,EAAAW,0CAA+B,EAAAC,IAAA,CAA/BD,0CAA+B,EAAK,UAACE,IAAI;IAAA,oBACxCxB,MAAA,CAAAW,OAAA,CAAAC,aAAA,aAAKY,IAAI,CAAM;EAAA,CAChB,CAAC,CACE,CACF,eACNxB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,2CAAyC,CAAK,EACrFM,oDAAyC,CACtC,eACNzB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,4BAA0B,CAAK,eACvEnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAqB,GAAEO,qCAA0B,CAAO,CACnE,CACF,CACC,CACR;AAEP;AAAC;AAAC,IAAAC,QAAA,GAEatB,0BAA0B;AAAAuB,OAAA,CAAAjB,OAAA,GAAAgB,QAAA"}
+{"version":3,"file":"AboutGroupedReferralsModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_constants","_Dialog","AboutGroupedReferralsModal","_ref","refModal","onCloseModal","closeDialog","current","default","createElement","Fragment","onRequestClose","ref","title","customSize","width","className","ABOUT_GROUPED_REFERRALS","_map","GROUPED_REFERRAL_MUST_HAVE_SAME","call","item","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../../../src/pages/referrals/AboutGroupedReferralsModal.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport {\n  ABOUT_GROUPED_REFERRALS,\n  GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS,\n  EDITING_REFERRAL_GROUPINGS,\n  GROUPED_REFERRAL_MUST_HAVE_SAME\n} from './constants';\nimport Dialog from '../../components/modal/Dialog';\n\nexport function AboutGroupedReferralsModal({ refModal, onCloseModal }) {\n  const closeDialog = () => {\n    refModal.current.closeDialog();\n    onCloseModal();\n  };\n\n  return (\n    <>\n      <Dialog\n        onCloseModal={closeDialog}\n        onRequestClose={closeDialog}\n        ref={refModal}\n        title=\"Grouped Referrals\"\n        customSize={{\n          width: '800px',\n        }}\n      >\n        <div className='min-h-full'>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>About Grouped Referrals</h1>\n            {ABOUT_GROUPED_REFERRALS}\n            <div className='grid grid-cols-2 gap-4 m-4'>\n              {GROUPED_REFERRAL_MUST_HAVE_SAME.map((item) => (\n                <li>{item}</li>\n              ))}\n            </div>\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Grouped Referrals vs Individual Referrals</h1>\n            {GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS}\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Editing Referral Groupings</h1>\n            <div className='whitespace-pre-line'>{EDITING_REFERRAL_GROUPINGS}</div>\n          </div>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nAboutGroupedReferralsModal.propTypes = {\n  refModal: PropTypes.object.isRequired,\n  onCloseModal: PropTypes.func.isRequired,\n}\n\nexport default AboutGroupedReferralsModal;\n\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAMA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEO,SAASI,0BAA0BA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACjE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBF,QAAQ,CAACG,OAAO,CAACD,WAAW,EAAE;IAC9BD,YAAY,EAAE;EAChB,CAAC;EAED,oBACET,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,qBACEd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAO,OAAM;IACLH,YAAY,EAAEC,WAAY;IAC1BK,cAAc,EAAEL,WAAY;IAC5BM,GAAG,EAAER,QAAS;IACdS,KAAK,EAAC,mBAAmB;IACzBC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT;EAAE,gBAEFnB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAY,gBACzBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,yBAAuB,CAAK,EACnEC,kCAAuB,eACxBrB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAA4B,GACxC,IAAAE,IAAA,CAAAV,OAAA,EAAAW,0CAA+B,EAAAC,IAAA,CAA/BD,0CAA+B,EAAK,UAACE,IAAI;IAAA,oBACxCzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,aAAKY,IAAI,CAAM;EAAA,CAChB,CAAC,CACE,CACF,eACNzB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,2CAAyC,CAAK,EACrFM,oDAAyC,CACtC,eACN1B,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,4BAA0B,CAAK,eACvEpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAqB,GAAEO,qCAA0B,CAAO,CACnE,CACF,CACC,CACR;AAEP;AAAC;AAEDrB,0BAA0B,CAACsB,SAAS,GAAG;EACrCpB,QAAQ,EAAEqB,oBAAS,CAACC,MAAM,CAACC,UAAU;EACrCtB,YAAY,EAAEoB,oBAAS,CAACG,IAAI,CAACD;AAC/B,CAAC;AAAA,IAAAE,QAAA,GAEc3B,0BAA0B;AAAA4B,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}

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":";;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAGA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAuE,SAAAU,yBAAAC,WAAA,eAAAC,QAAA,kCAAAC,iBAAA,OAAAD,QAAA,QAAAE,gBAAA,OAAAF,QAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAgB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,sBAAA,IAAAC,gCAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAC,MAAA,CAAAC,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAW,GAAA,SAAAK,IAAA,GAAAR,qBAAA,GAAAE,gCAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAK,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,sBAAA,CAAAF,MAAA,EAAAI,GAAA,EAAAK,IAAA,YAAAT,MAAA,CAAAI,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAJ,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEhE,SAASW,mBAAmBA,CAAAC,IAAA,EAAkD;EAAA,IAA/CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC/E,IAAQC,OAAO,GAAsBJ,QAAQ,CAArCI,OAAO;IAAEC,QAAQ,GAAYL,QAAQ,CAA5BK,QAAQ;IAAEC,KAAK,GAAKN,QAAQ,CAAlBM,KAAK;EAEhC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAoB;IAAA,IAAhBC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACjCG,OAAO,CAACC,GAAG,CAAC,SAAS,EAAE;MAAEL,MAAM,EAANA;IAAO,CAAC,CAAC;EACpC,CAAC;EAED,IAAAM,SAAA,GAA0C,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAlC,OAAA,EAAA+B,SAAA;IAA/CI,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAAI,UAAA,GAA0C,IAAAL,eAAQ,EAAC;MACjDM,WAAW,EAAE,EAAE;MACfC,cAAc,EAAE,EAAE;MAClBC,uBAAuB,EAAE;IAC3B,CAAC,CAAC;IAAAC,UAAA,OAAAP,eAAA,CAAAlC,OAAA,EAAAqC,UAAA;IAJKK,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAMtC,oBACE7D,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAAC5D,eAAA,CAAA6D,IAAI;IACHC,aAAa,EAAE7B,QAAS;IACxB8B,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAE,CAAE;IACpBC,QAAQ,EAAE,SAAAA,SAACvB,MAAM,EAAK;MACpB,IAAMwB,MAAM,GAAG,CAAC,CAAC;MACjB,IAAI,CAACxB,MAAM,CAACyB,WAAW,EAAE;QAAED,MAAM,CAACC,WAAW,GAAG,UAAU;MAAC;MAC3D,IAAIzB,MAAM,CAACF,KAAK,IAAI,CAACE,MAAM,CAAC0B,aAAa,EAAE;QAAEF,MAAM,CAACE,aAAa,GAAG,UAAU;MAAC;MAC/E,OAAOF,MAAM;IACf;EAAE,GAED,UAAAG,KAAA;IAAA,IAAAC,QAAA;IAAA,IAAG5B,MAAM,OAAA6B,OAAA,CAAAtD,OAAA,EAAAoD,KAAA;IAAA,oBACRxE,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAAAhE,MAAA,CAAAoB,OAAA,CAAAuD,QAAA,qBACE3E,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAAC5D,eAAA,CAAAwE,OAAO;MACNC,YAAY,EAAE;QAAEhC,MAAM,EAAE;MAAK,CAAE;MAC/BL,QAAQ,EAAEA;IAAS,EACnB,eACFxC,MAAA,CAAAoB,OAAA,CAAA4C,aAAA;MAAKc,SAAS,EAAC;IAAoE,gBACjF9E,MAAA,CAAAoB,OAAA,CAAA4C,aAAA;MAAKc,SAAS,EAAC;IAAsB,gBACnC9E,MAAA,CAAAoB,OAAA,CAAA4C,aAAA;MAAIc,SAAS,EAAC;IAAoB,OAAAC,OAAA,CAAA3D,OAAA,EAAAqD,QAAA,eAAAO,MAAA,CACnB1C,KAAK,GAAG,CAAC,SAAAN,IAAA,CAAAyC,QAAA,EAAKhC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEwC,IAAI,EACrC,eACLjF,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,aACGzB,gBAAgB,CACd,CACD,eACNvC,MAAA,CAAAoB,OAAA,CAAA4C,aAAA;MAAKc,SAAS,EAAC;IAAK,gBAClB9E,MAAA,CAAAoB,OAAA,CAAA4C,aAAA;MAAIc,SAAS,EAAC;IAA+D,GAAC,UAAQ,CAAK,EAC1F,IAAAI,IAAA,CAAA9D,OAAA,EAAAsB,QAAQ,EAAAV,IAAA,CAARU,QAAQ,EAAK,UAACyC,OAAO;MAAA,oBACpBnF,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAAC3D,oBAAA,CAAAe,OAAmB;QAACQ,GAAG,sBAAAoD,MAAA,CAAsBG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,EAAE,UAAQ;QAACD,OAAO,EAAEA,OAAQ;QAACE,OAAO,EAAEzC,cAAe;QAACD,KAAK,EAAEA;MAAM,EAAG;IAAA,CAC9H,CAAC,eACF3C,MAAA,CAAAoB,OAAA,CAAA4C,aAAA;MAAGc,SAAS,EAAC;IAAiC,GAAC,yDAE/C,CAAI,eACJ9E,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAAC5D,eAAA,CAAAkF,KAAK;MACJL,IAAI,EAAC,aAAa;MAClBM,QAAQ;IAAA,GAEP,UAACC,MAAM;MAAA,oBACNxF,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAACzD,GAAA,CAAAkF,SAAS,MAAAC,SAAA,CAAAtE,OAAA;QACRuE,iBAAiB,eACf3F,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAACxD,UAAA,CAAAY,OAAS;UACR0D,SAAS,EAAC,WAAW;UACrBc,OAAO,EAAEC;QAA6B,EAExC;QACFT,EAAE,EAAC,sBAAsB;QACzBU,KAAK,EAAC,sBAAsB;QAC5BC,WAAW,EAAC,mEAAmE;QAC/EC,IAAI,EAAE,CAAE;QACRC,MAAM,EAAE,KAAM;QACdC,WAAW,EAAEC,uBAAW;QACxBZ,QAAQ;MAAA,GACJC,MAAM,EACV;IAAA,CACH,CACK,eAGRxF,MAAA,CAAAoB,OAAA,CAAA4C,aAAA,CAACrD,WAAA,CAAAyF,UAAU;MACTtC,aAAa,EAAEA,aAAc;MAC7BC,gBAAgB,EAAEA,gBAAiB;MACnCP,gBAAgB,EAAEA,gBAAiB;MACnCD,aAAa,EAAEA;IAAc,EAC7B,CACE,CAIF,CACL;EAAA,CACJ,CACI;AAEX;AAEApB,mBAAmB,CAACkE,SAAS,GAAG;EAC9BhE,QAAQ,EAAEiE,oBAAS,CAACC,KAAK,CAAC;IACxB9D,OAAO,EAAE6D,oBAAS,CAACC,KAAK,CAAC;MACvBtB,IAAI,EAAEqB,oBAAS,CAACE,MAAM,CAACL;IACzB,CAAC,CAAC,CAACA,UAAU;IACbzD,QAAQ,EAAE4D,oBAAS,CAACG,KAAK,CAACN;EAC5B,CAAC,CAAC,CAACA,UAAU;EACb7D,KAAK,EAAEgE,oBAAS,CAACI,MAAM,CAACP,UAAU;EAClC5D,gBAAgB,EAAE+D,oBAAS,CAACE;AAC9B,CAAC;AAEDrE,mBAAmB,CAACwE,YAAY,GAAG;EACjCpE,gBAAgB,EAAE;AACpB,CAAC;AAAA,IAAAqE,QAAA,GAEczE,mBAAmB;AAAA0E,OAAA,CAAAzF,OAAA,GAAAwF,QAAA"}
+{"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":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAwD,SAAAM,yBAAAC,WAAA,eAAAC,QAAA,kCAAAC,iBAAA,OAAAD,QAAA,QAAAE,gBAAA,OAAAF,QAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,sBAAA,IAAAC,gCAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAC,MAAA,CAAAC,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAW,GAAA,SAAAK,IAAA,GAAAR,qBAAA,GAAAE,gCAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAK,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,sBAAA,CAAAF,MAAA,EAAAI,GAAA,EAAAK,IAAA,YAAAT,MAAA,CAAAI,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAJ,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEjD,SAASW,mBAAmBA,CAAAC,IAAA,EAAgE;EAAA,IAA7DC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IAAEC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;EAC7F,IAAMC,aAAa,GAAG,IAAAC,8BAAuB,EAACP,OAAO,CAACQ,mBAAmB,EAAEN,KAAK,CAAC;EACjF,IAAAO,SAAA,GAAgD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAA7B,OAAA,EAAA0B,SAAA;IAAxDI,gBAAgB,GAAAF,UAAA;IAAEG,mBAAmB,GAAAH,UAAA;EAC5C,IAAAI,UAAA,GAAsD,IAAAL,eAAQ,EAAC,IAAI,CAAC;IAAAM,UAAA,OAAAJ,eAAA,CAAA7B,OAAA,EAAAgC,UAAA;IAA7DE,mBAAmB,GAAAD,UAAA;IAAEE,sBAAsB,GAAAF,UAAA;EAClD,IAAMG,sBAAsB,GAAG,IAAI,CAAC,CAAC;EACrC,IAAMC,yBAAyB,GAAGf,QAAQ,CAACgB,QAAQ,CAACC,MAAM,GAAG,CAAC;EAE9D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAK,EAAK;IACvCN,sBAAsB,CAACM,KAAK,CAAC;IAC7BV,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC;EAED,IAAMW,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAID,KAAK,EAAK;IAC1CV,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC;EAED,IAAMY,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1BZ,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC;EAED,IAAAa,gBAAS,EAAC,YAAM;IACd,IAAI,CAACxB,UAAU,EAAE;MACfW,mBAAmB,CAAC,KAAK,CAAC;IAC5B;EACF,CAAC,EAAE,CAACX,UAAU,CAAC,CAAC;EAEhB,oBACEpC,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC,sDAAsD;IAACtC,GAAG,8BAAAuC,MAAA,CAA8B9B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE+B,EAAE;EAAW,gBAC3HhE,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACxB9D,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnC9D,MAAA,CAAAgB,OAAA,CAAA6C,aAAA,2BACE7D,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAIC,SAAS,EAAC;EAAqC,GAAE7B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgC,IAAI,CAAM,eACxEjE,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACnB9D,MAAA,CAAAgB,OAAA,CAAA6C,aAAA,CAACzD,GAAA,CAAA8D,IAAI;IAACC,IAAI,EAAE5B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE4B,IAAK;IAACC,KAAK,EAAE7B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE6B,KAAM;IAACN,SAAS,EAAC;EAAO,EAAG,eAClF9D,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAGC,SAAS,EAAC;EAAM,GAAEvB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE8B,KAAK,CAAK,CAC1C,CACF,eACNrE,MAAA,CAAAgB,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7B9D,MAAA,CAAAgB,OAAA,CAAA6C,aAAA,CAACzD,GAAA,CAAA8D,IAAI;IAACC,IAAI,EAAE/B,UAAU,GAAG,iBAAiB,GAAG,eAAgB;IAAC0B,SAAS,EAAE1B,UAAU,GAAG,SAAS,GAAG,EAAG;IAACF,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMA,QAAO,CAACD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE+B,EAAE,CAAC;IAAA;EAAC,EAAG,CACzI,EAEJ5B,UAAU,gBACRpC,MAAA,CAAAgB,OAAA,CAAA6C,aAAA,CAACvD,oBAAA,CAAAU,OAAmB;IAClBqB,UAAU,EAAEA,UAAW;IACvBe,sBAAsB,EAAEA,sBAAuB;IAC/CI,qBAAqB,EAAEA,qBAAsB;IAC7CH,yBAAyB,EAAEA,yBAA0B;IACrDK,wBAAwB,EAAEA,wBAAyB;IACnDC,aAAa,EAAEA,aAAc;IAC7Bb,gBAAgB,EAAEA,gBAAiB;IACnCI,mBAAmB,EAAEA;EAAoB,EACzC,GACA,IAAI,CAEN,CACF,CACF;AAEV;AAEAnB,mBAAmB,CAACuC,SAAS,GAAG;EAC9BrC,OAAO,EAAEsC,oBAAS,CAACC,KAAK,CAAC;IACvBR,EAAE,EAAEO,oBAAS,CAACE,MAAM,CAACC,UAAU;IAC/BT,IAAI,EAAEM,oBAAS,CAACE,MAAM,CAACC,UAAU;IACjCjC,mBAAmB,EAAE8B,oBAAS,CAACI,IAAI,CAACD;EACtC,CAAC,CAAC,CAACA,UAAU;EACbxC,OAAO,EAAEqC,oBAAS,CAACK,IAAI,CAACF,UAAU;EAClCvC,KAAK,EAAEoC,oBAAS,CAACM,MAAM,CAACH;AAC1B,CAAC;AAAA,IAAAI,QAAA,GAEc/C,mBAAmB;AAAAgD,OAAA,CAAA/D,OAAA,GAAA8D,QAAA"}

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":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA;EAAA,IACvBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IACtBC,yBAAyB,GAAAH,IAAA,CAAzBG,yBAAyB;IACzBC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;IACrBC,wBAAwB,GAAAL,IAAA,CAAxBK,wBAAwB;IACxBC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,mBAAmB,GAAAR,IAAA,CAAnBQ,mBAAmB;EAAA,oBAEnBb,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmC,gBAChDhB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAuB,gBACpChB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmD,gBAChEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAgB,GAE1B,IAAAC,IAAA,CAAAH,OAAA,EAAAR,UAAU,EAAAY,IAAA,CAAVZ,UAAU,EAAK,UAACa,CAAC;IAAA,oBACfnB,MAAA,CAAAc,OAAA,CAAAC,aAAA;MACEC,SAAS,gCAAAI,MAAA,CAAgCb,sBAAsB,GAAG,eAAe,GAAG,EAAE,CAAG;MACzFc,OAAO,EAAEd,sBAAsB,GAAG;QAAA,OAAME,qBAAqB,CAACU,CAAC,CAACG,KAAK,GAAG,CAAC,CAAC;MAAA,IAAG,IAAK,CAAC;IAAA,GACpF,mBACkB,EAACH,CAAC,CAACG,KAAK,GAAG,CAAC,CAC1B;EAAA,CACN,CAAC,eAEJtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACEC,SAAS,gCAAAI,MAAA,CAAgCZ,yBAAyB,GAAG,eAAe,GAAG,EAAE,CAAG;IAC5Fa,OAAO,EAAEb,yBAAyB,GAAG,IAAI,GAAGE,wBAAyB,CAAC;EAAA,GACvE,sBAED,CAAK,eACLV,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACEC,SAAS,EAAC,4BAA4B;IACtCK,OAAO,EAAEV,aAAc,CAAC;EAAA,GACzB,QAED,CAAK,CACF,CACC,EAEJC,gBAAgB,gBACdZ,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgE,gBAC7EhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,YAAG,0BAAwB,EAACF,mBAAmB,EAAC,6BAA2B,CAAI,eAC/Eb,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAW,gBACvBhB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAe,GAAC,6BAA2B,CAAK,eAC9DhB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAe,GAAC,uDAAqD,CAAK,CACrF,CACD,GACJ,IAAI,CAER,CACF;AAAA,CACP;AAEDZ,mBAAmB,CAACmB,SAAS,GAAG;EAC9BjB,UAAU,EAAEkB,oBAAS,CAACC,KAAK,CAACC,UAAU;EACtCnB,sBAAsB,EAAEiB,oBAAS,CAACG,IAAI,CAACD,UAAU;EACjDlB,yBAAyB,EAAEgB,oBAAS,CAACG,IAAI,CAACD,UAAU;EACpDjB,qBAAqB,EAAEe,oBAAS,CAACI,IAAI,CAACF,UAAU;EAChDhB,wBAAwB,EAAEc,oBAAS,CAACI,IAAI,CAACF,UAAU;EACnDf,aAAa,EAAEa,oBAAS,CAACI,IAAI,CAACF,UAAU;EACxCd,gBAAgB,EAAEY,oBAAS,CAACG,IAAI,CAACD,UAAU;EAC3Cb,mBAAmB,EAAEW,oBAAS,CAACK,MAAM,CAACH;AACxC,CAAC;AAAC,IAAAI,QAAA,GAEa1B,mBAAmB;AAAA2B,OAAA,CAAAjB,OAAA,GAAAgB,QAAA"}

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"));
@@ -35,9 +36,10 @@ var _ReferralBuilderForm = _interopRequireDefault(require("./ReferralBuilderForm
 var _utils = require("./utils");
 var _useBuildReferrals2 = _interopRequireDefault(require("./useBuildReferrals"));
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
+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;
@@ -54,10 +56,14 @@ 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);
   };
-  var onCloseModal = function onCloseModal() {
+  var onCloseGroupedReferralsModal = function onCloseGroupedReferralsModal() {
     setAboutGroupedReferralsModalIsOpen(false);
   };
   var refModal = (0, _react.useRef)(null);
@@ -66,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);
   };
@@ -81,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",
@@ -92,51 +109,23 @@ function Referrals(props) {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "px-12"
   }, /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
-    header: 'Referral Builder'
+    header: "Prepare Your Referrals"
   }, _constants.REFERRAL_BUILDER_DESCRIPTION, /*#__PURE__*/_react.default.createElement("button", {
     className: "text-current-blue",
     type: "button",
     onClick: onLearnMoreClick
   }, "Learn more about grouped referrals.")), /*#__PURE__*/_react.default.createElement(_AboutGroupedReferralsModal.default, {
     refModal: refModal,
-    onCloseModal: onCloseModal
-  }), referrals && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "back",
-    onClick: function onClick() {
-      _api.browserHistory.goBack();
+    onCloseModal: onCloseGroupedReferralsModal
+  }), referrals && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NavButtons.default, {
+    onBackClick: function onBackClick() {
+      return _api.browserHistory.goBack();
     },
-    label: "Back",
-    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-      icon: "V2ChevronLeft",
-      color: "#182A44"
-    }),
-    className: "md:h-12"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "mr-10 text-current-blue font-bold"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    icon: "V2Save",
-    color: "#4467AB",
-    className: "mr-2 mb-1"
-  }), "Save Referral Draft"), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "next",
-    disabled: false // change
-    ,
-    onClick: function onClick() {
-      _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/supporting-info"));
+    onForwardClick: function onForwardClick() {
+      return _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/supporting-info"));
     },
-    className: "md:w-32 md:h-12 w-64",
-    label: "Next",
-    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-      icon: "V2Referrall",
-      color: "#FFFFFF",
-      className: "w-6 h-6 pr-2"
-    }),
-    primary: true
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+    primaryLabel: "Next"
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "flex md:flex-wrap gap-6 mt-5"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded"
@@ -156,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","_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","onCloseModal","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","Button","id","browserHistory","goBack","label","iconLeft","Icon","icon","color","disabled","concat","getBaseUrl","primary","_map","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';\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 onCloseModal = () => {\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={'Referral Builder'}>\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        <AboutGroupedReferralsModal refModal={refModal} onCloseModal={onCloseModal} />\n        {referrals && (\n          <>\n            <div className=\"flex justify-between\">\n              <Button\n                id=\"back\"\n                onClick={() => {\n                  browserHistory.goBack()\n                }}\n                label=\"Back\"\n                iconLeft={<Icon icon=\"V2ChevronLeft\" color=\"#182A44\" />}\n                className=\"md:h-12\"\n              />\n\n              <div className=\"flex\">\n                <button className=\"mr-10 text-current-blue font-bold\">\n                  <Icon icon=\"V2Save\" color=\"#4467AB\" className=\"mr-2 mb-1\" />\n                  Save Referral Draft\n                </button>\n                <Button\n                  id=\"next\"\n                  disabled={false} // change\n                  onClick={() => {\n                    browserHistory.push(`${getBaseUrl()}/supporting-info`)\n                  }}\n                  className='md:w-32 md:h-12 w-64'\n                  label=\"Next\"\n                  iconLeft={<Icon icon=\"V2Referrall\" color=\"#FFFFFF\" className=\"w-6 h-6 pr-2\" />}\n                  primary\n                />\n              </div>\n            </div>\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/dist/pages/referrals/constants.js

@@ -4,13 +4,11 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.REVIEW_REFERRAL_DESCRIPTION = exports.REFERRAL_SENT_SUCCESS = exports.REFERRAL_PII_PHI_DESCRIPTION = exports.REFERRAL_BUILDER_DESCRIPTION = exports.GROUPED_REFERRAL_MUST_HAVE_SAME = exports.GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = exports.EDITING_REFERRAL_GROUPINGS = exports.CREATE_REFERRAL_DESCRIPTION = exports.ABOUT_GROUPED_REFERRALS = void 0;
+exports.REFERRAL_SENT_SUCCESS = exports.REFERRAL_PII_PHI_DESCRIPTION = exports.REFERRAL_BUILDER_DESCRIPTION = exports.GROUPED_REFERRAL_MUST_HAVE_SAME = exports.GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = exports.EDITING_REFERRAL_GROUPINGS = exports.CREATE_REFERRAL_DESCRIPTION = exports.ABOUT_GROUPED_REFERRALS = void 0;
 var REFERRAL_BUILDER_DESCRIPTION = "Organize referrals according to your client's needs,\n  then add referral descriptions and upload any necessary attachments.\n  We group compatible referrals by default. ";
 exports.REFERRAL_BUILDER_DESCRIPTION = REFERRAL_BUILDER_DESCRIPTION;
 var CREATE_REFERRAL_DESCRIPTION = "Add supporting information\n  providing this information can help us quickly connect your client with services";
 exports.CREATE_REFERRAL_DESCRIPTION = CREATE_REFERRAL_DESCRIPTION;
-var REVIEW_REFERRAL_DESCRIPTION = "You are almost there, please review the referrals for accuracy and submit them below.";
-exports.REVIEW_REFERRAL_DESCRIPTION = REVIEW_REFERRAL_DESCRIPTION;
 var ABOUT_GROUPED_REFERRALS = "Grouped referrals allow you to send referrals to several organizations at once.\n  Whoever accepts the referral first works with the client and the rest of the referrals are recalled.\n  We automatically group referrals for you. To be in a group, referrals must have the same:";
 exports.ABOUT_GROUPED_REFERRALS = ABOUT_GROUPED_REFERRALS;
 var GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = "Unite Us groups compatible referrals by default in order to optimize network resources.\n  If you wish to change the default grouping behavior, go to the settings page and select \u201CGroup Referrals Individually by default\u201D.";

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["REFERRAL_BUILDER_DESCRIPTION","exports","CREATE_REFERRAL_DESCRIPTION","REVIEW_REFERRAL_DESCRIPTION","ABOUT_GROUPED_REFERRALS","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","GROUPED_REFERRAL_MUST_HAVE_SAME","REFERRAL_PII_PHI_DESCRIPTION","REFERRAL_SENT_SUCCESS"],"sources":["../../../src/pages/referrals/constants.js"],"sourcesContent":["export const REFERRAL_BUILDER_DESCRIPTION = `Organize referrals according to your client's needs,\n  then add referral descriptions and upload any necessary attachments.\n  We group compatible referrals by default. `;\n\nexport const CREATE_REFERRAL_DESCRIPTION = `Add supporting information\n  providing this information can help us quickly connect your client with services`;\n\nexport const REVIEW_REFERRAL_DESCRIPTION = `You are almost there, please review the referrals for accuracy and submit them below.`;\n\nexport const ABOUT_GROUPED_REFERRALS = `Grouped referrals allow you to send referrals to several organizations at once.\n  Whoever accepts the referral first works with the client and the rest of the referrals are recalled.\n  We automatically group referrals for you. To be in a group, referrals must have the same:`;\n\nexport const GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = `Unite Us groups compatible referrals by default in order to optimize network resources.\n  If you wish to change the default grouping behavior, go to the settings page and select “Group Referrals Individually by default”.`;\n\nexport const EDITING_REFERRAL_GROUPINGS = `To remove a resource from a group and send it as an individual referral, click the three dots to the right of the resource and select “Move to a new referral.”\n\n  To move a referral into another compatible group, click the three dots to the right of the resource and select a group. You cannot group incompatible referrals (e.g. in-network referrals and out-of-network referrals, food pantry referrals and ride assistance referrals, etc.).`;\n\nexport const GROUPED_REFERRAL_MUST_HAVE_SAME = ['Service Type', 'Network Status (in or out of network)', 'Coordination Center', 'Cost (free or paid)'];\n\nexport const REFERRAL_PII_PHI_DESCRIPTION = \"Only include personally identifiable information (PII), protected health information (PHI), or other sensitive information if it is necessary to provide services to the client.\";\n\nexport const REFERRAL_SENT_SUCCESS = `We've saved a list of these referred programs to the client's profile.\n  Share this resource list with the client by text, email, or print.`;"],"mappings":";;;;;;;AAAO,IAAMA,4BAA4B,+KAEI;AAACC,OAAA,CAAAD,4BAAA,GAAAA,4BAAA;AAEvC,IAAME,2BAA2B,mHAC2C;AAACD,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAE7E,IAAMC,2BAA2B,0FAA0F;AAACF,OAAA,CAAAE,2BAAA,GAAAA,2BAAA;AAE5H,IAAMC,uBAAuB,yRAEwD;AAACH,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAEtF,IAAMC,yCAAyC,4OAC+E;AAACJ,OAAA,CAAAI,yCAAA,GAAAA,yCAAA;AAE/H,IAAMC,0BAA0B,wcAEgP;AAACL,OAAA,CAAAK,0BAAA,GAAAA,0BAAA;AAEjR,IAAMC,+BAA+B,GAAG,CAAC,cAAc,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;AAACN,OAAA,CAAAM,+BAAA,GAAAA,+BAAA;AAEhJ,IAAMC,4BAA4B,GAAG,kLAAkL;AAACP,OAAA,CAAAO,4BAAA,GAAAA,4BAAA;AAExN,IAAMC,qBAAqB,iJACmC;AAACR,OAAA,CAAAQ,qBAAA,GAAAA,qBAAA"}
+{"version":3,"file":"constants.js","names":["REFERRAL_BUILDER_DESCRIPTION","exports","CREATE_REFERRAL_DESCRIPTION","ABOUT_GROUPED_REFERRALS","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","GROUPED_REFERRAL_MUST_HAVE_SAME","REFERRAL_PII_PHI_DESCRIPTION","REFERRAL_SENT_SUCCESS"],"sources":["../../../src/pages/referrals/constants.js"],"sourcesContent":["export const REFERRAL_BUILDER_DESCRIPTION = `Organize referrals according to your client's needs,\n  then add referral descriptions and upload any necessary attachments.\n  We group compatible referrals by default. `;\n\nexport const CREATE_REFERRAL_DESCRIPTION = `Add supporting information\n  providing this information can help us quickly connect your client with services`;\n\nexport const ABOUT_GROUPED_REFERRALS = `Grouped referrals allow you to send referrals to several organizations at once.\n  Whoever accepts the referral first works with the client and the rest of the referrals are recalled.\n  We automatically group referrals for you. To be in a group, referrals must have the same:`;\n\nexport const GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = `Unite Us groups compatible referrals by default in order to optimize network resources.\n  If you wish to change the default grouping behavior, go to the settings page and select “Group Referrals Individually by default”.`;\n\nexport const EDITING_REFERRAL_GROUPINGS = `To remove a resource from a group and send it as an individual referral, click the three dots to the right of the resource and select “Move to a new referral.”\n\n  To move a referral into another compatible group, click the three dots to the right of the resource and select a group. You cannot group incompatible referrals (e.g. in-network referrals and out-of-network referrals, food pantry referrals and ride assistance referrals, etc.).`;\n\nexport const GROUPED_REFERRAL_MUST_HAVE_SAME = ['Service Type', 'Network Status (in or out of network)', 'Coordination Center', 'Cost (free or paid)'];\n\nexport const REFERRAL_PII_PHI_DESCRIPTION = \"Only include personally identifiable information (PII), protected health information (PHI), or other sensitive information if it is necessary to provide services to the client.\";\n\nexport const REFERRAL_SENT_SUCCESS = `We've saved a list of these referred programs to the client's profile.\n  Share this resource list with the client by text, email, or print.`;"],"mappings":";;;;;;;AAAO,IAAMA,4BAA4B,+KAEI;AAACC,OAAA,CAAAD,4BAAA,GAAAA,4BAAA;AAEvC,IAAME,2BAA2B,mHAC2C;AAACD,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAE7E,IAAMC,uBAAuB,yRAEwD;AAACF,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AAEtF,IAAMC,yCAAyC,4OAC+E;AAACH,OAAA,CAAAG,yCAAA,GAAAA,yCAAA;AAE/H,IAAMC,0BAA0B,wcAEgP;AAACJ,OAAA,CAAAI,0BAAA,GAAAA,0BAAA;AAEjR,IAAMC,+BAA+B,GAAG,CAAC,cAAc,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;AAACL,OAAA,CAAAK,+BAAA,GAAAA,+BAAA;AAEhJ,IAAMC,4BAA4B,GAAG,kLAAkL;AAACN,OAAA,CAAAM,4BAAA,GAAAA,4BAAA;AAExN,IAAMC,qBAAqB,iJACmC;AAACP,OAAA,CAAAO,qBAAA,GAAAA,qBAAA"}

package/dist/pages/review/DeleteReferralModal.js

@@ -0,0 +1,62 @@
+"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.DeleteReferralModal = DeleteReferralModal;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _ui = require("@unite-us/ui");
+var _Dialog = _interopRequireDefault(require("../../components/modal/Dialog"));
+function DeleteReferralModal(_ref) {
+  var refModal = _ref.refModal,
+    onCloseModal = _ref.onCloseModal,
+    referral = _ref.referral;
+  var closeDialog = function closeDialog() {
+    refModal.current.closeDialog();
+    onCloseModal();
+  };
+  var onDeleteReferral = function onDeleteReferral() {
+    // update
+    console.log('delete', {
+      referral: referral
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    onCloseModal: closeDialog,
+    onRequestClose: closeDialog,
+    ref: refModal,
+    title: "Delete",
+    customSize: {
+      width: '400px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "h-24"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Are you sure you want to delete this referral?")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-end"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "cancel",
+    onClick: closeDialog,
+    label: "Cancel",
+    className: "mr-4",
+    primary: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "delete",
+    onClick: onDeleteReferral,
+    label: "Delete",
+    className: "",
+    primary: true
+  }))))));
+}
+;
+DeleteReferralModal.propTypes = {
+  refModal: _propTypes.PropTypes.object.isRequired,
+  onCloseModal: _propTypes.PropTypes.func.isRequired,
+  referral: _propTypes.PropTypes.object.isRequired
+};
+var _default = DeleteReferralModal;
+exports.default = _default;
+//# sourceMappingURL=DeleteReferralModal.js.map

package/dist/pages/review/DeleteReferralModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteReferralModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","_Dialog","DeleteReferralModal","_ref","refModal","onCloseModal","referral","closeDialog","current","onDeleteReferral","console","log","default","createElement","Fragment","onRequestClose","ref","title","customSize","width","className","Button","id","onClick","label","primary","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../../../src/pages/review/DeleteReferralModal.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Button } from '@unite-us/ui';\nimport Dialog from '../../components/modal/Dialog';\n\nexport function DeleteReferralModal({ refModal, onCloseModal, referral }) {\n  const closeDialog = () => {\n    refModal.current.closeDialog();\n    onCloseModal();\n  };\n\n  const onDeleteReferral = () => {\n    // update\n    console.log('delete', { referral });\n  }\n\n  return (\n    <>\n      <Dialog\n        onCloseModal={closeDialog}\n        onRequestClose={closeDialog}\n        ref={refModal}\n        title=\"Delete\"\n        customSize={{\n          width: '400px',\n        }}\n      >\n        <div>\n          <div className='h-24'>\n            <p>Are you sure you want to delete this referral?</p>\n          </div>\n          <div>\n            <div className='flex justify-end'>\n              <Button\n                id=\"cancel\"\n                onClick={closeDialog}\n                label=\"Cancel\"\n                className=\"mr-4\"\n                primary\n              />\n              <Button\n                id=\"delete\"\n                onClick={onDeleteReferral}\n                label=\"Delete\"\n                className=\"\"\n                primary\n              />\n            </div>\n          </div>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nDeleteReferralModal.propTypes = {\n  refModal: PropTypes.object.isRequired,\n  onCloseModal: PropTypes.func.isRequired,\n  referral: PropTypes.object.isRequired, \n}\n\nexport default DeleteReferralModal;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEO,SAASI,mBAAmBA,CAAAC,IAAA,EAAuC;EAAA,IAApCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACpE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBH,QAAQ,CAACI,OAAO,CAACD,WAAW,EAAE;IAC9BF,YAAY,EAAE;EAChB,CAAC;EAED,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7B;IACAC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAE;MAAEL,QAAQ,EAARA;IAAS,CAAC,CAAC;EACrC,CAAC;EAED,oBACEV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAE,QAAA,qBACElB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAW,OAAM;IACLP,YAAY,EAAEE,WAAY;IAC1BQ,cAAc,EAAER,WAAY;IAC5BS,GAAG,EAAEZ,QAAS;IACda,KAAK,EAAC,QAAQ;IACdC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT;EAAE,gBAEFvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,2BACEjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAM,gBACnBxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,YAAG,gDAA8C,CAAI,CACjD,eACNjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,2BACEjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAkB,gBAC/BxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,GAAA,CAAAqB,MAAM;IACLC,EAAE,EAAC,QAAQ;IACXC,OAAO,EAAEhB,WAAY;IACrBiB,KAAK,EAAC,QAAQ;IACdJ,SAAS,EAAC,MAAM;IAChBK,OAAO;EAAA,EACP,eACF7B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,GAAA,CAAAqB,MAAM;IACLC,EAAE,EAAC,QAAQ;IACXC,OAAO,EAAEd,gBAAiB;IAC1Be,KAAK,EAAC,QAAQ;IACdJ,SAAS,EAAC,EAAE;IACZK,OAAO;EAAA,EACP,CACE,CACF,CACF,CACC,CACR;AAEP;AAAC;AAEDvB,mBAAmB,CAACwB,SAAS,GAAG;EAC9BtB,QAAQ,EAAEuB,oBAAS,CAACC,MAAM,CAACC,UAAU;EACrCxB,YAAY,EAAEsB,oBAAS,CAACG,IAAI,CAACD,UAAU;EACvCvB,QAAQ,EAAEqB,oBAAS,CAACC,MAAM,CAACC;AAC7B,CAAC;AAAA,IAAAE,QAAA,GAEc7B,mBAAmB;AAAA8B,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}

package/dist/pages/review/Review.js

@@ -1,35 +1,85 @@
 "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$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 _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");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Review;
-var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _ui = require("@unite-us/ui");
 var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
 var _StepHeader = _interopRequireDefault(require("../../components/StepHeader"));
-var _constants = require("../referrals/constants");
+var _constants = require("./constants");
 var _api = require("../../config/api");
 var _ReferralsSent = _interopRequireDefault(require("./ReferralsSent"));
 var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
+var _DeleteReferralModal = _interopRequireDefault(require("./DeleteReferralModal"));
+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 _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 Review(props) {
   var location = props.location;
   var _useAppCreateReferral = (0, _AppCreateReferralProvider.useAppCreateReferralContext)(),
-    state = _useAppCreateReferral.state;
+    referrals = _useAppCreateReferral.state.referrals;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     sent = _useState2[0],
     updateSent = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    expandedReferrals = _useState4[0],
+    setExpandedReferrals = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    deleteReferralModalIsOpen = _useState6[0],
+    setDeleteReferralModalIsOpen = _useState6[1];
+  var onChevronClick = function onChevronClick(index) {
+    var expanded = (0, _map.default)(expandedReferrals).call(expandedReferrals, function (ref) {
+      if (ref.index === index) {
+        ref.expanded = !ref.expanded;
+      }
+      return ref;
+    });
+    setExpandedReferrals(expanded);
+  };
+  var onDeleteReferralClick = function onDeleteReferralClick() {
+    setDeleteReferralModalIsOpen(true);
+  };
+  var onCloseDeleteReferralModal = function onCloseDeleteReferralModal() {
+    setDeleteReferralModalIsOpen(false);
+  };
+  (0, _react.useEffect)(function () {
+    var expanded = (0, _map.default)(referrals).call(referrals, function (r, i) {
+      return _objectSpread(_objectSpread({}, r), {}, {
+        expanded: true,
+        index: i
+      });
+    });
+    setExpandedReferrals(expanded);
+  }, [referrals]);
+  var deleteModal = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (deleteReferralModalIsOpen) {
+      deleteModal.current.openDialog();
+    }
+  }, [deleteReferralModalIsOpen]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
     name: "Richard Wilson",
     consentStatus: "accepted",
@@ -43,19 +93,101 @@ function Review(props) {
   }, /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
     icon: true,
     header: 'Review Step'
-  }, _constants.REVIEW_REFERRAL_DESCRIPTION), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Context State:"), /*#__PURE__*/_react.default.createElement("code", null, (0, _stringify.default)(state))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "back",
-    onClick: function onClick() {
-      _api.browserHistory.goBack();
+  }, _constants.REVIEW_REFERRAL_DESCRIPTION), /*#__PURE__*/_react.default.createElement(_NavButtons.default, {
+    onBackClick: function onBackClick() {
+      return _api.browserHistory.goBack();
+    },
+    onForwardClick: function onForwardClick() {
+      return updateSent(true);
+    },
+    primaryLabel: "Confirm & Submit"
+  }), (0, _map.default)(expandedReferrals).call(expandedReferrals, function (referral, index) {
+    var _context;
+    return (0, _map.default)(_context = (0, _lodash.get)(referral, 'programs', [])).call(_context, function (program) {
+      var _context2;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mb-6",
+        key: (0, _concat.default)(_context2 = "referral-".concat(referral.id, "-program-")).call(_context2, program.id, "-review-card")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "bg-gray-light border border-blue-border ".concat(referral !== null && referral !== void 0 && referral.expanded ? "rounded-t-lg" : "rounded")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "py-6 px-8 flex justify-between"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-grey"
+      }, "Referral ", index + 1, ": ", (0, _lodash.get)(referral, 'service.name')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: "IconPencil",
+        color: "#182A44",
+        className: "mr-3"
+      }), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: "IconTrash",
+        color: "#182A44",
+        className: "mr-3",
+        onClick: onDeleteReferralClick
+      }), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: referral !== null && referral !== void 0 && referral.expanded ? "IconChevronDown" : "IconChevronRight",
+        color: "#182A44",
+        onClick: function onClick() {
+          return onChevronClick(index);
+        }
+      })))), /*#__PURE__*/_react.default.createElement(_DeleteReferralModal.default, {
+        refModal: deleteModal,
+        onCloseModal: onCloseDeleteReferralModal,
+        referral: referral
+      }), (0, _lodash.get)(referral, 'expanded', true) ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "bg-gray-light border border-blue-border rounded-b-lg"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "pt-6 px-8 pb-16"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "grid grid-cols-3"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-2 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Referral Programs"), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, program.name)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-1 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Recipient Network"), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, "Network name"), " "), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-3 mt-10 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Referral Description"), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, referral.description)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-3 mt-16 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Attached Documents"), (0, _lodash.get)(referral, 'attachments') ? /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, "We've got attachments!") :
+      /*#__PURE__*/
+      // update
+      _react.default.createElement("p", {
+        className: "italic text-dark-blue"
+      }, "No Items")), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-3 bg-light-pale-blue rounded mt-6 p-6 flex"
+      }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: "IconExclamationCircle",
+        color: "#182A44",
+        className: "mt-px mr-4"
+      }), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, _constants.READY_TO_SUMBIT_INFO_TEXT))))) : null);
+    });
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pb-6"
+  }, /*#__PURE__*/_react.default.createElement(_NavButtons.default, {
+    onBackClick: function onBackClick() {
+      return _api.browserHistory.goBack();
     },
-    label: "Back"
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "done",
-    onClick: function onClick() {
-      updateSent(true);
+    onForwardClick: function onForwardClick() {
+      return updateSent(true);
     },
-    primary: true,
-    label: "Finish"
-  })));
+    primaryLabel: "Confirm & Submit"
+  }))));
 }
 //# sourceMappingURL=Review.js.map

package/dist/pages/review/Review.js.map

@@ -1 +1 @@
-{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireWildcard","_Stepper","_interopRequireDefault","_StepHeader","_constants","_api","_ReferralsSent","_AppCreateReferralProvider","_ClientHeader","_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","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","_useState","useState","_useState2","_slicedToArray2","sent","updateSent","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","icon","header","REVIEW_REFERRAL_DESCRIPTION","_stringify","Button","id","onClick","browserHistory","goBack","label","primary"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button } from '@unite-us/ui';\nimport React, { useState } from 'react';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REVIEW_REFERRAL_DESCRIPTION } from '../referrals/constants';\nimport { browserHistory } from '../../config/api';\nimport ReferralsSent from './ReferralsSent';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\n\nexport default function Review(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\n\n  const [sent, updateSent] = useState(false);\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      {\n        sent ? <ReferralsSent/> : (\n          <div className=\"px-12\">\n            <StepHeader icon header={'Review Step'}>\n              {REVIEW_REFERRAL_DESCRIPTION}\n            </StepHeader>\n\n            <div>\n              <h1>Context State:</h1>\n              <code>{JSON.stringify(state)}</code>\n            </div>\n            <Button\n              id=\"back\"\n              onClick={() => {\n                browserHistory.goBack()\n              }}\n              label=\"Back\"\n            />\n\n            <Button\n              id=\"done\"\n              onClick={() => {\n                updateSent(true);\n              }}\n              primary\n              label=\"Finish\"\n            />\n          </div>\n        )\n      }\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireWildcard","_lodash","_Stepper","_interopRequireDefault","_StepHeader","_constants","_api","_ReferralsSent","_AppCreateReferralProvider","_ClientHeader","_DeleteReferralModal","_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","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","referrals","state","_useState","useState","_useState2","_slicedToArray2","sent","updateSent","_useState3","_useState4","expandedReferrals","setExpandedReferrals","_useState5","_useState6","deleteReferralModalIsOpen","setDeleteReferralModalIsOpen","onChevronClick","index","expanded","_map","ref","onDeleteReferralClick","onCloseDeleteReferralModal","useEffect","r","deleteModal","useRef","current","openDialog","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","icon","header","REVIEW_REFERRAL_DESCRIPTION","onBackClick","browserHistory","goBack","onForwardClick","primaryLabel","referral","_context","program","_context2","_concat","concat","id","Icon","color","onClick","refModal","onCloseModal","description","READY_TO_SUMBIT_INFO_TEXT"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button, Icon } from '@unite-us/ui';\nimport React, { useState, useEffect, useRef } from 'react';\nimport { get } from 'lodash';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { READY_TO_SUMBIT_INFO_TEXT, REVIEW_REFERRAL_DESCRIPTION } from './constants';\nimport { browserHistory } from '../../config/api';\nimport ReferralsSent from './ReferralsSent';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\nimport DeleteReferralModal from './DeleteReferralModal';\nimport NavButtons from '../../components/NavButtons';\n\nexport default function Review(props) {\n  const { location } = props;\n  const { state: { referrals } } = useAppCreateReferralContext();\n\n  const [sent, updateSent] = useState(false);\n  const [expandedReferrals, setExpandedReferrals] = useState([]);\n  const [deleteReferralModalIsOpen, setDeleteReferralModalIsOpen] = useState(false);\n\n  const onChevronClick = (index) => {\n    const expanded = expandedReferrals.map((ref) => {\n      if (ref.index === index) {\n        ref.expanded = !ref.expanded\n      }\n      return ref;\n    })\n    setExpandedReferrals(expanded);\n  }\n\n  const onDeleteReferralClick = () => {\n    setDeleteReferralModalIsOpen(true);\n  }\n\n  const onCloseDeleteReferralModal = () => {\n    setDeleteReferralModalIsOpen(false);\n  }\n\n  useEffect(() => {\n    const expanded = referrals.map((r, i) => ({\n      ...r,\n      expanded: true,\n      index: i,\n    }));\n    setExpandedReferrals(expanded)\n  }, [referrals]);\n\n  const deleteModal = useRef(null);\n  useEffect(() => {\n    if (deleteReferralModalIsOpen) {\n      deleteModal.current.openDialog();\n    }\n  }, [deleteReferralModalIsOpen]);\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      {\n        sent ? <ReferralsSent/> : (\n          <div className=\"px-12\">\n            <StepHeader icon header={'Review Step'}>\n              {REVIEW_REFERRAL_DESCRIPTION}\n            </StepHeader>\n\n            <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => updateSent(true)} primaryLabel=\"Confirm & Submit\" />\n\n            {\n              expandedReferrals.map((referral, index) => (\n                get(referral, 'programs', []).map((program) => (\n                  <div className=\"mb-6\" key={`referral-${referral.id}-program-${program.id}-review-card`}>\n                    <div className={`bg-gray-light border border-blue-border ${referral?.expanded ? \"rounded-t-lg\" : \"rounded\"}`}>\n                      <div className=\"py-6 px-8 flex justify-between\">\n                        <h2 className=\"uppercase font-black text-grey\">Referral {index + 1}: {get(referral, 'service.name')}</h2>\n                        <div>\n                          <Icon icon=\"IconPencil\" color=\"#182A44\" className=\"mr-3\" />\n                          <Icon icon=\"IconTrash\" color=\"#182A44\" className=\"mr-3\" onClick={onDeleteReferralClick}/>\n                          <Icon\n                            icon={referral?.expanded ? \"IconChevronDown\" : \"IconChevronRight\"}\n                            color=\"#182A44\"\n                            onClick={() => onChevronClick(index)}\n                          />\n                        </div>\n                      </div>\n                    </div>\n\n                    <DeleteReferralModal refModal={deleteModal} onCloseModal={onCloseDeleteReferralModal} referral={referral} />\n\n                    {\n                      get(referral, 'expanded', true) ? (\n                        <div className=\"bg-gray-light border border-blue-border rounded-b-lg\">\n                          <div className=\"pt-6 px-8 pb-16\">\n                            <div className=\"grid grid-cols-3\">\n                              <div className=\"col-span-2 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Referral Programs</h2>\n                                <p className=\"text-dark-blue\">{program.name}</p>\n                              </div>\n                              <div className=\"col-span-1 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Recipient Network</h2>\n                                <p className=\"text-dark-blue\">Network name</p> { /* update */ }\n                              </div>\n                              <div className=\"col-span-3 mt-10 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Referral Description</h2>\n                                <p className=\"text-dark-blue\">{referral.description}</p>\n                              </div>\n                              <div className=\"col-span-3 mt-16 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Attached Documents</h2>\n                                {get(referral, 'attachments') ?\n                                  <p className=\"text-dark-blue\">We've got attachments!</p> : // update\n                                  <p className=\"italic text-dark-blue\">No Items</p>\n                                }\n                              </div>\n                              <div className=\"col-span-3 bg-light-pale-blue rounded mt-6 p-6 flex\">\n                                <Icon icon=\"IconExclamationCircle\" color=\"#182A44\" className=\"mt-px mr-4\" />\n                                <p className=\"text-dark-blue\">{READY_TO_SUMBIT_INFO_TEXT}</p>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      ) : null\n                    }\n                  </div>\n                ))\n              ))\n            }\n\n            <div className=\"pb-6\">\n              <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => updateSent(true)} primaryLabel=\"Confirm & Submit\" />\n            </div>\n          </div>\n        )\n      }\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/pages/review/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.REVIEW_REFERRAL_DESCRIPTION = exports.READY_TO_SUMBIT_INFO_TEXT = void 0;
+var READY_TO_SUMBIT_INFO_TEXT = 'Ready to submit? Great! Please remind your client that their information may be shared to connect them with the service(s) they requested.';
+exports.READY_TO_SUMBIT_INFO_TEXT = READY_TO_SUMBIT_INFO_TEXT;
+var REVIEW_REFERRAL_DESCRIPTION = "You are almost there, please review the referrals for accuracy and submit them below.";
+exports.REVIEW_REFERRAL_DESCRIPTION = REVIEW_REFERRAL_DESCRIPTION;
+//# sourceMappingURL=constants.js.map

package/dist/pages/review/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["READY_TO_SUMBIT_INFO_TEXT","exports","REVIEW_REFERRAL_DESCRIPTION"],"sources":["../../../src/pages/review/constants.js"],"sourcesContent":["export const READY_TO_SUMBIT_INFO_TEXT = 'Ready to submit? Great! Please remind your client that their information may be shared to connect them with the service(s) they requested.'\n\nexport const REVIEW_REFERRAL_DESCRIPTION = `You are almost there, please review the referrals for accuracy and submit them below.`;\n"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,4IAA4I;AAAAC,OAAA,CAAAD,yBAAA,GAAAA,yBAAA;AAE9K,IAAME,2BAA2B,0FAA0F;AAACD,OAAA,CAAAC,2BAAA,GAAAA,2BAAA"}

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@unite-us/app-create-referral",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "main": "build/index.js",
   "author": "Alex Morales",
   "dependencies": {
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@testing-library/user-event": "13.5.0",
-    "@unite-us/client-utils": "3.0.1163",
+    "@unite-us/client-utils": "3.0.1425",
     "@unite-us/json-api-resources": "1.1.128",
-    "@unite-us/ui": "3.0.1116",
+    "@unite-us/ui": "3.0.1425",
     "final-form": "4.20.9",
     "final-form-arrays": "3.1.0",
     "lodash": "4.17.21",