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

package/dist/pages/review/Review.js

@@ -1,30 +1,6 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { throw: 1, return: 2, break: 3, continue: 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, catch: function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { Icon } from '@unite-us/ui';
 import React, { useState, useEffect, useRef, useMemo } from 'react';
 import Skeleton from 'react-loading-skeleton';
@@ -50,113 +26,74 @@ 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;
-  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];
+  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);
   // 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.
-  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 () {
+  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(() => {
     return cl1511NHConsentMvp && nh_consent;
   }, [cl1511NHConsentMvp, nh_consent]);
-  var createShareEvent = useCreateShareEvent();
-  var isForwardReferralPath = !!referralId && !!referralType;
-  var referralSentSuccessfully = sent || isSuccessfullyForwarded;
-  var errors = Object.keys(fieldErrors).reduce(function (acc, index) {
-    var fieldError = fieldErrors[index];
+  const createShareEvent = useCreateShareEvent();
+  const isForwardReferralPath = !!referralId && !!referralType;
+  const referralSentSuccessfully = sent || isSuccessfullyForwarded;
+  const errors = Object.keys(fieldErrors).reduce((acc, index) => {
+    const fieldError = fieldErrors[index];
     acc[index] = {
       referralSelected: fieldError === null || fieldError === void 0 ? void 0 : fieldError.referralSelected
     };
     return acc;
   }, {});
-  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);
+  const hasMultipleReferrals = () => referrals.length > 1;
+  const setReferralErrors = (referralIndex, newErrors) => {
+    setFieldErrors(prevFieldErrors => {
+      const currentErrors = prevFieldErrors[referralIndex];
+      const updatedErrors = _objectSpread(_objectSpread({}, currentErrors), newErrors);
       if (isEqual(updatedErrors, currentErrors)) {
         return prevFieldErrors;
       }
-      return _objectSpread(_objectSpread({}, prevFieldErrors), {}, _defineProperty({}, referralIndex, updatedErrors));
+      return _objectSpread(_objectSpread({}, prevFieldErrors), {}, {
+        [referralIndex]: updatedErrors
+      });
     });
   };
-  var onChevronClick = function onChevronClick(index) {
-    var expanded = expandedReferrals === null || expandedReferrals === void 0 ? void 0 : expandedReferrals.map(function (ref) {
+  const onChevronClick = index => {
+    const expanded = expandedReferrals === null || expandedReferrals === void 0 ? void 0 : expandedReferrals.map(ref => {
       if (ref.index === index) {
         ref.expanded = !ref.expanded;
       }
@@ -164,27 +101,23 @@ export default function Review() {
     });
     setExpandedReferrals(expanded);
   };
-  var onDeleteReferralClick = function onDeleteReferralClick(index) {
+  const onDeleteReferralClick = index => {
     setSelectedReferralToDelete(index);
     setDeleteReferralModalIsOpen(true);
   };
-  var onCloseDeleteReferralModal = function onCloseDeleteReferralModal() {
+  const onCloseDeleteReferralModal = () => {
     setDeleteReferralModalIsOpen(false);
   };
-  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
-      });
-    });
+  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
+    }));
     setExpandedReferrals(expanded);
   }, [referrals]);
