@unite-us/app-create-referral 0.1.11 → 0.1.13

package/dist/components/ClientHeader/ClientHeader.js

@@ -0,0 +1,80 @@
+"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 = ClientHeader;
+var _react = _interopRequireDefault(require("react"));
+var _ui = require("@unite-us/ui");
+var _getDOBData = _interopRequireDefault(require("./utils/getDOBData"));
+var _formatPhoneNumber = _interopRequireDefault(require("./utils/formatPhoneNumber"));
+function ConsentStatus(_ref) {
+  var status = _ref.status;
+  // TODO: Implement rest of statuses
+  var getConsentStatusDisplayText = function getConsentStatusDisplayText(status) {
+    switch (status) {
+      case "unsent":
+        return "";
+      case "pending":
+        return "";
+      case "accepted":
+        return "Consent accepted";
+      case "declined":
+        return "";
+      default:
+        return "";
+    }
+  };
+  var consentStatusDisplayText = getConsentStatusDisplayText(status);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "bg-green py-2 px-3 flex items-center rounded h-full"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "V2CheckCircle",
+    color: "white"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "ml-2 text-white"
+  }, consentStatusDisplayText));
+}
+function ClientHeader(_ref2) {
+  var name = _ref2.name,
+    consentStatus = _ref2.consentStatus,
+    dob = _ref2.dob,
+    tel = _ref2.tel,
+    email = _ref2.email;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "border-b border-dark-pale-blue px-12 py-6"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/_react.default.createElement("h2", {
+    className: "mr-3 text-dark-blue text-4xl mr-2.5"
+  }, name), /*#__PURE__*/_react.default.createElement(ConsentStatus, {
+    status: consentStatus
+  })), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "flex space-x-3"
+  }, /*#__PURE__*/_react.default.createElement("li", {
+    className: "flex space-x-2"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "font-black text-lg text-black"
+  }, "DOB"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-black text-lg"
+  }, (0, _getDOBData.default)(dob))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "border-dark-pale-blue border-r"
+  }), /*#__PURE__*/_react.default.createElement("li", {
+    className: "flex space-x-3"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "font-black text-lg text-black"
+  }, "TEL"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-black text-lg"
+  }, (0, _formatPhoneNumber.default)(tel))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "border-dark-pale-blue border-r"
+  }), /*#__PURE__*/_react.default.createElement("li", {
+    className: "flex space-x-3"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "font-black text-lg text-black"
+  }, "EMAIL"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-black text-lg"
+  }, email))));
+}
+//# sourceMappingURL=ClientHeader.js.map

