@unite-us/app-create-referral 0.15.56 → 0.15.58-alpha.1

package/dist/pages/builder/ReferralBuilder.js

@@ -1,30 +1,6 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { throw: 1, return: 2, break: 3, continue: 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, catch: function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState, useRef, useCallback } from 'react';
 import { isEqual, isEmpty, get, some, values, intersectionBy, compact } from 'lodash';
 import { useNavigate, useLocation } from 'react-router-dom';
@@ -51,97 +27,61 @@ import ChooseOneServiceTypeModal from './ChooseOneServiceTypeModal';
 import { REFERRAL_BUILDER_DESCRIPTION } from './constants';
 import { handleKeyDown } from '../../common/utils/utils';
 import AboutGroupedReferralsModal from './AboutGroupedReferralsModal';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ReferralBuilder() {
   var _location$state$selec, _location$state;
-  var location = useLocation();
-  var navigate = useNavigate();
-  var _useAppCreateReferral = useAppCreateReferralContext(),
-    dispatch = _useAppCreateReferral.dispatch,
-    _useAppCreateReferral2 = _useAppCreateReferral.state,
-    referrals = _useAppCreateReferral2.referrals,
-    selectedPrograms = _useAppCreateReferral2.selectedPrograms,
-    currentEmployee = _useAppCreateReferral2.currentEmployee,
-    currentProvider = _useAppCreateReferral2.currentProvider,
-    fieldsConfig = _useAppCreateReferral2.fieldsConfig,
-    source = _useAppCreateReferral2.source,
-    person = _useAppCreateReferral2.person,
-    draftState = _useAppCreateReferral2.draftState,
-    referralDescription = _useAppCreateReferral2.referralDescription,
-    caseId = _useAppCreateReferral2.caseId,
-    referralId = _useAppCreateReferral2.referralId,
-    referralType = _useAppCreateReferral2.referralType;
-  var form = useRef();
-  var ChooseOneServiceTypeModalRef = useRef();
-  var openChooseOneServiceTypeModal = useCallback(function () {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const {
+    dispatch,
+    state: {
+      referrals,
+      selectedPrograms,
+      currentEmployee,
+      currentProvider,
+      fieldsConfig,
+      source,
+      person,
+      draftState,
+      referralDescription,
+      caseId,
+      referralId,
+      referralType
+    }
+  } = useAppCreateReferralContext();
+  const form = useRef();
+  const ChooseOneServiceTypeModalRef = useRef();
+  const openChooseOneServiceTypeModal = useCallback(() => {
     ChooseOneServiceTypeModalRef.current.openDialog();
   }, []);
-  var closeChooseOneServiceTypeModal = useCallback(function () {
+  const closeChooseOneServiceTypeModal = useCallback(() => {
     ChooseOneServiceTypeModalRef.current.closeDialog();
   }, []);
-  var hint542SupersetUnlistedPrograms = useFeatureFlag('hint542SupersetUnlistedPrograms', false);
-  var crtb1239AdaptDraftReferralFlow = useFeatureFlag('crtb1239AdaptDraftReferralFlow', false);
-  var crtb1299HighRejectionSolution = useFeatureFlag('crtb1299HighRejectionSolution', false);
-  var crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
-  var showClientNeeds = useFeatureFlag('crtb1788ClientNeeds', false);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    servicesState = _useState2[0],
-    setServicesState = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    aboutGroupedReferralsModalIsOpen = _useState4[0],
-    setAboutGroupedReferralsModalIsOpen = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpenChooseOneServiceTypeModal = _useState6[0],
-    setChooseOneServiceTypeModalIsOpen = _useState6[1];
-  var _useState7 = useState((_location$state$selec = (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.selectedReferral) !== null && _location$state$selec !== void 0 ? _location$state$selec : 0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedIndex = _useState8[0],
-    setSelectedIndex = _useState8[1];
-  var _useState9 = useState({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    fieldErrors = _useState10[0],
-    setFieldErrors = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    nextClicked = _useState12[0],
-    setNextClicked = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    saveDraftClicked = _useState14[0],
-    setSaveDraftClicked = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    expandReferralsCard = _useState16[0],
-    setExpandReferralsCard = _useState16[1];
-  var _useState17 = useState(window.innerWidth),
-    _useState18 = _slicedToArray(_useState17, 2),
-    width = _useState18[0],
-    setWidth = _useState18[1];
-  var _useState19 = useState([]),
-    _useState20 = _slicedToArray(_useState19, 2),
-    documents = _useState20[0],
-    setDocuments = _useState20[1];
-  var _useState21 = useState([]),
-    _useState22 = _slicedToArray(_useState21, 2),
-    caseDocuments = _useState22[0],
-    setCaseDocuments = _useState22[1];
-  var _useState23 = useState(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    loadedDocuments = _useState24[0],
-    setloadedDocuments = _useState24[1];
-  var isEmrSource = source === 'emr';
-  var _useState25 = useState([]),
-    _useState26 = _slicedToArray(_useState25, 2),
-    networksUnlistedProgram = _useState26[0],
-    setNetworksUnlistedProgram = _useState26[1];
-  var hasDraftReferral = (draftState === null || draftState === void 0 ? void 0 : draftState.state) === 'draft';
-  var referralBuilderTitle = crtb1239AdaptDraftReferralFlow && hasDraftReferral ? 'Edit Your Referrals' : 'Prepare Your Referrals';
-  var isWindowsSizeLarge = width > (isEmrSource ? 800 : 1200);
-  var isForwardReferralPath = !!referralId && !!referralType;
-  var errors = Object.keys(fieldErrors).reduce(function (acc, index) {
-    var fieldError = fieldErrors[index];
+  const hint542SupersetUnlistedPrograms = useFeatureFlag('hint542SupersetUnlistedPrograms', false);
+  const crtb1239AdaptDraftReferralFlow = useFeatureFlag('crtb1239AdaptDraftReferralFlow', false);
+  const crtb1299HighRejectionSolution = useFeatureFlag('crtb1299HighRejectionSolution', false);
+  const crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
+  const showClientNeeds = useFeatureFlag('crtb1788ClientNeeds', false);
+  const [servicesState, setServicesState] = useState([]);
+  const [aboutGroupedReferralsModalIsOpen, setAboutGroupedReferralsModalIsOpen] = useState(false);
+  const [isOpenChooseOneServiceTypeModal, setChooseOneServiceTypeModalIsOpen] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState((_location$state$selec = (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.selectedReferral) !== null && _location$state$selec !== void 0 ? _location$state$selec : 0);
+  const [fieldErrors, setFieldErrors] = useState({});
+  const [nextClicked, setNextClicked] = useState(false);
+  const [saveDraftClicked, setSaveDraftClicked] = useState(false);
+  const [expandReferralsCard, setExpandReferralsCard] = useState(false);
+  const [width, setWidth] = useState(window.innerWidth);
+  const [documents, setDocuments] = useState([]);
+  const [caseDocuments, setCaseDocuments] = useState([]);
+  const [loadedDocuments, setloadedDocuments] = useState(false);
+  const isEmrSource = source === 'emr';
+  const [networksUnlistedProgram, setNetworksUnlistedProgram] = useState([]);
+  const hasDraftReferral = (draftState === null || draftState === void 0 ? void 0 : draftState.state) === 'draft';
+  const referralBuilderTitle = crtb1239AdaptDraftReferralFlow && hasDraftReferral ? 'Edit Your Referrals' : 'Prepare Your Referrals';
+  const isWindowsSizeLarge = width > (isEmrSource ? 800 : 1200);
+  const isForwardReferralPath = !!referralId && !!referralType;
+  const errors = Object.keys(fieldErrors).reduce((acc, index) => {
+    const fieldError = fieldErrors[index];
     acc[index] = {
       service: fieldError === null || fieldError === void 0 ? void 0 : fieldError.service,
       network: fieldError === null || fieldError === void 0 ? void 0 : fieldError.network,
@@ -156,140 +96,133 @@ export default function ReferralBuilder() {
     };
     return acc;
   }, {});
-  var setReferralErrors = function setReferralErrors(referralIndex, newErrors) {
-    setFieldErrors(function (prevFieldErrors) {
-      var currentErrors = prevFieldErrors[referralIndex];
-      var updatedErrors = _objectSpread(_objectSpread({}, currentErrors), newErrors);
+  const setReferralErrors = (referralIndex, newErrors) => {
+    setFieldErrors(prevFieldErrors => {
+      const currentErrors = prevFieldErrors[referralIndex];
+      const updatedErrors = _objectSpread(_objectSpread({}, currentErrors), newErrors);
       if (isEqual(updatedErrors, currentErrors)) {
         return prevFieldErrors;
       }
-      return _objectSpread(_objectSpread({}, prevFieldErrors), {}, _defineProperty({}, referralIndex, updatedErrors));
+      return _objectSpread(_objectSpread({}, prevFieldErrors), {}, {
+        [referralIndex]: updatedErrors
+      });
     });
   };
-  var onReferralsBuilt = function onReferralsBuilt(groupedReferrals) {
+  const onReferralsBuilt = groupedReferrals => {
     if (!isEmpty(groupedReferrals)) {
-      var initErrors = initializeReferralErrors(groupedReferrals, showClientNeeds);
-      groupedReferrals.forEach(function (_referral, index) {
+      const initErrors = initializeReferralErrors(groupedReferrals, showClientNeeds);
+      groupedReferrals.forEach((_referral, index) => {
         setReferralErrors(index, initErrors[index]);
       });
     }
   };
-  var _useBuildReferrals = useBuildReferrals(onReferralsBuilt),
-    isLoading = _useBuildReferrals.isLoading;
-  var handleServiceSelectionChange = function handleServiceSelectionChange(programId, serviceId) {
-    setServicesState(function (prevState) {
-      return prevState.map(function (service) {
-        return service.programId === programId && service.serviceId === serviceId ? _objectSpread(_objectSpread({}, service), {}, {
-          selected: !service.selected
-        }) : service;
-      });
-    });
+  const {
+    isLoading
+  } = useBuildReferrals(onReferralsBuilt);
+  const handleServiceSelectionChange = (programId, serviceId) => {
+    setServicesState(prevState => prevState.map(service => service.programId === programId && service.serviceId === serviceId ? _objectSpread(_objectSpread({}, service), {}, {
+      selected: !service.selected
+    }) : service));
   };
-  var findServiceName = function findServiceName(_ref) {
+  const findServiceName = _ref => {
     var _referralThatHasTheSe;
-    var serviceToFind = _ref.serviceToFind;
-    var referralThatHasTheService = referrals === null || referrals === void 0 ? void 0 : referrals.find(function (referral) {
+    let {
+      serviceToFind
+    } = _ref;
+    const referralThatHasTheService = referrals === null || referrals === void 0 ? void 0 : referrals.find(referral => {
       var _referral$service;
       return (referral === null || referral === void 0 || (_referral$service = referral.service) === null || _referral$service === void 0 ? void 0 : _referral$service.id) === serviceToFind;
     });
     return referralThatHasTheService === null || referralThatHasTheService === void 0 || (_referralThatHasTheSe = referralThatHasTheService.service) === null || _referralThatHasTheSe === void 0 ? void 0 : _referralThatHasTheSe.name;
   };
-  var mapProgramsToServicesState = function mapProgramsToServicesState() {
-    return selectedPrograms.flatMap(function (program) {
-      return program.services.map(function (serviceToFind) {
-        var serviceName = findServiceName({
-          serviceToFind: serviceToFind
-        });
-        return {
-          programId: program.id,
-          serviceId: serviceToFind,
-          serviceName: serviceName,
-          selected: program.services.length === 1
-        };
+  const mapProgramsToServicesState = () => {
+    return selectedPrograms.flatMap(program => program.services.map(serviceToFind => {
+      const serviceName = findServiceName({
+        serviceToFind
       });
-    });
+      return {
+        programId: program.id,
+        serviceId: serviceToFind,
+        serviceName,
+        selected: program.services.length === 1
+      };
+    }));
   };
-  useEffect(function () {
+  useEffect(() => {
     if (crtb1299HighRejectionSolution) {
-      var initialState = mapProgramsToServicesState();
+      const initialState = mapProgramsToServicesState();
       setServicesState(initialState);
     }
   }, [selectedPrograms]);
-  useEffect(function () {
+  useEffect(() => {
     if (!isLoading && hint542SupersetUnlistedPrograms) {
       // If the selected programs contain unlisted programs, fetch the networks from the user provider
-      var hasUnlistedPrograms = selectedPrograms === null || selectedPrograms === void 0 ? void 0 : selectedPrograms.some(function (program) {
-        return isUnlistedProgram(program);
-      });
+      const hasUnlistedPrograms = selectedPrograms === null || selectedPrograms === void 0 ? void 0 : selectedPrograms.some(program => isUnlistedProgram(program));
       if (hasUnlistedPrograms) {
-        fetchNetworks(currentProvider).then(function (networks) {
+        fetchNetworks(currentProvider).then(networks => {
           setNetworksUnlistedProgram(networks);
         });
       }
     }
   }, [isLoading]);
-  useEffect(function () {
-    var handleResize = function handleResize() {
+  useEffect(() => {
+    const handleResize = () => {
       setWidth(window.innerWidth);
     };
     window.addEventListener("resize", handleResize);
-    return function () {
-      return window.removeEventListener("resize", handleResize);
-    };
+    return () => window.removeEventListener("resize", handleResize);
   }, [width]);
-  useEffect(function () {
+  useEffect(() => {
     isWindowsSizeLarge && handleExpandReferralsCard();
   }, [width]);
-  var handleExpandReferralsCard = function handleExpandReferralsCard() {
+  const handleExpandReferralsCard = () => {
     if (expandReferralsCard) {
       changeWidthReferralCard();
     }
   };
-  var onLearnMoreClick = function onLearnMoreClick() {
+  const onLearnMoreClick = () => {
     setAboutGroupedReferralsModalIsOpen(true);
   };
-  var onCloseGroupedReferralsModal = function onCloseGroupedReferralsModal() {
+  const onCloseGroupedReferralsModal = () => {
     setAboutGroupedReferralsModalIsOpen(false);
   };
-  var refModal = useRef(null);
-  useEffect(function () {
+  const refModal = useRef(null);
+  useEffect(() => {
     if (aboutGroupedReferralsModalIsOpen) {
       refModal.current.openModal();
     } else {
       refModal.current.closeModal();
     }
   }, [aboutGroupedReferralsModalIsOpen]);
-  useEffect(function () {
+  useEffect(() => {
     if (crtb1299HighRejectionSolution && !isLoading && isOpenChooseOneServiceTypeModal) {
       openChooseOneServiceTypeModal();
     }
   }, [isLoading]);
-  var onReferralCardClick = function onReferralCardClick(index) {
+  const onReferralCardClick = index => {
     setSelectedIndex(index);
   };
-  useEffect(function () {
-    fetchContactDocuments(person.id).then(function (result) {
+  useEffect(() => {
+    fetchContactDocuments(person.id).then(result => {
       setDocuments(result);
     });
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (caseId && crtb854ForwardingSuperset) {
-      fetchCaseDocuments(caseId).then(function (result) {
+      fetchCaseDocuments(caseId).then(result => {
         setCaseDocuments(result);
       });
     }
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (!isEmpty(referrals) && !loadedDocuments && (!isEmpty(documents) || !isEmpty(caseDocuments))) {
-      var updatedReferrals = referrals.map(function (referral) {
+      const updatedReferrals = referrals.map(referral => {
         if (!referral.attachableDocuments) {
           return _objectSpread(_objectSpread({}, referral), {}, {
-            attachableDocuments: [].concat(_toConsumableArray(documents), _toConsumableArray(caseDocuments)).map(function (doc) {
-              return {
-                attached: false,
-                document: doc
-              };
-            })
+            attachableDocuments: [...documents, ...caseDocuments].map(doc => ({
+              attached: false,
+              document: doc
+            }))
           });
         } else {
           return referral;
@@ -301,285 +234,239 @@ export default function ReferralBuilder() {
       setloadedDocuments(true);
     }
     if (crtb1299HighRejectionSolution) {
-      var hasMoreThanOneServiceType = selectedPrograms.some(function (program) {
+      const hasMoreThanOneServiceType = selectedPrograms.some(program => {
         var _program$services;
         return (program === null || program === void 0 || (_program$services = program.services) === null || _program$services === void 0 ? void 0 : _program$services.length) > 1;
       });
       setChooseOneServiceTypeModalIsOpen(hasMoreThanOneServiceType);
     }
   }, [referrals]);
-  var getSelected = function getSelected() {
-    return referrals && referrals[selectedIndex];
-  };
-  var saveValuesOnChange = function saveValuesOnChange(props) {
-    var values = props.values;
-    var updatedReferrals = referrals;
+  const getSelected = () => referrals && referrals[selectedIndex];
+  const saveValuesOnChange = props => {
+    const {
+      values
+    } = props;
+    const updatedReferrals = referrals;
     updatedReferrals[selectedIndex] = _objectSpread({}, values);
 
     // Testing: Avoid React Final Form error: FormSpy Cannot update a component while rendering
     // https://github.com/final-form/react-final-form/issues/809#issue-638963034
-    setTimeout(function () {
-      return dispatch(setData({
-        referrals: _toConsumableArray(updatedReferrals)
-      }));
-    }, 0);
+    setTimeout(() => dispatch(setData({
+      referrals: [...updatedReferrals]
+    })), 0);
   };
-  var firstIndexWithErrors = Object.entries(errors).findIndex(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      _index = _ref3[0],
-      values = _ref3[1];
+  const firstIndexWithErrors = Object.entries(errors).findIndex(_ref2 => {
+    let [_index, values] = _ref2;
     return Object.values(values).some(Boolean);
   });
-  var focusErrors = function focusErrors() {
-    var index = selectedIndex;
+  const focusErrors = () => {
+    let index = selectedIndex;
     if (!some(values(errors[index]), Boolean)) {
       index = firstIndexWithErrors;
       setSelectedIndex(index);
     }
     setFocus(index);
   };
-  var onNextClick = function onNextClick() {
+  const onNextClick = () => {
     if (isEmptyErrors(errors)) {
       return navigate("/create/".concat(isForwardReferralPath ? 'review' : 'supporting-info'));
     }
     focusErrors();
     setNextClicked(true);
   };
-  var setFocus = function setFocus(index) {
-    setTimeout(function () {
-      var errorFieldMap = [{
+  const setFocus = index => {
+    setTimeout(() => {
+      const errorFieldMap = [{
         key: 'description',
         fieldName: 'description',
-        getElement: function getElement() {
-          return document.getElementById("referral-description");
-        }
+        getElement: () => document.getElementById("referral-description")
       }, {
         key: 'opened_date',
         fieldName: 'opened_date',
-        getElement: function getElement() {
-          return document.getElementById("opened-date");
-        }
+        getElement: () => document.getElementById("opened-date")
       }, {
         key: 'network',
         fieldName: 'network',
-        getElement: function getElement() {
+        getElement: () => {
           var _document$getElementB;
           return (_document$getElementB = document.getElementById("network-selection")) === null || _document$getElementB === void 0 || (_document$getElementB = _document$getElementB.parentElement) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
         }
       }, {
         key: 'amount_requested',
         fieldName: 'paymentAuthForm.amount_requested',
-        getElement: function getElement() {
-          return document.getElementById("authorization-request-amount-requested");
-        }
+        getElement: () => document.getElementById("authorization-request-amount-requested")
       }, {
         key: 'service_end',
         fieldName: 'paymentAuthForm.service_end',
-        getElement: function getElement() {
-          return document.getElementById("authorization-request-service-dates");
-        }
+        getElement: () => document.getElementById("authorization-request-service-dates")
       }, {
         key: 'passthrough_dates',
         fieldName: 'paymentAuthForm.service_end',
-        getElement: function getElement() {
-          return document.getElementById("authorization-request-service-dates");
-        }
+        getElement: () => document.getElementById("authorization-request-service-dates")
       }, {
         key: 'icd10_code',
         fieldName: 'paymentAuthForm.icd10_code',
-        getElement: function getElement() {
-          return document.getElementById("authorization-request-icd10-code");
-        }
+        getElement: () => document.getElementById("authorization-request-icd10-code")
       }, {
         key: 'primary_worker',
         fieldName: 'primaryWorker',
-        getElement: function getElement() {
+        getElement: () => {
           var _document$getElementB2;
           return (_document$getElementB2 = document.getElementById("primary-worker")) === null || _document$getElementB2 === void 0 || (_document$getElementB2 = _document$getElementB2.parentElement) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.parentElement;
         }
       }, {
         key: 'client_need',
         fieldName: 'client_need',
-        getElement: function getElement() {
+        getElement: () => {
           var _document$getElementB3;
           return (_document$getElementB3 = document.getElementById("client_need")) === null || _document$getElementB3 === void 0 || (_document$getElementB3 = _document$getElementB3.parentElement) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.parentElement;
         }
       }];
-      var errorObj = errors[index];
-      for (var _i = 0, _errorFieldMap = errorFieldMap; _i < _errorFieldMap.length; _i++) {
-        var _errorFieldMap$_i = _errorFieldMap[_i],
-          key = _errorFieldMap$_i.key,
-          fieldName = _errorFieldMap$_i.fieldName,
-          getElement = _errorFieldMap$_i.getElement;
+      const errorObj = errors[index];
+      for (const {
+        key,
+        fieldName,
+        getElement
+      } of errorFieldMap) {
         if (errorObj !== null && errorObj !== void 0 && errorObj[key]) {
           var _form$current;
           (_form$current = form.current) === null || _form$current === void 0 || (_form$current = _form$current.mutators) === null || _form$current === void 0 || _form$current.setFieldTouched(fieldName, true);
-          var element = getElement();
+          const element = getElement();
           if (element) element.focus();
           break;
         }
       }
     }, 100);
   };
-  var moveToExistingReferral = function moveToExistingReferral(index, program) {
-    var programs = referrals[selectedIndex].programs;
+  const moveToExistingReferral = (index, program) => {
+    const {
+      programs
+    } = referrals[selectedIndex];
     referrals[selectedIndex] = _objectSpread(_objectSpread({}, referrals[selectedIndex]), {}, {
-      programs: programs.filter(function (p) {
-        return p.id !== program.id;
-      })
+      programs: programs.filter(p => p.id !== program.id)
     });
     if (isEmpty(referrals[selectedIndex].programs)) {
       referrals[selectedIndex] = null;
     }
     referrals[index] = _objectSpread(_objectSpread({}, referrals[index]), {}, {
-      programs: [].concat(_toConsumableArray(referrals[index].programs), [program])
+      programs: [...referrals[index].programs, program]
     });
-    var newErrors = removeErrorByIndex(errors, selectedIndex);
+    const newErrors = removeErrorByIndex(errors, selectedIndex);
     setFieldErrors(newErrors);
     dispatch(setData({
       referrals: compact(referrals)
     }));
-    var newIndex = selectedIndex < index ? index - 1 : index;
+    const newIndex = selectedIndex < index ? index - 1 : index;
     setSelectedIndex(newIndex);
   };
-  var moveToNewReferral = function moveToNewReferral(program) {
-    var referral = referrals[selectedIndex];
-    referral.programs = referral.programs.filter(function (p) {
-      return p.id !== program.id;
-    });
-    var newReferral = _objectSpread(_objectSpread({}, referral), {}, {
+  const moveToNewReferral = program => {
+    const referral = referrals[selectedIndex];
+    referral.programs = referral.programs.filter(p => p.id !== program.id);
+    const newReferral = _objectSpread(_objectSpread({}, referral), {}, {
       programs: [program],
       description: ''
     });
-    var newReferrals = [].concat(_toConsumableArray(referrals), [newReferral]);
+    const newReferrals = [...referrals, newReferral];
     dispatch(setData({
       referrals: newReferrals
     }));
     setSelectedIndex(newReferrals.length - 1);
   };
-  var removeProgram = function removeProgram(programName, programId, serviceId) {
-    var referral = referrals[selectedIndex];
-    var newReferral = removeReferralProgram({
-      referral: referral,
-      programName: programName,
-      programId: programId,
-      serviceId: serviceId
+  const removeProgram = (programName, programId, serviceId) => {
+    const referral = referrals[selectedIndex];
+    const newReferral = removeReferralProgram({
+      referral,
+      programName,
+      programId,
+      serviceId
     });
     referrals[selectedIndex] = newReferral ? _objectSpread({}, newReferral) : null;
-    var newReferrals = compact(referrals);
-    var newReferralPrograms = newReferrals.flatMap(function (r) {
-      return r.programs;
-    });
-    var newSelectedPrograms = intersectionBy(selectedPrograms, newReferralPrograms, 'id');
+    const newReferrals = compact(referrals);
+    const newReferralPrograms = newReferrals.flatMap(r => r.programs);
+    const newSelectedPrograms = intersectionBy(selectedPrograms, newReferralPrograms, 'id');
     dispatch(setData({
-      referrals: _toConsumableArray(newReferrals),
-      selectedPrograms: _toConsumableArray(newSelectedPrograms)
+      referrals: [...newReferrals],
+      selectedPrograms: [...newSelectedPrograms]
     }));
     if (!referrals[selectedIndex]) {
-      var newErrors = removeErrorByIndex(errors, selectedIndex);
+      const newErrors = removeErrorByIndex(errors, selectedIndex);
       setFieldErrors(newErrors);
       setSelectedIndex(0);
     }
   };
-  var updateAttachments = function updateAttachments(attachments) {
+  const updateAttachments = attachments => {
     referrals[selectedIndex] = _objectSpread(_objectSpread({}, referrals[selectedIndex]), {}, {
-      attachments: attachments
+      attachments
     });
     dispatch(setData({
-      referrals: referrals
+      referrals
     }));
   };
-  var navigateBack = function navigateBack() {
+  const navigateBack = () => {
     if (CALLBACKS.onNavigateBack) {
       CALLBACKS.onNavigateBack(crtb854ForwardingSuperset ? {
-        referralId: referralId,
-        referralDescription: referralDescription
+        referralId,
+        referralDescription
       } : {
-        referralDescription: referralDescription
+        referralDescription
       });
     } else {
       navigate(-1);
     }
   };
-  var navigateToAddResources = function navigateToAddResources() {
-    return CALLBACKS.onNavigateToAddResources();
+  const navigateToAddResources = () => CALLBACKS.onNavigateToAddResources();
+  const createReferrals = useCreateReferrals();
+  const handleSaveDraftReferral = async () => {
+    setSaveDraftClicked(true);
+    if (isEmptyErrors(errors)) {
+      await createReferrals({
+        draft: true
+      });
+      const {
+        onSaveDraftReferral
+      } = CALLBACKS;
+      onSaveDraftReferral && onSaveDraftReferral();
+      CALLBACKS.notify.success('Draft referral successfully saved');
+    } else {
+      focusErrors();
+    }
   };
-  var createReferrals = useCreateReferrals();
-  var handleSaveDraftReferral = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var onSaveDraftReferral;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setSaveDraftClicked(true);
-            if (!isEmptyErrors(errors)) {
-              _context.next = 9;
-              break;
-            }
-            _context.next = 4;
-            return createReferrals({
-              draft: true
-            });
-          case 4:
-            onSaveDraftReferral = CALLBACKS.onSaveDraftReferral;
-            onSaveDraftReferral && onSaveDraftReferral();
-            CALLBACKS.notify.success('Draft referral successfully saved');
-            _context.next = 10;
-            break;
-          case 9:
-            focusErrors();
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleSaveDraftReferral() {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  var changeWidthReferralCard = function changeWidthReferralCard() {
+  const changeWidthReferralCard = () => {
     setExpandReferralsCard(!expandReferralsCard);
   };
-  var showMargin = function showMargin() {
+  const showMargin = () => {
     return isWindowsSizeLarge && !isEmrSource ? 'mr-5 ' : ' ';
   };
-  if (isLoading) return /*#__PURE__*/React.createElement(Spinner, {
+  if (isLoading) return /*#__PURE__*/_jsx(Spinner, {
     center: true
   });
-  var referralSubtitle = getReferralSubtitle(referrals, getSelected());
-  var unselectedReferralIndexes = referrals.map(function (_referral, index) {
-    return index;
-  }).filter(function (index) {
-    return index !== selectedIndex;
-  });
-  var allPrograms = referrals === null || referrals === void 0 ? void 0 : referrals.flatMap(function (r) {
-    return r.programs;
-  });
-  var errorMessage = generateErrorMessage(errors);
-  var currentReferral = getSelected();
-  var xlOrLgInvisibleChevron = classNames({
+  const referralSubtitle = getReferralSubtitle(referrals, getSelected());
+  const unselectedReferralIndexes = referrals.map((_referral, index) => index).filter(index => index !== selectedIndex);
+  const allPrograms = referrals === null || referrals === void 0 ? void 0 : referrals.flatMap(r => r.programs);
+  const errorMessage = generateErrorMessage(errors);
+  const currentReferral = getSelected();
+  const xlOrLgInvisibleChevron = classNames({
     'lg:invisible': isEmrSource,
     'xl:invisible': !isEmrSource
   });
-  var xlOrLgSpaceReferralDiv = classNames({
+  const xlOrLgSpaceReferralDiv = classNames({
     'lg:space-x-6': isEmrSource,
     'lg:space-x-0 xl:space-x-6': !isEmrSource
   });
-  var onConfirmApplyChanges = function onConfirmApplyChanges() {
-    var filteredSelectedServices = servicesState.filter(function (service) {
+  const onConfirmApplyChanges = () => {
+    const filteredSelectedServices = servicesState.filter(service => {
       return service.selected;
     });
-    var filteredNonSelectedServices = servicesState.filter(function (service) {
+    const filteredNonSelectedServices = servicesState.filter(service => {
       return !service.selected;
     });
-    var updatedReferrals = updatedReferralsBySelectedServices(referrals, filteredSelectedServices);
-    var initErrors = initializeReferralErrors(updatedReferrals, showClientNeeds);
+    const updatedReferrals = updatedReferralsBySelectedServices(referrals, filteredSelectedServices);
+    const initErrors = initializeReferralErrors(updatedReferrals, showClientNeeds);
     setFieldErrors(initErrors);
     dispatch(setData({
       referrals: updatedReferrals
     }));
-    filteredNonSelectedServices.forEach(function (service) {
+    filteredNonSelectedServices.forEach(service => {
       CALLBACKS.onDeselectProgram({
         id: service.programId,
         service: service.serviceId
@@ -587,127 +474,138 @@ export default function ReferralBuilder() {
     });
     closeChooseOneServiceTypeModal();
   };
-  return /*#__PURE__*/React.createElement(CreateReferralContainer, null, /*#__PURE__*/React.createElement("div", {
-    className: "px-12"
-  }, /*#__PURE__*/React.createElement(StepHeader, {
-    header: referralBuilderTitle
-  }, REFERRAL_BUILDER_DESCRIPTION, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    onClick: onLearnMoreClick,
-    onKeyDown: function onKeyDown(event) {
-      return handleKeyDown(event, onLearnMoreClick);
-    },
-    "aria-expanded": aboutGroupedReferralsModalIsOpen,
-    label: "Click here to learn more about referrals.",
-    link: true
-  })), /*#__PURE__*/React.createElement(AboutGroupedReferralsModal, {
-    ref: refModal,
-    onClose: onCloseGroupedReferralsModal
-  }), crtb1299HighRejectionSolution && isOpenChooseOneServiceTypeModal && /*#__PURE__*/React.createElement(ChooseOneServiceTypeModal, {
-    closeDialog: closeChooseOneServiceTypeModal,
-    programs: selectedPrograms,
-    referrals: referrals,
-    modalRef: ChooseOneServiceTypeModalRef,
-    findServiceName: findServiceName,
-    onConfirm: onConfirmApplyChanges,
-    onServiceSelectionChange: handleServiceSelectionChange,
-    servicesState: servicesState
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavButtons, {
-    onBackClick: navigateBack,
-    onForwardClick: onNextClick,
-    onSaveDraftReferral: handleSaveDraftReferral,
-    primaryLabel: "Next",
-    hideForwardButtons: isEmpty(referrals),
-    hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
-    hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
-    hasDraftReferral: hasDraftReferral,
-    crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
-    isForwardReferralPath: isForwardReferralPath
-  }), !isEmpty(allPrograms) ? /*#__PURE__*/React.createElement("div", {
-    className: "relative mx-auto responsive-max-width"
-  }, errorMessage && (nextClicked || saveDraftClicked) ? /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: "InfoCircle",
-    color: "red",
-    className: "mr-2 mt-px"
-  }), /*#__PURE__*/React.createElement("p", {
-    className: "text-red"
-  }, errorMessage)) : null, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end my-5 ".concat(xlOrLgSpaceReferralDiv)
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "referrals-card",
-    className: "bg-white border border-solid border-blue-border rounded ".concat(showMargin(), "\n                    ").concat(expandReferralsCard ? 'relative md:max-w-none lg:w-3/6 z-20' : 'md:w-2/6 lg:w-2/6')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "p-5 h-full"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between relative"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
-    className: "text-xl font-black mb-5"
-  }, "Referrals")), /*#__PURE__*/React.createElement("div", {
-    className: xlOrLgInvisibleChevron
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: "ChevronArrow",
-    direction: expandReferralsCard ? "left" : "right",
-    ariaLabel: expandReferralsCard ? "Collapse sidebar" : "Expand Sidebar",
-    className: "w-6 h-6",
-    onClick: function onClick() {
-      return changeWidthReferralCard();
-    }
-  }))), referrals === null || referrals === void 0 ? void 0 : referrals.map(function (referral, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "mb-5",
-      key: "referral-card-".concat(index, "-wrapper")
-    }, /*#__PURE__*/React.createElement(ReferralCard, {
-      referral: referral,
-      index: index,
-      selectedIndex: selectedIndex,
-      onClick: onReferralCardClick,
-      errors: errors[index],
-      expandReferralsCard: expandReferralsCard,
-      isEmrSource: isEmrSource
-    }));
-  }))), !isEmpty(get(currentReferral, 'programs', [])) ? /*#__PURE__*/React.createElement(ReferralBuilderForm, {
-    crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
-    currentEmployee: currentEmployee,
-    currentProvider: currentProvider,
-    hasDraftReferral: hasDraftReferral,
-    navigateToAddResources: navigateToAddResources,
-    referral: currentReferral,
-    referrals: referrals,
-    referralSubtitle: referralSubtitle,
-    index: selectedIndex,
-    onChange: saveValuesOnChange,
-    unselected: unselectedReferralIndexes,
-    removeProgram: removeProgram,
-    onSetForm: function onSetForm(newForm) {
-      form.current = newForm;
-    },
-    moveToNewReferral: moveToNewReferral,
-    moveToExistingReferral: moveToExistingReferral,
-    updateAttachments: updateAttachments,
-    source: source,
-    networksUnlistedProgram: networksUnlistedProgram,
-    setReferralErrors: setReferralErrors,
-    referralDescription: referralDescription,
-    expandReferralsCard: expandReferralsCard,
-    person: person
-  }) : null)) : /*#__PURE__*/React.createElement(NoReferralsDisplay, {
-    crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
-    hasDraftReferral: hasDraftReferral,
-    navigateToAddResources: navigateToAddResources,
-    onClick: navigateBack
-  }), /*#__PURE__*/React.createElement(NavButtons, {
-    onBackClick: navigateBack,
-    onForwardClick: onNextClick,
-    onSaveDraftReferral: handleSaveDraftReferral,
-    primaryLabel: "Next",
-    hideForwardButtons: isEmpty(referrals),
-    hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
-    hasDraftReferral: hasDraftReferral,
-    hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
-    crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
-    isForwardReferralPath: isForwardReferralPath
-  }))));
+  return /*#__PURE__*/_jsx(CreateReferralContainer, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "px-12",
+      children: [/*#__PURE__*/_jsxs(StepHeader, {
+        header: referralBuilderTitle,
+        children: [REFERRAL_BUILDER_DESCRIPTION, /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Button, {
+          type: "button",
+          onClick: onLearnMoreClick,
+          onKeyDown: event => handleKeyDown(event, onLearnMoreClick),
+          "aria-expanded": aboutGroupedReferralsModalIsOpen,
+          label: "Click here to learn more about referrals.",
+          link: true
+        })]
+      }), /*#__PURE__*/_jsx(AboutGroupedReferralsModal, {
+        ref: refModal,
+        onClose: onCloseGroupedReferralsModal
+      }), crtb1299HighRejectionSolution && isOpenChooseOneServiceTypeModal && /*#__PURE__*/_jsx(ChooseOneServiceTypeModal, {
+        closeDialog: closeChooseOneServiceTypeModal,
+        programs: selectedPrograms,
+        referrals: referrals,
+        modalRef: ChooseOneServiceTypeModalRef,
+        findServiceName: findServiceName,
+        onConfirm: onConfirmApplyChanges,
+        onServiceSelectionChange: handleServiceSelectionChange,
+        servicesState: servicesState
+      }), /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(NavButtons, {
+          onBackClick: navigateBack,
+          onForwardClick: onNextClick,
+          onSaveDraftReferral: handleSaveDraftReferral,
+          primaryLabel: "Next",
+          hideForwardButtons: isEmpty(referrals),
+          hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
+          hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
+          hasDraftReferral: hasDraftReferral,
+          crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
+          isForwardReferralPath: isForwardReferralPath
+        }), !isEmpty(allPrograms) ? /*#__PURE__*/_jsxs("div", {
+          className: "relative mx-auto responsive-max-width",
+          children: [errorMessage && (nextClicked || saveDraftClicked) ? /*#__PURE__*/_jsxs("div", {
+            className: "flex justify-end",
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: "InfoCircle",
+              color: "red",
+              className: "mr-2 mt-px"
+            }), /*#__PURE__*/_jsx("p", {
+              className: "text-red",
+              children: errorMessage
+            })]
+          }) : null, /*#__PURE__*/_jsxs("div", {
+            className: "flex justify-end my-5 ".concat(xlOrLgSpaceReferralDiv),
+            children: [/*#__PURE__*/_jsx("div", {
+              id: "referrals-card",
+              className: "bg-white border border-solid border-blue-border rounded ".concat(showMargin(), "\n                    ").concat(expandReferralsCard ? 'relative md:max-w-none lg:w-3/6 z-20' : 'md:w-2/6 lg:w-2/6'),
+              children: /*#__PURE__*/_jsxs("div", {
+                className: "p-5 h-full",
+                children: [/*#__PURE__*/_jsxs("div", {
+                  className: "flex justify-between relative",
+                  children: [/*#__PURE__*/_jsx("div", {
+                    children: /*#__PURE__*/_jsx("h2", {
+                      className: "text-xl font-black mb-5",
+                      children: "Referrals"
+                    })
+                  }), /*#__PURE__*/_jsx("div", {
+                    className: xlOrLgInvisibleChevron,
+                    children: /*#__PURE__*/_jsx(Icon, {
+                      icon: "ChevronArrow",
+                      direction: expandReferralsCard ? "left" : "right",
+                      ariaLabel: expandReferralsCard ? "Collapse sidebar" : "Expand Sidebar",
+                      className: "w-6 h-6",
+                      onClick: () => changeWidthReferralCard()
+                    })
+                  })]
+                }), referrals === null || referrals === void 0 ? void 0 : referrals.map((referral, index) => /*#__PURE__*/_jsx("div", {
+                  className: "mb-5",
+                  children: /*#__PURE__*/_jsx(ReferralCard, {
+                    referral: referral,
+                    index: index,
+                    selectedIndex: selectedIndex,
+                    onClick: onReferralCardClick,
+                    errors: errors[index],
+                    expandReferralsCard: expandReferralsCard,
+                    isEmrSource: isEmrSource
+                  })
+                }, "referral-card-".concat(index, "-wrapper")))]
+              })
+            }), !isEmpty(get(currentReferral, 'programs', [])) ? /*#__PURE__*/_jsx(ReferralBuilderForm, {
+              crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
+              currentEmployee: currentEmployee,
+              currentProvider: currentProvider,
+              hasDraftReferral: hasDraftReferral,
+              navigateToAddResources: navigateToAddResources,
+              referral: currentReferral,
+              referrals: referrals,
+              referralSubtitle: referralSubtitle,
+              index: selectedIndex,
+              onChange: saveValuesOnChange,
+              unselected: unselectedReferralIndexes,
+              removeProgram: removeProgram,
+              onSetForm: newForm => {
+                form.current = newForm;
+              },
+              moveToNewReferral: moveToNewReferral,
+              moveToExistingReferral: moveToExistingReferral,
+              updateAttachments: updateAttachments,
+              source: source,
+              networksUnlistedProgram: networksUnlistedProgram,
+              setReferralErrors: setReferralErrors,
+              referralDescription: referralDescription,
+              expandReferralsCard: expandReferralsCard,
+              person: person
+            }) : null]
+          })]
+        }) : /*#__PURE__*/_jsx(NoReferralsDisplay, {
+          crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
+          hasDraftReferral: hasDraftReferral,
+          navigateToAddResources: navigateToAddResources,
+          onClick: navigateBack
+        }), /*#__PURE__*/_jsx(NavButtons, {
+          onBackClick: navigateBack,
+          onForwardClick: onNextClick,
+          onSaveDraftReferral: handleSaveDraftReferral,
+          primaryLabel: "Next",
+          hideForwardButtons: isEmpty(referrals),
+          hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
+          hasDraftReferral: hasDraftReferral,
+          hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
+          crtb1239AdaptDraftReferralFlow: crtb1239AdaptDraftReferralFlow,
+          isForwardReferralPath: isForwardReferralPath
+        })]
+      })]
+    })
+  });
 }
 //# sourceMappingURL=ReferralBuilder.js.map