@unite-us/app-create-referral 0.15.116 → 0.15.117

package/dist/pages/builder/ReferralBuilderForm.js

@@ -1,112 +1,24 @@
 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; }
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { PropTypes } from 'prop-types';
-import { Form, Field, FormSpy } from 'react-final-form';
-import { get, isEmpty, isNil, uniqBy, upperFirst } from 'lodash';
-import { DateField, TextField, SelectField } from '@unite-us/app-components';
-import validateCostAmount from '../../utils/validateCostAmount';
-import validateUnitAmount from '../../utils/validateUnitAmount';
-import InfoPanel from '@unite-us/client-utils/dist/InfoPanel/InfoPanel';
-import { isRequired } from '@unite-us/client-utils/dist/utils/validations/validations';
-import { feeSchedulePrograms as fspUtils } from '@unite-us/client-utils';
+import { Form, FormSpy } from 'react-final-form';
+import { get, isEmpty } from 'lodash';
 import moment from 'moment';
-import { coreApi } from '../../api/config';
-import { REFERRAL_PII_PHI_DESCRIPTION } from './constants';
-import AuthorizationSubform from './AuthorizationSubform';
-import ReferralProgramCard from './ReferralProgramCard';
-import { FileUpload } from '../../common/form/FileUploadV2/FileUpload';
-import { isUnlistedReferral, programIsOffPlatform, referralIsOON, referralIsGrouped, shouldShowNetworkSelect, filterNetworks, referralIsFunded } from './utils';
+import { isUnlistedReferral, referralIsOON, shouldShowNetworkSelect, filterNetworks } from './utils';
 import fetchPrimaryWorkers from '../../actions/Referral/fetchPrimaryWorkers';
 import { useDebounce } from '../../utils/useDebounce';
 import { useFeatureFlag } from '../../utils/useFeatureFlag';
-import { cannotMoveToReferralReasons } from '../../actions/Referral/cannotMoveToReferralReasons';
-import ContactDocumentsSelector from '../../common/form/DocumentUploader/components/ContactDocumentsSelector';
 import { useFind } from '../../api/ApiHooks';
 import './ReferralBuilderForm.scss';
