@unite-us/app-create-referral 0.15.62 → 0.15.63

package/dist/pages/builder/ReferralBuilderForm.js

@@ -1,24 +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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 _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) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = 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) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-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 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useCallback, useEffect, useState } from 'react';
 import { PropTypes } from 'prop-types';
 import { Form, Field, FormSpy } from 'react-final-form';
@@ -43,77 +25,64 @@ import { cannotMoveToReferralReasons } from '../../actions/Referral/cannotMoveTo
 import ContactDocumentsSelector from '../../common/form/DocumentUploader/components/ContactDocumentsSelector';
 import { useFind } from '../../api/ApiHooks';
 import './ReferralBuilderForm.scss';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function ReferralBuilderForm(_ref) {
   var _referral$case2, _clientNeedsData$data, _clientNeedsData$data2;
-  var crtb1239AdaptDraftReferralFlow = _ref.crtb1239AdaptDraftReferralFlow,
-    currentEmployee = _ref.currentEmployee,
-    currentProvider = _ref.currentProvider,
-    hasDraftReferral = _ref.hasDraftReferral,
-    navigateToAddResources = _ref.navigateToAddResources,
-    referral = _ref.referral,
-    referrals = _ref.referrals,
-    index = _ref.index,
-    referralSubtitle = _ref.referralSubtitle,
-    onChange = _ref.onChange,
-    unselected = _ref.unselected,
-    removeProgram = _ref.removeProgram,
-    onSetForm = _ref.onSetForm,
-    moveToNewReferral = _ref.moveToNewReferral,
-    moveToExistingReferral = _ref.moveToExistingReferral,
-    updateAttachments = _ref.updateAttachments,
-    source = _ref.source,
-    networksUnlistedProgram = _ref.networksUnlistedProgram,
-    _setReferralErrors = _ref.setReferralErrors,
-    referralDescription = _ref.referralDescription,
-    expandReferralsCard = _ref.expandReferralsCard,
-    person = _ref.person;
-  var service = referral.service,
-    programs = referral.programs,
-    primaryWorker = referral.primaryWorker,
-    attachments = referral.attachments,
-    attachableDocuments = referral.attachableDocuments;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    moveReferralMenus = _useState2[0],
-    setMoveReferralMenus = _useState2[1];
-  var _useState3 = useState(attachments),
-    _useState4 = _slicedToArray(_useState3, 2),
-    uploadedFiles = _useState4[0],
-    setUploadedFiles = _useState4[1];
-  var _useState5 = useState(primaryWorker ? [primaryWorker] : []),
-    _useState6 = _slicedToArray(_useState5, 2),
-    primaryWorkers = _useState6[0],
-    setPrimaryWorkers = _useState6[1];
-  var _useState7 = useState(referral),
-    _useState8 = _slicedToArray(_useState7, 2),
-    initialValues = _useState8[0],
-    setInitialValues = _useState8[1];
-  var _useState9 = useState(''),
-    _useState0 = _slicedToArray(_useState9, 2),
-    query = _useState0[0],
-    setQuery = _useState0[1];
-  var debouncedQuery = useDebounce(query, 500);
-  var _useState1 = useState({
-      filesTooBig: [],
-      filesWrongType: [],
-      filesTooBigAndWrongType: []
-    }),
-    _useState10 = _slicedToArray(_useState1, 2),
-    rejectedFiles = _useState10[0],
-    setRejectedFiles = _useState10[1];
-  var isOON = referralIsOON(referral);
-  var isGrouped = referralIsGrouped(referral);
-  var isFunded = referralIsFunded(referral);
-  var referralTitle = "Referral ".concat(index + 1, ": ").concat(service === null || service === void 0 ? void 0 : service.name).concat(isGrouped ? ', Grouped' : '').concat(isOON ? ', Off-Platform' : '').concat(isFunded ? ', Funded' : '');
-  var crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
-  var featureFlagClientNeeds = useFeatureFlag('crtb1788ClientNeeds', false);
-  var today = moment().startOf('day').unix();
+  let {
+    crtb1239AdaptDraftReferralFlow,
+    currentEmployee,
+    currentProvider,
+    hasDraftReferral,
+    navigateToAddResources,
+    referral,
+    referrals,
+    index,
+    referralSubtitle,
+    onChange,
+    unselected,
+    removeProgram,
+    onSetForm,
+    moveToNewReferral,
+    moveToExistingReferral,
+    updateAttachments,
+    source,
+    networksUnlistedProgram,
+    setReferralErrors,
+    referralDescription,
+    expandReferralsCard,
+    person
+  } = _ref;
+  const {
+    service,
+    programs,
+    primaryWorker,
+    attachments,
+    attachableDocuments
+  } = referral;
+  const [moveReferralMenus, setMoveReferralMenus] = useState({});
+  const [uploadedFiles, setUploadedFiles] = useState(attachments);
+  const [primaryWorkers, setPrimaryWorkers] = useState(primaryWorker ? [primaryWorker] : []);
+  const [initialValues, setInitialValues] = useState(referral);
+  const [query, setQuery] = useState('');
+  const debouncedQuery = useDebounce(query, 500);
+  const [rejectedFiles, setRejectedFiles] = useState({
+    filesTooBig: [],
+    filesWrongType: [],
+    filesTooBigAndWrongType: []
+  });
+  const isOON = referralIsOON(referral);
+  const isGrouped = referralIsGrouped(referral);
+  const isFunded = referralIsFunded(referral);
+  const referralTitle = "Referral ".concat(index + 1, ": ").concat(service === null || service === void 0 ? void 0 : service.name).concat(isGrouped ? ', Grouped' : '').concat(isOON ? ', Off-Platform' : '').concat(isFunded ? ', Funded' : '');
+  const crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
+  const featureFlagClientNeeds = useFeatureFlag('crtb1788ClientNeeds', false);
+  const today = moment().startOf('day').unix();
 
   // If all the programs in the referral are unlisted, show the user provider networks
-  var networks = isUnlistedReferral(referral) ? networksUnlistedProgram : filterNetworks(referral);
-  var showNetworkSelect = shouldShowNetworkSelect(networks, programs);
-  var onProgramClick = function onProgramClick(id) {
-    var programMenus = moveReferralMenus.map(function (p) {
+  const networks = isUnlistedReferral(referral) ? networksUnlistedProgram : filterNetworks(referral);
+  const showNetworkSelect = shouldShowNetworkSelect(networks, programs);
+  const onProgramClick = id => {
+    const programMenus = moveReferralMenus.map(p => {
       if (p.id === id) {
         p.menuIsOpen = !p.menuIsOpen;
       } else {
@@ -123,151 +92,117 @@ export function ReferralBuilderForm(_ref) {
     });
     setMoveReferralMenus(programMenus);
   };
-  var getPrimaryWorkers = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-    var _yield$fetchPrimaryWo, primary_workers;
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.n) {
-        case 0:
-          _context.n = 1;
-          return fetchPrimaryWorkers({
-            providerId: referral.sendingProvider.id,
-            currentEmployee: currentEmployee,
-            query: debouncedQuery
-          });
-        case 1:
-          _yield$fetchPrimaryWo = _context.v;
-          primary_workers = _yield$fetchPrimaryWo.primary_workers;
-          // if the query is empty, keep the queried employees and the current primary worker in select field's options array
-          isEmpty(query) ? setPrimaryWorkers(uniqBy([].concat(_toConsumableArray(primaryWorkers), _toConsumableArray(primary_workers), [primaryWorker && primaryWorker]), 'id')) : setPrimaryWorkers(primary_workers);
-        case 2:
-          return _context.a(2);
-      }
-    }, _callee);
-  })), [currentEmployee, referral.sendingProvider.id, debouncedQuery]);
-  var feeScheduleProgram = get(programs, '[0].fee_schedule_program');
-  var initializePaymentFormValues = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
-    var _referral$case, _kase$data, _kaseData$service_aut, _kaseServiceAuthoriza, kase, kaseData, kaseServiceAuthorization, kaseServiceAuthorizationData, clinicalModifications, clinicalModificationData, _clinicalModification, clinicalModification, isUnitBased, amountRequestedInitialValue, paymentAuthFormValues;
-    return _regenerator().w(function (_context2) {
-      while (1) switch (_context2.n) {
-        case 0:
-          if (!(referral.state === "draft" && feeScheduleProgram !== null && feeScheduleProgram !== void 0 && feeScheduleProgram.authorization_required)) {
-            _context2.n = 5;
-            break;
-          }
-          _context2.n = 1;
-          return coreApi.findRecord('case', (_referral$case = referral.case) === null || _referral$case === void 0 ? void 0 : _referral$case.id);
-        case 1:
-          kase = _context2.v;
-          kaseData = kase === null || kase === void 0 || (_kase$data = kase.data) === null || _kase$data === void 0 ? void 0 : _kase$data.data;
-          _context2.n = 2;
-          return coreApi.findRecord('service_authorization', kaseData === null || kaseData === void 0 || (_kaseData$service_aut = kaseData.service_authorization) === null || _kaseData$service_aut === void 0 ? void 0 : _kaseData$service_aut.id);
-        case 2:
-          kaseServiceAuthorization = _context2.v;
-          kaseServiceAuthorizationData = kaseServiceAuthorization === null || kaseServiceAuthorization === void 0 || (_kaseServiceAuthoriza = kaseServiceAuthorization.data) === null || _kaseServiceAuthoriza === void 0 ? void 0 : _kaseServiceAuthoriza.data;
-          clinicalModifications = kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.clinical_modifications;
-          clinicalModificationData = null;
-          if (!(clinicalModifications && clinicalModifications.length > 0)) {
-            _context2.n = 4;
-            break;
-          }
-          _context2.n = 3;
-          return coreApi.findRecord('clinical_modifications', clinicalModifications[0].id);
-        case 3:
-          clinicalModification = _context2.v;
-          clinicalModificationData = clinicalModification === null || clinicalModification === void 0 || (_clinicalModification = clinicalModification.data) === null || _clinicalModification === void 0 ? void 0 : _clinicalModification.data;
-        case 4:
-          isUnitBased = !fspUtils.isCostPaymentType(feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type);
-          amountRequestedInitialValue = isUnitBased ? kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_unit_amount : (kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_cents) / 100;
-          paymentAuthFormValues = {
-            amount_requested: amountRequestedInitialValue,
-            service_end: moment(kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_ends_at).unix(),
-            service_start: moment(kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_starts_at).unix(),
-            icd10_code: !isEmpty(clinicalModificationData) ? {
-              value: clinicalModificationData.code,
-              id: clinicalModificationData.id
-            } : {}
-          };
-          setInitialValues(function (previousValues) {
-            var _previousValues$case;
-            var initialValues = _objectSpread(_objectSpread({}, previousValues), {}, {
-              case: _objectSpread(_objectSpread({}, previousValues.case), {}, {
-                service_authorization: _objectSpread(_objectSpread({}, (_previousValues$case = previousValues.case) === null || _previousValues$case === void 0 ? void 0 : _previousValues$case.service_authorization), kaseServiceAuthorizationData)
-              }),
-              paymentAuthForm: _objectSpread(_objectSpread({}, previousValues.paymentAuthForm), paymentAuthFormValues)
-            });
-            if (crtb854ForwardingSuperset && referralDescription) {
-              initialValues.description = referralDescription;
-            }
-            return initialValues;
-          });
-        case 5:
-          return _context2.a(2);
+  const getPrimaryWorkers = useCallback(async () => {
+    const {
+      primary_workers
+    } = await fetchPrimaryWorkers({
+      providerId: referral.sendingProvider.id,
+      currentEmployee,
+      query: debouncedQuery
+    });
+
+    // if the query is empty, keep the queried employees and the current primary worker in select field's options array
+    isEmpty(query) ? setPrimaryWorkers(uniqBy([...primaryWorkers, ...primary_workers, primaryWorker && primaryWorker], 'id')) : setPrimaryWorkers(primary_workers);
+  }, [currentEmployee, referral.sendingProvider.id, debouncedQuery]);
+  const feeScheduleProgram = get(programs, '[0].fee_schedule_program');
+  const initializePaymentFormValues = useCallback(async () => {
+    if (referral.state === "draft" && feeScheduleProgram !== null && feeScheduleProgram !== void 0 && feeScheduleProgram.authorization_required) {
+      var _referral$case, _kase$data, _kaseData$service_aut, _kaseServiceAuthoriza;
+      const kase = await coreApi.findRecord('case', (_referral$case = referral.case) === null || _referral$case === void 0 ? void 0 : _referral$case.id);
+      const kaseData = kase === null || kase === void 0 || (_kase$data = kase.data) === null || _kase$data === void 0 ? void 0 : _kase$data.data;
+      const kaseServiceAuthorization = await coreApi.findRecord('service_authorization', kaseData === null || kaseData === void 0 || (_kaseData$service_aut = kaseData.service_authorization) === null || _kaseData$service_aut === void 0 ? void 0 : _kaseData$service_aut.id);
+      const kaseServiceAuthorizationData = kaseServiceAuthorization === null || kaseServiceAuthorization === void 0 || (_kaseServiceAuthoriza = kaseServiceAuthorization.data) === null || _kaseServiceAuthoriza === void 0 ? void 0 : _kaseServiceAuthoriza.data;
+      const clinicalModifications = kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.clinical_modifications;
+      let clinicalModificationData = null;
+      if (clinicalModifications && clinicalModifications.length > 0) {
+        var _clinicalModification;
+        const clinicalModification = await coreApi.findRecord('clinical_modifications', clinicalModifications[0].id);
+        clinicalModificationData = clinicalModification === null || clinicalModification === void 0 || (_clinicalModification = clinicalModification.data) === null || _clinicalModification === void 0 ? void 0 : _clinicalModification.data;
       }
-    }, _callee2);
-  })), [(_referral$case2 = referral.case) === null || _referral$case2 === void 0 ? void 0 : _referral$case2.id, referral.state, feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type, feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.authorization_required]);
-  useEffect(function () {
+      const isUnitBased = !fspUtils.isCostPaymentType(feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type);
+      const amountRequestedInitialValue = isUnitBased ? kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_unit_amount : (kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_cents) / 100;
+      const paymentAuthFormValues = {
+        amount_requested: amountRequestedInitialValue,
+        service_end: moment(kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_ends_at).unix(),
+        service_start: moment(kaseServiceAuthorizationData === null || kaseServiceAuthorizationData === void 0 ? void 0 : kaseServiceAuthorizationData.requested_starts_at).unix(),
+        icd10_code: !isEmpty(clinicalModificationData) ? {
+          value: clinicalModificationData.code,
+          id: clinicalModificationData.id
+        } : {}
+      };
+      setInitialValues(previousValues => {
+        var _previousValues$case;
+        const initialValues = _objectSpread(_objectSpread({}, previousValues), {}, {
+          case: _objectSpread(_objectSpread({}, previousValues.case), {}, {
+            service_authorization: _objectSpread(_objectSpread({}, (_previousValues$case = previousValues.case) === null || _previousValues$case === void 0 ? void 0 : _previousValues$case.service_authorization), kaseServiceAuthorizationData)
+          }),
+          paymentAuthForm: _objectSpread(_objectSpread({}, previousValues.paymentAuthForm), paymentAuthFormValues)
+        });
+        if (crtb854ForwardingSuperset && referralDescription) {
+          initialValues.description = referralDescription;
+        }
+        return initialValues;
+      });
+    }
+  }, [(_referral$case2 = referral.case) === null || _referral$case2 === void 0 ? void 0 : _referral$case2.id, referral.state, feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type, feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.authorization_required]);
+  useEffect(() => {
     if (isOON) {
       getPrimaryWorkers();
     }
   }, [getPrimaryWorkers, isOON]);
