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

package/dist/pages/review/Review.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 { Icon } from '@unite-us/ui';
 import React, { useState, useEffect, useRef, useMemo } from 'react';
 import Skeleton from 'react-loading-skeleton';
@@ -26,74 +50,113 @@ import referralToConsent from '../../utils/referralToConsent';
 import { formatShortDate2FromTimestamp } from '../../components/service_authorization/formatShortDate';
 import useForwardReferral from '../../hooks/useForwardReferral';
 import DropdownMultiplesReferrals from './DropdownMultiplesReferrals';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Review() {
   var _currentProvider$nh_c;
-  const navigate = useNavigate();
-  const {
-    dispatch,
-    state: {
-      fieldsConfig,
-      referrals,
-      person,
-      resourceListId,
-      currentEmployee,
-      currentProvider,
-      caseId,
-      referralId,
-      referralType,
-      serviceTypeName
-    }
-  } = useAppCreateReferralContext();
-  const crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
-  const featureFlagClientNeeds = useFeatureFlag('crtb1788ClientNeeds', false);
-  const cl1511NHConsentMvp = useFeatureFlag('cl1511NHConsentMvp', false);
-  const [sent, updateSent] = useState(false);
-  const [isSuccessfullyForwarded, setIsSuccessfullyForwarded] = useState(false);
-  const [fieldErrors, setFieldErrors] = useState({});
-  const [expandedReferrals, setExpandedReferrals] = useState([]);
-  const [deleteReferralModalIsOpen, setDeleteReferralModalIsOpen] = useState(false);
-  const [selectedReferralToDelete, setSelectedReferralToDelete] = useState(-1);
-  const [selectedReferralToLink, setSelectedReferralToLink] = useState(0);
+  var navigate = useNavigate();
+  var _useAppCreateReferral = useAppCreateReferralContext(),
+    dispatch = _useAppCreateReferral.dispatch,
+    _useAppCreateReferral2 = _useAppCreateReferral.state,
+    fieldsConfig = _useAppCreateReferral2.fieldsConfig,
+    referrals = _useAppCreateReferral2.referrals,
+    person = _useAppCreateReferral2.person,
+    resourceListId = _useAppCreateReferral2.resourceListId,
+    currentEmployee = _useAppCreateReferral2.currentEmployee,
+    currentProvider = _useAppCreateReferral2.currentProvider,
+    caseId = _useAppCreateReferral2.caseId,
+    referralId = _useAppCreateReferral2.referralId,
+    referralType = _useAppCreateReferral2.referralType,
+    serviceTypeName = _useAppCreateReferral2.serviceTypeName;
+  var crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
+  var featureFlagClientNeeds = useFeatureFlag('crtb1788ClientNeeds', false);
+  var cl1511NHConsentMvp = useFeatureFlag('cl1511NHConsentMvp', false);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    sent = _useState2[0],
+    updateSent = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSuccessfullyForwarded = _useState4[0],
+    setIsSuccessfullyForwarded = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fieldErrors = _useState6[0],
+    setFieldErrors = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    expandedReferrals = _useState8[0],
+    setExpandedReferrals = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    deleteReferralModalIsOpen = _useState10[0],
+    setDeleteReferralModalIsOpen = _useState10[1];
+  var _useState11 = useState(-1),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedReferralToDelete = _useState12[0],
+    setSelectedReferralToDelete = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    selectedReferralToLink = _useState14[0],
+    setSelectedReferralToLink = _useState14[1];
   // initialize with consent=true to permit ability to send referrals,
   // then redefine on submit to person's actual consent value to (possibly) show consent form.
-  const [consented, setConsented] = useState(true);
-  const [consentCompleted, setConsentCompleted] = useState(false);
-  const [disableSubmit, setDisableSubmit] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const formRefs = useRef({});
-  const [referralsResultDetail, setReferralsResultDetail] = useState([]);
-  const [hasBeenSubmitted, setHasBeenSubmitted] = useState(false);
-  const [sentReferrals, setSentReferrals] = useState([]);
-  const nh_consent = (_currentProvider$nh_c = currentProvider === null || currentProvider === void 0 ? void 0 : currentProvider.nh_consent) !== null && _currentProvider$nh_c !== void 0 ? _currentProvider$nh_c : false;
-  const showNHConsent = useMemo(() => {
+  var _useState15 = useState(true),
+    _useState16 = _slicedToArray(_useState15, 2),
+    consented = _useState16[0],
+    setConsented = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    consentCompleted = _useState18[0],
+    setConsentCompleted = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    disableSubmit = _useState20[0],
+    setDisableSubmit = _useState20[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    loading = _useState22[0],
+    setLoading = _useState22[1];
+  var formRefs = useRef({});
+  var _useState23 = useState([]),
+    _useState24 = _slicedToArray(_useState23, 2),
+    referralsResultDetail = _useState24[0],
+    setReferralsResultDetail = _useState24[1];
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    hasBeenSubmitted = _useState26[0],
+    setHasBeenSubmitted = _useState26[1];
+  var _useState27 = useState([]),
+    _useState28 = _slicedToArray(_useState27, 2),
+    sentReferrals = _useState28[0],
+    setSentReferrals = _useState28[1];
+  var nh_consent = (_currentProvider$nh_c = currentProvider === null || currentProvider === void 0 ? void 0 : currentProvider.nh_consent) !== null && _currentProvider$nh_c !== void 0 ? _currentProvider$nh_c : false;
+  var showNHConsent = useMemo(function () {
     return cl1511NHConsentMvp && nh_consent;
   }, [cl1511NHConsentMvp, nh_consent]);
-  const createShareEvent = useCreateShareEvent();
-  const isForwardReferralPath = !!referralId && !!referralType;
-  const referralSentSuccessfully = sent || isSuccessfullyForwarded;
-  const errors = Object.keys(fieldErrors).reduce((acc, index) => {
-    const fieldError = fieldErrors[index];
+  var createShareEvent = useCreateShareEvent();
+  var isForwardReferralPath = !!referralId && !!referralType;
+  var referralSentSuccessfully = sent || isSuccessfullyForwarded;
+  var errors = Object.keys(fieldErrors).reduce(function (acc, index) {
+    var fieldError = fieldErrors[index];
     acc[index] = {
       referralSelected: fieldError === null || fieldError === void 0 ? void 0 : fieldError.referralSelected
     };
     return acc;
   }, {});
-  const hasMultipleReferrals = () => referrals.length > 1;
-  const setReferralErrors = (referralIndex, newErrors) => {
-    setFieldErrors(prevFieldErrors => {
-      const currentErrors = prevFieldErrors[referralIndex];
-      const updatedErrors = _objectSpread(_objectSpread({}, currentErrors), newErrors);
+  var hasMultipleReferrals = function hasMultipleReferrals() {
+    return referrals.length > 1;
+  };
+  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 onChevronClick = index => {
-    const expanded = expandedReferrals === null || expandedReferrals === void 0 ? void 0 : expandedReferrals.map(ref => {
+  var onChevronClick = function onChevronClick(index) {
+    var expanded = expandedReferrals === null || expandedReferrals === void 0 ? void 0 : expandedReferrals.map(function (ref) {
       if (ref.index === index) {
         ref.expanded = !ref.expanded;
       }
@@ -101,23 +164,27 @@ export default function Review() {
     });
     setExpandedReferrals(expanded);
   };
-  const onDeleteReferralClick = index => {
+  var onDeleteReferralClick = function onDeleteReferralClick(index) {
     setSelectedReferralToDelete(index);
     setDeleteReferralModalIsOpen(true);
   };
-  const onCloseDeleteReferralModal = () => {
+  var onCloseDeleteReferralModal = function onCloseDeleteReferralModal() {
     setDeleteReferralModalIsOpen(false);
   };
-  useEffect(() => {
-    const expanded = referrals === null || referrals === void 0 ? void 0 : referrals.map((r, i) => _objectSpread(_objectSpread({}, r), {}, {
-      attachedDocuments: r.attachableDocuments ? r.attachableDocuments.filter(doc => doc.attached) : [],
-      expanded: true,
-      index: i
-    }));
+  useEffect(function () {
+    var expanded = referrals === null || referrals === void 0 ? void 0 : referrals.map(function (r, i) {
+      return _objectSpread(_objectSpread({}, r), {}, {
+        attachedDocuments: r.attachableDocuments ? r.attachableDocuments.filter(function (doc) {
+          return doc.attached;
+        }) : [],
+        expanded: true,
+        index: i
+      });
+    });
     setExpandedReferrals(expanded);
   }, [referrals]);
-  const deleteModal = useRef([]);
-  useEffect(() => {
+  var deleteModal = useRef([]);
+  useEffect(function () {
     if (!isEmpty(referrals)) {
       if (deleteReferralModalIsOpen) {
         deleteModal.current[selectedReferralToDelete].openDialog();
@@ -127,15 +194,15 @@ export default function Review() {
       }
     }
   }, [deleteReferralModalIsOpen, selectedReferralToDelete, referrals]);
-  useEffect(() => {
+  useEffect(function () {
     if ((referralsResultDetail === null || referralsResultDetail === void 0 ? void 0 : referralsResultDetail.length) > 0) {
       sessionStorage.setItem('referralsSubmitted', 'true');
     }
     if (window.performance) {
       try {
-        const navEntries = performance.getEntriesByType && performance.getEntriesByType('navigation') || [];
-        const isRefresh = navEntries.length > 0 && navEntries[0].type === 'reload';
-        const referralsWereSubmitted = sessionStorage.getItem('referralsSubmitted') === 'true';
+        var navEntries = performance.getEntriesByType && performance.getEntriesByType('navigation') || [];
+        var isRefresh = navEntries.length > 0 && navEntries[0].type === 'reload';
+        var referralsWereSubmitted = sessionStorage.getItem('referralsSubmitted') === 'true';
         if (isRefresh && referralsWereSubmitted) {
           sessionStorage.removeItem('referralsSubmitted');
           CALLBACKS.onReferralReload();
@@ -145,55 +212,74 @@ export default function Review() {
       }
     }
   }, [referralsResultDetail]);
-  const deleteSelectedReferral = () => {
-    const updatedReferrals = referrals.filter((r, i) => i !== selectedReferralToDelete);
+  var deleteSelectedReferral = function deleteSelectedReferral() {
+    var updatedReferrals = referrals.filter(function (r, i) {
+      return i !== selectedReferralToDelete;
+    });
     dispatch(setData({
-      referrals: [...updatedReferrals]
+      referrals: _toConsumableArray(updatedReferrals)
     }));
     onCloseDeleteReferralModal();
   };
-  const createReferrals = useCreateReferrals();
-  const forwardReferral = useForwardReferral();
-  const handleSaveDraftReferral = async () => {
-    try {
-      await createReferrals({
-        draft: true
-      });
-      const {
-        onSaveDraftReferral
-      } = CALLBACKS;
-      onSaveDraftReferral && onSaveDraftReferral();
-    } catch (err) {
-      console.error(err);
-    }
-  };
-  const setFocus = index => {
-    setTimeout(() => {
+  var createReferrals = useCreateReferrals();
+  var forwardReferral = useForwardReferral();
+  var handleSaveDraftReferral = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var onSaveDraftReferral;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return createReferrals({
+              draft: true
+            });
+          case 3:
+            onSaveDraftReferral = CALLBACKS.onSaveDraftReferral;
+            onSaveDraftReferral && onSaveDraftReferral();
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return function handleSaveDraftReferral() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var setFocus = function setFocus(index) {
+    setTimeout(function () {
       var _errors$index;
       if ((_errors$index = errors[index]) !== null && _errors$index !== void 0 && _errors$index.referralSelected) {
         var _formRefs$current;
         (_formRefs$current = formRefs.current) === null || _formRefs$current === void 0 || (_formRefs$current = _formRefs$current.mutators) === null || _formRefs$current === void 0 || _formRefs$current.setFieldTouched('referralSelected', true);
-        const referralSelectedField = document.getElementById("referralSelected");
+        var referralSelectedField = document.getElementById("referralSelected");
         return referralSelectedField.focus();
       }
     }, 100);
   };
-  const focusErrors = () => {
-    let index = 0;
-    const firstIndexWithErrors = Object.keys(errors).find(idx => some(values(errors[idx]), Boolean));
+  var focusErrors = function focusErrors() {
+    var index = 0;
+    var firstIndexWithErrors = Object.keys(errors).find(function (idx) {
+      return some(values(errors[idx]), Boolean);
+    });
     if (!some(values(errors[index]), Boolean) && firstIndexWithErrors) {
       index = parseInt(firstIndexWithErrors);
     }
     setFocus(index);
   };
-  const showReferralsNotifications = referralResponses => {
-    const amountOfReferralsSent = referralResponses.filter(_ref => {
-      let {
-        sent
-      } = _ref;
+  var showReferralsNotifications = function showReferralsNotifications(referralResponses) {
+    var amountOfReferralsSent = referralResponses.filter(function (_ref2) {
+      var sent = _ref2.sent;
       return sent;
     }).length;
-    const totalReferrals = referralResponses.length;
+    var totalReferrals = referralResponses.length;
     if (amountOfReferralsSent === totalReferrals) {
       CALLBACKS.notify.success('Referrals created');
     } else if (amountOfReferralsSent > 0) {
@@ -202,388 +288,405 @@ export default function Review() {
       CALLBACKS.notify.error('No referrals created');
     }
   };
-  const handleSubmit = async () => {
-    if (isEmptyErrors(errors)) {
-      setLoading(true);
-      setDisableSubmit(true);
-      try {
-        if (isForwardReferralPath) {
-          var _referrals$selectedRe, _forwardReferrals$err;
-          const referralToForward = (_referrals$selectedRe = referrals[selectedReferralToLink]) !== null && _referrals$selectedRe !== void 0 ? _referrals$selectedRe : null;
-          const forwardReferrals = await forwardReferral({
-            caseId,
-            referralToForward
-          });
-          let fullyForwaded = false;
-          let detail = [];
-          let response = {
-            referralsToConsent: []
-          };
-          if (forwardReferrals !== false && !(forwardReferrals !== null && forwardReferrals !== void 0 && forwardReferrals.errorMessage) && forwardReferrals.every(response => response !== false)) {
-            fullyForwaded = forwardReferrals.every(response => (response === null || response === void 0 ? void 0 : response.status) >= 200 && (response === null || response === void 0 ? void 0 : response.status) < 300);
-          }
-          ;
-          if (referrals.length >= 2) {
-            const referralForwardedDeleted = referrals.splice(selectedReferralToLink, 1);
-            response = await createReferrals();
-            detail = response.shippingDetail.map(item => ({
-              index: item.index >= selectedReferralToLink ? item.index + 1 : item.index,
-              sent: item.sent
-            }));
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _referrals$selectedRe, _forwardReferrals$err, referralToForward, forwardReferrals, fullyForwaded, detail, response, referralForwardedDeleted, errorMessage, newReferrals, _person$consent, _response, _detail;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!isEmptyErrors(errors)) {
+              _context2.next = 52;
+              break;
+            }
+            setLoading(true);
+            setDisableSubmit(true);
+            _context2.prev = 3;
+            if (!isForwardReferralPath) {
+              _context2.next = 30;
+              break;
+            }
+            referralToForward = (_referrals$selectedRe = referrals[selectedReferralToLink]) !== null && _referrals$selectedRe !== void 0 ? _referrals$selectedRe : null;
+            _context2.next = 8;
+            return forwardReferral({
+              caseId: caseId,
+              referralToForward: referralToForward
+            });
+          case 8:
+            forwardReferrals = _context2.sent;
+            fullyForwaded = false;
+            detail = [];
+            response = {
+              referralsToConsent: []
+            };
+            if (forwardReferrals !== false && !(forwardReferrals !== null && forwardReferrals !== void 0 && forwardReferrals.errorMessage) && forwardReferrals.every(function (response) {
+              return response !== false;
+            })) {
+              fullyForwaded = forwardReferrals.every(function (response) {
+                return (response === null || response === void 0 ? void 0 : response.status) >= 200 && (response === null || response === void 0 ? void 0 : response.status) < 300;
+              });
+            }
+            ;
+            if (!(referrals.length >= 2)) {
+              _context2.next = 21;
+              break;
+            }
+            referralForwardedDeleted = referrals.splice(selectedReferralToLink, 1);
+            _context2.next = 18;
+            return createReferrals();
+          case 18:
+            response = _context2.sent;
+            detail = response.shippingDetail.map(function (item) {
+              return {
+                index: item.index >= selectedReferralToLink ? item.index + 1 : item.index,
+                sent: item.sent
+              };
+            });
             referrals.splice(selectedReferralToLink, 0, referralForwardedDeleted[0]);
-          }
-          const errorMessage = (_forwardReferrals$err = forwardReferrals === null || forwardReferrals === void 0 ? void 0 : forwardReferrals.errorMessage) !== null && _forwardReferrals$err !== void 0 ? _forwardReferrals$err : fullyForwaded ? null : "Unexpected error";
-          detail.splice(selectedReferralToLink, 0, {
-            index: selectedReferralToLink,
-            sent: fullyForwaded,
-            error: errorMessage
-          });
+          case 21:
+            errorMessage = (_forwardReferrals$err = forwardReferrals === null || forwardReferrals === void 0 ? void 0 : forwardReferrals.errorMessage) !== null && _forwardReferrals$err !== void 0 ? _forwardReferrals$err : fullyForwaded ? null : "Unexpected error";
+            detail.splice(selectedReferralToLink, 0, {
+              index: selectedReferralToLink,
+              sent: fullyForwaded,
+              error: errorMessage
+            });
 
-          // Add forwarded referrals to the response.referralToConsent
-          if (forwardReferrals && fullyForwaded && forwardReferrals !== false && !(forwardReferrals !== null && forwardReferrals !== void 0 && forwardReferrals.errorMessage)) {
-            const newReferrals = referralToConsent({
-              originalReferral: referralToForward,
-              createdReferrals: forwardReferrals.map(referral => {
-                var _referral$data;
-                return (_referral$data = referral.data) === null || _referral$data === void 0 ? void 0 : _referral$data.data;
-              })
+            // Add forwarded referrals to the response.referralToConsent
+            if (forwardReferrals && fullyForwaded && forwardReferrals !== false && !(forwardReferrals !== null && forwardReferrals !== void 0 && forwardReferrals.errorMessage)) {
+              newReferrals = referralToConsent({
+                originalReferral: referralToForward,
+                createdReferrals: forwardReferrals.map(function (referral) {
+                  var _referral$data;
+                  return (_referral$data = referral.data) === null || _referral$data === void 0 ? void 0 : _referral$data.data;
+                })
+              });
+              if (newReferrals) response.referralsToConsent.push(newReferrals);
+            }
+            setIsSuccessfullyForwarded(fullyForwaded);
+            setSentReferrals(response.referralsToConsent);
+            setReferralsResultDetail(detail);
+            showReferralsNotifications(detail);
+            _context2.next = 40;
+            break;
+          case 30:
+            _context2.next = 32;
+            return createReferrals({
+              caseId: caseId
             });
-            if (newReferrals) response.referralsToConsent.push(newReferrals);
-          }
-          setIsSuccessfullyForwarded(fullyForwaded);
-          setSentReferrals(response.referralsToConsent);
-          setReferralsResultDetail(detail);
-          showReferralsNotifications(detail);
-        } else {
-          var _person$consent;
-          const response = await createReferrals({
-            caseId
-          });
-          updateSent(true);
-          const detail = response.shippingDetail.map(item => ({
-            index: item.index,
-            sent: item.sent
-          }));
-          setSentReferrals(response.referralsToConsent);
-          setReferralsResultDetail(detail);
-          showReferralsNotifications(detail);
-          setConsented(((_person$consent = person.consent) === null || _person$consent === void 0 ? void 0 : _person$consent.state) === 'accepted');
-          // Create the share event for each referral only if the resource list id is present
-          // This is being set from the resource list page or search page before navigating to the create referrals
-          if (resourceListId) {
-            response.referrals.map(referral => createShareEvent(referral));
-          }
+          case 32:
+            _response = _context2.sent;
+            updateSent(true);
+            _detail = _response.shippingDetail.map(function (item) {
+              return {
+                index: item.index,
+                sent: item.sent
+              };
+            });
+            setSentReferrals(_response.referralsToConsent);
+            setReferralsResultDetail(_detail);
+            showReferralsNotifications(_detail);
+            setConsented(((_person$consent = person.consent) === null || _person$consent === void 0 ? void 0 : _person$consent.state) === 'accepted');
+            // Create the share event for each referral only if the resource list id is present
+            // This is being set from the resource list page or search page before navigating to the create referrals
+            if (resourceListId) {
+              _response.referrals.map(function (referral) {
+                return createShareEvent(referral);
+              });
+            }
+          case 40:
+            _context2.next = 46;
+            break;
+          case 42:
+            _context2.prev = 42;
+            _context2.t0 = _context2["catch"](3);
+            console.error(_context2.t0);
+            setDisableSubmit(false);
+          case 46:
+            _context2.prev = 46;
+            setLoading(false);
+            setHasBeenSubmitted(true);
+            return _context2.finish(46);
+          case 50:
+            _context2.next = 53;
+            break;
+          case 52:
+            focusErrors();
+          case 53:
+          case "end":
+            return _context2.stop();
         }
-      } catch (err) {
-        console.error(err);
-        setDisableSubmit(false);
-      } finally {
-        setLoading(false);
-        setHasBeenSubmitted(true);
-      }
-    } else {
-      focusErrors();
-    }
-  };
+      }, _callee2, null, [[3, 42, 46, 50]]);
+    }));
+    return function handleSubmit() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
 
   // When submitting consent through Consent App
-  const onConsentComplete = async event => {
-    var _event$data;
-    const consentAppUrl = APP_ENVIRONMENT.consentUrl;
-    const eventOrigin = get(event, 'origin');
-    const originIsConsentApp = includes(consentAppUrl, eventOrigin);
-    if ((event === null || event === void 0 || (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.status) === CONSENT_COMPLETED && originIsConsentApp) {
-      CALLBACKS.notify.success('Your consent has been recorded.');
-      onNavigateAway();
-    }
-  };
+  var onConsentComplete = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(event) {
+      var _event$data;
+      var consentAppUrl, eventOrigin, originIsConsentApp;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            consentAppUrl = APP_ENVIRONMENT.consentUrl;
+            eventOrigin = get(event, 'origin');
+            originIsConsentApp = includes(consentAppUrl, eventOrigin);
+            if ((event === null || event === void 0 || (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.status) === CONSENT_COMPLETED && originIsConsentApp) {
+              CALLBACKS.notify.success('Your consent has been recorded.');
+              onNavigateAway();
+            }
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onConsentComplete(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
   // When not submitting consent through Consent App
-  const onNavigateAway = () => {
+  var onNavigateAway = function onNavigateAway() {
     CALLBACKS.onSubmitConsent();
     setConsented(true);
     setConsentCompleted(true);
   };
-  useEffect(() => {
+  useEffect(function () {
     window.addEventListener('message', onConsentComplete);
-    return () => {
+    return function () {
       window.removeEventListener('message', onConsentComplete);
     };
   }, []);
-  useEffect(() => {
-    const showingConsent = referralSentSuccessfully && (!consented || showNHConsent && !consentCompleted && sentReferrals.length > 0);
+  useEffect(function () {
+    var showingConsent = referralSentSuccessfully && (!consented || showNHConsent && !consentCompleted && sentReferrals.length > 0);
     if (showingConsent) {
       window.history.pushState(null, null, window.location.href);
-      const handlePopState = event => {
+      var handlePopState = function handlePopState(event) {
         event.preventDefault();
         CALLBACKS.onReferralCompleted();
       };
       window.addEventListener('popstate', handlePopState);
-      return () => {
+      return function () {
         window.removeEventListener('popstate', handlePopState);
       };
     }
   }, [referralSentSuccessfully, consented, showNHConsent, consentCompleted, sentReferrals.length]);
   if (referralSentSuccessfully && (!consented || showNHConsent && !consentCompleted && sentReferrals.length > 0)) {
     var _CALLBACKS$consent;
-    const {
-      Consent
-    } = COMPONENTS;
-    return /*#__PURE__*/_jsx(CreateReferralContainer, {
-      isStepReferralSent: true,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "px-12 pb-12",
-        children: [/*#__PURE__*/_jsx(StepHeader, {
-          header: 'Complete Consent',
-          children: CONSENT_DESCRIPTION
-        }), /*#__PURE__*/_jsx(Consent, {
-          contact: person,
-          currentEmployee: currentEmployee,
-          initializedValue: "user_attestation",
-          updateGlobalState: CALLBACKS === null || CALLBACKS === void 0 || (_CALLBACKS$consent = CALLBACKS.consent) === null || _CALLBACKS$consent === void 0 ? void 0 : _CALLBACKS$consent.updateGlobalState,
-          dialogContentStyles: 'text-validation-red',
-          onNavigateAway: onNavigateAway,
-          sentReferrals: sentReferrals
-        })]
-      })
-    });
+    var Consent = COMPONENTS.Consent;
+    return /*#__PURE__*/React.createElement(CreateReferralContainer, {
+      isStepReferralSent: true
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "px-12 pb-12"
+    }, /*#__PURE__*/React.createElement(StepHeader, {
+      header: 'Complete Consent'
+    }, CONSENT_DESCRIPTION), /*#__PURE__*/React.createElement(Consent, {
+      contact: person,
+      currentEmployee: currentEmployee,
+      initializedValue: "user_attestation",
+      updateGlobalState: CALLBACKS === null || CALLBACKS === void 0 || (_CALLBACKS$consent = CALLBACKS.consent) === null || _CALLBACKS$consent === void 0 ? void 0 : _CALLBACKS$consent.updateGlobalState,
+      dialogContentStyles: 'text-validation-red',
+      onNavigateAway: onNavigateAway,
+      sentReferrals: sentReferrals
+    })));
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: loading ? /*#__PURE__*/_jsx(CreateReferralContainer, {
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "px-12",
-        children: [/*#__PURE__*/_jsx("h2", {
-          className: "text-base font-proxima font-semibold text-[18px] leading-[28px] text-center mt-5",
-          children: REVIEW_LOADING_SCREEN_DESCRIPTION
-        }), /*#__PURE__*/_jsx("div", {
-          className: "flex justify-center items-center mt-6",
-          children: /*#__PURE__*/_jsxs("div", {
-            className: "py-20 bg-white w-full max-w-4xl px-4 md:px-8 lg:px-16",
-            children: [/*#__PURE__*/_jsxs("div", {
-              className: "flex flex-col justify-center items-center",
-              children: [/*#__PURE__*/_jsx(Skeleton, {
-                height: 50,
-                width: 0.9 * 800,
-                style: {
-                  marginTop: 12
-                }
-              }), /*#__PURE__*/_jsx(Skeleton, {
-                height: 20,
-                width: 0.9 * 800,
-                style: {
-                  marginTop: 12
-                }
-              }), /*#__PURE__*/_jsx(Skeleton, {
-                height: 80,
-                width: 0.9 * 800,
-                style: {
-                  marginTop: 12
-                }
-              })]
-            }), /*#__PURE__*/_jsxs("div", {
-              className: "flex flex-row justify-center items-center flex-wrap gap-4 mt-4",
-              children: [/*#__PURE__*/_jsx(Skeleton, {
-                height: 50,
-                width: 0.9 * 394,
-                style: {
-                  marginTop: 12
-                }
-              }), /*#__PURE__*/_jsx(Skeleton, {
-                height: 50,
-                width: 0.9 * 394,
-                style: {
-                  marginTop: 12
-                }
-              })]
-            })]
-          })
-        })]
-      })
-    }) : hasBeenSubmitted ? /*#__PURE__*/_jsx(ReferralsSent, {
-      referrals: referrals,
-      referralsResultDetail: referralsResultDetail,
-      isSuccessfullyForwarded: isSuccessfullyForwarded,
-      isForwardReferralPath: isForwardReferralPath
-    }) : /*#__PURE__*/_jsx(CreateReferralContainer, {
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "px-12",
-        children: [/*#__PURE__*/_jsx(StepHeader, {
-          icon: true,
-          header: 'Review Referrals',
-          children: REVIEW_REFERRAL_DESCRIPTION
-        }), /*#__PURE__*/_jsx(NavButtons, {
-          onBackClick: () => navigate(-1),
-          onForwardClick: handleSubmit,
-          onSaveDraftReferral: handleSaveDraftReferral,
-          primaryLabel: "Confirm & Submit",
-          hideForwardButtons: isEmpty(referrals),
-          hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
-          hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
-          disabled: disableSubmit,
-          isForwardReferralPath: isForwardReferralPath
-        }), hasMultipleReferrals() && crtb854ForwardingSuperset && isForwardReferralPath && /*#__PURE__*/_jsx(DropdownMultiplesReferrals, {
-          referrals: referrals,
-          setReferralErrors: setReferralErrors,
-          formRefs: formRefs,
-          setSelectedReferralToLink: setSelectedReferralToLink,
-          serviceTypeName: serviceTypeName
-        }), isEmpty(referrals) ? /*#__PURE__*/_jsx(NoReferralsDisplay, {
-          onClick: () => CALLBACKS.onNavigateBack()
-        }) : expandedReferrals === null || expandedReferrals === void 0 ? void 0 : expandedReferrals.map((referral, index) => {
-          const {
-            programs
-          } = referral;
-          const isAuthRequired = get(referral, 'programs[0].fee_schedule_program.authorization_required');
-          return /*#__PURE__*/_jsxs("div", {
-            className: "mb-6 mx-auto responsive-max-width",
-            "data-testid": "referral-review-card-".concat(index),
-            children: [/*#__PURE__*/_jsx("div", {
-              className: "bg-white border border-solid border-blue-border ".concat(referral !== null && referral !== void 0 && referral.expanded ? "rounded-t-lg" : "rounded"),
-              children: /*#__PURE__*/_jsxs("div", {
-                className: "py-6 px-8 flex justify-between",
-                children: [/*#__PURE__*/_jsxs("h2", {
-                  className: "uppercase font-black text-grey text-base",
-                  children: ["Referral ", index + 1, ": ", get(referral, 'service.name')]
-                }), /*#__PURE__*/_jsxs("div", {
-                  children: [/*#__PURE__*/_jsx(Icon, {
-                    icon: "IconPencil",
-                    color: "#182A44",
-                    className: "mr-3",
-                    onClick: () => navigate('/create/builder', {
-                      state: {
-                        selectedReferral: index
-                      }
-                    }),
-                    "data-testid": "referral-review-pencil-".concat(index),
-                    ariaLabel: "edit"
-                  }), /*#__PURE__*/_jsx(Icon, {
-                    icon: "IconTrash",
-                    color: "#182A44",
-                    className: "mr-3",
-                    onClick: () => onDeleteReferralClick(index),
-                    "data-testid": "referral-review-card-trash-".concat(index),
-                    ariaLabel: "delete"
-                  }), /*#__PURE__*/_jsx(Icon, {
-                    icon: referral !== null && referral !== void 0 && referral.expanded ? "IconChevronDown" : "IconChevronRight",
-                    color: "#182A44",
-                    onClick: () => onChevronClick(index),
-                    "data-testid": "referral-review-card-chevron-".concat(index),
-                    ariaLabel: "expand"
-                  })]
-                })]
-              })
-            }), /*#__PURE__*/_jsx(DeleteReferralModal, {
-              refModal: el => deleteModal.current[index] = el,
-              onCloseModal: onCloseDeleteReferralModal,
-              referral: referral,
-              onDeleteSelectedReferral: deleteSelectedReferral
-            }), get(referral, 'expanded', true) ? /*#__PURE__*/_jsx("div", {
-              className: "bg-white border border-solid border-blue-border rounded-b-lg",
-              children: /*#__PURE__*/_jsx("div", {
-                className: "pt-6 px-8 pb-16",
-                children: /*#__PURE__*/_jsxs("div", {
-                  className: "grid grid-cols-3",
-                  children: [/*#__PURE__*/_jsxs("div", {
-                    className: "col-span-2 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Referral Programs"
-                    }), programs.map((program, i) => /*#__PURE__*/_jsxs("p", {
-                      children: [get(program, 'name'), " ", get(program, 'provider.name') ? '(' + get(program, 'provider.name') + ')' : '']
-                    }, i))]
-                  }), /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-1 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Referral Network"
-                    }), /*#__PURE__*/_jsx("p", {
-                      children: get(referral, 'network.name')
-                    })]
-                  }), get(referral, 'paymentAuthForm') && isAuthRequired && /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-3 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Authorization Request"
-                    }), /*#__PURE__*/_jsx(ReferralAuthorizationRequestSummary, {
-                      authorizationRequest: get(referral, 'paymentAuthForm'),
-                      feeScheduleProgram: get(referral, 'programs[0].fee_schedule_program')
-                    })]
-                  }), /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-2 mt-10 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Referral Description"
-                    }), /*#__PURE__*/_jsx("p", {
-                      children: get(referral, 'description')
-                    })]
-                  }), get(referral, 'opened_date') && /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-1 mt-10 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Open Date"
-                    }), /*#__PURE__*/_jsx("p", {
-                      children: formatShortDate2FromTimestamp(get(referral, 'opened_date'), true)
-                    })]
-                  }), featureFlagClientNeeds && get(referral, 'client_need.name') && /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-1 mt-10 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Associated Need"
-                    }), /*#__PURE__*/_jsx("p", {
-                      children: get(referral, 'client_need.name')
-                    })]
-                  }), get(referral, 'primaryWorker.full_name') && /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-3 mt-10 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Primary Worker"
-                    }), /*#__PURE__*/_jsx("p", {
-                      children: get(referral, 'primaryWorker.full_name')
-                    })]
-                  }), /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-3 mt-16 p-2",
-                    children: [/*#__PURE__*/_jsx("h2", {
-                      className: "uppercase font-semibold mb-1 text-sm text-text-blue",
-                      children: "Attached Documents"
-                    }), !isEmpty(get(referral, 'attachedDocuments')) && /*#__PURE__*/_jsx(DocumentsListView, {
-                      documents: get(referral, 'attachedDocuments')
-                    }), !isEmpty(get(referral, 'attachments')) && /*#__PURE__*/_jsx("div", {
-                      className: "file-upload-dropzone mb-3 mt-5",
-                      children: /*#__PURE__*/_jsx(FilePreviewWrapper, {
-                        uploadedFiles: get(referral, 'attachments')
-                      })
-                    }), isEmpty(get(referral, 'attachments')) && isEmpty(get(referral, 'attachedDocuments')) && /*#__PURE__*/_jsx("p", {
-                      children: "No documents attached"
-                    })]
-                  }), /*#__PURE__*/_jsxs("div", {
-                    className: "col-span-3 bg-light-pale-blue rounded mt-6 p-6 flex",
-                    children: [/*#__PURE__*/_jsx(Icon, {
-                      icon: "IconExclamationCircle",
-                      color: "#182A44",
-                      className: "mt-px mr-4"
-                    }), /*#__PURE__*/_jsx("p", {
-                      children: READY_TO_SUMBIT_INFO_TEXT
-                    })]
-                  })]
-                })
-              })
-            }) : null]
-          }, "referral-review-card-".concat(index));
-        }), !isEmpty(referrals) && /*#__PURE__*/_jsx("div", {
-          className: "pb-6",
-          children: /*#__PURE__*/_jsx(NavButtons, {
-            onBackClick: () => navigate(-1),
-            onForwardClick: handleSubmit,
-            onSaveDraftReferral: handleSaveDraftReferral,
-            primaryLabel: "Confirm & Submit",
-            hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
-            hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
-            disabled: disableSubmit,
-            isForwardReferralPath: isForwardReferralPath
-          })
-        })]
-      })
-    })
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(CreateReferralContainer, null, /*#__PURE__*/React.createElement("div", {
+    className: "px-12"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "text-base font-proxima font-semibold text-[18px] leading-[28px] text-center mt-5"
+  }, REVIEW_LOADING_SCREEN_DESCRIPTION), /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center items-center mt-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "py-20 bg-white w-full max-w-4xl px-4 md:px-8 lg:px-16"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col justify-center items-center"
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    height: 50,
+    width: 0.9 * 800,
+    style: {
+      marginTop: 12
+    }
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    height: 20,
+    width: 0.9 * 800,
+    style: {
+      marginTop: 12
+    }
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    height: 80,
+    width: 0.9 * 800,
+    style: {
+      marginTop: 12
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row justify-center items-center flex-wrap gap-4 mt-4"
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    height: 50,
+    width: 0.9 * 394,
+    style: {
+      marginTop: 12
+    }
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    height: 50,
+    width: 0.9 * 394,
+    style: {
+      marginTop: 12
+    }
+  })))))) : hasBeenSubmitted ? /*#__PURE__*/React.createElement(ReferralsSent, {
+    referrals: referrals,
+    referralsResultDetail: referralsResultDetail,
+    isSuccessfullyForwarded: isSuccessfullyForwarded,
+    isForwardReferralPath: isForwardReferralPath
+  }) : /*#__PURE__*/React.createElement(CreateReferralContainer, null, /*#__PURE__*/React.createElement("div", {
+    className: "px-12"
+  }, /*#__PURE__*/React.createElement(StepHeader, {
+    icon: true,
+    header: 'Review Referrals'
+  }, REVIEW_REFERRAL_DESCRIPTION), /*#__PURE__*/React.createElement(NavButtons, {
+    onBackClick: function onBackClick() {
+      return navigate(-1);
+    },
+    onForwardClick: handleSubmit,
+    onSaveDraftReferral: handleSaveDraftReferral,
+    primaryLabel: "Confirm & Submit",
+    hideForwardButtons: isEmpty(referrals),
+    hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
+    hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
+    disabled: disableSubmit,
+    isForwardReferralPath: isForwardReferralPath
+  }), hasMultipleReferrals() && crtb854ForwardingSuperset && isForwardReferralPath && /*#__PURE__*/React.createElement(DropdownMultiplesReferrals, {
+    referrals: referrals,
+    setReferralErrors: setReferralErrors,
+    formRefs: formRefs,
+    setSelectedReferralToLink: setSelectedReferralToLink,
+    serviceTypeName: serviceTypeName
+  }), isEmpty(referrals) ? /*#__PURE__*/React.createElement(NoReferralsDisplay, {
+    onClick: function onClick() {
+      return CALLBACKS.onNavigateBack();
+    }
+  }) : expandedReferrals === null || expandedReferrals === void 0 ? void 0 : expandedReferrals.map(function (referral, index) {
+    var programs = referral.programs;
+    var isAuthRequired = get(referral, 'programs[0].fee_schedule_program.authorization_required');
+    return /*#__PURE__*/React.createElement("div", {
+      className: "mb-6 mx-auto responsive-max-width",
+      key: "referral-review-card-".concat(index),
+      "data-testid": "referral-review-card-".concat(index)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "bg-white border border-solid border-blue-border ".concat(referral !== null && referral !== void 0 && referral.expanded ? "rounded-t-lg" : "rounded")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "py-6 px-8 flex justify-between"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-black text-grey text-base"
+    }, "Referral ", index + 1, ": ", get(referral, 'service.name')), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
+      icon: "IconPencil",
+      color: "#182A44",
+      className: "mr-3",
+      onClick: function onClick() {
+        return navigate('/create/builder', {
+          state: {
+            selectedReferral: index
+          }
+        });
+      },
+      "data-testid": "referral-review-pencil-".concat(index),
+      ariaLabel: "edit"
+    }), /*#__PURE__*/React.createElement(Icon, {
+      icon: "IconTrash",
+      color: "#182A44",
+      className: "mr-3",
+      onClick: function onClick() {
+        return onDeleteReferralClick(index);
+      },
+      "data-testid": "referral-review-card-trash-".concat(index),
+      ariaLabel: "delete"
+    }), /*#__PURE__*/React.createElement(Icon, {
+      icon: referral !== null && referral !== void 0 && referral.expanded ? "IconChevronDown" : "IconChevronRight",
+      color: "#182A44",
+      onClick: function onClick() {
+        return onChevronClick(index);
+      },
+      "data-testid": "referral-review-card-chevron-".concat(index),
+      ariaLabel: "expand"
+    })))), /*#__PURE__*/React.createElement(DeleteReferralModal, {
+      refModal: function refModal(el) {
+        return deleteModal.current[index] = el;
+      },
+      onCloseModal: onCloseDeleteReferralModal,
+      referral: referral,
+      onDeleteSelectedReferral: deleteSelectedReferral
+    }), get(referral, 'expanded', true) ? /*#__PURE__*/React.createElement("div", {
+      className: "bg-white border border-solid border-blue-border rounded-b-lg"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pt-6 px-8 pb-16"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "grid grid-cols-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-span-2 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Referral Programs"), programs.map(function (program, i) {
+      return /*#__PURE__*/React.createElement("p", {
+        key: i
+      }, get(program, 'name'), " ", get(program, 'provider.name') ? '(' + get(program, 'provider.name') + ')' : '');
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "col-span-1 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Referral Network"), /*#__PURE__*/React.createElement("p", null, get(referral, 'network.name'))), get(referral, 'paymentAuthForm') && isAuthRequired && /*#__PURE__*/React.createElement("div", {
+      className: "col-span-3 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Authorization Request"), /*#__PURE__*/React.createElement(ReferralAuthorizationRequestSummary, {
+      authorizationRequest: get(referral, 'paymentAuthForm'),
+      feeScheduleProgram: get(referral, 'programs[0].fee_schedule_program')
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "col-span-2 mt-10 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Referral Description"), /*#__PURE__*/React.createElement("p", null, get(referral, 'description'))), get(referral, 'opened_date') && /*#__PURE__*/React.createElement("div", {
+      className: "col-span-1 mt-10 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Open Date"), /*#__PURE__*/React.createElement("p", null, formatShortDate2FromTimestamp(get(referral, 'opened_date'), true))), featureFlagClientNeeds && get(referral, 'client_need.name') && /*#__PURE__*/React.createElement("div", {
+      className: "col-span-1 mt-10 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Associated Need"), /*#__PURE__*/React.createElement("p", null, get(referral, 'client_need.name'))), get(referral, 'primaryWorker.full_name') && /*#__PURE__*/React.createElement("div", {
+      className: "col-span-3 mt-10 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Primary Worker"), /*#__PURE__*/React.createElement("p", null, get(referral, 'primaryWorker.full_name'))), /*#__PURE__*/React.createElement("div", {
+      className: "col-span-3 mt-16 p-2"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: "uppercase font-semibold mb-1 text-sm text-text-blue"
+    }, "Attached Documents"), !isEmpty(get(referral, 'attachedDocuments')) && /*#__PURE__*/React.createElement(DocumentsListView, {
+      documents: get(referral, 'attachedDocuments')
+    }), !isEmpty(get(referral, 'attachments')) && /*#__PURE__*/React.createElement("div", {
+      className: "file-upload-dropzone mb-3 mt-5"
+    }, /*#__PURE__*/React.createElement(FilePreviewWrapper, {
+      uploadedFiles: get(referral, 'attachments')
+    })), isEmpty(get(referral, 'attachments')) && isEmpty(get(referral, 'attachedDocuments')) && /*#__PURE__*/React.createElement("p", null, "No documents attached")), /*#__PURE__*/React.createElement("div", {
+      className: "col-span-3 bg-light-pale-blue rounded mt-6 p-6 flex"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: "IconExclamationCircle",
+      color: "#182A44",
+      className: "mt-px mr-4"
+    }), /*#__PURE__*/React.createElement("p", null, READY_TO_SUMBIT_INFO_TEXT))))) : null);
+  }), !isEmpty(referrals) && /*#__PURE__*/React.createElement("div", {
+    className: "pb-6"
+  }, /*#__PURE__*/React.createElement(NavButtons, {
+    onBackClick: function onBackClick() {
+      return navigate(-1);
+    },
+    onForwardClick: handleSubmit,
+    onSaveDraftReferral: handleSaveDraftReferral,
+    primaryLabel: "Confirm & Submit",
+    hideSaveDraftLink: get(fieldsConfig, 'hideSaveDraftLink'),
+    hasOffPlatformReferrals: hasOffPlatformReferrals(referrals),
+    disabled: disableSubmit,
+    isForwardReferralPath: isForwardReferralPath
+  })))));
 }
 //# sourceMappingURL=Review.js.map