-import ReferralClientNeedsField from './ReferralClientNeedsField';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const validateBasicFields = (values, showClientNeeds, showNetworkSelect) => {
-  var _values$client_need;
-  const errors = {};
-  if (!values.description || values.description.trim() === '') errors.description = "Required";
-  if (showClientNeeds && (!(values !== null && values !== void 0 && values.client_need) || (values === null || values === void 0 || (_values$client_need = values.client_need) === null || _values$client_need === void 0 ? void 0 : _values$client_need.length) === 0)) errors.client_need = "Required";
-  if (showNetworkSelect && !values.network) errors.network = "Required";
-  return errors;
-};
-const validateOONFields = (values, isOON, validateOpenDate) => {
-  const errors = {};
-  if (isOON) {
-    if (!values.opened_date) {
-      errors.opened_date = "Required";
-    } else if (!validateOpenDate(values.opened_date)) {
-      errors.opened_date = "Invalid date";
-    }
-    if (!values.primaryWorker) errors.primaryWorker = "Required";
-  }
-  return errors;
-};
-const validatePaymentAuth = _ref => {
-  var _paymentAuthForm$icd;
-  let {
-    values,
-    feeScheduleProgram,
-    validateCostAmount,
-    validateUnitAmount,
-    fspUtils
-  } = _ref;
-  if (!(feeScheduleProgram !== null && feeScheduleProgram !== void 0 && feeScheduleProgram.authorization_required)) return undefined;
-  const paymentAuthForm = values === null || values === void 0 ? void 0 : values.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;
-  return {
-    amount_requested: isCostBased ? validateCostAmount(amountRequested) : validateUnitAmount(amountRequested),
-    service_end: serviceEnd ? undefined : 'Required',
-    icd10_code: icd10Code || !cmCodeRequired ? undefined : 'Required'
-  };
-};
-const validateForm = params => {
-  var _errors$paymentAuthFo, _errors$paymentAuthFo2, _errors$paymentAuthFo3;
-  const {
-    values,
-    isOON,
-    showClientNeeds,
-    showNetworkSelect,
-    feeScheduleProgram,
-    validateOpenDate,
-    validateCostAmount,
-    validateUnitAmount,
-    fspUtils,
-    setReferralErrors,
-    index
-  } = params;
-  const errors = _objectSpread(_objectSpread({}, validateBasicFields(values, showClientNeeds, showNetworkSelect)), validateOONFields(values, isOON, validateOpenDate));
-  errors.paymentAuthForm = validatePaymentAuth({
-    values,
-    feeScheduleProgram,
-    validateCostAmount,
-    validateUnitAmount,
-    fspUtils
-  });
-  const fieldErrors = {
-    description: !!errors.description,
-    opened_date: !!errors.opened_date,
-    client_need: !!errors.client_need,
-    primary_worker: !!errors.primaryWorker,
-    network: !!errors.network,
-    service_end: !!(errors !== null && errors !== void 0 && (_errors$paymentAuthFo = errors.paymentAuthForm) !== null && _errors$paymentAuthFo !== void 0 && _errors$paymentAuthFo.service_end),
-    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);
-  return errors;
-};
-export function ReferralBuilderForm(_ref2) {
-  var _referral$case2;
+import ReferralBuilderFormContent from './ReferralBuilderFormContent';
+import { buildInitialValues, buildProgramMenus, buildReferralTitle, createOpenDateValidator, getSelectedClientNeeds, mapClientNeeds, mergePrimaryWorkerOptions, toggleProgramMenus } from './referralBuilderFormUtils';
+import { fetchDraftPaymentAuthorizationValues, mergeDraftPaymentAuthorizationInitialValues } from './referralBuilderFormDraftAuth';
+import { validateReferralBuilderForm } from './referralBuilderFormValidation';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ReferralBuilderForm(_ref) {
+  var _referral$case;
   let {
     currentEmployee,
     currentProvider,
@@ -129,15 +41,14 @@ export function ReferralBuilderForm(_ref2) {
     referralSubtitle,
     caseData,
     personId
-  } = _ref2;
+  } = _ref;
   const {
-    service,
     programs,
     primaryWorker,
     attachments,
     attachableDocuments
   } = referral;
-  const [moveReferralMenus, setMoveReferralMenus] = useState({});
+  const [moveReferralMenus, setMoveReferralMenus] = useState([]);
   const [uploadedFiles, setUploadedFiles] = useState(attachments);
   const [primaryWorkers, setPrimaryWorkers] = useState(primaryWorker ? [primaryWorker] : []);
   const [initialValues, setInitialValues] = useState(referral);
@@ -149,9 +60,7 @@ export function ReferralBuilderForm(_ref2) {
     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 referralTitle = buildReferralTitle(referral, index);
   const crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);
   const featureFlagCMultiplelientNeeds = useFeatureFlag('crtb2130MultipleClientNeeds', false);
   const newLanguageDashboard = useFeatureFlag('crtb2182ClarifyReferralLanguage', false);
@@ -160,17 +69,9 @@ export function ReferralBuilderForm(_ref2) {
   // 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 => {
-      if (p.id === id) {
-        p.menuIsOpen = !p.menuIsOpen;
-      } else {
-        p.menuIsOpen = false;
-      }
-      return p;
-    });
-    setMoveReferralMenus(programMenus);
-  };
+  const onProgramClick = useCallback(id => {
+    setMoveReferralMenus(currentMenus => toggleProgramMenus(currentMenus, id));
+  }, []);
   const getPrimaryWorkers = useCallback(async () => {
     const {
       primary_workers
@@ -179,62 +80,43 @@ export function ReferralBuilderForm(_ref2) {
       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]);
+    setPrimaryWorkers(currentPrimaryWorkers => mergePrimaryWorkerOptions({
+      currentPrimaryWorkers,
+      fetchedPrimaryWorkers: primary_workers,
+      primaryWorker,
+      query: debouncedQuery
+    }));
+  }, [currentEmployee, debouncedQuery, primaryWorker, referral.sendingProvider.id]);
   const feeScheduleProgram = get(programs, '[0].fee_schedule_program');
+  const referralCaseId = (_referral$case = referral.case) === null || _referral$case === void 0 ? void 0 : _referral$case.id;
+  const referralState = referral.state;
+  const feeSchedulePaymentType = feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type;
+  const authorizationRequired = feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.authorization_required;
   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;
