@unite-us/app-create-referral 0.15.59-alpha.3 → 0.15.59

package/dist/pages/builder/ReferralBuilder.js

@@ -1,6 +1,30 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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); }
 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';
@@ -27,61 +51,97 @@ 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;
-  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(() => {
+  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 () {
     ChooseOneServiceTypeModalRef.current.openDialog();
   }, []);
-  const closeChooseOneServiceTypeModal = useCallback(() => {
+  var closeChooseOneServiceTypeModal = useCallback(function () {
     ChooseOneServiceTypeModalRef.current.closeDialog();
   }, []);
-  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];
+  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];
     acc[index] = {
       service: fieldError === null || fieldError === void 0 ? void 0 : fieldError.service,
       network: fieldError === null || fieldError === void 0 ? void 0 : fieldError.network,
@@ -96,133 +156,140 @@ export default function ReferralBuilder() {
     };
     return acc;
   }, {});
-  const setReferralErrors = (referralIndex, newErrors) => {
-    setFieldErrors(prevFieldErrors => {
-      const currentErrors = prevFieldErrors[referralIndex];
-      const updatedErrors = _objectSpread(_objectSpread({}, currentErrors), newErrors);
+  var setReferralErrors = function setReferralErrors(referralIndex, newErrors) {
+    setFieldErrors(function (prevFieldErrors) {
+      var currentErrors = prevFieldErrors[referralIndex];
+      var updatedErrors = _objectSpread(_objectSpread({}, currentErrors), newErrors);
       if (isEqual(updatedErrors, currentErrors)) {
         return prevFieldErrors;
       }
-      return _objectSpread(_objectSpread({}, prevFieldErrors), {}, {
-        [referralIndex]: updatedErrors
-      });
+      return _objectSpread(_objectSpread({}, prevFieldErrors), {}, _defineProperty({}, referralIndex, updatedErrors));
     });
   };
-  const onReferralsBuilt = groupedReferrals => {
+  var onReferralsBuilt = function onReferralsBuilt(groupedReferrals) {
     if (!isEmpty(groupedReferrals)) {
-      const initErrors = initializeReferralErrors(groupedReferrals, showClientNeeds);
-      groupedReferrals.forEach((_referral, index) => {
+      var initErrors = initializeReferralErrors(groupedReferrals, showClientNeeds);
+      groupedReferrals.forEach(function (_referral, index) {
         setReferralErrors(index, initErrors[index]);
       });
     }
   };
-  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 _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 findServiceName = _ref => {
+  var findServiceName = function findServiceName(_ref) {
     var _referralThatHasTheSe;
-    let {
-      serviceToFind
-    } = _ref;
-    const referralThatHasTheService = referrals === null || referrals === void 0 ? void 0 : referrals.find(referral => {
+    var serviceToFind = _ref.serviceToFind;
+    var referralThatHasTheService = referrals === null || referrals === void 0 ? void 0 : referrals.find(function (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;
   };
-  const mapProgramsToServicesState = () => {
-    return selectedPrograms.flatMap(program => program.services.map(serviceToFind => {
-      const serviceName = findServiceName({
-        serviceToFind
+  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
+        };
       });
-      return {
-        programId: program.id,
-        serviceId: serviceToFind,
-        serviceName,
-        selected: program.services.length === 1
-      };
-    }));
+    });
   };
-  useEffect(() => {
+  useEffect(function () {
     if (crtb1299HighRejectionSolution) {
-      const initialState = mapProgramsToServicesState();
+      var initialState = mapProgramsToServicesState();
       setServicesState(initialState);
     }
   }, [selectedPrograms]);
-  useEffect(() => {
+  useEffect(function () {
     if (!isLoading && hint542SupersetUnlistedPrograms) {
       // If the selected programs contain unlisted programs, fetch the networks from the user provider
-      const hasUnlistedPrograms = selectedPrograms === null || selectedPrograms === void 0 ? void 0 : selectedPrograms.some(program => isUnlistedProgram(program));
+      var hasUnlistedPrograms = selectedPrograms === null || selectedPrograms === void 0 ? void 0 : selectedPrograms.some(function (program) {
+        return isUnlistedProgram(program);
+      });
       if (hasUnlistedPrograms) {
-        fetchNetworks(currentProvider).then(networks => {
+        fetchNetworks(currentProvider).then(function (networks) {
           setNetworksUnlistedProgram(networks);
         });
       }
     }
   }, [isLoading]);
-  useEffect(() => {
-    const handleResize = () => {
+  useEffect(function () {
+    var handleResize = function handleResize() {
       setWidth(window.innerWidth);
     };
     window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
+    return function () {
+      return window.removeEventListener("resize", handleResize);
+    };
   }, [width]);
-  useEffect(() => {
+  useEffect(function () {
     isWindowsSizeLarge && handleExpandReferralsCard();
   }, [width]);
-  const handleExpandReferralsCard = () => {
+  var handleExpandReferralsCard = function handleExpandReferralsCard() {
     if (expandReferralsCard) {
       changeWidthReferralCard();
     }
   };
-  const onLearnMoreClick = () => {
+  var onLearnMoreClick = function onLearnMoreClick() {
     setAboutGroupedReferralsModalIsOpen(true);
   };
-  const onCloseGroupedReferralsModal = () => {
+  var onCloseGroupedReferralsModal = function onCloseGroupedReferralsModal() {
     setAboutGroupedReferralsModalIsOpen(false);
   };
-  const refModal = useRef(null);
-  useEffect(() => {
+  var refModal = useRef(null);
+  useEffect(function () {
     if (aboutGroupedReferralsModalIsOpen) {
       refModal.current.openModal();
     } else {
       refModal.current.closeModal();
     }
   }, [aboutGroupedReferralsModalIsOpen]);
-  useEffect(() => {
+  useEffect(function () {
     if (crtb1299HighRejectionSolution && !isLoading && isOpenChooseOneServiceTypeModal) {
       openChooseOneServiceTypeModal();
     }
   }, [isLoading]);
-  const onReferralCardClick = index => {
+  var onReferralCardClick = function onReferralCardClick(index) {
     setSelectedIndex(index);
   };
-  useEffect(() => {
-    fetchContactDocuments(person.id).then(result => {
+  useEffect(function () {
+    fetchContactDocuments(person.id).then(function (result) {
       setDocuments(result);
     });
   }, []);
-  useEffect(() => {
+  useEffect(function () {
     if (caseId && crtb854ForwardingSuperset) {
-      fetchCaseDocuments(caseId).then(result => {
+      fetchCaseDocuments(caseId).then(function (result) {
         setCaseDocuments(result);
       });
     }
   }, []);
-  useEffect(() => {
+  useEffect(function () {
     if (!isEmpty(referrals) && !loadedDocuments && (!isEmpty(documents) || !isEmpty(caseDocuments))) {
-      const updatedReferrals = referrals.map(referral => {
+      var updatedReferrals = referrals.map(function (referral) {
         if (!referral.attachableDocuments) {
           return _objectSpread(_objectSpread({}, referral), {}, {
-            attachableDocuments: [...documents, ...caseDocuments].map(doc => ({
-              attached: false,
-              document: doc
-            }))
+            attachableDocuments: [].concat(_toConsumableArray(documents), _toConsumableArray(caseDocuments)).map(function (doc) {
+              return {
+                attached: false,
+                document: doc
+              };
+            })
           });
         } else {
           return referral;
@@ -234,239 +301,285 @@ export default function ReferralBuilder() {
       setloadedDocuments(true);
     }
     if (crtb1299HighRejectionSolution) {
-      const hasMoreThanOneServiceType = selectedPrograms.some(program => {
+      var hasMoreThanOneServiceType = selectedPrograms.some(function (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]);
-  const getSelected = () => referrals && referrals[selectedIndex];
-  const saveValuesOnChange = props => {
-    const {
-      values
-    } = props;
-    const updatedReferrals = referrals;
+  var getSelected = function getSelected() {
+    return referrals && referrals[selectedIndex];
+  };
+  var saveValuesOnChange = function saveValuesOnChange(props) {
+    var values = props.values;
+    var 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(() => dispatch(setData({
-      referrals: [...updatedReferrals]
-    })), 0);
+    setTimeout(function () {
+      return dispatch(setData({
+        referrals: _toConsumableArray(updatedReferrals)
+      }));
+    }, 0);
   };
-  const firstIndexWithErrors = Object.entries(errors).findIndex(_ref2 => {
-    let [_index, values] = _ref2;
+  var firstIndexWithErrors = Object.entries(errors).findIndex(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      _index = _ref3[0],
+      values = _ref3[1];
     return Object.values(values).some(Boolean);
   });
-  const focusErrors = () => {
-    let index = selectedIndex;
+  var focusErrors = function focusErrors() {
+    var index = selectedIndex;
     if (!some(values(errors[index]), Boolean)) {
       index = firstIndexWithErrors;
       setSelectedIndex(index);
     }
     setFocus(index);
   };
-  const onNextClick = () => {
+  var onNextClick = function onNextClick() {
     if (isEmptyErrors(errors)) {
       return navigate("/create/".concat(isForwardReferralPath ? 'review' : 'supporting-info'));
     }
     focusErrors();
     setNextClicked(true);
   };
-  const setFocus = index => {
-    setTimeout(() => {
-      const errorFieldMap = [{
+  var setFocus = function setFocus(index) {
+    setTimeout(function () {
+      var errorFieldMap = [{
         key: 'description',
         fieldName: 'description',
-        getElement: () => document.getElementById("referral-description")
+        getElement: function getElement() {
+          return document.getElementById("referral-description");
+        }
       }, {
         key: 'opened_date',
         fieldName: 'opened_date',
-        getElement: () => document.getElementById("opened-date")
+        getElement: function getElement() {
+          return document.getElementById("opened-date");
+        }
       }, {
         key: 'network',
         fieldName: 'network',
-        getElement: () => {
+        getElement: function 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: () => document.getElementById("authorization-request-amount-requested")
+        getElement: function getElement() {
+          return document.getElementById("authorization-request-amount-requested");
+        }
       }, {
         key: 'service_end',
         fieldName: 'paymentAuthForm.service_end',
-        getElement: () => document.getElementById("authorization-request-service-dates")
+        getElement: function getElement() {
+          return document.getElementById("authorization-request-service-dates");
+        }
       }, {
         key: 'passthrough_dates',
         fieldName: 'paymentAuthForm.service_end',
-        getElement: () => document.getElementById("authorization-request-service-dates")
+        getElement: function getElement() {
+          return document.getElementById("authorization-request-service-dates");
+        }
       }, {
         key: 'icd10_code',
         fieldName: 'paymentAuthForm.icd10_code',
-        getElement: () => document.getElementById("authorization-request-icd10-code")
+        getElement: function getElement() {
+          return document.getElementById("authorization-request-icd10-code");
+        }
       }, {
         key: 'primary_worker',
         fieldName: 'primaryWorker',
-        getElement: () => {
+        getElement: function 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: () => {
+        getElement: function 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;
         }
       }];
-      const errorObj = errors[index];
-      for (const {
-        key,
-        fieldName,
-        getElement
-      } of errorFieldMap) {
+      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;
         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);
-          const element = getElement();
+          var element = getElement();
           if (element) element.focus();
           break;
         }
       }
     }, 100);
   };
-  const moveToExistingReferral = (index, program) => {
-    const {
-      programs
-    } = referrals[selectedIndex];
+  var moveToExistingReferral = function moveToExistingReferral(index, program) {
+    var programs = referrals[selectedIndex].programs;
     referrals[selectedIndex] = _objectSpread(_objectSpread({}, referrals[selectedIndex]), {}, {
-      programs: programs.filter(p => p.id !== program.id)
+      programs: programs.filter(function (p) {
+        return p.id !== program.id;
+      })
     });
     if (isEmpty(referrals[selectedIndex].programs)) {
       referrals[selectedIndex] = null;
     }
     referrals[index] = _objectSpread(_objectSpread({}, referrals[index]), {}, {
-      programs: [...referrals[index].programs, program]
+      programs: [].concat(_toConsumableArray(referrals[index].programs), [program])
     });
-    const newErrors = removeErrorByIndex(errors, selectedIndex);
+    var newErrors = removeErrorByIndex(errors, selectedIndex);
     setFieldErrors(newErrors);
     dispatch(setData({
       referrals: compact(referrals)
     }));
-    const newIndex = selectedIndex < index ? index - 1 : index;
+    var newIndex = selectedIndex < index ? index - 1 : index;
     setSelectedIndex(newIndex);
   };
-  const moveToNewReferral = program => {
-    const referral = referrals[selectedIndex];
-    referral.programs = referral.programs.filter(p => p.id !== program.id);
-    const newReferral = _objectSpread(_objectSpread({}, referral), {}, {
+  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), {}, {
       programs: [program],
       description: ''
     });
-    const newReferrals = [...referrals, newReferral];
+    var newReferrals = [].concat(_toConsumableArray(referrals), [newReferral]);
     dispatch(setData({
       referrals: newReferrals
     }));
     setSelectedIndex(newReferrals.length - 1);
   };
-  const removeProgram = (programName, programId, serviceId) => {
-    const referral = referrals[selectedIndex];
-    const newReferral = removeReferralProgram({
-      referral,
-      programName,
-      programId,
-      serviceId
+  var removeProgram = function removeProgram(programName, programId, serviceId) {
+    var referral = referrals[selectedIndex];
+    var newReferral = removeReferralProgram({
+      referral: referral,
+      programName: programName,
+      programId: programId,
+      serviceId: serviceId
     });
     referrals[selectedIndex] = newReferral ? _objectSpread({}, newReferral) : null;
-    const newReferrals = compact(referrals);
-    const newReferralPrograms = newReferrals.flatMap(r => r.programs);
-    const newSelectedPrograms = intersectionBy(selectedPrograms, newReferralPrograms, 'id');
+    var newReferrals = compact(referrals);
+    var newReferralPrograms = newReferrals.flatMap(function (r) {
+      return r.programs;
+    });
+    var newSelectedPrograms = intersectionBy(selectedPrograms, newReferralPrograms, 'id');
     dispatch(setData({
-      referrals: [...newReferrals],
-      selectedPrograms: [...newSelectedPrograms]
+      referrals: _toConsumableArray(newReferrals),
+      selectedPrograms: _toConsumableArray(newSelectedPrograms)
     }));
     if (!referrals[selectedIndex]) {
-      const newErrors = removeErrorByIndex(errors, selectedIndex);
+      var newErrors = removeErrorByIndex(errors, selectedIndex);
       setFieldErrors(newErrors);
       setSelectedIndex(0);
     }
   };
-  const updateAttachments = attachments => {
+  var updateAttachments = function updateAttachments(attachments) {
     referrals[selectedIndex] = _objectSpread(_objectSpread({}, referrals[selectedIndex]), {}, {
-      attachments
+      attachments: attachments
     });
     dispatch(setData({
-      referrals
+      referrals: referrals
     }));
   };
-  const navigateBack = () => {
+  var navigateBack = function navigateBack() {
     if (CALLBACKS.onNavigateBack) {
       CALLBACKS.onNavigateBack(crtb854ForwardingSuperset ? {
-        referralId,
-        referralDescription
+        referralId: referralId,
+        referralDescription: referralDescription
       } : {
-        referralDescription
+        referralDescription: referralDescription
       });
     } else {
       navigate(-1);
     }
   };
-  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 navigateToAddResources = function navigateToAddResources() {
+    return CALLBACKS.onNavigateToAddResources();
   };
-  const changeWidthReferralCard = () => {
+  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() {
     setExpandReferralsCard(!expandReferralsCard);
   };
-  const showMargin = () => {
+  var showMargin = function showMargin() {
     return isWindowsSizeLarge && !isEmrSource ? 'mr-5 ' : ' ';
   };
-  if (isLoading) return /*#__PURE__*/_jsx(Spinner, {
+  if (isLoading) return /*#__PURE__*/React.createElement(Spinner, {
     center: true
   });
-  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({
+  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({
     'lg:invisible': isEmrSource,
     'xl:invisible': !isEmrSource
   });
-  const xlOrLgSpaceReferralDiv = classNames({
+  var xlOrLgSpaceReferralDiv = classNames({
     'lg:space-x-6': isEmrSource,
     'lg:space-x-0 xl:space-x-6': !isEmrSource
   });
-  const onConfirmApplyChanges = () => {
-    const filteredSelectedServices = servicesState.filter(service => {
+  var onConfirmApplyChanges = function onConfirmApplyChanges() {
+    var filteredSelectedServices = servicesState.filter(function (service) {
       return service.selected;
     });
-    const filteredNonSelectedServices = servicesState.filter(service => {
+    var filteredNonSelectedServices = servicesState.filter(function (service) {
       return !service.selected;
     });
-    const updatedReferrals = updatedReferralsBySelectedServices(referrals, filteredSelectedServices);
-    const initErrors = initializeReferralErrors(updatedReferrals, showClientNeeds);
+    var updatedReferrals = updatedReferralsBySelectedServices(referrals, filteredSelectedServices);
+    var initErrors = initializeReferralErrors(updatedReferrals, showClientNeeds);
     setFieldErrors(initErrors);
     dispatch(setData({
       referrals: updatedReferrals
     }));
-    filteredNonSelectedServices.forEach(service => {
+    filteredNonSelectedServices.forEach(function (service) {
       CALLBACKS.onDeselectProgram({
         id: service.programId,
         service: service.serviceId
@@ -474,138 +587,127 @@ export default function ReferralBuilder() {
     });
     closeChooseOneServiceTypeModal();
   };
-  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
-        })]
-      })]
-    })
-  });
+  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
+  }))));
 }
 //# sourceMappingURL=ReferralBuilder.js.map