package/dist/components/ClientHeader/ClientHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientHeader.js","names":["_react","_interopRequireDefault","require","_ui","_getDOBData","_formatPhoneNumber","ConsentStatus","_ref","status","getConsentStatusDisplayText","consentStatusDisplayText","default","createElement","className","Icon","icon","color","ClientHeader","_ref2","name","consentStatus","dob","tel","email","getDobData","formatPhoneNumber"],"sources":["../../../src/components/ClientHeader/ClientHeader.js"],"sourcesContent":["import React from 'react';\nimport { Icon, Divider } from '@unite-us/ui';\nimport getDobData from './utils/getDOBData';\nimport formatPhoneNumber from './utils/formatPhoneNumber';\n\nfunction ConsentStatus({ status }) {\n  // TODO: Implement rest of statuses\n  const getConsentStatusDisplayText = (status) => {\n    switch (status) {\n      case \"unsent\": return \"\";\n      case \"pending\": return \"\";\n      case \"accepted\": return \"Consent accepted\";\n      case \"declined\": return \"\";\n      default: return \"\";\n    }\n  }\n\n  const consentStatusDisplayText = getConsentStatusDisplayText(status);\n\n  \n  return (\n    <div className=\"bg-green py-2 px-3 flex items-center rounded h-full\">\n      <Icon icon=\"V2CheckCircle\" color=\"white\" />\n      <p className=\"ml-2 text-white\">{consentStatusDisplayText}</p>\n    </div>\n  )\n}\n\nexport default function ClientHeader({ name, consentStatus, dob, tel, email }) {\n\n  return (\n    <div className=\"border-b border-dark-pale-blue px-12 py-6\">\n      <div className=\"flex items-center\">\n        <h2 className=\"mr-3 text-dark-blue text-4xl mr-2.5\">{name}</h2>\n        <ConsentStatus status={consentStatus} />\n      </div>\n      <ul className=\"flex space-x-3\">\n        <li className=\"flex space-x-2\">\n          <p className=\"font-black text-lg text-black\">DOB</p>\n          <p className=\"text-black text-lg\">{getDobData(dob)}</p>\n        </li>\n        <span className=\"border-dark-pale-blue border-r\" />\n        <li className=\"flex space-x-3\">\n          <p className=\"font-black text-lg text-black\">TEL</p>\n          <p className=\"text-black text-lg\">{formatPhoneNumber(tel)}</p>\n        </li>\n        <span className=\"border-dark-pale-blue border-r\" />\n        <li className=\"flex space-x-3\">\n          <p className=\"font-black text-lg text-black\">EMAIL</p>\n          <p className=\"text-black text-lg\">{email}</p>\n        </li>\n      </ul>\n    </div>\n  )\n}"],"mappings":"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"}

package/dist/components/ClientHeader/utils/formatPhoneNumber.js

@@ -0,0 +1,45 @@
+"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 _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var PHONE_FORMATS = [
+// "+15556667777" or with extension ("+15556667777 1234" or "+155566677771234")
+/^\+[0-9]([0-9]{3})([0-9]{3})([0-9]{4})\s?([0-9]*)/,
+// "5556667777" or with extension
+/^([0-9]{3})([0-9]{3})([0-9]{4})\s?([0-9]*)/,
+//
+// "6667777" minimum 7 digits
+/^([0-9]{3})([0-9]{4})/];
+function isValidMinimum(match) {
+  return match && match[0].length === 7;
+}
+function formatPhoneNumber(phoneNumber) {
+  var detailedExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (phoneNumber) {
+    for (var i = 0; i < PHONE_FORMATS.length; i++) {
+      var match = phoneNumber.match(PHONE_FORMATS[i]);
+      if (isValidMinimum(match)) {
+        var _context, _context2;
+        return (0, _trim.default)(_context = (0, _concat.default)(_context2 = "(---) ".concat(match[1], "-")).call(_context2, match[2])).call(_context);
+      }
+      if (match) {
+        var _context7, _context8, _context9, _context10;
+        if (match[4] && detailedExtension) {
+          var _context3, _context4, _context5, _context6;
+          return (0, _trim.default)(_context3 = (0, _concat.default)(_context4 = (0, _concat.default)(_context5 = (0, _concat.default)(_context6 = "(".concat(match[1], ") ")).call(_context6, match[2], "-")).call(_context5, match[3], " ext. ")).call(_context4, match[4])).call(_context3);
+        }
+        return (0, _trim.default)(_context7 = (0, _concat.default)(_context8 = (0, _concat.default)(_context9 = (0, _concat.default)(_context10 = "(".concat(match[1], ") ")).call(_context10, match[2], "-")).call(_context9, match[3], " ")).call(_context8, match[4])).call(_context7);
+      }
+    }
+  }
+  return '';
+}
+var _default = formatPhoneNumber;
+exports.default = _default;
+//# sourceMappingURL=formatPhoneNumber.js.map