-      }
-      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;
-      });
+    const draftPaymentAuthorizationValues = await fetchDraftPaymentAuthorizationValues({
+      caseId: referralCaseId,
+      referralState,
+      paymentType: feeSchedulePaymentType,
+      authorizationRequired
+    });
+    if (!draftPaymentAuthorizationValues) {
+      return;
     }
-  }, [(_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]);
+    setInitialValues(previousValues => mergeDraftPaymentAuthorizationInitialValues({
+      previousValues,
+      paymentAuthFormValues: draftPaymentAuthorizationValues.paymentAuthFormValues,
+      serviceAuthorizationData: draftPaymentAuthorizationValues.serviceAuthorizationData,
+      crtb854ForwardingSuperset,
+      referralDescription
+    }));
+  }, [authorizationRequired, crtb854ForwardingSuperset, feeSchedulePaymentType, referralCaseId, referralDescription, referralState]);
   useEffect(() => {
     if (isOON) {
       getPrimaryWorkers();
     }
   }, [getPrimaryWorkers, isOON]);
   useEffect(() => {
-    const programMenus = programs.map(p => ({
-      id: p.id,
-      menuIsOpen: false
-    }));
-    setMoveReferralMenus(programMenus);
+    setMoveReferralMenus(buildProgramMenus(programs));
   }, [programs]);
   const {
     data: clientNeedsData
@@ -245,64 +127,45 @@ export function ReferralBuilderForm(_ref2) {
       placeholderData: undefined
     }
   });
-  const clientNeeds = useMemo(() => {
-    var _clientNeedsData$data, _clientNeedsData$data2;
-    return (_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 => ({
-      label: upperFirst(condition === null || condition === void 0 ? void 0 : condition.name),
-      value: condition === null || condition === void 0 ? void 0 : condition.id
-    }))) !== null && _clientNeedsData$data !== void 0 ? _clientNeedsData$data : [];
-  }, [clientNeedsData]);
-  const selectedClientNeeds = useMemo(() => clientNeeds.filter(clientNeed => {
-    var _caseData$person_cond;
-    return caseData === null || caseData === void 0 || (_caseData$person_cond = caseData.person_condition_ids) === null || _caseData$person_cond === void 0 ? void 0 : _caseData$person_cond.includes(clientNeed.value);
-  }), [clientNeeds, caseData === null || caseData === void 0 ? void 0 : caseData.person_condition_ids]);
+  const clientNeeds = useMemo(() => mapClientNeeds(clientNeedsData), [clientNeedsData]);
+  const selectedClientNeeds = useMemo(() => getSelectedClientNeeds(clientNeeds, caseData), [caseData, clientNeeds]);
   useEffect(() => {
     if (selectedClientNeeds.length > 0 && !referral.client_need) {
       setInitialValues(prev => _objectSpread(_objectSpread({}, prev), {}, {
         client_need: selectedClientNeeds.map(need => need.value)
       }));
     }
-  }, [selectedClientNeeds]);
+  }, [referral.client_need, selectedClientNeeds]);
   useEffect(() => {
-    setInitialValues(_objectSpread(_objectSpread(_objectSpread({}, referral), isNil(referral.primaryWorker) && isOON ? {
-      primaryWorker: primaryWorkers.find(worker => worker.id === currentEmployee.id)
-    } : null), crtb854ForwardingSuperset && referralDescription ? {
+    setInitialValues(buildInitialValues({
+      referral,
+      isOON,
+      primaryWorkers,
+      currentEmployeeId: currentEmployee.id,
+      crtb854ForwardingSuperset,
       referralDescription
-    } : {}));
-  }, [primaryWorkers, currentEmployee.id, index, isOON, referral, referralDescription]);
+    }));
+  }, [crtb854ForwardingSuperset, currentEmployee.id, isOON, primaryWorkers, referral, referralDescription]);
   useEffect(() => {
     if (!isEmpty(uploadedFiles)) {
       updateAttachments(uploadedFiles);
     }
-  }, [uploadedFiles]);
+  }, [updateAttachments, uploadedFiles]);
   useEffect(() => {
     initializePaymentFormValues();
   }, [initializePaymentFormValues]);
   const showClientNeeds = featureFlagCMultiplelientNeeds && !isEmpty(clientNeeds);