-  var deleteModal = useRef([]);
-  useEffect(function () {
+  const deleteModal = useRef([]);
+  useEffect(() => {
     if (!isEmpty(referrals)) {
       if (deleteReferralModalIsOpen) {
         deleteModal.current[selectedReferralToDelete].openDialog();
@@ -194,15 +127,15 @@ export default function Review() {
       }
     }
   }, [deleteReferralModalIsOpen, selectedReferralToDelete, referrals]);
-  useEffect(function () {
+  useEffect(() => {
     if ((referralsResultDetail === null || referralsResultDetail === void 0 ? void 0 : referralsResultDetail.length) > 0) {
       sessionStorage.setItem('referralsSubmitted', 'true');
     }
     if (window.performance) {
       try {
-        var navEntries = performance.getEntriesByType && performance.getEntriesByType('navigation') || [];
-        var isRefresh = navEntries.length > 0 && navEntries[0].type === 'reload';
-        var referralsWereSubmitted = sessionStorage.getItem('referralsSubmitted') === 'true';
+        const navEntries = performance.getEntriesByType && performance.getEntriesByType('navigation') || [];
+        const isRefresh = navEntries.length > 0 && navEntries[0].type === 'reload';
+        const referralsWereSubmitted = sessionStorage.getItem('referralsSubmitted') === 'true';
         if (isRefresh && referralsWereSubmitted) {
           sessionStorage.removeItem('referralsSubmitted');
           CALLBACKS.onReferralReload();
@@ -212,74 +145,55 @@ export default function Review() {
       }
     }
   }, [referralsResultDetail]);
-  var deleteSelectedReferral = function deleteSelectedReferral() {
-    var updatedReferrals = referrals.filter(function (r, i) {
-      return i !== selectedReferralToDelete;
-    });
+  const deleteSelectedReferral = () => {
+    const updatedReferrals = referrals.filter((r, i) => i !== selectedReferralToDelete);
     dispatch(setData({
-      referrals: _toConsumableArray(updatedReferrals)
+      referrals: [...updatedReferrals]
     }));
     onCloseDeleteReferralModal();
   };
-  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 () {
+  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 _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);
-        var referralSelectedField = document.getElementById("referralSelected");
+        const referralSelectedField = document.getElementById("referralSelected");
         return referralSelectedField.focus();
       }
     }, 100);
   };
-  var focusErrors = function focusErrors() {
-    var index = 0;
-    var firstIndexWithErrors = Object.keys(errors).find(function (idx) {
-      return some(values(errors[idx]), Boolean);
-    });
+  const focusErrors = () => {
+    let index = 0;
+    const firstIndexWithErrors = Object.keys(errors).find(idx => some(values(errors[idx]), Boolean));
     if (!some(values(errors[index]), Boolean) && firstIndexWithErrors) {
       index = parseInt(firstIndexWithErrors);
     }
     setFocus(index);
   };
-  var showReferralsNotifications = function showReferralsNotifications(referralResponses) {
-    var amountOfReferralsSent = referralResponses.filter(function (_ref2) {
-      var sent = _ref2.sent;
+  const showReferralsNotifications = referralResponses => {
+    const amountOfReferralsSent = referralResponses.filter(_ref => {
+      let {
+        sent
+      } = _ref;
       return sent;
     }).length;
-    var totalReferrals = referralResponses.length;
+    const totalReferrals = referralResponses.length;
     if (amountOfReferralsSent === totalReferrals) {
       CALLBACKS.notify.success('Referrals created');
     } else if (amountOfReferralsSent > 0) {
@@ -288,405 +202,388 @@ export default function Review() {
       CALLBACKS.notify.error('No referrals created');
     }
   };
-  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
-              };
-            });
+  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
+            }));
             referrals.splice(selectedReferralToLink, 0, referralForwardedDeleted[0]);
-          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
-            });
+          }
+          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
+          });
 
-            // 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
-            });
-          case 32:
-            _response = _context2.sent;
-            updateSent(true);
-            _detail = _response.shippingDetail.map(function (item) {
-              return {
-                index: item.index,
-                sent: item.sent
-              };
+          // 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;
+              })
             });
-            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();
+            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));
+          }
         }
-      }, _callee2, null, [[3, 42, 46, 50]]);
-    }));
-    return function handleSubmit() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
+      } catch (err) {
+        console.error(err);
+        setDisableSubmit(false);
+      } finally {
+        setLoading(false);
+        setHasBeenSubmitted(true);
+      }
+    } else {
+      focusErrors();
+    }
+  };
 
   // When submitting consent through Consent App
-  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);
-    };
-  }();
+  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();
+    }
+  };
 
   // When not submitting consent through Consent App
-  var onNavigateAway = function onNavigateAway() {
+  const onNavigateAway = () => {
     CALLBACKS.onSubmitConsent();
     setConsented(true);
     setConsentCompleted(true);
   };
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('message', onConsentComplete);
-    return function () {
+    return () => {
       window.removeEventListener('message', onConsentComplete);
     };
   }, []);
-  useEffect(function () {
-    var showingConsent = referralSentSuccessfully && (!consented || showNHConsent && !consentCompleted && sentReferrals.length > 0);
+  useEffect(() => {
+    const showingConsent = referralSentSuccessfully && (!consented || showNHConsent && !consentCompleted && sentReferrals.length > 0);
     if (showingConsent) {
       window.history.pushState(null, null, window.location.href);
-      var handlePopState = function handlePopState(event) {
+      const handlePopState = event => {
         event.preventDefault();
         CALLBACKS.onReferralCompleted();
       };
       window.addEventListener('popstate', handlePopState);
-      return function () {
+      return () => {
         window.removeEventListener('popstate', handlePopState);
       };
     }
   }, [referralSentSuccessfully, consented, showNHConsent, consentCompleted, sentReferrals.length]);
   if (referralSentSuccessfully && (!consented || showNHConsent && !consentCompleted && sentReferrals.length > 0)) {
     var _CALLBACKS$consent;
-    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
-    })));
+    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
+        })]
+      })
+    });
   }
-  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
-  })))));
+  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
+          })
+        })]
+      })
+    })
+  });
 }
 //# sourceMappingURL=Review.js.map