@unite-us/app-create-referral 0.1.12 → 0.1.14

package/dist/components/StepHeader.js

@@ -0,0 +1,27 @@
+"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 = StepHeader;
+var _react = _interopRequireDefault(require("react"));
+var _ui = require("@unite-us/ui");
+function StepHeader(props) {
+  var header = props.header,
+    icon = props.icon,
+    children = props.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", {
+    className: "text-3xl my-5 text-center font-bold"
+  }, icon && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "V2Referrall",
+    color: "#182a44",
+    className: "w-12 h-12 pr-4"
+  }), header), /*#__PURE__*/_react.default.createElement("div", {
+    className: "grid place-items-center"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-1/2 text-center"
+  }, children)));
+}
+//# sourceMappingURL=StepHeader.js.map

package/dist/components/StepHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepHeader.js","names":["_react","_interopRequireDefault","require","_ui","StepHeader","props","header","icon","children","default","createElement","Fragment","className","Icon","color"],"sources":["../../src/components/StepHeader.js"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@unite-us/ui';\n\nexport default function StepHeader(props) {\n  const { header, icon, children } = props;\n\n  return (\n    <>\n      <h1 className='text-3xl my-5 text-center font-bold'>\n        {icon && <Icon icon=\"V2Referrall\" color=\"#182a44\" className=\"w-12 h-12 pr-4\" />}\n        {header}\n      </h1>\n      <div className='grid place-items-center'>\n        <div className='w-1/2 text-center'>\n          {children}\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAEe,SAASE,UAAUA,CAACC,KAAK,EAAE;EACxC,IAAQC,MAAM,GAAqBD,KAAK,CAAhCC,MAAM;IAAEC,IAAI,GAAeF,KAAK,CAAxBE,IAAI;IAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EAE9B,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACEX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAqC,GAChDL,IAAI,iBAAIP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAU,IAAI;IAACN,IAAI,EAAC,aAAa;IAACO,KAAK,EAAC,SAAS;IAACF,SAAS,EAAC;EAAgB,EAAG,EAC9EN,MAAM,CACJ,eACLN,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAyB,gBACtCZ,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAmB,GAC/BJ,QAAQ,CACL,CACF,CACL;AAEP"}

package/dist/pages/referrals/ReferralBuilderForm.js

