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

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

@@ -33,6 +33,7 @@ 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,7 +80,13 @@ 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"

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":";;;;;;;;;;;;;;;;;;;;;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,UAAA,GAAAT,OAAA;AACA,IAAAU,2BAAA,GAAAN,sBAAA,CAAAJ,OAAA;AACA,IAAAW,aAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,oBAAA,GAAAR,sBAAA,CAAAJ,OAAA;AACA,IAAAa,MAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAV,sBAAA,CAAAJ,OAAA;AAAoD,SAAAe,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,SAAAjB,wBAAAqB,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;AAErC,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,oBACE7F,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAAtG,MAAA,CAAAyB,OAAA,CAAA8E,QAAA,qBACEvG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC5F,QAAA,CAAAe,OAAO;IAACuC,QAAQ,EAAEA;EAAS,EAAG,eAC/BhE,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAO,gBACpBxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAIE,SAAS,EAAC;EAAqC,GAAC,kBAAgB,CAAK,eACzExG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAyB,gBACtCxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAmB,GAC/BC,uCAA4B,eAC7BzG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IACEE,SAAS,EAAC,mBAAmB;IAC7BE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAExB;EAAiB,GAC3B,qCAED,CAAS,CACL,CACF,eAENnF,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC1F,2BAAA,CAAAa,OAA0B;IAAC4D,QAAQ,EAAEA,QAAS;IAACD,YAAY,EAAEA;EAAa,EAAG,EAE7EhB,SAAS,iBACRpE,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAAtG,MAAA,CAAAyB,OAAA,CAAA8E,QAAA,qBACEvG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAsB,gBACnCxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC7F,GAAA,CAAAmG,MAAM;IACLC,EAAE,EAAC,MAAM;IACTF,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbG,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAEjH,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC7F,GAAA,CAAAyG,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,KAAK,EAAC;IAAS;EAAI,EACxD,eAEFpH,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAM,gBACnBxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAQE,SAAS,EAAC;EAAmC,gBACnDxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC7F,GAAA,CAAAyG,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,KAAK,EAAC,SAAS;IAACZ,SAAS,EAAC;EAAW,EAAG,uBAE9D,CAAS,eACTxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC7F,GAAA,CAAAmG,MAAM;IACLC,EAAE,EAAC,MAAM;IACTQ,QAAQ,EAAE,KAAM,CAAC;IAAA;IACjBV,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbG,mBAAc,CAAC5D,IAAI,IAAAoE,MAAA,CAAI,IAAAC,mBAAU,GAAE,sBAAmB;IACxD,CAAE;IACFf,SAAS,EAAC,MAAM;IAChBQ,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAEjH,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAAC7F,GAAA,CAAAyG,IAAI;MAACC,IAAI,EAAC,aAAa;MAACC,KAAK,EAAC,SAAS;MAACZ,SAAS,EAAC;IAAc,EAAI;IAC/EgB,OAAO;EAAA,EACP,CACE,CACF,eAENxH,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAiB,gBAC9BxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAuD,gBACpExG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAKE,SAAS,EAAC;EAAK,gBAClBxG,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;IAAIE,SAAS,EAAC;EAAyB,GAAC,WAExC,CAAK,EACJ,IAAAiB,IAAA,CAAAhG,OAAA,EAAA2C,SAAS,EAAA/B,IAAA,CAAT+B,SAAS,EAAK,UAACuB,QAAQ,EAAEC,KAAK;IAAA,oBAC7B5F,MAAA,CAAAyB,OAAA,CAAA6E,aAAA;MAAKE,SAAS,EAAC,MAAM;MAACvE,GAAG,mBAAAqF,MAAA,CAAmB3B,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEkB,EAAE;IAAW,gBACjE7G,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAACzF,aAAA,CAAAY,OAAY;MACXkE,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MACbX,aAAa,EAAEA,aAAc;MAC7B0B,OAAO,EAAEjB;IAAoB,EAC7B,CACE;EAAA,CACP,CAAC,CACE,CACF,eACN1F,MAAA,CAAAyB,OAAA,CAAA6E,aAAA,CAACxF,oBAAA,CAAAW,OAAmB;IAACkE,QAAQ,EAAEE,WAAW,EAAG;IAACO,gBAAgB,EAAEA,gBAAiB;IAACR,KAAK,EAAEX,aAAc;IAACyC,QAAQ,EAAE5B;EAAmB,EAAG,CACpI,CAET,CACG,CACL;AAEP;AAEAhC,SAAS,CAAC6D,SAAS,GAAG;EACpB3D,QAAQ,EAAE4D,oBAAS,CAACC,KAAK,CAACC;AAC5B,CAAC"}
+{"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":";;;;;;;;;;;;;;;;;;;;;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,UAAA,GAAAT,OAAA;AACA,IAAAU,2BAAA,GAAAN,sBAAA,CAAAJ,OAAA;AACA,IAAAW,aAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,oBAAA,GAAAR,sBAAA,CAAAJ,OAAA;AACA,IAAAa,MAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAV,sBAAA,CAAAJ,OAAA;AACA,IAAAe,aAAA,GAAAX,sBAAA,CAAAJ,OAAA;AAAsE,SAAAgB,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,SAAAlB,wBAAAsB,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,oBACE9F,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAAvG,MAAA,CAAA0B,OAAA,CAAA8E,QAAA,qBACExG,MAAA,CAAA0B,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,eAC1H/G,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC7F,QAAA,CAAAgB,OAAO;IAACuC,QAAQ,EAAEA;EAAS,EAAG,eAC/BjE,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAO,gBACpBhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAIS,SAAS,EAAC;EAAqC,GAAC,kBAAgB,CAAK,eACzEhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAyB,gBACtChH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAmB,GAC/BC,uCAA4B,eAC7BjH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IACES,SAAS,EAAC,mBAAmB;IAC7BE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE/B;EAAiB,GAC3B,qCAED,CAAS,CACL,CACF,eAENpF,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC3F,2BAAA,CAAAc,OAA0B;IAAC4D,QAAQ,EAAEA,QAAS;IAACD,YAAY,EAAEA;EAAa,EAAG,EAE7EhB,SAAS,iBACRrE,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAAvG,MAAA,CAAA0B,OAAA,CAAA8E,QAAA,qBACExG,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAsB,gBACnChH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC9F,GAAA,CAAA2G,MAAM;IACLC,EAAE,EAAC,MAAM;IACTF,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbG,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAEzH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC9F,GAAA,CAAAiH,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,KAAK,EAAC;IAAS;EAAI,EACxD,eAEF5H,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAM,gBACnBhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAQS,SAAS,EAAC;EAAmC,gBACnDhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC9F,GAAA,CAAAiH,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,KAAK,EAAC,SAAS;IAACZ,SAAS,EAAC;EAAW,EAAG,uBAE9D,CAAS,eACThH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC9F,GAAA,CAAA2G,MAAM;IACLC,EAAE,EAAC,MAAM;IACTQ,QAAQ,EAAE,KAAM,CAAC;IAAA;IACjBV,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbG,mBAAc,CAACnE,IAAI,IAAA2E,MAAA,CAAI,IAAAC,mBAAU,GAAE,sBAAmB;IACxD,CAAE;IACFf,SAAS,EAAC,MAAM;IAChBQ,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAEzH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC9F,GAAA,CAAAiH,IAAI;MAACC,IAAI,EAAC,aAAa;MAACC,KAAK,EAAC,SAAS;MAACZ,SAAS,EAAC;IAAc,EAAI;IAC/EgB,OAAO;EAAA,EACP,CACE,CACF,eAENhI,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAiB,gBAC9BhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAuD,gBACpEhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAKS,SAAS,EAAC;EAAK,gBAClBhH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;IAAIS,SAAS,EAAC;EAAyB,GAAC,WAExC,CAAK,EACJ,IAAAiB,IAAA,CAAAvG,OAAA,EAAA2C,SAAS,EAAA/B,IAAA,CAAT+B,SAAS,EAAK,UAACuB,QAAQ,EAAEC,KAAK;IAAA,oBAC7B7F,MAAA,CAAA0B,OAAA,CAAA6E,aAAA;MAAKS,SAAS,EAAC,MAAM;MAAC9E,GAAG,mBAAA4F,MAAA,CAAmBlC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEyB,EAAE;IAAW,gBACjErH,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAAC1F,aAAA,CAAAa,OAAY;MACXkE,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MACbX,aAAa,EAAEA,aAAc;MAC7BiC,OAAO,EAAExB;IAAoB,EAC7B,CACE;EAAA,CACP,CAAC,CACE,CACF,eACN3F,MAAA,CAAA0B,OAAA,CAAA6E,aAAA,CAACzF,oBAAA,CAAAY,OAAmB;IAACkE,QAAQ,EAAEE,WAAW,EAAG;IAACO,gBAAgB,EAAEA,gBAAiB;IAACR,KAAK,EAAEX,aAAc;IAACgD,QAAQ,EAAEnC;EAAmB,EAAG,CACpI,CAET,CACG,CACL;AAEP;AAEAhC,SAAS,CAACoE,SAAS,GAAG;EACpBlE,QAAQ,EAAEmE,oBAAS,CAACC,KAAK,CAACC;AAC5B,CAAC"}

package/dist/pages/review/Review.js

@@ -12,11 +12,18 @@ var _react = _interopRequireDefault(require("react"));
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
 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"

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","_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"}

package/dist/pages/supporting_info/SupportingInfo.js

@@ -13,11 +13,18 @@ var _api = require("../../config/api");
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
 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"

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","_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"}

package/package.json

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