package/dist/components/ClientHeader/utils/formatPhoneNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatPhoneNumber.js","names":["PHONE_FORMATS","isValidMinimum","match","length","formatPhoneNumber","phoneNumber","detailedExtension","arguments","undefined","i","_context","_context2","_trim","default","_concat","concat","call","_context7","_context8","_context9","_context10","_context3","_context4","_context5","_context6","_default","exports"],"sources":["../../../../src/components/ClientHeader/utils/formatPhoneNumber.js"],"sourcesContent":["const PHONE_FORMATS = [\n    // \"+15556667777\" or with extension (\"+15556667777 1234\" or \"+155566677771234\")\n    /^\\+[0-9]([0-9]{3})([0-9]{3})([0-9]{4})\\s?([0-9]*)/,\n  \n    // \"5556667777\" or with extension\n    /^([0-9]{3})([0-9]{3})([0-9]{4})\\s?([0-9]*)/,\n    //\n    // \"6667777\" minimum 7 digits\n    /^([0-9]{3})([0-9]{4})/,\n  ];\n  \n  function isValidMinimum(match) {\n    return match && match[0].length === 7;\n  }\n  \n  function formatPhoneNumber(phoneNumber, detailedExtension = false) {\n    if (phoneNumber) {\n      for (let i = 0; i < PHONE_FORMATS.length; i++) {\n        const match = phoneNumber.match(PHONE_FORMATS[i]);\n  \n        if (isValidMinimum(match)) {\n          return `(---) ${match[1]}-${match[2]}`.trim();\n        }\n        if (match) {\n          if (match[4] && detailedExtension) {\n            return `(${match[1]}) ${match[2]}-${match[3]} ext. ${match[4]}`.trim();\n          }\n          return `(${match[1]}) ${match[2]}-${match[3]} ${match[4]}`.trim();\n        }\n      }\n    }\n  \n    return '';\n  }\n  \n  export default formatPhoneNumber;\n  "],"mappings":";;;;;;;;;;AAAA,IAAMA,aAAa,GAAG;AAClB;AACA,mDAAmD;AAEnD;AACA,4CAA4C;AAC5C;AACA;AACA,uBAAuB,CACxB;AAED,SAASC,cAAcA,CAACC,KAAK,EAAE;EAC7B,OAAOA,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,CAACC,MAAM,KAAK,CAAC;AACvC;AAEA,SAASC,iBAAiBA,CAACC,WAAW,EAA6B;EAAA,IAA3BC,iBAAiB,GAAAC,SAAA,CAAAJ,MAAA,QAAAI,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,KAAK;EAC/D,IAAIF,WAAW,EAAE;IACf,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGT,aAAa,CAACG,MAAM,EAAEM,CAAC,EAAE,EAAE;MAC7C,IAAMP,KAAK,GAAGG,WAAW,CAACH,KAAK,CAACF,aAAa,CAACS,CAAC,CAAC,CAAC;MAEjD,IAAIR,cAAc,CAACC,KAAK,CAAC,EAAE;QAAA,IAAAQ,QAAA,EAAAC,SAAA;QACzB,OAAO,IAAAC,KAAA,CAAAC,OAAA,EAAAH,QAAA,OAAAI,OAAA,CAAAD,OAAA,EAAAF,SAAA,YAAAI,MAAA,CAASb,KAAK,CAAC,CAAC,CAAC,QAAAc,IAAA,CAAAL,SAAA,EAAIT,KAAK,CAAC,CAAC,CAAC,GAAAc,IAAA,CAAAN,QAAA,CAAS;MAC/C;MACA,IAAIR,KAAK,EAAE;QAAA,IAAAe,SAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,UAAA;QACT,IAAIlB,KAAK,CAAC,CAAC,CAAC,IAAII,iBAAiB,EAAE;UAAA,IAAAe,SAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,SAAA;UACjC,OAAO,IAAAZ,KAAA,CAAAC,OAAA,EAAAQ,SAAA,OAAAP,OAAA,CAAAD,OAAA,EAAAS,SAAA,OAAAR,OAAA,CAAAD,OAAA,EAAAU,SAAA,OAAAT,OAAA,CAAAD,OAAA,EAAAW,SAAA,OAAAT,MAAA,CAAIb,KAAK,CAAC,CAAC,CAAC,SAAAc,IAAA,CAAAQ,SAAA,EAAKtB,KAAK,CAAC,CAAC,CAAC,QAAAc,IAAA,CAAAO,SAAA,EAAIrB,KAAK,CAAC,CAAC,CAAC,aAAAc,IAAA,CAAAM,SAAA,EAASpB,KAAK,CAAC,CAAC,CAAC,GAAAc,IAAA,CAAAK,SAAA,CAAS;QACxE;QACA,OAAO,IAAAT,KAAA,CAAAC,OAAA,EAAAI,SAAA,OAAAH,OAAA,CAAAD,OAAA,EAAAK,SAAA,OAAAJ,OAAA,CAAAD,OAAA,EAAAM,SAAA,OAAAL,OAAA,CAAAD,OAAA,EAAAO,UAAA,OAAAL,MAAA,CAAIb,KAAK,CAAC,CAAC,CAAC,SAAAc,IAAA,CAAAI,UAAA,EAAKlB,KAAK,CAAC,CAAC,CAAC,QAAAc,IAAA,CAAAG,SAAA,EAAIjB,KAAK,CAAC,CAAC,CAAC,QAAAc,IAAA,CAAAE,SAAA,EAAIhB,KAAK,CAAC,CAAC,CAAC,GAAAc,IAAA,CAAAC,SAAA,CAAS;MACnE;IACF;EACF;EAEA,OAAO,EAAE;AACX;AAAC,IAAAQ,QAAA,GAEcrB,iBAAiB;AAAAsB,OAAA,CAAAb,OAAA,GAAAY,QAAA"}

package/dist/components/ClientHeader/utils/getDOBData.js

@@ -0,0 +1,19 @@
+"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 = getDobData;
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _clientUtils = require("@unite-us/client-utils");
+var _moment = _interopRequireDefault(require("moment"));
+function getDobData(dateOfBirth) {
+  var _context;
+  var birthData = _clientUtils.dates.formatDate(dateOfBirth);
+  var currentDate = (0, _moment.default)(new Date());
+  var age = Math.floor(currentDate.diff(birthData, 'years', true));
+  return (0, _concat.default)(_context = "".concat(birthData, " (Age ")).call(_context, age, ")");
+}
+//# sourceMappingURL=getDOBData.js.map

package/dist/components/ClientHeader/utils/getDOBData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDOBData.js","names":["_clientUtils","require","_moment","_interopRequireDefault","getDobData","dateOfBirth","_context","birthData","dates","formatDate","currentDate","moment","Date","age","Math","floor","diff","_concat","default","concat","call"],"sources":["../../../../src/components/ClientHeader/utils/getDOBData.js"],"sourcesContent":["import { dates } from '@unite-us/client-utils';\nimport moment from 'moment';\n\nexport default function getDobData(dateOfBirth) {\n  const birthData = dates.formatDate(dateOfBirth);\n  const currentDate = moment(new Date());\n  const age = Math.floor(currentDate.diff(birthData, 'years', true));\n\n  return `${birthData} (Age ${age})`;\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEe,SAASG,UAAUA,CAACC,WAAW,EAAE;EAAA,IAAAC,QAAA;EAC9C,IAAMC,SAAS,GAAGC,kBAAK,CAACC,UAAU,CAACJ,WAAW,CAAC;EAC/C,IAAMK,WAAW,GAAG,IAAAC,eAAM,EAAC,IAAIC,IAAI,EAAE,CAAC;EACtC,IAAMC,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACL,WAAW,CAACM,IAAI,CAACT,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;EAElE,WAAAU,OAAA,CAAAC,OAAA,EAAAZ,QAAA,MAAAa,MAAA,CAAUZ,SAAS,aAAAa,IAAA,CAAAd,QAAA,EAASO,GAAG;AACjC"}

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/Referrals.js

@@ -27,12 +27,14 @@ 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"));
 var _ReferralBuilderForm = _interopRequireDefault(require("./ReferralBuilderForm"));
 var _utils = require("./utils");
 var _useBuildReferrals2 = _interopRequireDefault(require("./useBuildReferrals"));
+var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
 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; }
@@ -79,21 +81,23 @@ function Referrals(props) {
   };
   if (isLoading || (0, _lodash.isEmpty)(referrals)) return null;
   var referralSubtitle = (0, _utils.getReferralSubtitle)(referrals, getSelected());
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stepper.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
+    name: "Richard Wilson",
+    consentStatus: "accepted",
+    dob: Date.now(),
+    tel: "9876543210",
+    email: "rwilson@test.com"
+  }), /*#__PURE__*/_react.default.createElement(_Stepper.default, {
     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", {

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","_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","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';\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      <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              />\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":";;;;;;;;;;;;;;;;;;;;;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,CAAAA,aAAA,KACnByC,WAAW,EAAE,GACbE,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,EACxD,eAEF9H,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,MAAM;IAChBS,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;EAAiB,gBAC9BjH,MAAA,CAAA2B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAuD,gBACpEjH,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,8KAEG;AAACC,OAAA,CAAAD,4BAAA,GAAAA,4BAAA;AAEtC,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/review/Review.js

@@ -10,17 +10,29 @@ 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"));
 function Review(props) {
   var location = props.location;
   var _useAppCreateReferral = (0, _AppCreateReferralProvider.useAppCreateReferralContext)(),
     state = _useAppCreateReferral.state;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stepper.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
+    name: "Richard Wilson",
+    consentStatus: "accepted",
+    dob: Date.now(),
+    tel: "9876543210",
+    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();
@@ -33,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","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","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';\n\nexport default function Review(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\n\n  return (\n    <>\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;AAEe,SAASM,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,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,qBACEb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAS,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/BP,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAe,GAAC,aAAW,CAAK,eAE9Cd,MAAA,CAAAW,OAAA,CAAAC,aAAA,2BACEZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,eAAO,IAAAG,UAAA,CAAAJ,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eACNV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,GAAA,CAAAkB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAEFrB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,GAAA,CAAAkB,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,17 +11,26 @@ 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"));
 function SupportingInfo(props) {
   var location = props.location;
   var _useAppCreateReferral = (0, _AppCreateReferralProvider.useAppCreateReferralContext)(),
     state = _useAppCreateReferral.state;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stepper.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
+    name: "Richard Wilson",
+    consentStatus: "accepted",
+    dob: Date.now(),
+    tel: "9876543210",
+    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","SupportingInfo","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","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';\n\nexport default function SupportingInfo(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\n\n  return (\n    <>\n\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;AAEe,SAASM,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,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBAEEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAS,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/BV,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAe,GAAC,kBAAgB,CAAK,eAEnDjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,2BACEf,MAAA,CAAAc,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBf,MAAA,CAAAc,OAAA,CAAAC,aAAA,eAAO,IAAAG,UAAA,CAAAJ,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eAENb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,GAAA,CAAAa,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAGFxB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,GAAA,CAAAa,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.11",
+  "version": "0.1.13",
   "main": "build/index.js",
   "author": "Alex Morales",
   "dependencies": {