@@ -35,7 +35,17 @@ function ReferralBuilderForm(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_reactFinalForm.Form, {
     initialValues: referral,
-    onSubmit: function onSubmit() {}
+    onSubmit: function onSubmit() {},
+    validate: function validate(values) {
+      var errors = {};
+      if (!values.description) {
+        errors.description = "Required";
+      }
+      if (values.isOON && !values.primaryWorker) {
+        errors.primaryWorker = "Required";
+      }
+      return errors;
+    }
   }, function (_ref2) {
     var _context;
     var values = (0, _values.default)(_ref2);
@@ -45,7 +55,7 @@ function ReferralBuilderForm(_ref) {
       },
       onChange: onChange
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-2/3 bg-gray-light border border-blue-border rounded"
+      className: "md:w-full lg:w-2/3 bg-gray-light border border-blue-border rounded"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "p-5 bg-med-pale-blue"
     }, /*#__PURE__*/_react.default.createElement("h2", {
@@ -56,6 +66,7 @@ function ReferralBuilderForm(_ref) {
       className: "text-base ui-form-field__label ui-form-field__label--required"
     }, "PROGRAMS"), (0, _map.default)(programs).call(programs, function (program) {
       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

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

@@ -1 +1 @@
-{"version":3,"file":"ReferralBuilderForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactFinalForm","_ReferralProgramCard","_ui","_InfoPanel","_validations","_constants","ReferralBuilderForm","_ref","referral","index","referralSubtitle","onChange","service","programs","isOON","onProgramClick","values","arguments","length","undefined","console","log","default","createElement","Form","initialValues","onSubmit","_ref2","_context","_values","Fragment","FormSpy","subscription","className","_concat","concat","call","name","_map","program","onClick","Field","required","params","TextField","_extends2","afterLabelContent","message","REFERRAL_PII_PHI_DESCRIPTION","id","label","placeholder","rows","inline","validations","isRequired","propTypes","PropTypes","shape","string","array","number","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralBuilderForm.js"],"sourcesContent":["import React 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';\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  return (\n    <Form\n      initialValues={referral}\n      onSubmit={() => { }}>\n      {({ values }) => (\n        <>\n          <FormSpy\n            subscription={{ values: true }}\n            onChange={onChange}\n          />\n          <div className=\"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 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            </div>\n            {/* Primary worker field */}\n\n            {/* Attachment area */}\n\n            {/* Payment auth form */}\n          </div>\n        </>\n      )}\n    </Form>\n  )\n}\n\nReferralBuilderForm.propTypes = {\n  referral: PropTypes.shape({\n    service: PropTypes.shape({\n      name: PropTypes.string.isRequired,\n    }).isRequired,\n    programs: PropTypes.array.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  referralSubtitle: PropTypes.string,\n}\n\nReferralBuilderForm.defaultProps = {\n  referralSubtitle: '',\n}\n\nexport default ReferralBuilderForm;\n"],"mappings":"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"}
+{"version":3,"file":"ReferralBuilderForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactFinalForm","_ReferralProgramCard","_ui","_InfoPanel","_validations","_constants","ReferralBuilderForm","_ref","referral","index","referralSubtitle","onChange","service","programs","isOON","onProgramClick","values","arguments","length","undefined","console","log","default","createElement","Form","initialValues","onSubmit","validate","errors","description","primaryWorker","_ref2","_context","_values","Fragment","FormSpy","subscription","className","_concat","concat","call","name","_map","program","key","id","onClick","Field","required","params","TextField","_extends2","afterLabelContent","message","REFERRAL_PII_PHI_DESCRIPTION","label","placeholder","rows","inline","validations","isRequired","propTypes","PropTypes","shape","string","array","number","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralBuilderForm.js"],"sourcesContent":["import React 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';\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  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            </div>\n            {/* Primary worker field */}\n\n            {/* Attachment area */}\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/ReferralCard.js

@@ -10,7 +10,9 @@ 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 _ui = require("@unite-us/ui");
 var _utils = require("./utils");
+var _lodash = require("lodash");
 function ReferralCard(_ref) {
   var referral = _ref.referral,
     index = _ref.index,
@@ -21,25 +23,33 @@ function ReferralCard(_ref) {
   var onCardClick = function onCardClick() {
     onClick(referral, index);
   };
+  var missingRequiredFields = (0, _lodash.compact)([!referral.description ? 'description' : null, referral.isOON && !referral.primaryWorker ? 'primaryWorker' : null]);
   var status = (0, _utils.getReferralStatus)(referral);
   var backgroundColor = selectedIndex === index ? 'bg-med-pale-blue' : '';
-  var actionItems = programs.length === 1 ? '1 Action Item' : "".concat(programs.length, " Action Items"); // needs update
-
+  var actionItems = missingRequiredFields.length === 1 ? '1 Action Item' : "".concat(missingRequiredFields.length, " Action Items");
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(backgroundColor, " border border-blue-border rounded"),
+    className: "".concat(backgroundColor, " border border-blue-border rounded cursor-pointer"),
     onClick: onCardClick
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "m-4"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex justify-between"
+    className: "flex xs:flex-wrap-reverse justify-between"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex mb-2"
+    className: "flex flex-wrap mb-2"
   }, /*#__PURE__*/_react.default.createElement("h5", {
     className: "font-black text-gray-700 whitespace-pre"
   }, "Referral ".concat(index + 1, ": ")), /*#__PURE__*/_react.default.createElement("p", {
     className: "font-hairline text-gray-600"
-  }, status)), /*#__PURE__*/_react.default.createElement("h4", {
-    className: "text-red font-extrabold"
+  }, status)), !missingRequiredFields.length ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex flex-none"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "IconCheck",
+    color: "#68d391",
+    className: "mr-1 mt-px"
+  }), /*#__PURE__*/_react.default.createElement("h4", {
+    className: "text-green-500 font-extrabold mb-2"
+  }, "Ready")) : /*#__PURE__*/_react.default.createElement("h4", {
+    className: "text-red flex-none font-extrabold mb-2"
   }, actionItems)), /*#__PURE__*/_react.default.createElement("h4", {
     className: "mb-2 text-purple font-black"
   }, service === null || service === void 0 ? void 0 : service.name), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ReferralCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_utils","ReferralCard","_ref","referral","index","selectedIndex","onClick","programs","service","onCardClick","status","getReferralStatus","backgroundColor","actionItems","length","concat","default","createElement","className","name","_map","call","program","key","id","propTypes","PropTypes","shape","array","isRequired","isGrouped","number","isFunded","isOON","object","func","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralCard.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { getReferralStatus } from './utils';\n\nexport function ReferralCard({\n    referral,\n    index,\n    selectedIndex,\n    onClick,\n}) {\n  const { programs, service } = referral;\n\n  const onCardClick = () => {\n    onClick(referral, index);\n  };\n\n  const status = getReferralStatus(referral);\n  const backgroundColor = selectedIndex === index ? 'bg-med-pale-blue' : '';\n  const actionItems = programs.length === 1 ? '1 Action Item' : `${programs.length} Action Items`; // needs update\n\n  return (\n    <div className={`${backgroundColor} border border-blue-border rounded`} onClick={onCardClick}>\n      <div className=\"m-4\">  \n        <div className=\"flex justify-between\">\n          <div className=\"flex mb-2\">\n            <h5 className=\"font-black text-gray-700 whitespace-pre\">{`Referral ${index + 1}: `}</h5>\n            <p className=\"font-hairline text-gray-600\">{status}</p>\n          </div>\n          <h4 className=\"text-red font-extrabold\">{actionItems}</h4>\n        </div>\n        <h4 className=\"mb-2 text-purple font-black\">{service?.name}</h4>\n        <div className=\"pl-5\">\n          {programs.map((program) => (\n            <p className=\"mb-2\" key={`program-${program?.id}-name`}>\n              {program?.name}\n            </p>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReferralCard.propTypes = {\n  referral: PropTypes.shape({\n    programs: PropTypes.array.isRequired,\n    isGrouped: PropTypes.number.isRequired,\n    isFunded: PropTypes.number.isRequired,\n    isOON: PropTypes.number.isRequired,\n    service: PropTypes.object.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  onClick: PropTypes.func.isRequired,\n  selectedIndex: PropTypes.number,\n};\n\nReferralCard.defaultProps = {\n  selectedIndex: 0,\n}\n\nexport default ReferralCard;\n"],"mappings":"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"}
+{"version":3,"file":"ReferralCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","_utils","_lodash","ReferralCard","_ref","referral","index","selectedIndex","onClick","programs","service","onCardClick","missingRequiredFields","compact","description","isOON","primaryWorker","status","getReferralStatus","backgroundColor","actionItems","length","concat","default","createElement","className","Icon","icon","color","name","_map","call","program","key","id","propTypes","PropTypes","shape","array","isRequired","isGrouped","number","isFunded","object","func","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralCard.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport { getReferralStatus } from './utils';\nimport { compact } from 'lodash';\n\nexport function ReferralCard({\n    referral,\n    index,\n    selectedIndex,\n    onClick,\n}) {\n  const { programs, service } = referral;\n\n  const onCardClick = () => {\n    onClick(referral, index);\n  };\n\n  const missingRequiredFields = compact([\n    !referral.description ? 'description' : null,\n    (referral.isOON && !referral.primaryWorker) ? 'primaryWorker' : null,\n  ]);\n\n  const status = getReferralStatus(referral);\n  const backgroundColor = selectedIndex === index ? 'bg-med-pale-blue' : '';\n  const actionItems = missingRequiredFields.length === 1 ? '1 Action Item' : `${missingRequiredFields.length} Action Items`;\n\n  return (\n    <div className={`${backgroundColor} border border-blue-border rounded cursor-pointer`} onClick={onCardClick}>\n      <div className=\"m-4\">  \n        <div className=\"flex xs:flex-wrap-reverse justify-between\">\n          <div className=\"flex flex-wrap mb-2\">\n            <h5 className=\"font-black text-gray-700 whitespace-pre\">{`Referral ${index + 1}: `}</h5>\n            <p className=\"font-hairline text-gray-600\">{status}</p>\n          </div>\n          { !missingRequiredFields.length ? (\n            <div className=\"flex flex-none\">\n              <Icon icon=\"IconCheck\" color=\"#68d391\" className=\"mr-1 mt-px\" />\n              <h4 className=\"text-green-500 font-extrabold mb-2\">Ready</h4>\n            </div>\n          ) : (\n            <h4 className=\"text-red flex-none font-extrabold mb-2\">{actionItems}</h4>\n          )}\n        </div>\n        <h4 className=\"mb-2 text-purple font-black\">{service?.name}</h4>\n        <div className=\"pl-5\">\n          {programs.map((program) => (\n            <p className=\"mb-2\" key={`program-${program?.id}-name`}>\n              {program?.name}\n            </p>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReferralCard.propTypes = {\n  referral: PropTypes.shape({\n    programs: PropTypes.array.isRequired,\n    isGrouped: PropTypes.number.isRequired,\n    isFunded: PropTypes.number.isRequired,\n    isOON: PropTypes.number.isRequired,\n    service: PropTypes.object.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  onClick: PropTypes.func.isRequired,\n  selectedIndex: PropTypes.number,\n};\n\nReferralCard.defaultProps = {\n  selectedIndex: 0,\n}\n\nexport default ReferralCard;\n"],"mappings":"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"}