-  useEffect(function () {
-    var programMenus = programs.map(function (p) {
-      return {
-        id: p.id,
-        menuIsOpen: false
-      };
-    });
+  useEffect(() => {
+    const programMenus = programs.map(p => ({
+      id: p.id,
+      menuIsOpen: false
+    }));
     setMoveReferralMenus(programMenus);
   }, [programs]);
-  useEffect(function () {
+  useEffect(() => {
     setInitialValues(_objectSpread(_objectSpread(_objectSpread({}, referral), isNil(referral.primaryWorker) && isOON ? {
-      primaryWorker: primaryWorkers.find(function (worker) {
-        return worker.id === currentEmployee.id;
-      })
+      primaryWorker: primaryWorkers.find(worker => worker.id === currentEmployee.id)
     } : null), crtb854ForwardingSuperset && referralDescription ? {
-      referralDescription: referralDescription
+      referralDescription
     } : {}));
   }, [primaryWorkers, currentEmployee.id, index, isOON, referral, referralDescription]);
-  useEffect(function () {
+  useEffect(() => {
     if (!isEmpty(uploadedFiles)) {
       updateAttachments(uploadedFiles);
     }
   }, [uploadedFiles]);
-  useEffect(function () {
+  useEffect(() => {
     initializePaymentFormValues();
   }, [initializePaymentFormValues]);
-  var _useFind = useFind("people/".concat(person.id, "/person_condition"), {
-      most_recent: true
-    }, {
-      queryConfig: {
-        placeholderData: undefined
-      }
-    }),
-    clientNeedsData = _useFind.data;
-  var clientNeeds = (_clientNeedsData$data = clientNeedsData === null || clientNeedsData === void 0 || (_clientNeedsData$data2 = clientNeedsData.data) === null || _clientNeedsData$data2 === void 0 || (_clientNeedsData$data2 = _clientNeedsData$data2.data) === null || _clientNeedsData$data2 === void 0 ? void 0 : _clientNeedsData$data2.map(function (condition) {
-    return {
-      name: upperFirst(condition === null || condition === void 0 ? void 0 : condition.name),
-      id: condition === null || condition === void 0 ? void 0 : condition.id
-    };
-  })) !== null && _clientNeedsData$data !== void 0 ? _clientNeedsData$data : [];
-  var showClientNeeds = featureFlagClientNeeds && !isEmpty(clientNeeds);
-  var validateOpenDate = function validateOpenDate(date) {
+  const {
+    data: clientNeedsData
+  } = useFind("people/".concat(person.id, "/person_condition"), {
+    most_recent: true
+  }, {
+    queryConfig: {
+      placeholderData: undefined
+    }
+  });
+  const clientNeeds = (_clientNeedsData$data = clientNeedsData === null || clientNeedsData === void 0 || (_clientNeedsData$data2 = clientNeedsData.data) === null || _clientNeedsData$data2 === void 0 || (_clientNeedsData$data2 = _clientNeedsData$data2.data) === null || _clientNeedsData$data2 === void 0 ? void 0 : _clientNeedsData$data2.map(condition => ({
+    name: upperFirst(condition === null || condition === void 0 ? void 0 : condition.name),
+    id: condition === null || condition === void 0 ? void 0 : condition.id
+  }))) !== null && _clientNeedsData$data !== void 0 ? _clientNeedsData$data : [];
+  const showClientNeeds = featureFlagClientNeeds && !isEmpty(clientNeeds);
+  const validateOpenDate = date => {
     try {
-      var openDate = new Date(parseInt(date) * 1000);
-      var maxDate = new Date(parseInt(today) * 1000);
-      var minDate = new Date(moment().subtract(1, 'year').unix() * 1000);
+      const openDate = new Date(parseInt(date) * 1000);
+      const maxDate = new Date(parseInt(today) * 1000);
+      const minDate = new Date(moment().subtract(1, 'year').unix() * 1000);
       return isNaN(openDate.getTime()) || openDate.getTime() < minDate || openDate.getTime() > maxDate ? false : true;
     } catch (error) {
       console.error('Error validating open date', error);
       return false;
     }
   };
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/_jsx(Form, {
     initialValues: initialValues,
-    onSubmit: function onSubmit() {},
-    validate: function validate(values) {
+    onSubmit: () => {},
+    validate: values => {
       var _errors$paymentAuthFo, _errors$paymentAuthFo2, _errors$paymentAuthFo3;
-      var errors = {};
+      const errors = {};
       if (!values.description || values.description.trim() === '') {
         errors.description = "Required";
       }
@@ -291,22 +226,22 @@ export function ReferralBuilderForm(_ref) {
         errors.network = "Required";
       }
       ;
-      var paymentAuthForm = values === null || values === void 0 ? void 0 : values.paymentAuthForm;
+      const paymentAuthForm = values === null || values === void 0 ? void 0 : values.paymentAuthForm;
       if (feeScheduleProgram !== null && feeScheduleProgram !== void 0 && feeScheduleProgram.authorization_required) {
         var _paymentAuthForm$icd;
         errors.paymentAuthForm = {};
-        var amountRequested = paymentAuthForm === null || paymentAuthForm === void 0 ? void 0 : paymentAuthForm.amount_requested;
-        var serviceEnd = paymentAuthForm === null || paymentAuthForm === void 0 ? void 0 : paymentAuthForm.service_end;
-        var icd10Code = paymentAuthForm === null || paymentAuthForm === void 0 || (_paymentAuthForm$icd = paymentAuthForm.icd10_code) === null || _paymentAuthForm$icd === void 0 ? void 0 : _paymentAuthForm$icd.value;
-        var isCostBased = fspUtils.isCostPaymentType(feeScheduleProgram.payment_type);
-        var cmCodeRequired = feeScheduleProgram.cm_code_required_on_authorization;
+        const amountRequested = paymentAuthForm === null || paymentAuthForm === void 0 ? void 0 : paymentAuthForm.amount_requested;
+        const serviceEnd = paymentAuthForm === null || paymentAuthForm === void 0 ? void 0 : paymentAuthForm.service_end;
+        const icd10Code = paymentAuthForm === null || paymentAuthForm === void 0 || (_paymentAuthForm$icd = paymentAuthForm.icd10_code) === null || _paymentAuthForm$icd === void 0 ? void 0 : _paymentAuthForm$icd.value;
+        const isCostBased = fspUtils.isCostPaymentType(feeScheduleProgram.payment_type);
+        const cmCodeRequired = feeScheduleProgram.cm_code_required_on_authorization;
         errors.paymentAuthForm.amount_requested = isCostBased ? validateCostAmount(amountRequested) : validateUnitAmount(amountRequested);
         errors.paymentAuthForm.service_end = serviceEnd ? undefined : 'Required';
         errors.paymentAuthForm.icd10_code = icd10Code || !cmCodeRequired ? undefined : 'Required';
       } else {
         errors.paymentAuthForm = undefined;
       }
-      var fieldErrors = {
+      const fieldErrors = {
         description: !!errors.description,
         opened_date: !!errors.opened_date,
         client_need: !!errors.client_need,
@@ -316,187 +251,192 @@ export function ReferralBuilderForm(_ref) {
         amount_requested: !!(errors !== null && errors !== void 0 && (_errors$paymentAuthFo2 = errors.paymentAuthForm) !== null && _errors$paymentAuthFo2 !== void 0 && _errors$paymentAuthFo2.amount_requested),
         icd10_code: !!(errors !== null && errors !== void 0 && (_errors$paymentAuthFo3 = errors.paymentAuthForm) !== null && _errors$paymentAuthFo3 !== void 0 && _errors$paymentAuthFo3.icd10_code)
       };
-      _setReferralErrors(index, fieldErrors);
+      setReferralErrors(index, fieldErrors);
       return errors;
     },
     mutators: {
-      setFieldTouched: function setFieldTouched(args, state) {
-        var _args3 = _slicedToArray(args, 2),
-          name = _args3[0],
-          touched = _args3[1];
-        var field = state.fields[name];
+      setFieldTouched: (args, state) => {
+        const [name, touched] = args;
+        const field = state.fields[name];
         if (field) {
           field.touched = !!touched;
         }
       }
     },
-    render: function render(_ref4) {
-      var form = _ref4.form,
-        values = _ref4.values;
+    render: _ref2 => {
+      let {
+        form,
+        values
+      } = _ref2;
       onSetForm && onSetForm(form);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormSpy, {
-        subscription: {
-          values: true
-        },
-        onChange: onChange
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "bg-white border border-solid border-blue-border rounded md:w-4/6 lg:w-4/6",
-        style: {
-          marginLeft: expandReferralsCard && '-7.5rem'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "p-5 bg-dark-fill-blue"
-      }, /*#__PURE__*/React.createElement("h2", {
-        className: "text-xl font-black mb-1"
-      }, referralTitle), /*#__PURE__*/React.createElement("h3", null, referralSubtitle)), /*#__PURE__*/React.createElement("div", {
-        className: "p-5"
-      }, isOON ? /*#__PURE__*/React.createElement("div", {
-        className: "bg-alert-yellow border border-solid border-canary-yellow rounded p-3 mb-5"
-      }, /*#__PURE__*/React.createElement("p", {
-        className: "text-brand-blue"
-      }, "You need to contact these programs directly because they're not receiving referrals on the Unite Us Platform.")) : null, /*#__PURE__*/React.createElement("h5", {
-        className: "text-sm ui-form-field__label"
-      }, "PROGRAMS"), programs.map(function (program) {
-        var _moveReferralMenus$fi;
-        var menuIsOpen = isEmpty(moveReferralMenus) ? false : moveReferralMenus === null || moveReferralMenus === void 0 || (_moveReferralMenus$fi = moveReferralMenus.find(function (p) {
-          return p.id === program.id;
-        })) === null || _moveReferralMenus$fi === void 0 ? void 0 : _moveReferralMenus$fi.menuIsOpen;
-        var cannotMoveReasons = {};
-        unselected.map(function (i) {
-          return cannotMoveReasons[i] = cannotMoveToReferralReasons({
-            program: program,
-            referral: referral,
-            referrals: referrals,
-            index: i,
-            currentProvider: currentProvider
-          });
-        });
-        return /*#__PURE__*/React.createElement(ReferralProgramCard, {
-          key: "referral-program-".concat(program === null || program === void 0 ? void 0 : program.id, "-card"),
-          program: program,
-          onClick: onProgramClick,
-          isOON: programIsOffPlatform(program),
-          menuIsOpen: menuIsOpen,
-          unselected: unselected,
-          referral: referral,
-          removeProgram: removeProgram,
-          moveToNewReferral: moveToNewReferral,
-          moveToExistingReferral: moveToExistingReferral,
-          cannotMoveReasons: cannotMoveReasons
-        });
-      }), /*#__PURE__*/React.createElement("p", {
-        className: "text-center text-dark-grey my-10"
-      }, "Click on the three-dot icon to edit referral groupings.", crtb1239AdaptDraftReferralFlow && hasDraftReferral ? /*#__PURE__*/React.createElement("div", null, "To add more programs, go to the ", /*#__PURE__*/React.createElement("a", {
-        onClick: navigateToAddResources
-      }, "Add Resources"), " page.") : null), showNetworkSelect ? /*#__PURE__*/React.createElement("div", {
-        className: "mb-10"
-      }, /*#__PURE__*/React.createElement(Field, {
-        name: "network",
-        required: true,
-        key: "referral-".concat(index, "-network")
-      }, function (params) {
-        return /*#__PURE__*/React.createElement(SelectField, _extends({
-          required: true,
-          id: "network-selection",
-          label: "Network Selection",
-          placeholder: "Choose one...",
-          options: networks,
-          labelKey: "name",
-          valueKey: "id",
-          validations: isRequired
-        }, params));
-      })) : null, (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.authorization_required) && /*#__PURE__*/React.createElement(AuthorizationSubform, {
-        feeScheduleProgram: feeScheduleProgram,
-        formValues: values,
-        setReferralErrors: function setReferralErrors(errors) {
-          return _setReferralErrors(index, errors);
-        }
-      }), /*#__PURE__*/React.createElement(Field, {
-        name: "description",
-        required: true,
-        key: "referral-".concat(index, "-description")
-      }, function (params) {
-        return /*#__PURE__*/React.createElement(TextField, _extends({
-          afterLabelContent: /*#__PURE__*/React.createElement(InfoPanel, {
-            className: "mb-4 mt-2",
-            message: REFERRAL_PII_PHI_DESCRIPTION
-          }),
-          id: "referral-description",
-          label: "Referral Description",
-          placeholder: "Describe your client's current situation and reason for referral.",
-          rows: 3,
-          inline: false,
-          validations: isRequired,
-          required: true,
-          style: source === 'emr' && get(params, 'meta.touched') && !get(params, 'meta.valid') ? {
-            text: {
-              'border-color': 'red'
-            }
-          } : {}
-        }, params));
-      }), isOON && /*#__PURE__*/React.createElement(Field, {
-        name: "opened_date",
-        required: true,
-        key: "opened-".concat(index, "-date")
-      }, function (params) {
-        return /*#__PURE__*/React.createElement(DateField, _extends({
-          required: true,
-          id: "opened-date",
-          label: "Open date",
-          validations: validateOpenDate(params.input.value),
-          minDate: moment().subtract(1, 'year').unix(),
-          maxDate: today,
-          style: source === 'emr' && get(params, 'meta.touched') && !get(params, 'meta.valid') ? {
-            text: {
-              'border-color': 'red'
-            }
-          } : {}
-        }, params));
-      }), isOON ? /*#__PURE__*/React.createElement(Field, {
-        name: "primaryWorker",
-        required: true,
-        key: "referral-".concat(index, "-primary-worker")
-      }, function (params) {
-        return /*#__PURE__*/React.createElement(SelectField, _extends({
-          required: true,
-          id: "primary-worker",
-          label: "Primary Worker",
-          placeholder: "Choose one...",
-          loadOptions: function loadOptions(search) {
-            return setQuery(search);
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(FormSpy, {
+          subscription: {
+            values: true
+          },
+          onChange: onChange
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "bg-white border border-solid border-blue-border rounded md:w-4/6 lg:w-4/6",
+          style: {
+            marginLeft: expandReferralsCard && '-7.5rem'
           },
-          options: primaryWorkers,
-          labelKey: "full_name",
-          valueKey: "id",
-          validations: isRequired
-        }, params));
-      }) : null, showClientNeeds && !isEmpty(clientNeeds) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-        className: "mb-4 mt-2 text-dark-blue"
-      }, "Select the identified need from the client\u2019s screening or assessment that relates to this referral."), /*#__PURE__*/React.createElement(Field, {
-        name: "client_need",
-        required: true,
-        key: "associated-".concat(index, "-need")
-      }, function (params) {
-        return /*#__PURE__*/React.createElement(SelectField, _extends({
-          required: true,
-          id: "client_need",
-          label: "Associated Need",
-          placeholder: "Choose one...",
-          options: clientNeeds,
-          labelKey: "name",
-          valueKey: "id",
-          validations: isRequired
-        }, params));
-      })), attachableDocuments && /*#__PURE__*/React.createElement("div", {
-        className: "upload-documents"
-      }, /*#__PURE__*/React.createElement("h5", null, "Documents"), /*#__PURE__*/React.createElement(ContactDocumentsSelector, {
-        documentFields: attachableDocuments
-      })), /*#__PURE__*/React.createElement(FileUpload, {
-        rejectedFiles: rejectedFiles,
-        setRejectedFiles: setRejectedFiles,
-        setUploadedFiles: setUploadedFiles,
-        uploadedFiles: attachments || []
-      }))));
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "p-5 bg-dark-fill-blue",
+            children: [/*#__PURE__*/_jsx("h2", {
+              className: "text-xl font-black mb-1",
+              children: referralTitle
+            }), /*#__PURE__*/_jsx("h3", {
+              children: referralSubtitle
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            className: "p-5",
+            children: [isOON ? /*#__PURE__*/_jsx("div", {
+              className: "bg-alert-yellow border border-solid border-canary-yellow rounded p-3 mb-5",
+              children: /*#__PURE__*/_jsx("p", {
+                className: "text-brand-blue",
+                children: "You need to contact these programs directly because they're not receiving referrals on the Unite Us Platform."
+              })
+            }) : null, /*#__PURE__*/_jsx("h5", {
+              className: "text-sm ui-form-field__label",
+              children: "PROGRAMS"
+            }), programs.map(program => {
+              var _moveReferralMenus$fi;
+              const menuIsOpen = isEmpty(moveReferralMenus) ? false : moveReferralMenus === null || moveReferralMenus === void 0 || (_moveReferralMenus$fi = moveReferralMenus.find(p => p.id === program.id)) === null || _moveReferralMenus$fi === void 0 ? void 0 : _moveReferralMenus$fi.menuIsOpen;
+              const cannotMoveReasons = {};
+              unselected.map(i => {
+                return cannotMoveReasons[i] = cannotMoveToReferralReasons({
+                  program,
+                  referral,
+                  referrals,
+                  index: i,
+                  currentProvider
+                });
+              });
+              return /*#__PURE__*/_jsx(ReferralProgramCard, {
+                program: program,
+                onClick: onProgramClick,
+                isOON: programIsOffPlatform(program),
+                menuIsOpen: menuIsOpen,
+                unselected: unselected,
+                referral: referral,
+                removeProgram: removeProgram,
+                moveToNewReferral: moveToNewReferral,
+                moveToExistingReferral: moveToExistingReferral,
+                cannotMoveReasons: cannotMoveReasons
+              }, "referral-program-".concat(program === null || program === void 0 ? void 0 : program.id, "-card"));
+            }), /*#__PURE__*/_jsxs("p", {
+              className: "text-center text-dark-grey my-10",
+              children: ["Click on the three-dot icon to edit referral groupings.", crtb1239AdaptDraftReferralFlow && hasDraftReferral ? /*#__PURE__*/_jsxs("div", {
+                children: ["To add more programs, go to the ", /*#__PURE__*/_jsx("a", {
+                  onClick: navigateToAddResources,
+                  children: "Add Resources"
+                }), " page."]
+              }) : null]
+            }), showNetworkSelect ? /*#__PURE__*/_jsx("div", {
+              className: "mb-10",
+              children: /*#__PURE__*/_jsx(Field, {
+                name: "network",
+                required: true,
+                children: params => /*#__PURE__*/_jsx(SelectField, _objectSpread({
+                  required: true,
+                  id: "network-selection",
+                  label: "Network Selection",
+                  placeholder: "Choose one...",
+                  options: networks,
+                  labelKey: "name",
+                  valueKey: "id",
+                  validations: isRequired
+                }, params))
+              }, "referral-".concat(index, "-network"))
+            }) : null, (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.authorization_required) && /*#__PURE__*/_jsx(AuthorizationSubform, {
+              feeScheduleProgram: feeScheduleProgram,
+              formValues: values,
+              setReferralErrors: errors => setReferralErrors(index, errors)
+            }), /*#__PURE__*/_jsx(Field, {
+              name: "description",
+              required: true,
+              children: params => /*#__PURE__*/_jsx(TextField, _objectSpread({
+                afterLabelContent: /*#__PURE__*/_jsx(InfoPanel, {
+                  className: "mb-4 mt-2",
+                  message: REFERRAL_PII_PHI_DESCRIPTION
+                }),
+                id: "referral-description",
+                label: "Referral Description",
+                placeholder: "Describe your client's current situation and reason for referral.",
+                rows: 3,
+                inline: false,
+                validations: isRequired,
+                required: true,
+                style: source === 'emr' && get(params, 'meta.touched') && !get(params, 'meta.valid') ? {
+                  text: {
+                    'border-color': 'red'
+                  }
+                } : {}
+              }, params))
+            }, "referral-".concat(index, "-description")), isOON && /*#__PURE__*/_jsx(Field, {
+              name: "opened_date",
+              required: true,
+              children: params => /*#__PURE__*/_jsx(DateField, _objectSpread({
+                required: true,
+                id: "opened-date",
+                label: "Open date",
+                validations: validateOpenDate(params.input.value),
+                minDate: moment().subtract(1, 'year').unix(),
+                maxDate: today,
+                style: source === 'emr' && get(params, 'meta.touched') && !get(params, 'meta.valid') ? {
+                  text: {
+                    'border-color': 'red'
+                  }
+                } : {}
+              }, params))
+            }, "opened-".concat(index, "-date")), isOON ? /*#__PURE__*/_jsx(Field, {
+              name: "primaryWorker",
+              required: true,
+              children: params => /*#__PURE__*/_jsx(SelectField, _objectSpread({
+                required: true,
+                id: "primary-worker",
+                label: "Primary Worker",
+                placeholder: "Choose one...",
+                loadOptions: search => setQuery(search),
+                options: primaryWorkers,
+                labelKey: "full_name",
+                valueKey: "id",
+                validations: isRequired
+              }, params))
+            }, "referral-".concat(index, "-primary-worker")) : null, showClientNeeds && !isEmpty(clientNeeds) && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx("p", {
+                className: "mb-4 mt-2 text-dark-blue",
+                children: "Select the identified need from the client\u2019s screening or assessment that relates to this referral."
+              }), /*#__PURE__*/_jsx(Field, {
+                name: "client_need",
+                required: true,
+                children: params => /*#__PURE__*/_jsx(SelectField, _objectSpread({
+                  required: true,
+                  id: "client_need",
+                  label: "Associated Need",
+                  placeholder: "Choose one...",
+                  options: clientNeeds,
+                  labelKey: "name",
+                  valueKey: "id",
+                  validations: isRequired
+                }, params))
+              }, "associated-".concat(index, "-need"))]
+            }), attachableDocuments && /*#__PURE__*/_jsxs("div", {
+              className: "upload-documents",
+              children: [/*#__PURE__*/_jsx("h5", {
+                children: "Documents"
+              }), /*#__PURE__*/_jsx(ContactDocumentsSelector, {
+                documentFields: attachableDocuments
+              })]
+            }), /*#__PURE__*/_jsx(FileUpload, {
+              rejectedFiles: rejectedFiles,
+              setRejectedFiles: setRejectedFiles,
+              setUploadedFiles: setUploadedFiles,
+              uploadedFiles: attachments || []
+            })]
+          })]
+        })]
+      });
     }
   });
 }