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

package/dist/pages/builder/ReferralBuilderForm.js

@@ -1,6 +1,31 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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); }
 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 _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 _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';
@@ -25,64 +50,77 @@ 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;
-  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();
+  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(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    query = _useState10[0],
+    setQuery = _useState10[1];
+  var debouncedQuery = useDebounce(query, 500);
+  var _useState11 = useState({
+      filesTooBig: [],
+      filesWrongType: [],
+      filesTooBigAndWrongType: []
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    rejectedFiles = _useState12[0],
+    setRejectedFiles = _useState12[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();
 
   // If all the programs in the referral are unlisted, show the user provider networks
-  const networks = isUnlistedReferral(referral) ? networksUnlistedProgram : filterNetworks(referral);
-  const showNetworkSelect = shouldShowNetworkSelect(networks, programs);
-  const onProgramClick = id => {
-    const programMenus = moveReferralMenus.map(p => {
+  var networks = isUnlistedReferral(referral) ? networksUnlistedProgram : filterNetworks(referral);
+  var showNetworkSelect = shouldShowNetworkSelect(networks, programs);
+  var onProgramClick = function onProgramClick(id) {
+    var programMenus = moveReferralMenus.map(function (p) {
       if (p.id === id) {
         p.menuIsOpen = !p.menuIsOpen;
       } else {
@@ -92,117 +130,153 @@ export function ReferralBuilderForm(_ref) {
     });
     setMoveReferralMenus(programMenus);
   };
-  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;
+  var getPrimaryWorkers = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _yield$fetchPrimaryWo, primary_workers;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return fetchPrimaryWorkers({
+            providerId: referral.sendingProvider.id,
+            currentEmployee: currentEmployee,
+            query: debouncedQuery
+          });
+        case 2:
+          _yield$fetchPrimaryWo = _context.sent;
+          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 5:
+        case "end":
+          return _context.stop();
       }
-      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(() => {
+    }, _callee);
+  })), [currentEmployee, referral.sendingProvider.id, debouncedQuery]);
+  var feeScheduleProgram = get(programs, '[0].fee_schedule_program');
+  var initializePaymentFormValues = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _referral$case, _kase$data, _kaseData$service_aut, _kaseServiceAuthoriza, kase, kaseData, kaseServiceAuthorization, kaseServiceAuthorizationData, clinicalModifications, clinicalModificationData, _clinicalModification, clinicalModification, isUnitBased, amountRequestedInitialValue, paymentAuthFormValues;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(referral.state === "draft" && feeScheduleProgram !== null && feeScheduleProgram !== void 0 && feeScheduleProgram.authorization_required)) {
+            _context2.next = 20;
+            break;
+          }
+          _context2.next = 3;
+          return coreApi.findRecord('case', (_referral$case = referral.case) === null || _referral$case === void 0 ? void 0 : _referral$case.id);
+        case 3:
+          kase = _context2.sent;
+          kaseData = kase === null || kase === void 0 || (_kase$data = kase.data) === null || _kase$data === void 0 ? void 0 : _kase$data.data;
+          _context2.next = 7;
+          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 7:
+          kaseServiceAuthorization = _context2.sent;
+          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.next = 16;
+            break;
+          }
+          _context2.next = 14;
+          return coreApi.findRecord('clinical_modifications', clinicalModifications[0].id);
+        case 14:
+          clinicalModification = _context2.sent;
+          clinicalModificationData = clinicalModification === null || clinicalModification === void 0 || (_clinicalModification = clinicalModification.data) === null || _clinicalModification === void 0 ? void 0 : _clinicalModification.data;
+        case 16:
+          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 20:
+        case "end":
+          return _context2.stop();
+      }
+    }, _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 () {
     if (isOON) {
       getPrimaryWorkers();
     }
   }, [getPrimaryWorkers, isOON]);
-  useEffect(() => {
-    const programMenus = programs.map(p => ({
-      id: p.id,
-      menuIsOpen: false
-    }));
+  useEffect(function () {
+    var programMenus = programs.map(function (p) {
+      return {
+        id: p.id,
+        menuIsOpen: false
+      };
+    });
     setMoveReferralMenus(programMenus);
   }, [programs]);
-  useEffect(() => {
+  useEffect(function () {
     setInitialValues(_objectSpread(_objectSpread(_objectSpread({}, referral), isNil(referral.primaryWorker) && isOON ? {
-      primaryWorker: primaryWorkers.find(worker => worker.id === currentEmployee.id)
+      primaryWorker: primaryWorkers.find(function (worker) {
+        return worker.id === currentEmployee.id;
+      })
     } : null), crtb854ForwardingSuperset && referralDescription ? {
-      referralDescription
+      referralDescription: referralDescription
     } : {}));
   }, [primaryWorkers, currentEmployee.id, index, isOON, referral, referralDescription]);
-  useEffect(() => {
+  useEffect(function () {
     if (!isEmpty(uploadedFiles)) {
       updateAttachments(uploadedFiles);
     }
   }, [uploadedFiles]);
-  useEffect(() => {
+  useEffect(function () {
     initializePaymentFormValues();
   }, [initializePaymentFormValues]);
-  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 => {
+  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) {
     try {
-      const openDate = new Date(parseInt(date) * 1000);
-      const maxDate = new Date(parseInt(today) * 1000);
-      const minDate = new Date(moment().subtract(1, 'year').unix() * 1000);
+      var openDate = new Date(parseInt(date) * 1000);
+      var maxDate = new Date(parseInt(today) * 1000);
+      var 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__*/_jsx(Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     initialValues: initialValues,
-    onSubmit: () => {},
-    validate: values => {
+    onSubmit: function onSubmit() {},
+    validate: function validate(values) {
       var _errors$paymentAuthFo, _errors$paymentAuthFo2, _errors$paymentAuthFo3;
-      const errors = {};
+      var errors = {};
       if (!values.description || values.description.trim() === '') {
         errors.description = "Required";
       }
@@ -226,22 +300,22 @@ export function ReferralBuilderForm(_ref) {
         errors.network = "Required";
       }
       ;
-      const paymentAuthForm = values === null || values === void 0 ? void 0 : values.paymentAuthForm;
+      var paymentAuthForm = values === null || values === void 0 ? void 0 : values.paymentAuthForm;
       if (feeScheduleProgram !== null && feeScheduleProgram !== void 0 && feeScheduleProgram.authorization_required) {
         var _paymentAuthForm$icd;
         errors.paymentAuthForm = {};
-        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;
+        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;
         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;
       }
-      const fieldErrors = {
+      var fieldErrors = {
         description: !!errors.description,
         opened_date: !!errors.opened_date,
         client_need: !!errors.client_need,
@@ -251,192 +325,187 @@ 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: (args, state) => {
-        const [name, touched] = args;
-        const field = state.fields[name];
+      setFieldTouched: function setFieldTouched(args, state) {
+        var _args3 = _slicedToArray(args, 2),
+          name = _args3[0],
+          touched = _args3[1];
+        var field = state.fields[name];
         if (field) {
           field.touched = !!touched;
         }
       }
     },
-    render: _ref2 => {
-      let {
-        form,
-        values
-      } = _ref2;
+    render: function render(_ref4) {
+      var form = _ref4.form,
+        values = _ref4.values;
       onSetForm && onSetForm(form);
-      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'
+      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);
           },
-          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 || []
-            })]
-          })]
-        })]
-      });
+          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 || []
+      }))));
     }
   });
 }