package/dist/pages/referrals/Referrals.js

@@ -27,6 +27,7 @@ var _api = require("../../config/api");
 var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
 var _ui = require("@unite-us/ui");
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
+var _StepHeader = _interopRequireDefault(require("../../components/StepHeader"));
 var _constants = require("./constants");
 var _AboutGroupedReferralsModal = _interopRequireDefault(require("./AboutGroupedReferralsModal"));
 var _ReferralCard = _interopRequireDefault(require("./ReferralCard"));
@@ -73,7 +74,7 @@ function Referrals(props) {
   };
   var saveValuesOnChange = function saveValuesOnChange(props) {
     var values = (0, _values.default)(props);
-    referrals[selectedIndex] = _objectSpread(_objectSpread({}, getSelected()), values);
+    referrals[selectedIndex] = _objectSpread({}, values);
     dispatch((0, _AppCreateReferralProvider.setData)({
       referrals: (0, _toConsumableArray2.default)(referrals)
     }));
@@ -90,17 +91,13 @@ function Referrals(props) {
     location: location
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "px-12"
-  }, /*#__PURE__*/_react.default.createElement("h1", {
-    className: "text-4xl my-5 text-center font-bold"
-  }, "Referral Builder"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid place-items-center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-1/2 text-center"
+  }, /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
+    header: 'Referral Builder'
   }, _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, {
+  }, "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", {
@@ -114,7 +111,8 @@ function Referrals(props) {
     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", {
@@ -130,7 +128,7 @@ function Referrals(props) {
     onClick: function onClick() {
       _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/supporting-info"));
     },
-    className: "w-64",
+    className: "md:w-32 md:h-12 w-64",
     label: "Next",
     iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
       icon: "V2Referrall",
@@ -139,9 +137,9 @@ function Referrals(props) {
     }),
     primary: true
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex gap-6 mt-5"
+    className: "flex md:flex-wrap gap-6 mt-5"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-1/3 bg-gray-light border border-blue-border rounded"
+    className: "md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "p-5"
   }, /*#__PURE__*/_react.default.createElement("h2", {

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","_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","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 { head, 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 { 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        <h1 className='text-4xl my-5 text-center font-bold'>Referral Builder</h1>\n        <div className='grid place-items-center'>\n          <div className='w-1/2 text-center'>\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          </div>\n        </div>\n\n        <AboutGroupedReferralsModal refModal={refModal} onCloseModal={onCloseModal} />\n\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              />\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='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 gap-6 mt-5\">\n              <div className=\"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","_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":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,0BAAA,GAAAN,OAAA;AACA,IAAAO,GAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AACA,IAAAS,WAAA,GAAAL,sBAAA,CAAAJ,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,2BAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,aAAA,GAAAR,sBAAA,CAAAJ,OAAA;AACA,IAAAa,oBAAA,GAAAT,sBAAA,CAAAJ,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AACA,IAAAe,mBAAA,GAAAX,sBAAA,CAAAJ,OAAA;AACA,IAAAgB,aAAA,GAAAZ,sBAAA,CAAAJ,OAAA;AAAsE,SAAAiB,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,SAAAnB,wBAAAuB,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;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,YAAA,CAAAH,MAAA,OAAAI,6BAAA,QAAAC,OAAA,GAAAD,6BAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAC,uBAAA,CAAAD,OAAA,EAAAT,IAAA,CAAAS,OAAA,YAAAE,GAAA,WAAAhB,gCAAA,CAAAS,MAAA,EAAAO,GAAA,EAAAC,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAC,KAAA,CAAAR,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAS,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAd,OAAA,CAAAN,MAAA,CAAAuB,MAAA,OAAAC,OAAA,WAAAzB,GAAA,QAAA0B,gBAAA,CAAAlC,OAAA,EAAA4B,MAAA,EAAApB,GAAA,EAAAwB,MAAA,CAAAxB,GAAA,SAAA2B,iCAAA,GAAAC,wBAAA,CAAAR,MAAA,EAAAO,iCAAA,CAAAH,MAAA,KAAAjB,OAAA,CAAAN,MAAA,CAAAuB,MAAA,GAAAC,OAAA,WAAAzB,GAAA,IAAAF,sBAAA,CAAAsB,MAAA,EAAApB,GAAA,EAAAD,gCAAA,CAAAyB,MAAA,EAAAxB,GAAA,iBAAAoB,MAAA;AAEvD,SAASS,SAASA,CAACC,KAAK,EAAE;EACvC,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAA2C,IAAAC,sDAA2B,GAAE;IAAhEC,QAAQ,GAAAF,qBAAA,CAARE,QAAQ;IAAWC,SAAS,GAAAH,qBAAA,CAAlBI,KAAK,CAAID,SAAS;EACpC,IAAAE,kBAAA,GAAsB,IAAAC,2BAAiB,GAAE;IAAjCC,SAAS,GAAAF,kBAAA,CAATE,SAAS;EAEjB,IAAAC,SAAA,GAAgF,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAnD,OAAA,EAAAgD,SAAA;IAAxFI,gCAAgC,GAAAF,UAAA;IAAEG,mCAAmC,GAAAH,UAAA;EAC5E,IAAAI,UAAA,GAA0C,IAAAL,eAAQ,EAAC,CAAC,CAAC;IAAAM,UAAA,OAAAJ,eAAA,CAAAnD,OAAA,EAAAsD,UAAA;IAA9CE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAEtC,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7BL,mCAAmC,CAAC,IAAI,CAAC;EAC3C,CAAC;EAED,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACzBN,mCAAmC,CAAC,KAAK,CAAC;EAC5C,CAAC;EAED,IAAMO,QAAQ,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC7B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIV,gCAAgC,EAAE;MACpCQ,QAAQ,CAACG,OAAO,CAACC,UAAU,EAAE;IAC/B;EACF,CAAC,EAAE,CAACZ,gCAAgC,CAAC,CAAC;EAEtC,IAAMa,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,QAAQ,EAAEC,KAAK,EAAK;IAC/CV,gBAAgB,CAACU,KAAK,CAAC;EACzB,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAASzB,SAAS,IAAIA,SAAS,CAACa,aAAa,CAAC;EAAA;EAE/D,IAAMa,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAI/B,KAAK,EAAK;IACpC,IAAQgC,MAAM,OAAAC,OAAA,CAAAvE,OAAA,EAAKsC,KAAK;IACxBK,SAAS,CAACa,aAAa,CAAC,GAAA7B,aAAA,KAEnB2C,MAAM,CACV;IAED5B,QAAQ,CAAC,IAAA8B,kCAAO,EAAC;MACf7B,SAAS,MAAA8B,mBAAA,CAAAzE,OAAA,EAAM2C,SAAS;IAC1B,CAAC,CAAC,CAAC;EACL,CAAC;EAED,IAAII,SAAS,IAAI,IAAA2B,eAAO,EAAC/B,SAAS,CAAC,EAAE,OAAO,IAAI;EAEhD,IAAMgC,gBAAgB,GAAG,IAAAC,0BAAmB,EAACjC,SAAS,EAAEyB,WAAW,EAAE,CAAC;EACtE,oBACE/F,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAAxG,MAAA,CAAA2B,OAAA,CAAA8E,QAAA,qBACEzG,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAACtF,aAAA,CAAAS,OAAY;IAAC+E,IAAI,EAAC,gBAAgB;IAACC,aAAa,EAAC,UAAU;IAACC,GAAG,EAAEC,IAAI,CAACC,GAAG,EAAG;IAACC,GAAG,EAAC,YAAY;IAACC,KAAK,EAAC;EAAkB,EAAG,eAC1HhH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC9F,QAAA,CAAAiB,OAAO;IAACuC,QAAQ,EAAEA;EAAS,EAAG,eAC/BlE,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAO,gBACpBjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC7F,WAAA,CAAAgB,OAAU;IAACuF,MAAM,EAAE;EAAmB,GACpCC,uCAA4B,eAC7BnH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IACES,SAAS,EAAC,mBAAmB;IAC7BG,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEhC;EAAiB,GAC3B,qCAED,CAAS,CACE,eACbrF,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC3F,2BAAA,CAAAc,OAA0B;IAAC4D,QAAQ,EAAEA,QAAS;IAACD,YAAY,EAAEA;EAAa,EAAG,EAC7EhB,SAAS,iBACRtE,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAAxG,MAAA,CAAA2B,OAAA,CAAA8E,QAAA,qBACEzG,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAsB,gBACnCjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC/F,GAAA,CAAA6G,MAAM;IACLC,EAAE,EAAC,MAAM;IACTF,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbG,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAE3H,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC/F,GAAA,CAAAmH,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,KAAK,EAAC;IAAS,EAAI;IACxDb,SAAS,EAAC;EAAS,EACnB,eAEFjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAM,gBACnBjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAQS,SAAS,EAAC;EAAmC,gBACnDjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC/F,GAAA,CAAAmH,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,KAAK,EAAC,SAAS;IAACb,SAAS,EAAC;EAAW,EAAG,uBAE9D,CAAS,eACTjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC/F,GAAA,CAAA6G,MAAM;IACLC,EAAE,EAAC,MAAM;IACTQ,QAAQ,EAAE,KAAM,CAAC;IAAA;IACjBV,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbG,mBAAc,CAACpE,IAAI,IAAA4E,MAAA,CAAI,IAAAC,mBAAU,GAAE,sBAAmB;IACxD,CAAE;IACFhB,SAAS,EAAC,sBAAsB;IAChCS,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAE3H,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC/F,GAAA,CAAAmH,IAAI;MAACC,IAAI,EAAC,aAAa;MAACC,KAAK,EAAC,SAAS;MAACb,SAAS,EAAC;IAAc,EAAI;IAC/EiB,OAAO;EAAA,EACP,CACE,CACF,eAENlI,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAA8B,gBAC3CjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAoE,gBACjFjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAK,gBAClBjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAIS,SAAS,EAAC;EAAyB,GAAC,WAExC,CAAK,EACJ,IAAAkB,IAAA,CAAAxG,OAAA,EAAA2C,SAAS,EAAA/B,IAAA,CAAT+B,SAAS,EAAK,UAACuB,QAAQ,EAAEC,KAAK;IAAA,oBAC7B9F,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;MAAKS,SAAS,EAAC,MAAM;MAAC9E,GAAG,mBAAA6F,MAAA,CAAmBnC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE0B,EAAE;IAAW,gBACjEvH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAAC1F,aAAA,CAAAa,OAAY;MACXkE,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MACbX,aAAa,EAAEA,aAAc;MAC7BkC,OAAO,EAAEzB;IAAoB,EAC7B,CACE;EAAA,CACP,CAAC,CACE,CACF,eACN5F,MAAA,CAAA2B,OAAA,CAAA6E,aAAA,CAACzF,oBAAA,CAAAY,OAAmB;IAACkE,QAAQ,EAAEE,WAAW,EAAG;IAACO,gBAAgB,EAAEA,gBAAiB;IAACR,KAAK,EAAEX,aAAc;IAACiD,QAAQ,EAAEpC;EAAmB,EAAG,CACpI,CAET,CACG,CACL;AAEP;AAEAhC,SAAS,CAACqE,SAAS,GAAG;EACpBnE,QAAQ,EAAEoE,oBAAS,CAACC,KAAK,CAACC;AAC5B,CAAC"}

package/dist/pages/referrals/constants.js

@@ -4,9 +4,13 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-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.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 attachements.\n  We group compatible referrals by defaults. ";
+exports.REVIEW_REFERRAL_DESCRIPTION = 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","ABOUT_GROUPED_REFERRALS","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","GROUPED_REFERRAL_MUST_HAVE_SAME","REFERRAL_PII_PHI_DESCRIPTION"],"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 attachements.\n  We group compatible referrals by defaults. `;\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"],"mappings":";;;;;;;AAAO,IAAMA,4BAA4B,iLAEK;AAACC,OAAA,CAAAD,4BAAA,GAAAA,4BAAA;AAExC,IAAME,uBAAuB,yRAEwD;AAACD,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAEtF,IAAMC,yCAAyC,4OAC+E;AAACF,OAAA,CAAAE,yCAAA,GAAAA,yCAAA;AAE/H,IAAMC,0BAA0B,wcAEgP;AAACH,OAAA,CAAAG,0BAAA,GAAAA,0BAAA;AAEjR,IAAMC,+BAA+B,GAAG,CAAC,cAAc,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;AAACJ,OAAA,CAAAI,+BAAA,GAAAA,+BAAA;AAEhJ,IAAMC,4BAA4B,GAAG,kLAAkL;AAACL,OAAA,CAAAK,4BAAA,GAAAA,4BAAA"}
+{"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"],"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"],"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"}

package/dist/pages/referrals/utils.js

@@ -25,7 +25,7 @@ var mapProgramsPerService = function mapProgramsPerService(programs) {
             programs: [program.id]
           });
         } else {
-          existingService.programs.push(program);
+          existingService.programs.push(program.id);
         }
       });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["_lodash","require","mapProgramsPerService","programs","result","_reduce","default","call","out","program","services","forEach","serviceId","existingService","_find","item","service","push","id","buildReferral","programIds","_context","_context2","_map","_concat","description","primaryWorker","attachments","paymentAuthForm","isGrouped","_parseInt2","Math","random","isFunded","isOON","buildReferralsFromPrograms","programsByService","referrals","referral","exports","getReferralStatus","grouped","funded","oon","compact","join","getProgramStatusDisplay","isReceivingReferrals","title","icon","color","getReferralSubtitle","selected","length"],"sources":["../../../src/pages/referrals/utils.js"],"sourcesContent":["import { compact } from 'lodash';\n\nconst mapProgramsPerService = (programs) => {\n  const result = programs.reduce((out, program) => {\n    if (program.services) {\n      program.services.forEach((serviceId) => {\n        const existingService = out.find(item => item.service === serviceId)\n        if (!existingService) {\n          out.push({\n            service: serviceId,\n            programs: [program.id]\n          })\n        } else {\n          existingService.programs.push(program)\n        }\n      })\n    }\n    return out;\n  }, [])\n\n  return result;\n}\n\nconst buildReferral = (programIds, service) => {\n  return {\n    programs: [].concat(programIds).map(id => ({ id })),\n    service: {\n      id: service\n    },\n    description: '',\n    primaryWorker: null,\n    attachments: null,\n    paymentAuthForm: null,\n    // Some random values until we do the grouping/funded features\n    get isGrouped() { return parseInt(Math.random() * 10) % 2 },\n    get isFunded() { return parseInt(Math.random() * 10) % 2 },\n    get isOON() { return parseInt(Math.random() * 10) % 2 }\n  }\n}\n\nexport const buildReferralsFromPrograms = (programs) => {\n  const programsByService = mapProgramsPerService(programs);\n  let referrals = [];\n  if (programsByService) {\n    referrals = programsByService.map(item => {\n      const referral = buildReferral(item.programs, item.service);\n      return referral;\n    })\n  }\n  return referrals;\n}\n\nexport const getReferralStatus = (referral) => {\n  const { isGrouped, isFunded, isOON } = referral;\n  const grouped = isGrouped ? 'Grouped' : '';\n  const funded = isFunded ? 'Funded' : '';\n  const oon = isOON ? 'Out of Network' : '';\n\n  return compact([grouped, funded, oon]).join(', ');\n};\n\nexport const getProgramStatusDisplay = (isReceivingReferrals, isOON) => {\n  if (isOON) { return { title: 'Out of Network', icon: 'IconElectronsArrow', color: '' }; }\n  if (isReceivingReferrals) { return { title: 'Accepting Referrals', icon: 'IconCheckCircle', color: '#1CCA21' }; }\n  if (!isReceivingReferrals) { return { title: 'Not Accepting Referrals', icon: 'IconCrossCircle',  color: '#E53E3E' }; }\n\n  return { title: '', icon: '', color: '' }\n};\n\nexport const getReferralSubtitle = (referrals, selected) => {\n  if (selected && selected.isOON) { return 'The case manager will be responsible for following up with the client.'; }\n  if (referrals && referrals.length > 1) { return 'The first recipient to accept the referral will become the case manager.'; }\n\n  return 'The recipient will be able to accept, reject, or forward this referral.';\n};\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["_lodash","require","mapProgramsPerService","programs","result","_reduce","default","call","out","program","services","forEach","serviceId","existingService","_find","item","service","push","id","buildReferral","programIds","_context","_context2","_map","_concat","description","primaryWorker","attachments","paymentAuthForm","isGrouped","_parseInt2","Math","random","isFunded","isOON","buildReferralsFromPrograms","programsByService","referrals","referral","exports","getReferralStatus","grouped","funded","oon","compact","join","getProgramStatusDisplay","isReceivingReferrals","title","icon","color","getReferralSubtitle","selected","length"],"sources":["../../../src/pages/referrals/utils.js"],"sourcesContent":["import { compact } from 'lodash';\n\nconst mapProgramsPerService = (programs) => {\n  const result = programs.reduce((out, program) => {\n    if (program.services) {\n      program.services.forEach((serviceId) => {\n        const existingService = out.find(item => item.service === serviceId)\n        if (!existingService) {\n          out.push({\n            service: serviceId,\n            programs: [program.id]\n          })\n        } else {\n          existingService.programs.push(program.id)\n        }\n      })\n    }\n    return out;\n  }, [])\n\n  return result;\n}\n\nconst buildReferral = (programIds, service) => {\n  return {\n    programs: [].concat(programIds).map(id => ({ id })),\n    service: {\n      id: service\n    },\n    description: '',\n    primaryWorker: null,\n    attachments: null,\n    paymentAuthForm: null,\n    // Some random values until we do the grouping/funded features\n    get isGrouped() { return parseInt(Math.random() * 10) % 2 },\n    get isFunded() { return parseInt(Math.random() * 10) % 2 },\n    get isOON() { return parseInt(Math.random() * 10) % 2 }\n  }\n}\n\nexport const buildReferralsFromPrograms = (programs) => {\n  const programsByService = mapProgramsPerService(programs);\n  let referrals = [];\n  if (programsByService) {\n    referrals = programsByService.map(item => {\n      const referral = buildReferral(item.programs, item.service);\n      return referral;\n    })\n  }\n  return referrals;\n}\n\nexport const getReferralStatus = (referral) => {\n  const { isGrouped, isFunded, isOON } = referral;\n  const grouped = isGrouped ? 'Grouped' : '';\n  const funded = isFunded ? 'Funded' : '';\n  const oon = isOON ? 'Out of Network' : '';\n\n  return compact([grouped, funded, oon]).join(', ');\n};\n\nexport const getProgramStatusDisplay = (isReceivingReferrals, isOON) => {\n  if (isOON) { return { title: 'Out of Network', icon: 'IconElectronsArrow', color: '' }; }\n  if (isReceivingReferrals) { return { title: 'Accepting Referrals', icon: 'IconCheckCircle', color: '#1CCA21' }; }\n  if (!isReceivingReferrals) { return { title: 'Not Accepting Referrals', icon: 'IconCrossCircle',  color: '#E53E3E' }; }\n\n  return { title: '', icon: '', color: '' }\n};\n\nexport const getReferralSubtitle = (referrals, selected) => {\n  if (selected && selected.isOON) { return 'The case manager will be responsible for following up with the client.'; }\n  if (referrals && referrals.length > 1) { return 'The first recipient to accept the referral will become the case manager.'; }\n\n  return 'The recipient will be able to accept, reject, or forward this referral.';\n};\n"],"mappings":"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"}

package/dist/pages/review/Review.js

@@ -10,6 +10,8 @@ var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-
 var _ui = require("@unite-us/ui");
 var _react = _interopRequireDefault(require("react"));
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
+var _StepHeader = _interopRequireDefault(require("../../components/StepHeader"));
+var _constants = require("../referrals/constants");
 var _api = require("../../config/api");
 var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
@@ -25,9 +27,12 @@ function Review(props) {
     email: "rwilson@test.com"
   }), /*#__PURE__*/_react.default.createElement(_Stepper.default, {
     location: location
-  }), /*#__PURE__*/_react.default.createElement("h1", {
-    className: "text-4xl my-5"
-  }, "Review Step"), /*#__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, {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "px-12"
+  }, /*#__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();
@@ -40,6 +45,6 @@ function Review(props) {
     },
     primary: true,
     label: "Finish"
-  }));
+  })));
 }
 //# sourceMappingURL=Review.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireDefault","_Stepper","_api","_AppCreateReferralProvider","_ClientHeader","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","_stringify","Button","id","onClick","browserHistory","goBack","label","callbacks","onReferralCompleted","primary"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button } from '@unite-us/ui';\nimport React from 'react';\nimport Stepper from '../../components/Stepper';\nimport { browserHistory, callbacks } from '../../config/api';\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  return (\n    <>\n      <ClientHeader name=\"Richard Wilson\" consentStatus=\"accepted\" dob={Date.now()} tel=\"9876543210\" email=\"rwilson@test.com\" />\n      <Stepper location={location} />\n      <h1 className='text-4xl my-5'>Review Step</h1>\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          callbacks.onReferralCompleted();\n        }}\n        primary\n        label=\"Finish\"\n      />\n\n    </>\n  )\n}"],"mappings":";;;;;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAEe,SAASO,MAAMA,CAACC,KAAK,EAAE;EACpC,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAAkB,IAAAC,sDAA2B,GAAE;IAAvCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;EAEb,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,qBACEd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAO,OAAY;IAACG,IAAI,EAAC,gBAAgB;IAACC,aAAa,EAAC,UAAU;IAACC,GAAG,EAAEC,IAAI,CAACC,GAAG,EAAG;IAACC,GAAG,EAAC,YAAY;IAACC,KAAK,EAAC;EAAkB,EAAG,eAC1HrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACX,QAAA,CAAAU,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/BR,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIS,SAAS,EAAC;EAAe,GAAC,aAAW,CAAK,eAE9CtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,2BACEb,MAAA,CAAAY,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBb,MAAA,CAAAY,OAAA,CAAAC,aAAA,eAAO,IAAAU,UAAA,CAAAX,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eACNX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,GAAA,CAAA0B,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAEF7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,GAAA,CAAA0B,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbI,cAAS,CAACC,mBAAmB,EAAE;IACjC,CAAE;IACFC,OAAO;IACPH,KAAK,EAAC;EAAQ,EACd,CAED;AAEP"}
+{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireDefault","_Stepper","_StepHeader","_constants","_api","_AppCreateReferralProvider","_ClientHeader","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","icon","header","REVIEW_REFERRAL_DESCRIPTION","_stringify","Button","id","onClick","browserHistory","goBack","label","callbacks","onReferralCompleted","primary"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button } from '@unite-us/ui';\nimport React from 'react';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REVIEW_REFERRAL_DESCRIPTION } from '../referrals/constants';\nimport { browserHistory, callbacks } from '../../config/api';\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  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 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            callbacks.onReferralCompleted();\n          }}\n          primary\n          label=\"Finish\"\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAN,sBAAA,CAAAF,OAAA;AAEe,SAASS,MAAMA,CAACC,KAAK,EAAE;EACpC,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAAkB,IAAAC,sDAA2B,GAAE;IAAvCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;EAEb,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAO,OAAY;IAACG,IAAI,EAAC,gBAAgB;IAACC,aAAa,EAAC,UAAU;IAACC,GAAG,EAAEC,IAAI,CAACC,GAAG,EAAG;IAACC,GAAG,EAAC,YAAY;IAACC,KAAK,EAAC;EAAkB,EAAG,eAC1HvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACb,QAAA,CAAAY,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/BV,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKS,SAAS,EAAC;EAAO,gBACpBxB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAW,OAAU;IAACW,IAAI;IAACC,MAAM,EAAE;EAAc,GACpCC,sCAA2B,CACjB,eAEb3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,2BACEf,MAAA,CAAAc,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBf,MAAA,CAAAc,OAAA,CAAAC,aAAA,eAAO,IAAAa,UAAA,CAAAd,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eACNb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,GAAA,CAAA+B,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAEFlC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,GAAA,CAAA+B,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbI,cAAS,CAACC,mBAAmB,EAAE;IACjC,CAAE;IACFC,OAAO;IACPH,KAAK,EAAC;EAAQ,EACd,CACE,CACL;AAEP"}

package/dist/pages/supporting_info/SupportingInfo.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _getBaseUrl = _interopRequireDefault(require("../../utils/getBaseUrl"));
 var _api = require("../../config/api");
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
+var _StepHeader = _interopRequireDefault(require("../../components/StepHeader"));
+var _constants = require("../referrals/constants");
 var _ui = require("@unite-us/ui");
 var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
@@ -26,9 +28,9 @@ function SupportingInfo(props) {
     email: "rwilson@test.com"
   }), /*#__PURE__*/_react.default.createElement(_Stepper.default, {
     location: location
-  }), /*#__PURE__*/_react.default.createElement("h1", {
-    className: "text-4xl my-5"
-  }, "Supporting Info "), /*#__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, {
+  }), /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
+    header: 'Supporting Info'
+  }, _constants.CREATE_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();

package/dist/pages/supporting_info/SupportingInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportingInfo.js","names":["_react","_interopRequireDefault","require","_getBaseUrl","_api","_Stepper","_ui","_AppCreateReferralProvider","_ClientHeader","SupportingInfo","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","_stringify","Button","id","onClick","browserHistory","goBack","label","push","concat","getBaseUrl","primary"],"sources":["../../../src/pages/supporting_info/SupportingInfo.js"],"sourcesContent":["import React from 'react';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport Stepper from '../../components/Stepper';\nimport { Button } from '@unite-us/ui';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\n\nexport default function SupportingInfo(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\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      <h1 className='text-4xl my-5'>Supporting Info </h1>\n\n      <div>\n        <h1>Context State:</h1>\n        <code>{JSON.stringify(state)}</code>\n      </div>\n\n      <Button\n        id=\"back\"\n        onClick={() => {\n          browserHistory.goBack()\n        }}\n        label=\"Back\"\n      />\n\n\n      <Button\n        id=\"next\"\n        onClick={() => {\n          browserHistory.push(`${getBaseUrl()}/review`)\n        }}\n        label=\"Next Step 4\"\n        primary\n      />\n    </>\n  )\n}"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEe,SAASO,cAAcA,CAACC,KAAK,EAAE;EAC5C,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAAkB,IAAAC,sDAA2B,GAAE;IAAvCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;EAEb,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAAhB,MAAA,CAAAe,OAAA,CAAAE,QAAA,qBACEjB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAO,OAAY;IAACG,IAAI,EAAC,gBAAgB;IAACC,aAAa,EAAC,UAAU;IAACC,GAAG,EAAEC,IAAI,CAACC,GAAG,EAAG;IAACC,GAAG,EAAC,YAAY;IAACC,KAAK,EAAC;EAAkB,EAAG,eAC1HxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,QAAA,CAAAU,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/BX,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAIS,SAAS,EAAC;EAAe,GAAC,kBAAgB,CAAK,eAEnDzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,2BACEhB,MAAA,CAAAe,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBhB,MAAA,CAAAe,OAAA,CAAAC,aAAA,eAAO,IAAAU,UAAA,CAAAX,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eAENd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,GAAA,CAAAqB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAGFhC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,GAAA,CAAAqB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACG,IAAI,IAAAC,MAAA,CAAI,IAAAC,mBAAU,GAAE,aAAU;IAC/C,CAAE;IACFH,KAAK,EAAC,aAAa;IACnBI,OAAO;EAAA,EACP,CACD;AAEP"}
+{"version":3,"file":"SupportingInfo.js","names":["_react","_interopRequireDefault","require","_getBaseUrl","_api","_Stepper","_StepHeader","_constants","_ui","_AppCreateReferralProvider","_ClientHeader","SupportingInfo","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","header","CREATE_REFERRAL_DESCRIPTION","_stringify","Button","id","onClick","browserHistory","goBack","label","push","concat","getBaseUrl","primary"],"sources":["../../../src/pages/supporting_info/SupportingInfo.js"],"sourcesContent":["import React from 'react';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { CREATE_REFERRAL_DESCRIPTION } from '../referrals/constants';\nimport { Button } from '@unite-us/ui';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\n\nexport default function SupportingInfo(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\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      <StepHeader header={'Supporting Info'}>\n        {CREATE_REFERRAL_DESCRIPTION}\n      </StepHeader>\n\n      <div>\n        <h1>Context State:</h1>\n        <code>{JSON.stringify(state)}</code>\n      </div>\n\n      <Button\n        id=\"back\"\n        onClick={() => {\n          browserHistory.goBack()\n        }}\n        label=\"Back\"\n      />\n\n\n      <Button\n        id=\"next\"\n        onClick={() => {\n          browserHistory.push(`${getBaseUrl()}/review`)\n        }}\n        label=\"Next Step 4\"\n        primary\n      />\n    </>\n  )\n}"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,GAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEe,SAASS,cAAcA,CAACC,KAAK,EAAE;EAC5C,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAAkB,IAAAC,sDAA2B,GAAE;IAAvCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;EAEb,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,qBACEnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAO,OAAY;IAACG,IAAI,EAAC,gBAAgB;IAACC,aAAa,EAAC,UAAU;IAACC,GAAG,EAAEC,IAAI,CAACC,GAAG,EAAG;IAACC,GAAG,EAAC,YAAY;IAACC,KAAK,EAAC;EAAkB,EAAG,eAC1H1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,QAAA,CAAAY,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/Bb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAW,OAAU;IAACU,MAAM,EAAE;EAAkB,GACnCC,sCAA2B,CACjB,eAEb5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,2BACElB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBlB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,eAAO,IAAAW,UAAA,CAAAZ,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eAENhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,GAAA,CAAAsB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAGFnC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,GAAA,CAAAsB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACG,IAAI,IAAAC,MAAA,CAAI,IAAAC,mBAAU,GAAE,aAAU;IAC/C,CAAE;IACFH,KAAK,EAAC,aAAa;IACnBI,OAAO;EAAA,EACP,CACD;AAEP"}

package/package.json

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