-  const 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);
-      return isNaN(openDate.getTime()) || openDate.getTime() < minDate || openDate.getTime() > maxDate ? false : true;
-    } catch (error) {
-      console.error('Error validating open date', error);
-      return false;
-    }
-  };
+  const validateOpenDate = useMemo(() => createOpenDateValidator(today), [today]);
   return /*#__PURE__*/_jsx(Form, {
     initialValues: initialValues,
     onSubmit: () => {},
-    validate: values => validateForm({
+    validate: values => validateReferralBuilderForm({
       values,
       isOON,
       showClientNeeds,
       showNetworkSelect,
       feeScheduleProgram,
       validateOpenDate,
-      validateCostAmount,
-      validateUnitAmount,
-      fspUtils,
       setReferralErrors,
       index
     }),
@@ -315,11 +178,11 @@ export function ReferralBuilderForm(_ref2) {
         }
       }
     },
-    render: _ref3 => {
+    render: _ref2 => {
       let {
         form,
         values
-      } = _ref3;
+      } = _ref2;
       onSetForm && onSetForm(form);
       return /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx(FormSpy, {
@@ -327,165 +190,41 @@ export function ReferralBuilderForm(_ref2) {
             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",
-          children: [/*#__PURE__*/_jsxs("div", {
-            className: "p-5 bg-dark-fill-blue",
-            children: [/*#__PURE__*/_jsx("h3", {
-              className: "text-xl font-black mb-1",
-              children: referralTitle
-            }), !newLanguageDashboard && /*#__PURE__*/_jsx("h3", {
-              children: referralSubtitle
-            })]
-          }), /*#__PURE__*/_jsxs("div", {
-            className: "p-5",
-            children: [!newLanguageDashboard && 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."
-              })
-            }), /*#__PURE__*/_jsx("h5", {
-              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.", 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"))
-            }), (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.authorization_required) && /*#__PURE__*/_jsx(AuthorizationSubform, {
-              feeScheduleProgram: feeScheduleProgram,
-              formValues: values,
-              setReferralErrors: errors => setReferralErrors(index, errors)
-            }), newLanguageDashboard && isOON && /*#__PURE__*/_jsx("h5", {
-              className: "mb-2",
-              children: "CASE INFORMATION"
-            }), newLanguageDashboard && 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: "These programs aren't accepting referrals in Unite Us. We'll create an off-platform case where you can document communication with or services provided by the program."
-              })
-            }), /*#__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: newLanguageDashboard ? "Description" : "Referral Description",
-                placeholder: newLanguageDashboard ? "E.g. Client needs food assistance. These programs are off-platform and need to be contacted in order to facilitate the referral." : "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: newLanguageDashboard ? "Case open date" : "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")), showClientNeeds && /*#__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(ReferralClientNeedsField, {
-                  params: params,
-                  clientNeeds: clientNeeds
-                })
-              }, "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 || []
-            })]
-          })]
+        }), /*#__PURE__*/_jsx(ReferralBuilderFormContent, {
+          referralTitle: referralTitle,
+          referralSubtitle: referralSubtitle,
+          newLanguageDashboard: newLanguageDashboard,
+          isOON: isOON,
+          programs: programs,
+          moveReferralMenus: moveReferralMenus,
+          onProgramClick: onProgramClick,
+          unselected: unselected,
+          referral: referral,
+          referrals: referrals,
+          currentProvider: currentProvider,
+          removeProgram: removeProgram,
+          moveToNewReferral: moveToNewReferral,
+          moveToExistingReferral: moveToExistingReferral,
+          hasDraftReferral: hasDraftReferral,
+          navigateToAddResources: navigateToAddResources,
+          showNetworkSelect: showNetworkSelect,
+          index: index,
+          networks: networks,
+          feeScheduleProgram: feeScheduleProgram,
+          formValues: values,
+          setReferralErrors: setReferralErrors,
+          source: source,
+          validateOpenDate: validateOpenDate,
+          today: today,
+          setQuery: setQuery,
+          primaryWorkers: primaryWorkers,
+          showClientNeeds: showClientNeeds,
+          clientNeeds: clientNeeds,
+          attachableDocuments: attachableDocuments,
+          rejectedFiles: rejectedFiles,
+          setRejectedFiles: setRejectedFiles,
+          setUploadedFiles: setUploadedFiles,
+          attachments: attachments
         })]
       });
     }