\n {\n onActiveOrgId(currentOrg.id);\n history.push(\"/\");\n }}\n id={`${orgType.singular}-select-${index}`}\n role=\"button\"\n className={`py-2 ${currentOrg.id === activeOrgId ? \"active\" : \"\"}`}\n >\n {userRole === roles.Business ? (\n <>\n {currentOrg?.isCertifiedSdvob ? \"* \" : currentOrg?.applications?.length ? \"- \" : \"\"}\n {trimName(currentOrg.legalName, 40)}\n \n ) : null}\n {[roles.AgencyAdmin, roles.AgencyUser].includes(userRole) ? currentOrg.name : null}\n \n
\n );\n });\n\n const dropdownToggle = () => {\n switch (loadUserRole()) {\n case \"Business\":\n if (getBusinessLegalName(activeOrg)) {\n return trimName(getBusinessLegalName(activeOrg), 35);\n } else if (userInfo) {\n return userInfo?.user?.userId;\n } else {\n return \"\";\n }\n case \"AgencyAdmin\":\n case \"AgencyUser\":\n if (activeOrg?.name) {\n return activeOrg.name;\n } else if (userInfo) {\n return userInfo?.user?.userId;\n } else {\n return \"\";\n }\n default:\n return userInfo ? userInfo?.user?.userId : \"\";\n }\n };\n\n // const activeBusinessName = activeOrg ? activeOrg?.business?.legalName : \"No Businesses Assigned\";\n return (\n \n
\n {[roles.Business, roles.AgencyUser, roles.AgencyAdmin].includes(loadUserRole()) ? (\n \n {userInfo?.user?.firstName?.charAt(0)}\n
\n \n {userInfo?.user?.firstName} {userInfo?.user?.lastName}\n
\n {userInfo?.user?.emailAddress}\n
\n {dropdownItems}\n {loadUserRole() === roles.Business ? (\n \n \n ) : (\n \"\"\n )}\n
\n ) : null}\n {props.children}\n \n \n \n
\n
\n
*/}\n \n
\n \n
\n \n \n 
\n \n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n Office of General Services\n
\n\n Service-Disabled Veterans' Enterprise System\n
\n {/*{portalName}
*/}\n\n {userInfo?.user ? (\n \n
\n Need Help?
, \"bg-secondary\"] : null,\n // onApp || !activeOrg\n // ? [\n // \"\",\n // \n // \n // If you need assistance with your application, call (518) 474-2015 or email veteransdevelopment@ogs.ny.gov.\n // \n //
,\n // \"bg-light\",\n // false,\n // ]\n // : null,\n ];\n\n return (\n \n Portal Navigation
\n \n Navigation
\n \n Administrator Dashboard\n
\n \n Agency Admin dashboard\n
\n \n Contract Manager Dashboard
\n Need Help?
, \"bg-secondary\"],\n // [\n // \"\",\n // \n // \n // If you need assistance with your application, call (518) 474-2015 or email veteransdevelopment@ogs.ny.gov.\n // \n //
,\n // \"bg-light\",\n // false,\n // ],\n [\"/business-search\", \"SDVOB Search\"],\n ];\n\n return (\n \n Navigation\n
\n \n
\n );\n};\n\nexport default MainSidebar;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Button } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\n\nconst BigButton = (props) => {\n const { heading, content, icon, id, route, ctaText, iconColor, onClick } = props;\n const ButtonType = route ? Link : Button;\n // console.log(onClick);\n\n return (\n \n
\n \n \n
\n {SecondNav ? (\n \n
\n ) : null}\n \n Help Center \n \n If you need assistance with your application, call (518) 474-2015 or email veteransdevelopment@ogs.ny.gov.\n \n
\n \n {}}>\n \n
\n );\n};\n\nexport default BigButton;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useLocation } from \"react-router\";\nimport BigButton from \"../components/CTAs/BigButton\";\n\nexport default function Application404(props) {\n const { userInfo, loginAndReturn } = props;\n // console.log(props);\n const location = useLocation();\n const isHome = location.pathname === \"/\";\n return (\n {heading ?
\n {heading}
: null}\n
\n \n {content ? : null}\n {ctaText ? (\n
\n \n {ctaText}
\n {isHome ? (\n <>\n
\n );\n}\n","// src/Login.jsx\n\nimport React from \"react\";\nimport { Redirect } from \"react-router-dom\";\n\nconst Login = () => {\n // const { oktaAuth, authState } = useOktaAuth();\n // const history = useHistory();\n // useEffect( () => {\n // if (authState) {\n // if (authState.isAuthenticated) {\n // history.push('/');\n // } else if (oktaAuth) {\n // oktaAuth.signInWithRedirect();\n // }\n // }\n // }, [authState, oktaAuth])\n return (\n <>\n Welcome to the New York State Office of General Services Division of Service-Disabled Veterans' Business Development Portal.
\n\n Article 3 of the Veterans’ Services Law allows eligible Veteran business owners to get certified as a New York State Service-Disabled\n Veteran-Owned Business (SDVOB). The goal of the Article is to encourage and support eligible SDVOBs to play a greater role in the state's economy by increasing their participation in New York\n State's contracting opportunities. The OGS Division of Service-Disabled Veterans' Business Development is responsible for certifying eligible SDVOBs and assisting and promoting their\n participation in the state's procurement activities.\n
\n\n\n
\n \n
\n \n \n We are excited to begin the rollout of our Service-Disabled Veterans' Enterprise System (SDVES). The Directory (above) is ready for your use. The remaining parts of SDVES are being systematically rolled out. You will be notified once the sections below are ready for your use.\n \n
\n\n\n
\n \n
\n \n ) : (\n \n If you are a participating Service-Disabled Veteran's Owned Business, or an Agency / Authority user, log in using the appropriate option above.\n
\n\n
\n )}\n 404
\nThe page either doesn't exist, or you do not have permission to view it.
\n\n {userInfo ? (\n \n Back to Dashboard\n \n ) : (\n \n )}\nYou do not have the authorization to perform this action.
\n )\n};\n\nexport default Logout;\n","import React from \"react\";\nimport * as Yup from \"yup\";\nimport pickBy from \"lodash/pickBy\";\nimport { EMPTY_GUID, globalApplicationDocumentTypes, ownershipTypes, VetsFirstCertification, VetsFirstAltDocs, NGB22, DD214, goalPlanDocumentTypes } from \"./typelistHelper\";\nimport get from \"lodash/get\";\nimport _ from \"lodash\";\nimport { getTotalOwnership, getLocalDate } from \"./helpers\";\n\nconst phoneRegExp = /^(\\+\\d{1,2}\\s)?\\(?\\d{3}\\)?[\\s.-]?\\d{3}[\\s.-]?\\d{4}$/;\nconst URL = /((https?):\\/\\/)?(www.)?[a-z0-9]+(\\.[a-z]{2,}){1,3}(#?\\/?[a-zA-Z0-9#]+)*\\/?(\\?[a-zA-Z0-9-_]+=[a-zA-Z0-9-%]+&?)?$/;\n\nexport const testIfDocInvalid = (document) => {\n const { documentId, description } = document;\n return (!documentId || documentId === EMPTY_GUID) && !description;\n};\n\nexport const parseErrors = (error) => {\n let message = error;\n // console.log(error);\n try {\n message = typeof JSON.parse(error) === \"object\" ? JSON.parse(error).message : error;\n } catch (e) {\n // console.error(`Error parsing message: ${e}`)\n // message = JSON.stringify(error);\n }\n return message;\n};\n\nexport const buildErrorMessage = (message, slide) => {\n // return `{\"message\":\"${message} \\${path}\", \"slide\":${slide}}`\n if (slide) {\n return `{\"message\":\"${message}\", \"slide\":${slide}}`;\n } else {\n return `{\"message\":\"${message}\", \"slide\":0}`;\n }\n};\n\nfunction buildErrorMessageWithOwnershipType(value) {\n const ownershipType = get(this.options.context, \"ownershipType\");\n if (ownershipType === \"Coproration\" && value === undefined) {\n return this.createError({\n message: buildErrorMessage(`Required ${this.path}`, 2),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n}\n\nconst addressSchemaBuilder = (slide) => {\n return Yup.object().shape({\n // line1: Yup.string().required(buildErrorMessage(\"Address line 1 is required\",slide)).nullable(),\n // city: Yup.string().required(buildErrorMessage(\"Address city is rquired\",slide)).nullable(),\n // state: Yup.string().required(buildErrorMessage(\"Address state is required\",slide)).nullable(),\n // zipCode: Yup.string().required(buildErrorMessage(\"Address zip code is required\",slide)).nullable(),\n line1: Yup.string().test(function (value) {\n return value\n ? true\n : this.createError({\n message: buildErrorMessage(`Address Line 1 for ${this.parent.type} address is required`, slide),\n path: `${this.path}`, // Fieldname\n });\n }),\n city: Yup.string().test(function (value) {\n return value\n ? true\n : this.createError({\n message: buildErrorMessage(`City for ${this.parent.type} address is required`, slide),\n path: `${this.path}`, // Fieldname\n });\n }),\n state: Yup.string()\n .test(function (value) {\n return value && value !== \"\"\n ? true\n : this.createError({\n message: buildErrorMessage(`State for ${this.parent.type} address is required`, slide),\n path: `${this.path}`, // Fieldname\n });\n })\n .nullable(),\n zipCode: Yup.string().test(function (value) {\n if (!value) {\n return value\n ? true\n : this.createError({\n message: buildErrorMessage(`Zip for ${this.parent.type} address is required`, slide),\n path: `${this.path}`, // Fieldname\n });\n } else if (value.length !== 5) {\n return value\n ? true\n : this.createError({\n message: buildErrorMessage(`Zip for ${this.parent.type} is invalid`, slide),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n }),\n });\n};\n\nconst businessAddressSchema = addressSchemaBuilder(2);\n\nexport const documentMap = {\n VetsFirstCertification: {\n DisplayName: \"Vets First Certification\",\n slide: 3,\n },\n VeteransAdministrationServiceConnectedDisabilityRating: {\n DisplayName: \"Veterans Administration Service Connected Disability Rating\",\n slide: 4,\n },\n FederalIdOrSocialSecurityNumberVerification: {\n DisplayName: \"Federal ID Or Social Security Number Verification\",\n slide: 4,\n },\n BusinessLicense: {\n DisplayName: \"Business License\",\n slide: 4,\n },\n Resume: {\n DisplayName: \"Resume\",\n slide: 4,\n },\n FranchiseTrustAgreementAmendments: {\n DisplayName: \"Franchise Trust Agreement Amendments\",\n slide: 4,\n },\n ArticlesOfOrganization: {\n DisplayName: \"Articles of Organization\",\n slide: 4,\n },\n OperatingAgreementAmendments: {\n DisplayName: \"Operating Agreement Amendments\",\n slide: 4,\n },\n ArticlesOfIncorporation: {\n DisplayName: \"Articles of Incorporation\",\n slide: 4,\n },\n CorporateMeetingMinutes: {\n DisplayName: \"Corporate Meeting Minutes\",\n slide: 4,\n },\n CorporateBylawsAmendments: {\n DisplayName: \"Corporate Bylaws & Amendments\",\n slide: 4,\n },\n StockTransferLedger: {\n DisplayName: \"Stock Transfer Ledger\",\n slide: 4,\n },\n PartnershipAgreementAmendments: {\n DisplayName: \"Partnership Agreement Amendments\",\n slide: 4,\n },\n LimitedLiabilityPartnershipRegistration: {\n DisplayName: \"Limited Liability Partnership Registration\",\n slide: 4,\n },\n TaxReturn: {\n DisplayName: \"Tax Return\",\n slide: 4,\n },\n};\n\nexport const parseApplicationErrors = (errors) => {\n try {\n const { message, slide } = JSON.parse(errors);\n return { message, slide };\n } catch (e) {\n return { message: errors };\n }\n};\n\nconst ownerAddressSchema = addressSchemaBuilder(1);\n\nconst ownerSchema = Yup.object().shape({\n name: Yup.string().required(buildErrorMessage(\"Owner name is required\", 1)).nullable(),\n // addresses: Yup.array().of(addressSchema),\n title: Yup.string().required(buildErrorMessage(\"Owner title is required\", 1)).nullable(),\n role: Yup.string().required(buildErrorMessage(\"Owner primary business function is required\", 1)).nullable(),\n percentageOwnership: Yup.number()\n .min(1, \"Ownership percentage must be greater than zero\")\n .max(100, \"Ownership percentage can not exceed 100%\")\n .required(buildErrorMessage(\"Ownership percentage is required\", 1))\n .test(ownerPercent100)\n .nullable(),\n isServiceDisabled: Yup.bool().required(buildErrorMessage(\"Owner's Service-disabled status is required\", 1)).nullable(),\n percentageServiceDisabled: Yup.number().when(\"isServiceDisabled\", {\n is: true,\n then: Yup.number().max(100, buildErrorMessage(\"Percentage of disability can not exceed 100\", 1)).required(buildErrorMessage(\"Percentage of disability is required\", 1)).nullable(),\n }),\n addresses: Yup.array().of(ownerAddressSchema),\n emailAddress: Yup.string().email(buildErrorMessage(\"Owner Email is not valid\", 1)).required(buildErrorMessage(\"Owner Email is required\", 1)).test(ownerEmailUniqueness).nullable(),\n phoneNumber: Yup.string().max(10, buildErrorMessage(\"Owner Phone Number may not be longer than ten digits\", 1)).required(buildErrorMessage(\"Owner Phone Number is required\", 1)).nullable(),\n});\n\nconst primeContractorSignupSchemaShape = {\n legalName: Yup.string().when(\"isNewVendor\", {\n is: true,\n then: Yup.string().required(\"Legal name is required\").nullable(),\n }),\n federalId: Yup.number().required(\"Federal ID is required\").nullable(),\n // nysVendorId: Yup.number().required(\"NYS Vendor ID is required\").nullable(),\n // phoneNumber: Yup.number().when(\"isNewVendor\", { is: true, then: Yup.number().required(\"Phone Number is required\") }),\n phoneNumber: Yup.string()\n .when(\"isNewVendor\", { is: true, then: Yup.string().max(10, buildErrorMessage(\"Phone Number may not be longer than ten digits\", 1)).required(buildErrorMessage(\"Phone Number is required\", 1)) })\n .nullable(),\n emailAddress: Yup.string().when(\"isNewVendor\", { is: true, then: Yup.string().required(\"Business Email Address is required\") }),\n addresses: Yup.array().when(\"isNewVendor\", { is: true, then: Yup.array().of(ownerAddressSchema) }),\n};\n\nconst businessLookupSchemaShape = {\n legalName: Yup.string().required(\"Legal name is required\").nullable(),\n federalId: Yup.number().required(\"Federal ID is required\"),\n};\n\nconst editBusinessAsOwnerSchemaShape = {\n // phoneNumber: Yup.number().required(buildErrorMessage(\"Phone number is required\", 1)).nullable(),\n phoneNumber: Yup.string().max(10, buildErrorMessage(\"Phone Number may not be longer than ten digits\", 1)).required(buildErrorMessage(\"Phone Number is required\", 1)).nullable(),\n emailAddress: Yup.string().required(buildErrorMessage(\"Business Email address is required\", 1)).nullable(),\n addresses: Yup.array().of(ownerAddressSchema),\n counties: Yup.array().when([\"isStatewide\", \"isCertifiedSdvob\"], (isStatewide, isCertifiedSdvob) => {\n if (!isStatewide && isCertifiedSdvob) {\n return Yup.array().min(1, buildErrorMessage(\"You must choose at least one county or select 'state-wide'\", 1));\n }\n }),\n countyLocatedIn: Yup.string()\n .when([\"isStatewide\", \"isCertifiedSdvob\"], (isStatewide, isCertifiedSdvob) => {\n if (!isStatewide && isCertifiedSdvob) {\n return Yup.string().required(buildErrorMessage(\"County where the business is located is required\", 1)).nullable();\n }\n })\n .nullable(),\n};\n\nconst editBusinessAsDivisionSchemaShape = {\n ...editBusinessAsOwnerSchemaShape,\n legalName: Yup.string().required(\"A legal name must be provided\").nullable(),\n categories: Yup.array().min(1, buildErrorMessage(\"You must select at least one category\", 8)),\n naicsCodes: Yup.array().min(1, buildErrorMessage(\"You must select at least one NAICS code\", 8)),\n};\n\nconst subcontractSchema = Yup.object().shape({\n contractorId: Yup.string().required(buildErrorMessage(\"A contractor must be selected\", 1)).nullable(),\n description: Yup.string().required(buildErrorMessage(\"A description of work or supplies must be provided.\", 1)).nullable(),\n term: Yup.string().nullable(),\n goal: Yup.number()\n .when([\"$term\"], (term) => {\n // console.log(term);\n if (term === \"Term\") {\n return Yup.number().required(buildErrorMessage(\"Subcontractor goal is required\")).nullable();\n }\n })\n .nullable(),\n value: Yup.number()\n .when([\"$term\"], (term) => {\n // console.log(term);\n if (term === \"Standard\") {\n return Yup.number().required(buildErrorMessage(\"Subcontractor value is required\")).nullable();\n }\n })\n .nullable(),\n // value: Yup.number().when([\"term\"], (term) => {\n // if (term === \"Standard\") {\n // return Yup.number().required(buildErrorMessage(\"Subcontractor value is required\"));\n // }\n // }),\n // goal: Yup.number().when(\"term\", {\n // is: \"Term\",\n // then: Yup.number().required(buildErrorMessage(\"Subcontractor goal is required\")),\n // }),\n // .test(function (value) {\n // const term = get(this.options.context, \"term\");\n // // return true;\n // if (term === \"Standard\") {\n // return this.createError({\n // message: buildErrorMessage(`A dollar amount of anticipated subcontracts, supplies and services for this subcontractor.`),\n // path: `${this.path}`, // Fieldname\n // });\n // } else {\n // return true;\n // }\n // // .required(buildErrorMessage(\"A dollar amount of anticipated subcontracts, supplies and services for this subcontractor.\", 1)).nullable(),\n // }),\n});\n\nconst businessUtilizationPlanSchemaShape = {\n // goal: Yup.number().required(\"Goal % is required\").nullable(),\n value: Yup.number().when(\"term\", (term) => {\n if (term === \"Standard\") {\n return Yup.number().required(\"Value is required\").nullable();\n }\n }),\n waiverDescription: Yup.string().when([\"realGoal\", \"goal\"], (realGoal, goal) => {\n if (realGoal < goal) {\n return Yup.string().required(`You must provide a waiver description if you can not meet a ${goal}% goal.`);\n }\n }),\n // waiverDescription: Yup.string().required(\"A Waiver description is required\").nullable(),\n subcontracts: Yup.array().of(subcontractSchema),\n};\n\nconst procurementSchemaShape = {\n solicitationNumber: Yup.string().required(\"Solicitation number is required\").nullable(),\n startDate: Yup.date().when([\"exclusionType\"], (exclusionType) => {\n if (exclusionType !== \"ExemptExcluded\") {\n return Yup.date().required(\"Start Date is required\");\n }\n }),\n endDate: Yup.date().when([\"exclusionType\"], (exclusionType) => {\n if (exclusionType !== \"ExemptExcluded\") {\n return Yup.date().required(\"End Date is required\");\n }\n }),\n description: Yup.string().required(\"Description is required\").nullable(),\n contractTerm: Yup.string().required(\"Compliance Calculation Type is required\").nullable(),\n};\n\nconst procurementUpdateSchemaShape = {\n ...procurementSchemaShape,\n // value: Yup.number().nullable(),\n currentValue: Yup.number().max(Yup.ref(\"value\"), buildErrorMessage(`Contract Value for SDVOB Participation cannot exceed the contract value.`)),\n};\n\nfunction testYear(value) {\n // console.log(moment(value).year, value.getYear());\n if (new Date(value + \"Z\").getUTCFullYear() > new Date().getUTCFullYear()) {\n return this.createError({\n message: buildErrorMessage(\"Year cannot exceed current year\", 9),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n}\n\nfunction testCentury(value) {\n const valueDate = new Date(value);\n const date2000 = new Date(\"2000-01-01T00:00:00.000\");\n // console.log(JSON.stringify(value));\n if (parseInt(valueDate.toISOString().substring(0, 4)) < 1000) {\n return this.createError({\n message: buildErrorMessage(\"Must be a date, formatted as MM/DD/YYYY\", null),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n}\n\n// function testTaxReceipt(value) {\n// if ((!this.parent.documentationExists || !this.parent.description)) {\n// return this.createError({\n// message: buildErrorMessage(`Receipt is required for tax year ending ${this.parent.yearNumber}`, 1),\n// path: `${this.path}`, // Fieldname\n// })\n// } else {\n// return true;\n// }\n// }\n\nfunction ownerPercent100(value) {\n const totalOwnership = getTotalOwnership(this.options.context);\n if (totalOwnership !== 100) {\n const message = totalOwnership > 100 ? \"Total ownership cannot exceed 100%\" : \"Total ownership cannot be less than 100%\";\n return this.createError({\n message: buildErrorMessage(message, 1),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n}\n\nfunction ownerEmailUniqueness(value) {\n const owners = this.options.context.owners;\n if (owners.filter((owner) => owner.emailAddress === value).length > 1) {\n const message = \"This email is associated with another owner. The email addresses for owners must be unique to them.\";\n return this.createError({\n message: buildErrorMessage(message, 1),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n}\n\nconst applicationSchemaShape = {\n financialInformation: {\n taxReturns: Yup.array().of(\n Yup.object().shape({\n yearBeginning: Yup.string()\n .when(\"documentationExists\", {\n is: false,\n otherwise: Yup.string().required(buildErrorMessage(\"Year beginning is required\", 1)).min(8, buildErrorMessage(\"Invalid year\", 1)).test(testYear),\n })\n .nullable(),\n yearEnding: Yup.string()\n .when(\"documentationExists\", {\n is: false,\n otherwise: Yup.string().required(buildErrorMessage(\"Year ending is required\", 1)).min(8, buildErrorMessage(\"Invalid year\", 1)).test(testYear),\n })\n .nullable(),\n value: Yup.string()\n .when(\"documentationExists\", {\n is: false,\n otherwise: Yup.string().required(buildErrorMessage(\"Gross Annual Receipt is required\", 1)).nullable(),\n })\n .nullable(),\n })\n ),\n },\n\n businessInformation: {\n // needfieldPrev: Yup.bool().required(`< span > Required`).nullable(),\n legalName: Yup.string().required(buildErrorMessage(\"Legal name is required\", 1)).nullable(),\n federalId: Yup.number(buildErrorMessage(\"Invalid number\", 1))\n .required(buildErrorMessage(\"Federal ID is required\", 1))\n // .min(100000000, buildErrorMessage(\"Invalid FEIN\", 1))\n // .max(999999999, buildErrorMessage(\"Invalid FEIN\", 1))\n .nullable(),\n addresses: Yup.array().of(businessAddressSchema).required(buildErrorMessage(\"Addresses are required\", 2)),\n phoneNumber: Yup.string()\n // .matches(phoneRegExp, buildErrorMessage(\"Phone number is not valid\", 2))\n .max(10, buildErrorMessage(\"Max 10 digits are allowed\", 2))\n .required(buildErrorMessage(\"Phone Number is required\", 2))\n .nullable(),\n emailAddress: Yup.string().email(buildErrorMessage(\"Email is not valid\", 2)).required(buildErrorMessage(\"Email is required\", 2)).nullable(),\n totalEmployees: Yup.number().min(1, buildErrorMessage(\"Total number of employees must be at least 1\", 2)).required(buildErrorMessage(\"Total number of employees is required\", 2)).nullable(),\n // isCertifiedVetsFirst: Yup.bool().required(buildErrorMessage(\"CVE status is required\", 3)).nullable(),\n // cveCertEntities: Yup.string().when('isCertifiedVetsFirst', {\n // is: true,\n // then: Yup.string().required(buildErrorMessage(\"CVE certifying entities are required\", 3)).nullable(),\n // }),\n countyLocatedIn: Yup.string().required(buildErrorMessage(\"County is required\", 2)).nullable(),\n businessDescription: Yup.string().required(buildErrorMessage(\"Business description is required\", 4)).nullable(),\n documents: Yup.array().of(\n Yup.object().shape({\n // https://github.com/jquense/yup/issues/222\n // https://github.com/formium/formik/issues/506\n description: Yup.string()\n .test(function (value) {\n const { documentId, description, type } = this.parent;\n let displayName = \"\";\n let slide = \"\";\n if (documentMap && type && documentMap[type]) {\n displayName = documentMap[type]?.DisplayName;\n slide = documentMap[type]?.slide;\n }\n\n const ownershipType = get(this.options.context, \"ownershipType\");\n const isCertifiedVetsFirst = get(this.options.context, \"isCertifiedVetsFirst\");\n const vetsFirstDoc = get(this.options.context, \"documents\").find((document) => document.type === VetsFirstCertification);\n const hasVetsFirstDoc = ![undefined, EMPTY_GUID].includes(vetsFirstDoc?.documentId);\n if (\n (ownershipType && !(isCertifiedVetsFirst && hasVetsFirstDoc) && ownershipTypes[ownershipType].documentTypes.includes(type)) ||\n globalApplicationDocumentTypes.includes(type) ||\n (isCertifiedVetsFirst && VetsFirstCertification === type)\n // (isCertifiedVetsFirst && !hasVetsFirstDoc && VetsFirstAltDocs.includes(type))\n ) {\n if ((!documentId || documentId === EMPTY_GUID) && !description) {\n return this.createError({\n message: buildErrorMessage(`Document or description for ${displayName} is required`, slide),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n } else {\n return true;\n }\n })\n .nullable(),\n })\n ),\n ownershipType: Yup.string().required(buildErrorMessage(\"Ownership type is required\", 4)).nullable(),\n serviceTypes: Yup.array().min(1, buildErrorMessage(\"Business type is required\", 5)).nullable(),\n isCertifiedMinorityOwned: Yup.bool().required(buildErrorMessage(\"MBE answer is required\", 6)).nullable(),\n isCertifiedWomenOwned: Yup.bool().required(buildErrorMessage(\"WBE answer is required\", 6)).nullable(),\n counties: Yup.array().when(\"isStatewide\", {\n is: true,\n otherwise: Yup.array().min(1, buildErrorMessage(\"You must choose at least one county\", 7)),\n }),\n categories: Yup.array().min(1, buildErrorMessage(\"You must have at least one category\", 8)),\n naicsCodes: Yup.array().min(1, buildErrorMessage(\"You must have at least one NAICS code \", 8)),\n tags: Yup.array().min(1, buildErrorMessage(\"You must have at least one keyword\", 8)),\n isEquipmentRenter: Yup.bool().required(buildErrorMessage(\"Equipment Renter must be answered\", 9)).nullable(),\n isEquipmentOwner: Yup.bool()\n .test(function (value) {\n const isEquipmentRenter = get(this.options.context, \"isEquipmentRenter\");\n if (isEquipmentRenter && (value === undefined || value === null)) {\n return this.createError({\n message: buildErrorMessage(\"Equipment Owner must be answered\", 9),\n path: `${this.path}`, // Fieldname\n });\n } else {\n return true;\n }\n })\n .nullable(),\n // homepageUrl: Yup.string().url().required(`< span > Required`).nullable(),\n },\n applicantInformation: {\n owners: Yup.array().of(ownerSchema),\n isOwnersResponsibleForSigningContracts: Yup.bool().required(buildErrorMessage(\"Owner is Responsible For Signing Contracts is required\", 2)).nullable(),\n isOwnersResponsibleForFinancialContractExecution: Yup.bool().required(buildErrorMessage(\"Owner is Responsible For Financial Contract Execution is required\", 2)).nullable(),\n isOwnersVotingPowersLimited: Yup.bool().required(buildErrorMessage(\"Owner's Voting Powers Limited is required\", 2)).nullable(),\n isOwnersControlRestrictedByThirdParty: Yup.bool().required(buildErrorMessage(\"Owner's Control Restricted By Third Party is required\", 2)).nullable(),\n isOwnersFieldQualified: Yup.bool().required(buildErrorMessage(\"Owner's Field Qualified is required\", 2)).nullable(),\n isOwnersCompensationCommensurateWithStake: Yup.bool().required(buildErrorMessage(\"Owner's Compensation Commensurate With Stake is required\", 2)).nullable(),\n isOwnersResponsibleForEquipment: Yup.bool().test(buildErrorMessageWithOwnershipType).nullable(),\n isOwnersResponsibleForMaterials: Yup.bool().test(buildErrorMessageWithOwnershipType).nullable(),\n isOwnersResponsibleForFacilities: Yup.bool().test(buildErrorMessageWithOwnershipType).nullable(),\n isOwnersReceiveDividendsMajority: Yup.bool().test(buildErrorMessageWithOwnershipType).nullable(),\n isOwnersControlBoardMajority: Yup.bool().test(buildErrorMessageWithOwnershipType).nullable(),\n isOwnersEntitledFullStockShareValue: Yup.bool().test(buildErrorMessageWithOwnershipType).nullable(),\n isOwnersResponsibleForSubcontractors: Yup.bool().required(buildErrorMessage(\"Owner is Responsible For Subcontractors is required\", 2)).nullable(),\n },\n};\n\nexport const getErrorsForTab = (errors, tabKey) => {\n if (applicationSchemaShape[tabKey]) {\n const errorTabKeys = Object.keys(applicationSchemaShape[tabKey]);\n const errorsForTab = pickBy(errors, (value, key) => errorTabKeys.includes(key));\n return errorsForTab;\n } else {\n return [];\n }\n};\n\nexport const isErrorsInTab = (errors, tabKey) => {\n const errorsForTab = getErrorsForTab(errors, tabKey);\n // console.log(`${ tabKey } - ${ JSON.stringify(errorsForTab) }`);\n return Object.keys(errorsForTab).length === 0;\n};\n\nconst attestationSchemaShape = {\n signature: Yup.object().shape({\n documentId: Yup.string().required(buildErrorMessage(\"Signature is required\")),\n }),\n documents: Yup.array().of(\n Yup.object().shape({\n // https://github.com/jquense/yup/issues/222\n // https://github.com/formium/formik/issues/506\n type: Yup.string().test(function (value) {\n const { documentId, description, type } = this.parent;\n let displayName = \"\";\n const NGB22Doc = get(this.options.context, \"documents\").find((document) => document?.type === NGB22);\n const DD214Doc = get(this.options.context, \"documents\").find((document) => document?.type === DD214);\n // debugger;\n if (type === NGB22 || type === DD214) {\n if (testIfDocInvalid(DD214Doc) && testIfDocInvalid(NGB22Doc)) {\n return this.createError({\n message: \"Document for NGB22 or DD214 is required\",\n });\n } else {\n return true;\n }\n } else if (testIfDocInvalid(this.parent)) {\n return this.createError({\n message: `Document for ${_.startCase(type)} is required`,\n });\n } else {\n return true;\n }\n }),\n })\n ),\n};\n\nconst editNarrativeStatementShape = {\n fiscalYear: Yup.number().required(buildErrorMessage(\"Fiscal year is required\", 1)),\n commissionerName: Yup.string().when(\"narrativeStatementId\", {\n is: (value) => value,\n then: Yup.string().required(\"Commissioner name is required\").nullable(),\n }),\n chiefCounselName: Yup.string().when(\"narrativeStatementId\", {\n is: (value) => value,\n then: Yup.string().required(\"Chief Counsel name is required\").nullable(),\n }),\n chiefFinancialOfficerName: Yup.string().when(\"narrativeStatementId\", {\n is: (value) => value,\n then: Yup.string().required(\"Chief Financial Officer name is required\").nullable(),\n }),\n primarySDVOBComplianceContactName: Yup.string().when(\"narrativeStatementId\", {\n is: (value) => value,\n then: Yup.string().required(\"Primary SDVOB Compliance Contact name is required\").nullable(),\n }),\n primarySDVOBComplianceContactEmailAddress: Yup.string().when(\"narrativeStatementId\", {\n is: (value) => value,\n then: Yup.string().required(\"Primary SDVOB Compliance email address is required\").nullable(),\n }),\n};\n\nconst createGoalPlanShape = {\n fiscalYear: Yup.string().required(\"Fiscal year is required\"),\n totalAwards: Yup.number().when(\"goalPlanId\", {\n is: (value) => value,\n then: Yup.number().required(\"Total Awards is required\"),\n }),\n // discretionaries: Yup.number().when(\"goalPlanId\", {\n // is: (value) => value,\n // then: Yup.number().required(\"Discrecionary is required\"),\n // }),\n // sdvobSetAsides: Yup.number().when(\"goalPlanId\", {\n // is: (value) => value,\n // then: Yup.number().required(\"SDVOB set asides is required\"),\n // }),\n annualBudget: Yup.number().when(\"goalPlanId\", {\n is: (value) => value,\n then: Yup.number().required(\"Annual Budget is required\"),\n }),\n projectedSDVOBSpendingAmount: Yup.number().when(\"goalPlanId\", {\n is: (value) => value,\n then: Yup.number().required(\"Projected SDVOB spending amount is required\"),\n }),\n};\n\nconst submitGoalPlanShape = {\n ...createGoalPlanShape,\n documents: Yup.array().of(\n Yup.object().shape({\n // https://github.com/jquense/yup/issues/222\n // https://github.com/formium/formik/issues/506\n type: Yup.string().test(function (value) {\n const { documentId, description, type } = this.parent;\n let displayName = \"\";\n if (testIfDocInvalid(this.parent)) {\n return this.createError({\n message: buildErrorMessage(`Document for ${type} is required`),\n path: `${this.path} `, // Fieldname\n });\n } else {\n return true;\n }\n }),\n })\n ),\n sdvobWebsiteContentUrl: Yup.string().when(\"goalPlanId\", {\n is: (value) => value,\n then: Yup.string().matches(URL, buildErrorMessage(\"Must be a valid URL\", 2)).nullable(),\n }),\n specificDocuments: Yup.array().when(\"goalPlanId\", {\n is: (value) => value,\n then: Yup.array().of(\n Yup.object().shape({\n // https://github.com/jquense/yup/issues/222\n // https://github.com/formium/formik/issues/506\n type: Yup.string()\n .test(function (value) {\n const { sdvobWebsiteContentUrl } = this.from[1].value;\n const { documentId, description, type } = this.parent;\n if (testIfDocInvalid(this.parent) && (type !== \"SDVOBWebsiteContentPlan\" || !sdvobWebsiteContentUrl)) {\n return this.createError({ message: `Document for ${_.startCase(type)} is required` });\n } else {\n return true;\n }\n })\n .nullable(),\n })\n ),\n }),\n};\n\nconst editActivityReportShape = {\n fiscalYear: Yup.number().required(\"Fiscal year is required\"),\n fiscalQuarter: Yup.number().required(\"Fiscal quarter is required\"),\n totalNumberOfAwards: Yup.number().when(\"activityReportId\", {\n is: (value) => value,\n then: Yup.number().required(\"Total number of awards to SDVOBs is required\"),\n }),\n totalValueOfAwards: Yup.number().when(\"activityReportId\", {\n is: (value) => value,\n then: Yup.number().required(\"Total Value of Awards to SDVOBs is required\"),\n }),\n totalDisbursementsToSdvobs: Yup.number().when(\"activityReportId\", {\n is: (value) => value,\n then: Yup.number().required(\"Total disbursements to SDVOB vendors is required\"),\n }),\n nonExemptNonExcludedPaymentTotal: Yup.number().when(\"activityReportId\", {\n is: (value) => value,\n then: Yup.number().required(\"Non-exempt non-excluded payment total is required\"),\n }),\n // utilizationPercentage: Yup.number().when(\"activityReportId\", {\n // is: (value) => value,\n // then: Yup.number().required(\"Utilization percentage is required\"),\n // }),\n totalNumberOfWaiversGranted: Yup.number().when(\"activityReportId\", {\n is: (value) => value,\n then: Yup.number().required(\"Total number of waivers granted is required\"),\n }),\n totalAdditionalSpendOnSdvobs: Yup.number().when(\"activityReportId\", {\n is: (value) => value,\n then: Yup.number().required(\"Total additional speend on SDVOBs is required\"),\n }),\n};\n\nconst divisionReportSearch = {\n fiscalYear: Yup.number().required(\"Fiscal year is required\").nullable(),\n status: Yup.string().required(\"Status is required\").nullable(),\n};\n\nconst primeInviteShape = {\n firstName: Yup.string().required(\"First Name is required\").nullable(),\n lastName: Yup.string().required(\"Last Name is required\").nullable(),\n emailAddress: Yup.string().email(\"Email address is not valid\").required(\"An email address is required\").nullable(),\n};\n\nconst editCentralizedContractSchemaShape = {\n contractNumber: Yup.string().required(\"Contract number is required\").nullable(),\n name: Yup.string().required(\"Contract name is required\").nullable(),\n active: Yup.bool().required(\"Active status is required\").nullable(),\n};\n\nconst divisionActivityReportSearch = {\n ...divisionReportSearch,\n fiscalQuarter: Yup.number().required(\"Fiscal quarter is required\").nullable(),\n};\n\nconst systemPreferencesShape = {\n ogsvmuContactEmail: Yup.string().required(\"VMU Contact Email is required\").nullable(),\n ogsvmuContactName: Yup.string().required(\"VMU Contact Name is required\").nullable(),\n};\n\nconst activityLogSchemaShape = {};\nconst changeRequestSchemaShape = {};\nconst correspondenceSchemaShape = {\n subject: Yup.string().when(\"correspondenceId\", {\n is: (value) => !!value,\n otherwise: Yup.string().min(5, \"Subject must be at least 5 characters\").required(\"Subject is required\"),\n }),\n message: Yup.string().min(5, \"Message must be at least 5 characters\").required(\"Message is required\"),\n};\n\nconst addPaymentSchemaShape = {\n contractorId: Yup.string()\n .matches(/^(?!Choose Contractor\\b)/i, \"A contractor must be selected\")\n .required(\"A contractor must be selected\"),\n amount: Yup.number().min(1, \"Payment amount must be greater than zero\").required(\"A payment must be entered\"),\n // paidDate: Yup.string().required(\"Please enter the date of the payment\"),\n paidDate: Yup.string().required(\"Please enter the date of the payment\").test(testCentury),\n};\n\nconst reportStatusFormShape = {\n status: Yup.string()\n .test(\"A status must be selected\", \"A status must be selected\", (value) => [\"reject\", \"accept\"].includes(value))\n .required(\"A status must be selected\"),\n message: Yup.string().when(\"status\", {\n is: \"reject\",\n then: Yup.string().min(5, \"Message must be at least 5 characters\").required(\"Message is required\"),\n }),\n};\n\nconst dataImportFormShape = {\n importType: Yup.string()\n .test(\"Import type must be selected\", \"Import type must be selected\", (value) => [\"contracts\", \"activity\"].includes(value))\n .required(\"Import type must be selected\")\n .nullable(),\n importFile: Yup.object().shape({\n exists: Yup.bool().required(\"Document must be attached\").nullable(),\n description: Yup.string()\n .test(\"File type must be CSV\", \"File type must be CSV\", (value) => {\n console.log(value);\n return value && value.endsWith(\"csv\");\n })\n .nullable(),\n }),\n};\n\nconst addBusinessUserShape = {\n userId: Yup.string().required(\"You must select a user to add\").nullable(),\n};\n\nexport const schemas = {\n applicationSchema: Yup.object().shape({\n ...applicationSchemaShape.applicantInformation,\n ...applicationSchemaShape.businessInformation,\n ...applicationSchemaShape.financialInformation,\n }),\n applicationSchemaShape,\n attestationSchema: Yup.object().shape({\n ...attestationSchemaShape,\n }),\n businessUtilizationPlanSchema: Yup.object().shape({\n ...businessUtilizationPlanSchemaShape,\n }),\n procurementSchema: Yup.object().shape({\n ...procurementSchemaShape,\n }),\n procurementUpdateSchema: Yup.object().shape({\n ...procurementUpdateSchemaShape,\n }),\n activityLogSchema: Yup.object().shape({\n ...activityLogSchemaShape,\n }),\n changeRequestSchema: Yup.object().shape({\n ...changeRequestSchemaShape,\n }),\n correspondenceSchema: Yup.object().shape({\n ...correspondenceSchemaShape,\n }),\n primeContractorSignupSchema: Yup.object().shape({\n ...primeContractorSignupSchemaShape,\n }),\n businessLookupSchema: Yup.object().shape({\n ...businessLookupSchemaShape,\n }),\n editBusinessAsOwnerSchema: Yup.object().shape({\n ...editBusinessAsOwnerSchemaShape,\n }),\n editBusinessAsDivisionSchema: Yup.object().shape({\n ...editBusinessAsDivisionSchemaShape,\n }),\n addBusinessUserSchema: Yup.object().shape({\n ...addBusinessUserShape,\n }),\n systemPreferencesSchema: Yup.object().shape({\n ...systemPreferencesShape,\n }),\n editNarrativeStatementSchema: Yup.object().shape({\n ...editNarrativeStatementShape,\n }),\n // createGoalPlanSchema: Yup.object().shape({\n // ...createGoalPlanShape,\n // }),\n submitGoalPlanSchema: Yup.object().shape({\n ...submitGoalPlanShape,\n }),\n editActivityReportSchema: Yup.object().shape({\n ...editActivityReportShape,\n }),\n addPaymentSchema: Yup.object().shape({\n ...addPaymentSchemaShape,\n }),\n divisionReportSearchSchema: Yup.object().shape({\n ...divisionReportSearch,\n }),\n divisionActivityReportSearchSchema: Yup.object().shape({\n ...divisionActivityReportSearch,\n }),\n reportStatusFormSchema: Yup.object().shape({\n ...reportStatusFormShape,\n }),\n editCentralizedContractSchema: Yup.object().shape({\n ...editCentralizedContractSchemaShape,\n }),\n dataImportFormSchema: Yup.object().shape({\n ...dataImportFormShape,\n }),\n primeInviteSchema: Yup.object().shape({\n ...primeInviteShape,\n }),\n};\n","import React from \"react\";\nimport { Formik, validateYupSchema, yupToFormErrors } from \"formik\";\nimport _ from \"lodash\";\nimport { isErrorsInTab } from \"../../util/errorHelper\";\n// import { addSavedCheckForm } from \"../../util/helpers\";\n\nexport const TabStatus = {\n UNTOUCHED: 0,\n INCOMPLETE: 1,\n COMPLETE: 2,\n};\n\nconst isTouched = (touched) => {\n return touched && Object.keys(touched).length > 0;\n};\n\n// const buildTabStatus = (tabKey, isValid, tabTouched) => {\n// const tabStatus = {};\n// if (tabTouched) {\n// tabStatus[tabKey] = isValid ? TabStatus.COMPLETE : TabStatus.INCOMPLETE;\n// }\n// return tabStatus;\n// };\n\nconst useTabValidStatus = (activeTabKey, validateForm) => {\n React.useEffect(() => {\n validateForm();\n }, [activeTabKey]);\n};\n\n/** This validation is very critical as we are re-initializing values\n * when the tab changes and propagating those changes to all tabs.\n * This will ensure that all tabs are revalidated in every such change\n */\nconst useValidateOnTab = (initialValues, validateForm) => {\n // React.useEffect(() => {\n // validateForm();\n // }, [initialValues]);\n};\n\nconst withFormikFormComponent = (Component, schema) => (props) => {\n const { routeInitialValues, initialErrors, initialTouched, enablereinitialize, onSubmit, appBag, validateOnMount, validateOnChange } = props;\n const initialValues = routeInitialValues ? routeInitialValues : {};\n\n return (\n \n {\n // https://github.com/formium/formik/issues/506\n if (schema) {\n try {\n validateYupSchema(values, schema, true, values);\n } catch (err) {\n const errors = yupToFormErrors(err); //for rendering validation errors\n if (Object.keys(errors).length === 0) {\n console.error(err);\n return { application: \"Yup is unable to parse the error object\", err: err.message };\n } else {\n // console.log(errors)\n return errors;\n }\n }\n }\n return {};\n }}\n // validationSchema={schema}\n validateOnChange={validateOnChange ? validateOnChange : true}\n validateOnMount={validateOnMount ? validateOnMount : true}\n enableReinitialize\n children={(formikBag) => {\n return (\n <>\n
\n );\n};\n\nexport { withFormikFormComponent, useTabValidStatus, isTouched, useValidateOnTab };\n","import React from 'react'\nimport { Button } from 'react-bootstrap'\n\nfunction ReactiveButton(props) {\n const { label, className, processing, type, disabled } = props;\n\n return (\n \n {!processing ? : Loading...}\n
\n )\n}\n\nexport default ReactiveButton\n","import React from \"react\";\nimport \"cleave.js/dist/addons/cleave-phone.us\";\nimport Cleave from 'cleave.js/react';\nimport get from 'lodash/get'\n/**\n * https://codepen.io/tutsplus/pen/KMWqRr\n * @param {*} props\n * @returns\n */\nconst InputComponentFormatted = (props) => {\n\n const { form: { setFieldValue, setFieldTouched, values }, field, type, isdisabled } = props;\n const { name } = field;\n const formikValue = get(values, name);\n\n const onChange = (event) => {\n // formatted pretty value\n // console.log(event.target.value);\n\n // // raw value\n // console.log(event.target.rawValue);\n if (type === 'inputnumeral' || type === 'inputphone' || type === 'inputFEIN') {\n setFieldValue(name, event.target.rawValue)\n } else {\n setFieldValue(name, event.target.value)\n }\n }\n\n const initSettings = (type) => {\n let settings;\n switch (type) {\n case \"inputphoneextension\":\n settings = {\n settings: {\n blocks: [6],\n numericOnly: true\n },\n placeholder: 'XXXXX'\n };\n break;\n case \"inputZip\":\n settings = {\n settings: {\n blocks: [5],\n numericOnly: true\n },\n placeholder: 'XXXXX'\n };\n break;\n case \"inputphone\":\n settings = {\n settings: {\n blocks: [3, 3, 4],\n numericOnly: true\n },\n placeholder: 'XXX XXX XXXX'\n };\n break;\n case \"inputdate\":\n settings = {\n settings: {\n date: true,\n datePattern: ['m', 'd', 'Y']\n },\n placeholder: 'MM/DD/YYYY'\n };\n break;\n case \"inputnumeral\":\n settings = {\n settings: {\n prefix: '$ ',\n rawValueTrimPrefix: true,\n numeral: true,\n numeralDecimalScale: 0,\n numeralThousandsGroupStyle: 'thousand'\n },\n placeholder: \"\"\n };\n break;\n case \"inputFEIN\":\n settings = {\n settings: {\n blocks: [2, 7],\n numericOnly: true\n },\n placeholder: \"XX XXXXXXX\"\n };\n break;\n default:\n settings = undefined;\n }\n return settings;\n }\n\n return (\n \n
\n );\n}\n\nexport default InputComponentCheckboxRadio;\n","import React, { useState } from \"react\";\nimport { Typeahead } from \"react-bootstrap-typeahead\";\nimport get from \"lodash/get\";\nimport DatePicker from \"react-date-picker\";\nimport Button from \"react-bootstrap/Button\";\nimport { handleFileUpload } from \"../../../util/api\";\nimport DateTimePicker from \"react-datetime-picker\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport _ from \"lodash\";\nimport SignatureCanvas from \"react-signature-canvas\";\nimport InputComponentFormatted from \"./InputComponentFormatted\";\nimport { EMPTY_GUID } from \"../../../util/typelistHelper\";\nimport { parseErrors } from \"../../../util/errorHelper\";\nimport { getBackendErrors, handleDocumentClick } from \"../../../util/helpers\";\nimport InputComponentCheckboxRadio from \"./InputComponentCheckboxRadio\";\n\nconst InputComponent = (fieldsProps) => {\n const [sigPad, setSigPad] = useState({});\n const [showSigPad, setShowSigPad] = useState(true);\n const [fileLoading, setFileLoading] = useState(false);\n const [fileError, setFileError] = useState(\"\");\n const {\n wrapperClass,\n documentType,\n // accept,\n type,\n isTypeheadCodeAnInteger,\n isTypeaheadASimpleArray,\n label,\n hideLabel,\n placeholder,\n filterBy,\n allowNew,\n options,\n className,\n childClass,\n inline,\n readOnly,\n required,\n subLabel,\n labelClass,\n disabled,\n readonly,\n labelWrapperClass,\n inputWrapperClass,\n min,\n onlyId,\n index,\n max,\n field,\n isSwitch,\n onChange,\n onFileUpload,\n shouldSelectHint,\n uniqueSelect,\n multiple,\n selected,\n form: { touched, errors, values, setFieldValue, setFieldTouched, setFieldError, dirty }, // also values, setXXXX, handleXXXX, dirty, isValid, status, etc.\n ...props\n } = fieldsProps;\n\n // console.log(setFieldValue);\n\n let { isdisabled } = fieldsProps;\n // isdisabled = (true) ? true : false;\n\n const { name, onBlur } = field;\n const apiBase = process.env.REACT_APP_API_BASE;\n const error = _.get(errors, name);\n const touch = _.get(touched, name);\n const value = _.get(values, name);\n\n // console.log({ error, errors, name });\n\n const showErrorsWithTouch = () => {\n return touch && error;\n };\n\n const showErrorsWithoutTouch = () => {\n return error ? true : false;\n };\n\n // https://gist.github.com/davoclavo/4424731\n const dataURItoBlob = (dataURI) => {\n // convert base64 to raw binary data held in a string\n // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this\n var byteString = atob(dataURI.split(\",\")[1]);\n // separate out the mime component\n var mimeString = dataURI.split(\",\")[0].split(\":\")[1].split(\";\")[0];\n // write the bytes of the string to an ArrayBuffer\n var ab = new ArrayBuffer(byteString.length);\n var dw = new DataView(ab);\n for (var i = 0; i < byteString.length; i++) {\n dw.setUint8(i, byteString.charCodeAt(i));\n }\n // write the ArrayBuffer to a blob, and you're done\n return new Blob([ab], { type: mimeString });\n };\n\n const handleOnChangeNumber = (e) => {\n // https://stackoverflow.com/questions/64138536/react-input-type-number-fields-dont-trigger-onchange\n const symbolsArr = [\"e\", \"E\", \"+\", \"-\", \".\"];\n if (!symbolsArr.includes(e.key)) {\n let value = e.target.value;\n // console.log(e.target);\n if (value === \"\") {\n value = undefined;\n setFieldValue(name, value);\n }\n }\n };\n\n // const handleOnChangeRadio = (e) => {\n // let value = e.target.value;\n // if (value === \"true\") {\n // value = true;\n // } else if (value === \"false\") {\n // value = false;\n // }\n // if (e.target.type === \"radio\") {\n // if (onChange) onChange(e);\n // setFieldValue(name, value);\n // } else if (e.target.type === \"checkbox\") {\n // let fieldValue;\n // if (isBoolean) {\n // // reverse the value for boolean checkboxes that become unchecked\n // fieldValue = !e.target.checked && isBoolean ? !value : value;\n // } else {\n // fieldValue = _.get(values, name) ? _.get(values, name) : [];\n\n // if (e.target.checked) {\n // if (!fieldValue.includes(value)) {\n // fieldValue.push(value);\n // }\n // } else {\n // fieldValue = fieldValue.filter((item) => item !== value);\n // }\n // }\n // setFieldValue(name, fieldValue);\n // if (onChange) onChange(e);\n // }\n // };\n\n // const displayValues = () => {\n // const result = options.filter((option) => field.value?.includes(parseInt(option.code)));\n // return result;\n // };\n\n // const handleTypeaheadChanges = (options1) => {\n // // console.log(options1);\n // const results = options1.map((option) => option.code);\n // setFieldValue(name, results);\n // };\n\n const handleSignatureClear = (event) => {\n sigPad.clear();\n };\n\n const handleSignatureUpload = async (event) => {\n const dataUrl = sigPad.getTrimmedCanvas().toDataURL(\"image/png\");\n const blob = dataURItoBlob(dataUrl);\n var documentFormData = new FormData();\n const description = \"signature\";\n documentFormData.append(\"description\", description);\n documentFormData.append(\"document\", blob);\n const url = value?.documentId && value?.documentId !== EMPTY_GUID ? `${apiBase}/documents/${value?.documentId}` : `${apiBase}/documents`;\n let result = await handleFileUpload(url, documentFormData);\n result = {\n ...result,\n description: description,\n type: \"signature\",\n };\n setFieldValue(name, result);\n setShowSigPad(false);\n };\n // Bind inputs to the form component state\n const handleDocumentUpload = async (event, onlyId, fileTypes) => {\n const typesArr = fileTypes ? fileTypes.split(\",\") : null;\n setFileLoading(true);\n setFileError(\"\");\n if (event.target.files.length > 0) {\n const document = event.target.files[0];\n const description = event.target.files[0].name;\n // console.log({ typesArr, description, document });\n const fileIsRel = !typesArr?.length || typesArr.filter((type) => description.endsWith(type)).length ? true : false;\n // console.log(fileIsRel);\n if (description.endsWith) setFieldValue(name, { ...value });\n\n if (fileIsRel) {\n // documentFormData Object is needed due to file upload.\n let documentFormData = new FormData();\n documentFormData.append(\"description\", description);\n documentFormData.append(\"document\", document);\n const url = value?.documentId && value?.documentId !== EMPTY_GUID ? `${apiBase}/documents/${value?.documentId}` : `${apiBase}/documents`;\n try {\n let result = await handleFileUpload(url, documentFormData);\n if (!onlyId) {\n result = {\n ...result,\n description: description,\n };\n if (documentType) {\n result = {\n ...result,\n type: documentType,\n };\n }\n }\n setFieldValue(name, { ...value, ...result, exists: true });\n setFileError(\"\");\n if (onFileUpload) {\n onFileUpload({ ...value, ...result });\n }\n } catch (e) {\n const erroMessage = getBackendErrors(e);\n setFileError(erroMessage);\n } finally {\n setFileLoading(false);\n }\n }\n } else {\n setFileError(\"File not correct type\");\n }\n setFieldTouched(name, true);\n };\n const handleDocumentRemoval = (event) => {\n // console.log(event.target.getAttribute(\"data-target\"));\n let value = { ...field.value, documentId: EMPTY_GUID, description: null };\n setFieldValue(name, value);\n };\n\n let InputEl = ;\n switch (type) {\n case \"select\":\n // console.log(fieldsProps);\n // const { form: { setFieldValue } } = fieldsProps;\n // console.log(onChange);\n const handleChange = onChange ? onChange : (event) => setFieldValue(event.target.name, event.target.value);\n\n InputEl = (\n <>\n \n {label} {required !== false ? * : null}\n
\n\n {options.map((option, index) => (\n
\n \n onChange(e, option[0])}\n onBlur={() => setFieldTouched(name, true)}\n disabled={isdisabled}\n checked={getCheckedValue(option[0])}\n />\n {isSwitch ? : }\n \n
\n ))}\n \n \n \n {showErrorsWithTouch() && (\n
\n \n );\n break;\n case \"typeahead\":\n const isOptionAnObject = Object.keys(options).length > 0 && typeof options[0] === \"object\" ? true : false;\n\n const onChangeLocal = (options1) => {\n if (isOptionAnObject) {\n const results = options1.map((option) => option.id);\n setFieldValue(name, results);\n } else {\n const results = options1.map((option) => (option.customOption ? option.label : option));\n const u_results = uniqueSelect ? _.uniq(results) : results;\n setFieldValue(name, u_results);\n }\n if (onChange) {\n onChange(options1);\n }\n };\n\n InputEl = (\n \n {parseErrors(error)}\n
\n )}\n \n {label ? (\n \n ) : null}\n value?.includes(option.id)) : value}\n placeholder={placeholder}\n onBlur={() => setFieldTouched(name, true)}\n onChange={onChangeLocal}\n inputProps={{ \"aria-describedby\": `${name}-typeahead-desc` }}\n />\n\n
\n );\n break;\n case \"checkbox\":\n case \"radio\":\n InputEl = (\n \n There are {options?.length} options available in this input. When typeahead results are available, you can use up and down arrows to navigate through the items, and enter to select. Tabs\n will navigate through the items in your selection where you can hit delete to remove from your selection.\n
\n {showErrorsWithTouch() && (\n \n {parseErrors(error)}\n
\n )}\n \n
\n );\n break;\n case \"dateTimePicker\":\n InputEl = (\n {parseErrors(error)}
}\n \n
\n );\n break;\n case \"fileonly\":\n InputEl = (\n {label}
\n {parseErrors(error)}
}\n \n \n {\n setFieldValue(\"temp_field\", \"\");\n }}\n onChange={(event) => {\n console.log(\"on change is firing\");\n handleDocumentUpload(event, onlyId, props?.accept);\n }}\n {...props}\n />\n {showErrorsWithTouch() &&
\n );\n break;\n case \"file\":\n // console.log(field.value);\n InputEl = (\n {error?.description}
}\n \n {field.value?.description && field.value?.documentId && field.value?.documentId !== EMPTY_GUID ? (\n {\n handleDocumentUpload(event, onlyId);\n }}\n onBlur={onBlur}\n {...props}\n />\n {subLabel ?
\n );\n break;\n case \"signature\":\n InputEl = (\n <>\n \n
\n ) : (\n <>\n {fileLoading ? (\n Loading...\n ) : (\n <>\n {isdisabled ? \"\" : }\n {subLabel}
: null}\n {showErrorsWithTouch() && value?.documentationExists !== false && !value?.documentId && {parseErrors(error.description)}
}\n {fileError && {fileError}
}\n \n )}\n \n )}\n \n
\n \n \n )}\n {/* */}\n {/* */}\n
\n \n );\n break;\n case \"textarea\":\n InputEl = (\n \n \n
\n {!value ? (\n \n
\n ) : (\n <>\n {value && <>Signature received}\n \n
\n \n
\n
\n \n {/* */}\n \n
\n \n \n
\n \n \n \n )}\n {/* */}\n {/* */}\n
\n
\n );\n break;\n case \"datepicker\":\n InputEl = (\n \n \n
\n \n
\n );\n break;\n case \"inputnumeral\":\n case \"inputdate\":\n case \"inputphone\":\n case \"inputFEIN\":\n case \"inputZip\":\n case \"inputphoneextension\":\n InputEl = (\n \n \n
\n \n
\n );\n break;\n case \"number\":\n InputEl = (\n \n \n
\n \n setFieldTouched(name, true)} />\n {subLabel ?
\n {subLabel}
: null}\n {showErrorsWithTouch() && (\n \n {parseErrors(error)}\n
\n )}\n \n \n
\n \n
\n \n );\n break;\n case \"eInput\":\n InputEl = (\n {subLabel}
: null}\n {showErrorsWithTouch() && (\n \n {parseErrors(error)}\n
\n )}\n \n {label && (\n
\n );\n break;\n default:\n InputEl = (\n <>\n \n \n
\n )}\n \n
\n {subLabel}
: null}\n {showErrorsWithTouch() && {parseErrors(error)}
}\n \n {label && (\n
\n \n );\n break;\n }\n return InputEl;\n};\nexport default InputComponent;\n","import React from \"react\";\nimport { FastField } from \"formik\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport _ from \"lodash\";\nimport { EMPTY_GUID } from \"../../../util/typelistHelper\";\nimport { parseErrors } from \"../../../util/errorHelper\";\n\nconst DocumentWrapper = ({ label, documentType, name, formikBag, onlyId, optional, subLabel, embeddedDoc }) => {\n const { setFieldValue } = formikBag;\n const value = _.get(formikBag.values, name);\n const error = _.get(formikBag.errors, name);\n const touch = _.get(formikBag.touched, name);\n const { documentId } = value ? value : {};\n const docName = onlyId === true ? `${name}.documentId` : name;\n\n return (\n \n \n
\n )}\n \n
\n {subLabel}
: null}\n {showErrorsWithTouch() && (\n \n {parseErrors(error)}\n
\n )}\n \n {label && (\n {\n if (!e.target.checked) {\n // embeddedDoc is for when document values are immediately inside parent object,\n // and not contained in a separate \"document\".\n // We want to prevent clearing out the entire object *beyond document data)\n // when toggling the availability checkbox.\n // This is particularly useful for tax documents\n if (embeddedDoc) {\n setFieldValue(name, { ...value, documentId: null, type: value.type });\n } else {\n setFieldValue(name, { type: value.type });\n }\n }\n }}\n />\n )}\n {optional && [EMPTY_GUID].includes(value?.documentId) ? (\n
\n );\n};\n\nexport default DocumentWrapper;\n","import React, { useState } from \"react\";\nimport Button from \"react-bootstrap/Button\";\nimport Modal from \"react-bootstrap/Modal\";\nimport JSONPretty from \"react-json-pretty\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst ENVIRONMENT = process.env.NODE_ENV;\nconst DEBUG = process.env.REACT_APP_DEV_SHOW_DEBUG;\n\nfunction DebugModal(props) {\n const [show, setShow] = useState(false);\n\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n const { name } = props;\n\n return (\n <>\n {/* {false ? */}\n {ENVIRONMENT == \"development\" && DEBUG == \"true\" ? (\n <>\n \n\n \n {label}\n
\n )}\n {subLabel && (\n\n {subLabel}\n
\n )}\n {parseErrors(error?.type)}
}\n \n
\n
\n
\n
\n );\n case \"activity\":\n return (\n \n For Agencies that do not use the State Financial System\n
\n\n
Upload a file containing information about awarded contracts and payments to the prime contractor using a comma-separated file in the format listed below:
\n\n
\n Contract / Payment File Format \n (CSV)\n
\n\n
\n Instructions for creating the Contract and Prime Payments upload file \n (PDF)\n
\n\n
\n
\n
\n
\n );\n default:\n break;\n }\n };\n\n return (\n \n );\n};\n\nconst SettingsForm = withFormikFormComponent(SettingsFormInternal, schemas.dataImportFormSchema);\nexport default SettingsForm;\n","import React, { useEffect } from \"react\";\nimport { useTable, useSortBy, usePagination } from \"react-table\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst Table = (props) => {\n let { columns, data, size, tableName } = React.useMemo(() => props, [props.data]);\n const hiddenCols = columns.filter((item) => item.isVisible === false).map((item) => item.accessor);\n let { hidePagination, hideHeaders } = props;\n const initialPageSize = data?.length > 20 ? 20 : data?.length;\n\n const {\n getTableProps,\n getTableBodyProps,\n headerGroups,\n // rows,\n page,\n prepareRow,\n canPreviousPage,\n canNextPage,\n pageOptions,\n pageCount,\n gotoPage,\n nextPage,\n previousPage,\n setPageSize,\n state: { pageIndex, pageSize },\n } = useTable({ columns, data, autoResetPage: false, initialState: { pageIndex: 0, pageSize: initialPageSize, hiddenColumns: hiddenCols } }, useSortBy, usePagination);\n\n // console.log({ page, pageCount, pageSize, pageOptions });\n\n useEffect(() => {\n // console.log({ data });\n // console.log(data?.length);\n setPageSize(data?.length > 20 ? 20 : data?.length > 0 ? data.length : 1);\n }, [data.length]);\n\n return (\n \n For agencies not using compliance reports OR agencies wishing to add additional subcontractor payments\n
\n\n
Upload a file containing payments to SDVOB Subcontractors on awarded contracts using a comma-separated file in the format listed below:
\n\n
\n Subcontractor Payment Format \n (CSV)\n
\n\n
\n Instructions for creating the Subcontract Payment upload file \n (PDF)\n
\n\n \n {!hideHeaders && (\n \n {headerGroups.map((headerGroup, headerGroupIndex) => (\n
\n\n {!hidePagination && (\n \n )}\n
\n );\n};\n\nexport default Table;\n","import React, { useEffect, useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { FastField, Field } from \"formik\";\nimport _ from \"lodash\";\nimport { Button } from \"react-bootstrap\";\nimport { updateInitialItems } from \"../../../util/helpers\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport Table from \"../../Table/Table\";\nimport { withFormikFormComponent } from \"../FormikForm\";\nimport InputComponent from \"./InputComponent\";\n\nconst FilterTableFormInternal = (props) => {\n const { FilterListConfig, Columns, formikBag, tableItems, action, actionTerm, hasDownload, downloadLabel, downloadCall, tableName } = props;\n const { values, setFieldValue } = formikBag;\n const tableItems1 = updateInitialItems(tableItems, FilterListConfig);\n const [filters, setFilters] = useState([]);\n const [filterList, setFilterList] = useState(Object.keys(FilterListConfig));\n const [queryObj, setQueryObj] = useState({});\n // const value = _.get(values, `filterValue`);\n\n useEffect(() => {\n // console.log(filters);\n let newQueryObj = {};\n filters.map((filter) => {\n newQueryObj[filter.filterCode] = filter.filterValue;\n });\n // console.log(newQueryObj);\n setQueryObj(newQueryObj);\n }, [filters]);\n\n const getLabelOfId = (filterValueItem, options) => {\n // return options?.find(option => option.id === filterValueItem)?.label?.toLowerCase();\n return filterValueItem?.toLowerCase();\n };\n\n const getFilteredItems = () => {\n let items1 = tableItems1 ? [...tableItems1] : [];\n\n // iterate through each top level filter\n filters.forEach((filter) => {\n // filter full data for table\n items1 = items1.filter((item) => {\n const { filterCode, filterValue, options, isExact } = filter;\n\n // The actual column of data corresponding to our current filter\n //itemDisplayValue is always a string\n let itemDisplayValue = item[filterCode];\n\n // Split into array of values if we have to check for exact matches\n const itemDisplayValueArr = itemDisplayValue.split(\",\");\n\n // isExact is used for some scenarios where we are filtering with well-known values/enums\n // we will use it when some of those values are partial matches of other values\n // Example would be \"classifications\" where options include \"Construction\" and \"Construction Professional Services\"\n if (isExact && filterValue) {\n for (let i = 0; i < filterValue.length; i++) {\n // console.log(filterValue[i]);\n if (itemDisplayValueArr.includes(filterValue[i])) {\n return true;\n }\n }\n } else if (filterValue) {\n if (Array.isArray(filterValue)) {\n // use this for partial match\n const result = filterValue.find((filterValueItem) => itemDisplayValue?.toLowerCase()?.includes(getLabelOfId(filterValueItem, options)));\n // Use this for exact match\n // const result = filterValue.find((filterValueItem) => itemDisplayValue?.toLowerCase() === getLabelOfId(filterValueItem, options));\n return result;\n } else {\n // filterValue is not array\n return String(itemDisplayValue)?.toLowerCase()?.includes(String(filterValue)?.toLowerCase());\n }\n }\n });\n });\n return items1;\n };\n\n const updateInitalItemsFromFilters = () => {\n // only filter out value filters on select\n const filterList = Object.keys(FilterListConfig).filter((filterCode) => !filters.find((filter) => filter.filterCode === filterCode));\n setFilterList([...filterList]);\n if (filterList?.length > 0) {\n // setFieldValue(`filterCode`, filterList[0]);\n }\n };\n\n // useEffect(() => {\n // const items1 = updateInitialItems(tableItems, FilterListConfig);\n // setItems(items1);\n // }, [tableItems])\n\n useEffect(() => {\n updateInitalItemsFromFilters(filters);\n }, [filters]);\n\n const addFilters = (e) => {\n e.preventDefault();\n const { filterCode, filterValue } = values;\n const { options, isExact } = FilterListConfig[filterCode];\n setFilters((filters) => {\n const newItems = [...filters];\n if (filterValue) {\n newItems.push({ filterCode, filterValue, options, isExact });\n setFieldValue(`filterValue`, \"\");\n setFieldValue(`filterCode`, null);\n }\n return newItems;\n });\n };\n\n const removeFilters = (index) => {\n let newValues = [...filters];\n\n newValues.splice(index, 1);\n // console.log(newValues);\n setFilters(newValues);\n };\n\n const filterValueDisplay = (filterValue) => {\n return Array.isArray(filterValue) ? filterValue.join(\" OR \") : filterValue;\n };\n\n // console.log(getFilteredItems());\n\n // const filterValueEncoded = (filterValue) => {\n // // return Array.isArray(filterValue) ? filterValue.reduce((str, filterValue) => `${str},${encodeURIComponent(filterValue.filterCode)}`, '') : filterValue;\n // // return Array.isArray(filterValue) ? filterValue.reduce((str, filterValue) => `${str},${encodeURIComponent(filterValue.filterCode)}`, '') : filterValue;\n // };\n\n const fieldAtts = _.get(FilterListConfig, values?.filterCode);\n return (\n | \n {column.render(\"Header\")}\n {!column.disableSortBy ? (\n | \n )\n )}\n
|---|
| {cell.render(\"Cell\")} | ;\n })}\n
\n {\n action(values);\n }}\n >\n {actionTerm ? actionTerm : `Action`}{\" \"}\n \n ) : null}\n\n
\n \n
\n\n
\n\n {action ? (\n \n [code, Columns.find((column) => column.filterCode === code)?.Header])]}\n required={false}\n // onChange={(e) => setFieldValue(`filterCode`, \"\")}\n onChange={(e) => {\n setFieldValue(`filterCode`, e.target.value);\n setFieldValue(`filterValue`, \"\");\n }}\n />\n {values.filterCode ? (\n <>\n {fieldAtts?.type === \"typeahead\" ? (\n
\n\n \n
\n ) : fieldAtts?.type === \"select\" ? (\n \n \n
\n \n\n
\n
\n \n {filters.map((filter, index) => {\n const { filterValue, filterCode, options } = filter;\n const column = Columns.find((column) => column.filterCode === filterCode);\n\n return (\n {\n removeFilters(index);\n }}\n >\n {column?.Header}: {filterValueDisplay(filterValue, options)}
\n \n {filters?.length > 0 && (\n \n )}\n
\n \n
\n\n {hasDownload && (\n
\n \n {\n await downloadCall(queryObj);\n }}\n >\n
\n )}\n Imported documents
\n{initialItems.length > 0 ?
\n Data Import
\n\n\n
\n \n
\n ) : null}\n \n );\n};\n\nexport default HelpMessage;\n","import React, { useState, useEffect } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport { Link, useParams, useHistory } from \"react-router-dom\";\nimport { roles, loadUserRole } from \"../../util/userHelper\";\nimport { hasActiveCertification } from \"../../util/helpers\";\nimport { trainingVideos, trainingSections } from \"../../util/trainingVideoCatalog\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport \"./help.scss\";\nimport HelpMessage from \"./HelpMessage\";\n\nconst Help = (props) => {\n const { activeOrg } = props;\n const { videoId } = useParams();\n const history = useHistory();\n const currentVideo = trainingVideos?.find((video) => video.videoTitle === videoId);\n const [modalStatus, setModalStatus] = useState(videoId ? true : false);\n\n // Unauthenticated users\n const columns = 2;\n const colClass = Math.ceil(12 / columns);\n let contextualRole = \"None\";\n\n switch (true) {\n case !!loadUserRole():\n // this is a business with an active organization that is an SDVOB\n if (loadUserRole() === \"Business\" && activeOrg && hasActiveCertification(activeOrg)) {\n contextualRole = \"SDVOB\";\n } else if (loadUserRole() === \"Business\" && !activeOrg) {\n // this is a business user with no active organization\n contextualRole = \"None\";\n } else {\n contextualRole = loadUserRole();\n }\n break;\n default:\n contextualRole = \"None\";\n break;\n }\n\n return (\n \n
\n SDVOB Application Assistance
\nIf you need assistance with your application, call (518) 474-2015 or email veteransdevelopment@ogs.ny.gov.
\n\n \n \n ) : null}\n \n );\n })}\n\n {\n // stop video\n history.push(`/help`);\n }}\n size=\"lg\"\n >\n \n \n \n {\n history.push(\"/help\");\n }}\n >\n Close\n \n \n \n
\n );\n};\n\nexport default Help;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport _ from \"lodash\";\nimport { FieldArray } from \"formik\";\nimport Button from \"react-bootstrap/Button\";\n\nconst ArrayWrapperDynamic = (props) => {\n const { name, component, formikBag, appBag, additionLabel, removalLabel, atLeastOne, initialValues, documentType, btnSize } = props;\n const { values } = formikBag;\n let arrayValues = _.get(values, name);\n const Component = component;\n\n // useEffect(() => {\n // if (atLeastOne && arrayValues?.length < 1) {\n // arrayValues.push(baseArrayEntity ? baseArrayEntity : {});\n // formikBag.setFieldValue(name, arrayValues);\n // }\n // })\n\n return (\n <>\n {contextualRole == \"None\" ? \"\" : contextualRole.replace(\"Admin\", \"\").replace(\"User\", \"\")} Help Center
\n\n
\n \n
\n {section?.sectionTitle}
\n{section?.description}
\n\n {videos.map((video, index) => {\n const videoId = video.videoId ? video.videoId : encodeURI(video?.videoTitle);\n return (\n
\n \n \n
\n {video?.videoId ? (\n \n ) : (\n \n )}\n
\n );\n })}\n \n {video?.videoTitle} \n
\n {video?.videoId ? (\n \n {currentVideo?.videoTitle}\n
\n\n \n\n {arrayValues?.map((value, index) => {\n const RemoveButton = ;\n return (\n
\n );\n }}\n />\n \n );\n};\n\n//export const AddressComponent = withFormikComponent(AddressForm, nameSchema);\nexport default ArrayWrapperDynamic;\n","import React from \"react\";\r\nimport \"react-bootstrap-typeahead/css/Typeahead.css\";\r\n\r\n\r\n/**\r\n * @param {tab, slideCount} props \r\n */\r\nconst ProgressBar = (props) => {\r\n let completion = ((props.tab.activeSlide + 1) * 100) / props.slideCount;\r\n\r\n return (\r\n \n
\n
\n )\n })}\n {}\n \n
\r\n \r\n \r\n {props.tab.activeSlide + 1}/{props.slideCount} — {props.title}\r\n
\r\n );\r\n};\r\n\r\nexport default ProgressBar;\r\n","export default [\n [\"\", \"Choose State\"],\n [\"AL\", \"AL\"],\n [\"AK\", \"AK\"],\n [\"AS\", \"AS\"],\n [\"AZ\", \"AZ\"],\n [\"AR\", \"AR\"],\n [\"CA\", \"CA\"],\n [\"CO\", \"CO\"],\n [\"CT\", \"CT\"],\n [\"DE\", \"DE\"],\n [\"DC\", \"DC\"],\n [\"FM\", \"FM\"],\n [\"FL\", \"FL\"],\n [\"GA\", \"GA\"],\n [\"GU\", \"GU\"],\n [\"HI\", \"HI\"],\n [\"ID\", \"ID\"],\n [\"IL\", \"IL\"],\n [\"IN\", \"IN\"],\n [\"IA\", \"IA\"],\n [\"KS\", \"KS\"],\n [\"KY\", \"KY\"],\n [\"LA\", \"LA\"],\n [\"ME\", \"ME\"],\n [\"MH\", \"MH\"],\n [\"MD\", \"MD\"],\n [\"MA\", \"MA\"],\n [\"MI\", \"MI\"],\n [\"MN\", \"MN\"],\n [\"MS\", \"MS\"],\n [\"MO\", \"MO\"],\n [\"MT\", \"MT\"],\n [\"NE\", \"NE\"],\n [\"NV\", \"NV\"],\n [\"NH\", \"NH\"],\n [\"NJ\", \"NJ\"],\n [\"NM\", \"NM\"],\n [\"NY\", \"NY\"],\n [\"NC\", \"NC\"],\n [\"ND\", \"ND\"],\n [\"MP\", \"MP\"],\n [\"OH\", \"OH\"],\n [\"OK\", \"OK\"],\n [\"OR\", \"OR\"],\n [\"PW\", \"PW\"],\n [\"PA\", \"PA\"],\n [\"PR\", \"PR\"],\n [\"RI\", \"RI\"],\n [\"SC\", \"SC\"],\n [\"SD\", \"SD\"],\n [\"TN\", \"TN\"],\n [\"TX\", \"TX\"],\n [\"UT\", \"UT\"],\n [\"VT\", \"VT\"],\n [\"VI\", \"VI\"],\n [\"VA\", \"VA\"],\n [\"WA\", \"WA\"],\n [\"WV\", \"WV\"],\n [\"WI\", \"WI\"],\n [\"WY\", \"WY\"],\n [\"OU\", \"Outside United States\"],\n];\n","import React from \"react\";\nimport \"react-bootstrap-typeahead/css/Typeahead.css\";\nimport { FastField } from \"formik\";\nimport InputComponent from \"../../../Forms/Input/InputComponent\";\nimport states from \"../../../../util/sourceData/states\";\nimport { Button } from \"react-bootstrap\";\nimport { get, omit } from \"lodash\"\n\nconst AddressForm = (props) => {\n const { name, type, setFieldValue, addressFromName, values, copyButtonType } = props;\n const copyAddressFromName = () => {\n const fromAddress = omit(get(values, addressFromName), ['id', 'type']);\n const toAddress = get(values, name);\n const newAddress = { ...toAddress, ...fromAddress };\n setFieldValue(name, newAddress);\n }\n\n const setCountyByState = (event) => {\n const { target } = event;\n const { name, value } = target;\n console.log(type, target.name, target.value);\n\n if (type === \"Physical\" && !name.includes('owner') && value !== \"NY\") {\n setFieldValue('countyLocatedIn', 'Out-Of-State');\n }\n setFieldValue(name, value);\n }\n\n const labels = {\n Physical: {\n addressLabel: \"Physical Address / Principal Place of Business\",\n copyButtonLabel: \"Physical Address\"\n },\n Mailing: {\n addressLabel: \"Mailing Address\",\n copyButtonLabel: \"Mailing Address\"\n },\n Home: {\n addressLabel: \"Home Address\",\n copyButtonLabel: \"Home Address\"\n },\n };\n\n return (\n \n
\n );\n};\n\nexport default AddressForm;\n","import { FastField } from \"formik\";\nimport _ from \"lodash\";\nimport React, { useEffect, useState } from \"react\";\nimport { getArrayIndex, isUserAnOwner } from \"../../../../util/helpers\";\nimport { YES_NO_RADIO } from \"../../../../util/typelistHelper\";\nimport { getUserId, loadUserToken } from \"../../../../util/userHelper\";\nimport InputComponent from \"../../../Forms/Input/InputComponent\";\nimport AddressForm from \"./AddressForm\";\n\nconst OwnerForm = (props) => {\n const { index, name, formikBag } = props;\n let ownerValues = _.get(formikBag.values, name);\n const { setFieldValue, values } = formikBag;\n\n const getArrayIndexWrapper = (type, arrayName) => {\n const elements = _.get(formikBag.values, arrayName);\n const index = getArrayIndex(elements, type);\n return `${arrayName}.${index}`\n };\n\n const onPreparerAssign = (event, checkedValue) => {\n if (event.target.checked) {\n // setFieldValue('preparerId', checkedValue);\n setFieldValue(`owners[0].emailAddress`, loadUserToken().user.emailAddress);\n } else {\n // setFieldValue('preparerId');\n // console.log('run the else')\n setFieldValue(`owners[0].emailAddress`);\n setFieldValue(`owners[0].userId`, undefined);\n }\n }\n\n // console.log(values?.owners[index].userId !== getUserId(), index !== 0);\n\n return (\n \n {addressFromName &&\n \n }\n
\n \n
\n );\n};\nexport default OwnerForm;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React from \"react\";\nimport { getErrorsForTab, parseApplicationErrors } from \"../../../../util/errorHelper\";\nimport { getNextTabKey, TabComponents } from \"../../../../util/tabHelper\";\n\nconst ErrorLine = (props) => {\n const { errors, onTabChange, tabKey } = props;\n const { message, slide } = parseApplicationErrors(errors);\n\n return (\n \n
\n \n {index === 0 &&
\n \n
\n\n \n
\n {/* \n
\n \n {message && (\n
\n );\n};\n\nconst SectionCompleteForm = (props) => {\n const { errors, onTabChange, tabKey } = props;\n // console.log(errors);\n const nextTabKey = getNextTabKey(TabComponents, tabKey);\n const errorsForTab = getErrorsForTab(errors, tabKey);\n\n const ErrorRow = ({ errors }) => {\n if (typeof errors === \"object\") {\n // console.log('is object');\n // console.log(errors);\n if (Array.isArray(errors)) {\n // console.log('is array');\n // console.log(errors);\n return (\n \n {message}\n {slide && (\n onTabChange(tabKey, { activeSlide: slide - 1 }, false)} className=\"location\">\n \n \n )}\n
\n )}\n \n {errors.map((childError, index) => (\n
\n );\n } else {\n // console.log('is object not array');\n // console.log(errors);\n const keys = Object.keys(errors);\n return (\n \n {keys.map((key1, index) => (\n
\n );\n }\n } else {\n // console.log('is not object');\n return \n {errors?.err || Object.keys(errorsForTab).length > 0 ? (\n <>\n
\n \n \n );\n};\n\nexport default SectionCompleteForm;\n","import { FastField } from \"formik\";\nimport React from \"react\";\nimport Carousel from \"react-bootstrap/Carousel\";\nimport { NextIcon, PrevIcon } from \"../../../util/helpers\";\nimport { YES_NO_RADIO } from \"../../../util/typelistHelper\";\nimport { useTabValidStatus } from \"../../Forms/FormikForm\";\nimport ArrayWrapperDynamic from \"../../Forms/helpers/ArrayWrapperDynamic\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport ProgressBar from \"../components/ProgressBar\";\nimport OwnerForm from \"./sections/OwnerForm\";\nimport SectionCompleteForm from \"./sections/SectionCompleteForm\";\n\nconst INITIAL_VALUES_OWNERS = {\n addresses: [\n { type: \"Mailing\", line1: '', city: '', state: '', zipCode: '' },\n { type: \"Home\", line1: '', city: '', state: '', zipCode: '' }\n ]\n}\n\n\nconst ApplicantInformationFormInternal = ({ name, appBag, formikBag }) => {\n const { values, errors, validateForm } = formikBag;\n const { onTabChange, tabs, title, tabKey } = appBag;\n let tab = tabs.tabs[tabKey];\n useTabValidStatus(tabs.tabKeyActive, validateForm);\n\n return (\n <>\n Section Incomplete
\n\n {errors?.err &&
\n \n ) : (\n {errors.err}
}\n \n
\n )}\n \n
\n Section Complete
\n\n Congratulations, you have completed the {TabComponents[tabKey]?.title} section. Next, you will fill out the {TabComponents[nextTabKey]?.title} section.\n
\nA reminder that the information you have entered is automatically saved. If you leave the application at any time, you can return later and continue where you left off.
\n\n
\n Applicant's Ownership
\n\n Complete the form below for each owner, partner, LLC member, LLC manager, shareholder, and/or officer of the business. Once all the information has been added for one individual, click the\n “Add Another Owner” button below the form to move on to the next owner. Once all owners have been entered, you can click “Next Page.”\n
\n\nImportant notes:
\n- \n
- When another business is an owner, enter the complete principal office address of the parent company in the home address box. \n
- If you are a corporation and do not have a vice-president, enter “no VP” in the title column. \n
- If an individual holds multiple titles, list all titles held. \n
- Check the service-disabled veteran box to identify each qualifying service-disabled veteran owner. \n
- Significant changes to an owner's information will require reattestation. \n\n
Additional owners, besides the preparer, must be added via an emailed link. See \"Add Another Owner\" button below to add additional owners.
\n\n\n SDVOB Applicants: Check the \"Service-disabled?\" box to identify each qualifying disabled veteran\n
\n\n
\n Combined ownership percentage can not surpass 100%. Your current value is {getTotalOwnership(values)}
\n : null} */}\n\n
\n\n Management and Control
\nPlease answer the following questions as they apply to managerial control of your business.
\n\n
\n \n
\n Management and Control for Corporations
\nPlease answer the following questions as they apply to managerial control for your corporation.
\n\n
\n );\n};\nexport default DbaForm;\n","import { FastField } from \"formik\";\nimport _ from \"lodash\";\nimport React from \"react\";\nimport \"react-bootstrap-typeahead/css/Typeahead.css\";\nimport Carousel from \"react-bootstrap/Carousel\";\nimport { getArrayIndex, hasDocumentType, NextIcon, PrevIcon } from \"../../../util/helpers\";\nimport categories from \"../../../util/sourceData/categories\";\nimport counties from \"../../../util/sourceData/counties\";\nimport naicsCodes from \"../../../util/sourceData/naicsCodes\";\nimport { businessTypes, documentTypes, ownershipTypes, VetsFirstCertification, YES_NO_RADIO } from \"../../../util/typelistHelper\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport { useTabValidStatus } from \"../../Forms/FormikForm\";\nimport ArrayWrapperDynamic from \"../../Forms/helpers/ArrayWrapperDynamic\";\nimport DocumentWrapper from \"../../Forms/helpers/DocumentWrapper\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport ProgressBar from \"../components/ProgressBar\";\nimport AddressForm from \"./sections/AddressForm\";\nimport ContactInformationSection from \"./sections/ContactInformationSection\";\nimport DbaForm from \"./sections/DbaForm\";\nimport SectionCompleteForm from \"./sections/SectionCompleteForm\";\n\nconst BusinessInformationFormInternal = ({ name, appBag, formikBag }) => {\n const { values, errors, validateForm, setFieldValue } = formikBag;\n const { onTabChange, tabs, title, tabKey } = appBag;\n let tab = tabs.tabs[tabKey];\n useTabValidStatus(tabs.tabKeyActive, validateForm);\n\n const getArrayIndexWrapper = (type, arrayName) => {\n const elements = _.get(values, arrayName);\n const index = getArrayIndex(elements, type);\n return `${arrayName}.${index}`;\n };\n\n // useEffect(() => {\n // hydrateArrays(`addresses`, values.addresses, { line1: '', city: '', state: '', zipCode: '' }, formikBag.setFieldValue)\n // }, [, values?.addresses?.length])\n\n return (\n \n
\n \n onTabChange(tabKey, { activeSlide }, false)}\n >\n \n \n \n \n\n \n \n\n \n
\n\n {\n const ownershipType = ownershipTypes[ownershipTypeKey];\n return [ownershipTypeKey, ownershipType.label, ownershipType?.subLabel];\n })}\n onChange={() => {\n if (values.ownershipType !== \"Corporation\") {\n setFieldValue(\"isOwnersResponsibleForEquipment\");\n setFieldValue(\"isOwnersResponsibleForMaterials\");\n setFieldValue(\"isOwnersResponsibleForFacilities\");\n setFieldValue(\"isOwnersReceiveDividendsMajority\");\n setFieldValue(\"isOwnersControlBoardMajority\");\n setFieldValue(\"isOwnersEntitledFullStockShareValue\");\n }\n }}\n placeholder=\"\"\n // onChange={() => {\n // const ownershipTypeDocs = getOwnershipTypeDocs(values.ownershipType);\n // const documents = values.documents.filter(document1 => !ownershipTypeDocs.includes(document1.type))\n // setFieldValue('documents', documents);\n // }}\n />\n\n {values.ownershipType === \"SoleProprietorship\" ? (\n \n\n \n \n\n \n \n\n \n \n\n \n \n \n {\n if (values.isEquipmentRenter === true) {\n setFieldValue(\"isEquipmentOwner\");\n }\n // if value is false\n // then setFieldValue('isEquipmentRenter')\n }}\n />\n {values.isEquipmentRenter === true ? (\n \n \n \n \n )}\n
\n );\n};\n// export default BusinessInformationForm;\n// const BusinessInformationForm = withFormikComponent(BusinessInformationFormInternal, schemas.businessInformationSchema);\nexport default BusinessInformationFormInternal;\n","import { FastField } from \"formik\";\nimport _ from \"lodash\";\nimport React from \"react\";\nimport DocumentWrapper from \"../../../Forms/helpers/DocumentWrapper\";\nimport InputComponent from \"../../../Forms/Input/InputComponent\";\n\nconst TaxReturnsForm = ({ name, values, yearNumber, formikBag }) => {\n const index = yearNumber - 1;\n const localName = `${name}.${index}`;\n const localValue = _.get(values, localName);\n\n return (\n \n
\n \n Business Identification\n
\n\n
\n \n
\n Doing Business As (DBA) Name(s) (If Applicable)
\n\n
\n Business Contact Information
\n\n
\n \n
\n SDVOB Vets First Verification Program
\n\n If your business is verified as a Service-Disabled Veteran-Owned Small Business (SDVOSB) by the U.S. Department of Veterans Vets First Verification Program, you may be eligible for an\n expedited application process with less required documentation.\n
\n\n
\n \n
\n\n {values.isCertifiedVetsFirst && (\n \n
\n Business Description
\n\n\n
\n
\n\n Ownership Type
\n\n Note – A single member LLC should check Limited Liability Company, NOT sole proprietorship. Please only select this option if you are certain that you are a sole proprietorship.\n
\n ) : null}\n\n <>\n\n
\n Required Supporting Documentation
\nBased on the information you provided, the following documentation is required for the certification process. Please upload the following documents.
\n\n {/*\n
\n Business Type
\n\n
\n Other Certifications
\n\n
\n New York Service Areas
\nPlease indicate the areas where your business can provide its goods or services in NYS. You can select individual counties, or statewide for all counties.
\nUpon certification, this information will appear in your business profile on the Directory of New York State Certified Service-Disabled Veteran-Owned Businesses.
\n\n\n
\n\n Business Classification Codes and Keywords
\n\n In this section, you will provide NAICS codes and keywords that help describe what your business does. Upon certification, this information will appear in your business profile on the\n Directory of New York State Certified Service-Disabled Veteran-Owned Businesses.\n
\n\n
\n\n \n
\n \n Enter NAICS codes that best describe your products and/or services. You can look up codes using the{\" \"}\n \n NAICS Search\n {\" \"}\n tool.\n
\n\n
\n \n
\n Equipment Ownership
\n\n
\n
\n );\n};\nexport default TaxReturnsForm;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useState } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport Carousel from \"react-bootstrap/Carousel\";\nimport { NextIcon, PrevIcon } from \"../../../util/helpers\";\nimport { useTabValidStatus } from \"../../Forms/FormikForm\";\nimport f1040 from \"../../Images/1040.png\";\nimport f1065 from \"../../Images/1065.png\";\nimport f1120 from \"../../Images/1120.png\";\nimport ProgressBar from \"../components/ProgressBar\";\nimport SectionCompleteForm from \"./sections/SectionCompleteForm\";\nimport TaxReturnsForm from \"./sections/TaxReturnsForm\";\n// import f1120s from \"../../Images/1120s.png\"\n// import f8825 from \"../../Images/8825.png\"\n\nconst FinancialInformationFormInternal = ({ appBag, formikBag }) => {\n const { values, errors, isValid, validateForm, initialValues } = formikBag;\n const { onTabChange, tabs, title, tabKey } = appBag;\n let tab = tabs.tabs[tabKey];\n useTabValidStatus(tabs.tabKeyActive, validateForm);\n\n const [showImage, setShowImage] = useState(false);\n\n const handleCloseImage = () => setShowImage(false);\n const handleShowImage = () => setShowImage(true);\n\n const ownershipInfo = [\n {\n type: \"SoleProprietorship\",\n title: \"Sole Proprietorship\",\n desc: \"SCHEDULE C (FORM 1040), SECTIONA, LINE3\",\n file: f1040,\n },\n {\n type: \"Partnership\",\n title: \"Partnership\",\n desc: \"FORM 1065, LINE 1C\",\n file: f1065,\n },\n {\n type: \"Corporation\",\n title: \"Corporation\",\n desc: \"FORM 1120 LINE 1C\",\n file: f1120,\n },\n {\n type: \"LLC\",\n title: \"Limited Liability Company\",\n desc: \"FORM 1065 OR 1120, LINE 1C\",\n file: f1065,\n },\n {\n type: \"LLP\",\n title: \"Limited Liability Partnership\",\n desc: \"FORM 1065, LINE 1C\",\n file: f1040,\n },\n ];\n\n const ownershipObj = ownershipInfo.find((item) => item.type === values.ownershipType);\n\n return (\n <>\n \n
\n {localValue?.documentationExists !== false ? (\n \n
\n ) : (\n \n
\n \n
\n )}\n \n
\n
\n \n Gross Annual Receipts\n
\n\n Below you will provide the Gross Annual Receipts Less Returns and Allowances from your business’s federal income tax return. You will need this figure from the three more recently\n completed tax years or for the total years in business (if less than three).\n
\n\n\n Where to find this information:\n
\n Based on the business entity that you provided, you can find your Gross Annual Receipts Less Returns on the following tax form and line. To view an example of the form and where the\n information can be located, click the blue question mark.\n
\n
\n )}\n\n \n
\n \n
\n {ownershipObj?.title}
\n\n \n
\n \n
\n \n
\n
\n \n );\n};\nexport default ReviewSubmitFormLine;\n","import React from \"react\";\r\nimport ReviewSubmitFormLine from \"./ReviewSubmitFormLine\";\r\nconst ReviewSubmitFormAddressLines = (props) => {\r\n const {addresses} = props;\r\n return (\r\n <>\r\n {addresses?.map((address, index) => {\r\n return (\r\n \n
{name}
\n {downloadId ?\n \n \n
\n : }\n \r\n \r\n {address.line2 && }\r\n \r\n \r\n
\r\n
\r\n )\r\n })}\r\n \r\n );\r\n};\r\nexport default ReviewSubmitFormAddressLines;\r\n","import React from \"react\";\nimport { documentTypes, EMPTY_GUID } from \"../../../../util/typelistHelper\";\nimport ReviewSubmitFormLine from \"./ReviewSubmitFormLine\";\n\nconst ReviewSubmitFormDocumentLines = (props) => {\n const { documents, types } = props;\n return (\n <>\n {documents && types?.map((type, index) => {\n const documentsOfType = documents?.filter((document) => document.type === type);\n\n return (\n documentsOfType.map((document) => {\n return (\n \r\n
\n item[0] === document?.type)[1]}\n value={document?.documentId === EMPTY_GUID ? `Reason for exclusion:
${document?.description ? document?.description : ''}` : document?.description}\n downloadId={document?.documentId !== EMPTY_GUID ? document?.documentId : false}\n />\n
\n );\n })\n )\n })}\n \n );\n};\nexport default ReviewSubmitFormDocumentLines;\n","import React, { useState } from \"react\";\nimport { formatPhoneNumber, hasDocumentType, outputMoney } from \"../../../../util/helpers\";\nimport { businessTypes, EMPTY_GUID, ownershipTypes, VetsFirstCertification } from \"../../../../util/typelistHelper\";\nimport { roles, loadUserRole } from \"../../../../util/userHelper\";\nimport ReviewSubmitFormAddressLines from \"./ReviewSubmitFormAddressLines\";\nimport ReviewSubmitFormDocumentLines from \"./ReviewSubmitFormDocumentLines\";\nimport ReviewSubmitFormLine from \"./ReviewSubmitFormLine\";\nimport { resendApplicationOwnerInvitation } from \"../../../../util/api\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst resentApplicationOwnerStatuses = Object.freeze({\n none: \"none\",\n sending: \"sending\",\n sent: \"sent\",\n error: \"error\",\n alreadyAssociated: \"alreadyAssociated\",\n});\n\nfunction ApplicationReviewComponent(values) {\n const [resentApplicationOwnerIds, setResentApplicationOwnerIds] = useState({});\n\n async function resendApplicationOwnerInvitationEmail(applicationId, applicationOwnerId) {\n let updatedResentApplicationOwnerIds = { ...resentApplicationOwnerIds };\n\n updatedResentApplicationOwnerIds[applicationOwnerId] = resentApplicationOwnerStatuses.sending;\n\n setResentApplicationOwnerIds(updatedResentApplicationOwnerIds);\n\n try {\n updatedResentApplicationOwnerIds = { ...updatedResentApplicationOwnerIds };\n const wasSent = await resendApplicationOwnerInvitation(applicationId, applicationOwnerId);\n\n updatedResentApplicationOwnerIds[applicationOwnerId] = wasSent ? resentApplicationOwnerStatuses.sent : resentApplicationOwnerStatuses.alreadyAssociated;\n } catch (e) {\n updatedResentApplicationOwnerIds[applicationOwnerId] = resentApplicationOwnerStatuses.error;\n } finally {\n setResentApplicationOwnerIds(updatedResentApplicationOwnerIds);\n }\n }\n\n let selectedDocumentTypes = [\"FederalIdOrSocialSecurityNumberVerification\", \"BusinessLicense\"];\n\n if (ownershipTypes[values?.ownershipType]?.documentTypes && !(values.isCertifiedVetsFirst && hasDocumentType(VetsFirstCertification, values?.documents))) {\n selectedDocumentTypes = [...selectedDocumentTypes, ...ownershipTypes[values?.ownershipType]?.documentTypes];\n }\n // console.log(values.documents, values.miscDocuments);\n // console.log(values.owners);\n\n const selectedAttestationTypes = [\"DD214\", \"NGB22\", \"Resume\", \"DisabilityLetter\"];\n return (\n <>\n ${document?.description ? document?.description : ''}` : document?.description}\n downloadId={document?.documentId !== EMPTY_GUID ? document?.documentId : false}\n />\n
\n
\n
\n
\n
\n \n
\n\n
\n
\n
\n
\n businessTypes.find((item) => item[0] === serviceType)[1]).join(\", \") : null}\n />\n
\n
\n
\n
\n
\n Business Information
\n\n\n
\n
\n
\n <>\n
\n \n Attested documents for {owner.name}\n
\n
\n document?.userId === owner?.userId)} types={selectedAttestationTypes} />\n
\n )\n );\n })}\n {/* {values?.documents?.find(document => selectedAttestationTypes.includes(document.type)) &&\n <>\n \n \n Attested documents for {owner.name}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {values.owners?.map((owner, index) => {\n return (\n
\n
\n
\n Applicant Form
\n\n {values.owners?.map((owner, index) => {\n return (\n
\n
\n );\n })}\n \n
\n
\n
\n
\n {values?.taxReturns &&\n values?.taxReturns?.map((taxReturn, index) => {\n const { value, yearBeginning, yearEnding, yearNumber, documentId, description } = taxReturn;\n return taxReturn?.documentationExists ? (\n
\n {values?.miscDocuments?.length ? (\n <>\n Financial Form
\n\n {values?.taxReturns &&\n values?.taxReturns?.map((taxReturn, index) => {\n const { value, yearBeginning, yearEnding, yearNumber, documentId, description } = taxReturn;\n return taxReturn?.documentationExists ? (\n
\n
\n ) : (\n \n
\n
\n
\n \n ) : null}\n Miscellaneous Change Request Documents
\n\n
\n
\n\n Signature Statuses
\n {values?.owners\n ? values?.owners.map((item, i) => {\n let resendApplicationOwnerInvitationHtml = <>;\n\n if (item.userId === EMPTY_GUID) {\n const resentApplicationOwnerStatus = resentApplicationOwnerIds[item.id] || resentApplicationOwnerStatuses.none;\n\n switch (resentApplicationOwnerStatus) {\n case resentApplicationOwnerStatuses.sent:\n resendApplicationOwnerInvitationHtml = (Invitation email was sucessfully resent);\n break;\n case resentApplicationOwnerStatuses.error:\n resendApplicationOwnerInvitationHtml = (An error occured resending the invitation);\n break;\n case resentApplicationOwnerStatuses.alreadyAssociated:\n resendApplicationOwnerInvitationHtml = (User has already accepted the invitation);\n case resentApplicationOwnerStatuses.sending:\n resendApplicationOwnerInvitationHtml = (\n \n (Resending invitation email ...\n\n
\n );\n })\n : null}\n \n {item?.name}\n
\n \n
\n \n {item?.hasAttested ? \"Signed\" : \"Not Signed\"}\n {resendApplicationOwnerInvitationHtml}\n
\n \n \n );\n}\n\nexport default ApplicationReviewComponent;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport { isUserAnOwner, isUserAPreparer, ownerHasAttested } from \"../../../../util/helpers\";\nimport { getUserId } from \"../../../../util/userHelper\";\nimport ArrayWrapperDynamic from \"../../../Forms/helpers/ArrayWrapperDynamic\";\nimport DocumentWrapper from \"../../../Forms/helpers/DocumentWrapper\";\nimport ReactiveButton from \"../../../Forms/Input/ReactiveButton\";\n\nexport default function ReviewSubmitButton({ formikBag }) {\n const { values, isSubmitting, dirty } = formikBag;\n const { status, phase, owners, lastSubmittedDate, updated } = values;\n const history = useHistory();\n\n const gotoAttestation = (applicationId) => {\n history.push(`/application-attest/${applicationId}`);\n };\n\n const isStale = !lastSubmittedDate || updated > lastSubmittedDate || dirty;\n const canSubmit = updated && ([\"New\", \"InProgress\", \"Deficient\"].includes(status) || (phase === \"Preparation\" && isStale)) && isUserAPreparer(values);\n // console.log(updated, formikBag?.isValid, isUserAPreparer(values), (['New', 'InProgress', 'Deficient'].includes(status) || (phase === 'Preparation' && updated <= lastSubmittedDate)))\n let submitLabel = \"Submit Application\";\n\n switch (true) {\n case phase !== \"Preparation\" && values.allOwnersHaveAttested:\n submitLabel = \"Update & Resubmit Application\";\n break;\n case phase !== \"Preparation\" && !values.allOwnersHaveAttested:\n submitLabel = \"Update Application\";\n break;\n case isStale && lastSubmittedDate:\n submitLabel = \"Submit Changes\";\n break;\n case owners.find((owner) => owner.userId == getUserId())?.hasAttested || !isUserAnOwner(values):\n submitLabel = \"Submit\";\n break;\n case owners.length > 1 || !isUserAnOwner(values):\n submitLabel = \"Submit & Collect Signatures\";\n break;\n default:\n submitLabel = \"Submit & Sign\";\n }\n\n // const submitLabel = !isUserAnOwner(values) ? 'Request Signatures' : values?.owners.length > 1 ? `${submitTerm} Application & Request Signatures` : `${submitTerm} Application`;\n\n const SubmitButton = () => (\n
\n {formikBag?.isValid ? ((\n values.updated > values?.lastSubmittedDate || (dirty && values?.lastSubmittedDate)) ? null : (\n
\n );\n\n // console.log(values);\n // console.log(canSubmit);\n\n return (\n Your application is ready for submission.
\n )\n ) : (\n\n There are errors in your application please resolve before you can submit. Please check each tab in the application with the
\n )}\n \n {status === \"Deficient\" && isUserAPreparer(values) ? (\n <>\n
\n );\n}\n","import React from \"react\";\nimport Carousel from \"react-bootstrap/Carousel\";\nimport { NextIcon, PrevIcon } from \"../../../util/helpers\";\nimport { useTabValidStatus } from \"../../Forms/FormikForm\";\nimport ProgressBar from \"../components/ProgressBar\";\nimport ApplicationReviewComponent from \"./review/ApplicationReviewComponent\";\nimport ReviewSubmitButton from \"./review/ReviewSubmitButton\";\n\nconst ReviewSubmitFormInternal = ({ name, appBag, formikBag }) => {\n const { values, errors, isValid, validateForm, initialValues } = formikBag;\n const { onTabChange, tabs, title, tabKey } = appBag;\n let tab = tabs.tabs[tabKey];\n useTabValidStatus(tabs.tabKeyActive, validateForm);\n\n return (\n <>\n Miscellaneous Change Request Documents
\n\n\n {isUserAnOwner(values) ? (\n
\n ) : (\n \n {ownerHasAttested(values) && phase === \"Preparation\" ? (\n
\n ) : (\n <>\n {isUserAPreparer(values) && phase === \"Preparation\" && status === \"Submitted\" && (\n Your attestation has been received. Waiting on all owners to attest.
\n ) : (\n <>\n {phase === \"Preparation\" && status === \"Submitted\" && (\n\n \n
\n )}\n \n )}\n Your application has been submitted. Owners will be notified. Once everyone attests, the application will be placed under review with the state.
\n )}\n \n )}\n This is an unsaved application. Please save the application before progressing forward.
\n )}\n\n
\n Certifications & Review
\nReview Application
\n\n {!errors ? (\n\n Incomplete application: It appears that your application is missing required information or documentation. Please address the sections in red below, then submit the completed\n application.{\" \"}\n
\n ) : (\n \"\"\n )}\n\nBefore you submit your application, please read to ensure:
\n\n- \n
- All fields in this application are complete and accurate \n
- All business owners have provided their signatures \n
- All supporting documents are uploaded \n
\n All applications are subject to verification of status at any time. Failure by a business to provide requested information that supports its eligibility by the date and time specified\n may be grounds for denial or declaration.\n
\n\n
\n \n {tabs?.tabKeyActive && (\n onTabChange(activeTab, { isTouched: true }, true)} transition={false} id=\"application-form-tabs\">\n {Object.keys(tabs.tabs).map((tabKey) => {\n const { SectionComponent, title, titleExtra } = TabComponents[tabKey];\n\n let icon = \"\";\n\n switch (getTabStatusClass(tabKey)) {\n case \"status-tab complete\":\n icon = \"check\";\n break;\n case \"status-tab incomplete\":\n icon = \"exclamation-circle\";\n break;\n default:\n icon = \"\";\n break;\n }\n\n return (\n \n {icon ? \n )}\n
\n );\n};\nexport default BusinessApplicationTabs;\n","import React from \"react\";\nimport { Link, matchPath, useLocation, useParams } from \"react-router-dom\";\n\nconst ChangeRequestsDisplay = ({ formikBag }) => {\n const { values } = formikBag;\n const { applicationId } = useParams();\n const { changes } = values;\n const location = useLocation().pathname.replace(/[\"']/g, \"\");\n const isAttestation = matchPath(location, {\n path: '/application-attest/:applicationId',\n // exact: true,\n // strict: false\n });\n\n return (\n <>\n {changes?.length && values?.status !== \"Created\" ?\n <>\n \n
\n The Division has found issues or deficiencies within your application, and has requested the following changes listed below. Please address these changes, then click the final \"Review & Submit\" tab to confirm your updates and send your application back to the division for review
\n\n
\n \n : null}\n \n )\n}\n\nexport default ChangeRequestsDisplay;\n","import { Form } from \"formik\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useState } from \"react\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport { Link, Prompt, useParams } from \"react-router-dom\";\nimport { getApplication, handleApplicationAppeal, handleApplicationWithdrawal, handleSaveApplication, handleSubmitApplication } from \"../../util/api\";\nimport { schemas } from \"../../util/errorHelper\";\nimport { formatAddress, formatPhoneNumber, hasExpired, hydrateApplication, isUserAPreparer, outputPhase, outputStatus, outputVisitStatus } from \"../../util/helpers\";\nimport { FormTabs_InitialValues } from \"../../util/tabHelper\";\nimport DebugModal from \"../Debug/DebugModal\";\nimport { withFormikFormComponent } from \"../Forms/FormikForm\";\nimport \"./BusinessApplication.scss\";\nimport BusinessApplicationTabs from \"./BusinessApplicationTabs\";\nimport ChangeRequestsDisplay from \"./components/ChangeRequestsDisplay\";\nimport ApplicationReviewComponent from \"./tabs/review/ApplicationReviewComponent\";\n\nconst BusinessApplicationInternal = ({ appBag, formikBag, userInfoUpdates, setUserInfoUpdates }) => {\n const { initialValues } = formikBag;\n const { onSave } = appBag;\n const [tabs, setTabs] = useState(FormTabs_InitialValues);\n\n useEffect(() => {\n const savedTabs = localStorage.getItem(\"tabs\") ? JSON.parse(localStorage.getItem(\"tabs\")) : null;\n if (isUserAPreparer(initialValues)) {\n setTabs(savedTabs ? savedTabs : FormTabs_InitialValues);\n } else {\n setTabs({ tabKeyActive: \"reviewSubmit\", tabs: { reviewSubmit: { ...FormTabs_InitialValues?.tabs?.reviewSubmit } } });\n }\n }, []);\n\n // console.log(FormTabs_InitialValues)\n\n let saveMessage = (\n <>\n {initialValues.updated ? (\n Change Requests
\n\n {changes.map((item, index) => {\n const { requester } = item;\n if (index === 0) {\n return (\n
\n {!isAttestation ?\n \n
\n )\n }\n })}\n Change Request # {index + 1} ({requester.firstName} {requester.lastName})
\n{item.description}
\n\n
\n : null}\n To revise your owner documents, head to your attestation page.
\n\n \n Last saved {new Date(initialValues?.updated).toLocaleString()}\n \n
\n ) : (\n\n Application not yet saved\n
\n )}\n \n );\n\n const handleSoftSave = (tabs) => {\n localStorage.setItem(\"tabs\", JSON.stringify(tabs));\n };\n\n const handleTabChange = (tabKey, tab, isTabClicked) => {\n setTabs((oldTabs) => {\n const newTabs = { ...oldTabs.tabs };\n newTabs[tabKey] = { ...newTabs[tabKey], ...tab };\n let tabs;\n if (isTabClicked) {\n tabs = { tabs: { ...newTabs }, tabKeyActive: tabKey };\n } else {\n tabs = { tabs: { ...newTabs }, tabKeyActive: oldTabs.tabKeyActive };\n }\n handleSoftSave(tabs);\n window.scrollTo(0, 0);\n return tabs;\n });\n };\n\n const handleUnLoad = (e) => {\n if (formikBag.dirty) {\n const confirmationMessage = \"confirmationMessage\";\n (e || window.event).returnValue = confirmationMessage; //Gecko + IE\n return confirmationMessage; //Gecko + Webkit, Safari, Chrome etc.\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"beforeunload\", handleUnLoad);\n // window.beforeunload = () => true;\n return function cleanup() {\n window.removeEventListener(\"beforeunload\", handleUnLoad);\n // window.beforeunload = () => undefined;\n };\n });\n\n let changes = formikBag?.values?.changes;\n changes.sort((a, b) => (a.created < b.created ? 1 : -1));\n\n return (\n\n
\n );\n};\nconst BusinessApplicationFormik = withFormikFormComponent(BusinessApplicationInternal, schemas.applicationSchema);\n\nconst BusinessApplicationOverview = ({ application, reloadApplication, setUserInfoUpdates, userInfoUpdates }) => {\n const { legalName, addresses, phoneNumber, emailAddress, homepageUrl, controlNumber, tags, status, phase, visitationStatus, timers } = application;\n const [changeCount, setChangeCount] = useState(0);\n const [showModal, setShowModal] = useState(false);\n const handleCloseModal = () => setShowModal(false);\n const handleShowModal = () => setShowModal(true);\n const [modalChoice, setModalChoice] = useState();\n\n const confirmations = {\n Withdraw: {\n message: \"Withdraw Application?\",\n action: handleApplicationWithdrawal,\n // action: () => { console.log(userInfoUpdates) },\n },\n };\n\n const outputArr = [\n {\n name: \"Legal Name\",\n value: legalName,\n ref: \"legalName\",\n },\n {\n name: \"Address\",\n value: addresses,\n ref: \"addresses\",\n },\n {\n name: \"Phone\",\n value: formatPhoneNumber(phoneNumber),\n ref: \"phoneNumber\",\n },\n {\n name: \"Email\",\n value: emailAddress,\n ref: \"emailAddress\",\n },\n {\n name: \"Website\",\n value: homepageUrl,\n ref: \"homepageUrl\",\n },\n // {\n // name: \"Control Number\",\n // value: controlNumber,\n // ref: \"controlNumber\",\n // },\n {\n name: \"Keywords\",\n value: tags,\n ref: \"tags\",\n },\n ];\n\n return (\n \n
\n );\n};\n\n// export default ApplicantFormik;\n\nconst BusinessApplication = ({ routeInitialValues, userInfoUpdates, setUserInfoUpdates }) => {\n const [application, setApplication] = useState({});\n const [loading, setLoading] = useState(false);\n const [tags, setTags] = useState([]);\n const [error, setError] = useState(false);\n const { applicationId } = useParams();\n\n async function load() {\n setLoading(true);\n\n try {\n const application = await getApplication(applicationId);\n hydrateApplication(application);\n setApplication(application);\n setLoading(false);\n } catch (e) {\n setError(\"You do not have access to this application\");\n }\n }\n\n useEffect(() => {\n load();\n }, []);\n\n const canEditApplication = (application) => {\n const { phase, status } = application;\n return phase === \"Preparation\" || status === \"Deficient\";\n };\n\n const onSave = async (values) => {\n const application = await handleSaveApplication(values);\n hydrateApplication(application);\n setApplication(application);\n };\n\n const onSubmitApplication = async (values) => {\n const application = await handleSubmitApplication(values);\n setApplication(application);\n window.scrollTo(0, 0);\n };\n\n if (!loading) {\n if (canEditApplication(application)) {\n return (\n <>\n \n Application and Certification Status
\n\n \n Status: {outputStatus(status)}\n {status !== \"Certified\" ? (\n <>\n
\n\n \n\n {outputArr.map((item, index) => {\n let val = \"\";\n switch (item.ref) {\n case \"addresses\":\n const physicalAddr = addresses?.find((addr) => {\n return addr.type === \"Physical\";\n });\n val = formatAddress(physicalAddr);\n break;\n case \"tags\":\n val = {item?.value?.join(\", \")};\n break;\n default:\n val = item?.value;\n break;\n }\n return (\n \n \n Changes \n \n {confirmations[modalChoice]?.message} \n \n \n \n
\n SDVOB Certification Application
\n{legalName}
\n\n Status: {outputStatus(status)}\n {status !== \"Certified\" ? (\n <>\n
\n Phase: {outputPhase(phase)}\n \n ) : null}\n {status !== \"Certified\" ? (\n <>\n
\n Director Site Visit: {outputVisitStatus(visitationStatus)}\n \n ) : null}\n
\n\n \n\n {outputArr.map((item, index) => {\n let val = \"\";\n switch (item.ref) {\n case \"addresses\":\n const physicalAddr = addresses?.find((addr) => {\n return addr.type === \"Physical\";\n });\n val = formatAddress(physicalAddr);\n break;\n case \"tags\":\n val = {item?.value?.join(\", \")};\n break;\n default:\n val = item?.value;\n break;\n }\n return (\n \n
\n );\n })}\n\n \n {item.name}\n
\n {val}
\n \n
\n \n \n
\n \n {\n const resObj = await confirmations[modalChoice]?.action(application?.id);\n setUserInfoUpdates(userInfoUpdates + 1);\n await reloadApplication();\n handleCloseModal();\n }}\n >\n Confirm\n \n
\n {error}
\n ) : (\n \n Loading your SDVOB application...\n
\n );\n }\n};\nexport default BusinessApplication;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { FastField, Form } from \"formik\";\nimport _ from \"lodash\";\nimport React, { useEffect, useState } from \"react\";\nimport { Link, Prompt, useHistory, useParams } from \"react-router-dom\";\nimport { getApplication, handleAttestation } from \"../../../util/api\";\nimport { schemas } from \"../../../util/errorHelper\";\nimport { getArrayIndex, hydrateAttestation, ownerHasAttested, userCanAttest } from \"../../../util/helpers\";\nimport { documentTypes } from \"../../../util/typelistHelper\";\nimport { getUserId } from \"../../../util/userHelper\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport DocumentWrapper from \"../../Forms/helpers/DocumentWrapper\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport ReactiveButton from \"../../Forms/Input/ReactiveButton\";\nimport ChangeRequestsDisplay from \"../components/ChangeRequestsDisplay\";\n\n// performce 400 Sunrise Avenue Roleville Suite 190\n\nconst AttestationFormInternal = ({ formikBag, appBag }) => {\n const { values, isSubmitting, isValid } = formikBag;\n const { application } = appBag;\n const owner = values.owners.find((owner) => owner.userId === getUserId());\n\n const getArrayIndexWrapper = (type, arrayName) => {\n const elements = _.get(values, arrayName);\n const index = getArrayIndex(elements, type);\n return `${arrayName}.${index}`;\n };\n\n const ownerIndex = getArrayIndex(values.owners, getUserId(), \"userId\");\n const attestDocs = owner?.isServiceDisabled ? [\"Resume\", \"NGB22\", \"DD214\", \"DisabilityLetter\"] : [\"Resume\"];\n\n return (\n \n );\n};\nconst AttestationFormikForm = withFormikFormComponent(AttestationFormInternal, schemas.attestationSchema);\n\nconst AttestationForm = ({ userInfo, messages, routeInitialValues, formikBag }) => {\n const [application, setApplication] = useState();\n const history = useHistory();\n let { applicationId } = useParams();\n\n const onSubmitAttestation = async (values) => {\n const ownerId = application?.owners.find((owner) => owner.userId === getUserId())?.id;\n const applicationId = application.id;\n const attestation = { ...values, applicationId, ownerId };\n const outApplication = await handleAttestation(attestation);\n setApplication(outApplication);\n history.push(`/application/${applicationId}`);\n };\n\n useEffect(() => {\n async function loadAsync() {\n let application = await getApplication(applicationId);\n setApplication(application);\n }\n loadAsync();\n }, []);\n\n routeInitialValues = application ? application : {};\n if (Object.keys(routeInitialValues).length) {\n hydrateAttestation(routeInitialValues, userInfo.user);\n }\n // console.log(routeInitialValues);\n\n return (\n \n {userCanAttest(application) ? (\n <>\n \n \n ) : application?.phase !== \"Preparation\" ? (\n
\n );\n};\nexport default AttestationForm;\n","import React, { useEffect, useState, useCallback } from \"react\";\nimport { Card } from \"react-bootstrap\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Button from \"react-bootstrap/Button\";\nimport InputComponent from \"../Forms/Input/InputComponent\";\nimport { withFormikFormComponent } from \"../Forms/FormikForm\";\nimport { recertifyBusiness } from \"../../util/api\";\nimport { getUtcDate } from \"../../util/helpers\";\nimport { Form, FastField } from \"formik\";\nimport * as Yup from \"yup\";\n\nconst manualRecertificationSchema = Yup.object().shape({\n effectiveDate: Yup.date().required('Effective Date is required'),\n sendEmail: Yup.bool()\n});\n\nconst BusinessDetailRecertificationCardInternal = (props) => {\n const {\n formikBag,\n minDate,\n maxDate,\n business\n } = props;\n\n const { values, setFieldValue, isValid } = formikBag;\n const [isSaving, setIsSaving] = useState(false);\n\n async function handleRecertifyBusiness() {\n try {\n setIsSaving(true);\n \n await recertifyBusiness(business.id, values.effectiveDate, values.sendEmail);\n window.location.reload();\n } catch (e) {\n console.log(e);\n } finally {\n setIsSaving(false);\n }\n }\n\n return Your application has been submitted to the state for review.
\n ) : (\nYou can not attest at this time.
\n )}\n\n Recertifying a business manually will bypass the need for an application, the effective date for certification will be {getUtcDate(minDate)}.\n
\n :\n Recertifying a business manually will bypass the need for an application, the effective date can only be backdated as far back as the original certification expiration date of {getUtcDate(minDate)} and can only be as recent as today's date of {getUtcDate(maxDate)}. \n
\n }\n\n \n
\n \n \n Recertify Business\n \n
\n \n {specificFunction &&
\n ),\n ref: \"specificFunction\",\n sdvobOnly: true\n },\n {\n name: \"Classifications\",\n value: serviceTypes,\n ref: \"serviceTypes\",\n sdvobOnly: true\n\n },\n {\n name: \"Keywords\",\n value: tags,\n ref: \"keywords\",\n sdvobOnly: true\n },\n {\n name: \"Home County\",\n value: countyLocatedIn,\n ref: \"countyLocatedIn\",\n sdvobOnly: true\n },\n {\n name: \"Home Region\",\n value: regionLocatedIn,\n ref: \"regionLocatedIn\",\n sdvobOnly: true\n },\n {\n name: \"Counties Served\",\n value: counties,\n ref: \"counties\",\n sdvobOnly: true\n\n },\n ];\n return (\n {specificFunction}
} {description &&{description}
}\n\n
\n );\n};\n\nexport default BusinessDetail;\n","import React from \"react\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport { DeactivateCertification, handleRevokeCertification, ReactivateCertification } from \"../../util/api\";\n\n\nconst BusinessDetailModal = ({ businessId, showModal, handleCloseModal, setCertificationUpdated, certificationUpdated, modalChoice }) => {\n const confirmations = {\n Revoke: {\n message: \"Revoke Certification?\",\n action: handleRevokeCertification,\n },\n Deactivate: {\n message: \"Deactivate Certification?\",\n action: DeactivateCertification,\n },\n Reactivate: {\n message: \"Reactivate Certification?\",\n action: ReactivateCertification,\n },\n };\n\n return (\n \n
\n \n \n Business Details \n \n {business\n ? outputArr.map((item, i) => {\n let val = \"\";\n if(item?.sdvobOnly == true && !business?.isCertifiedSdvob){\n return \"\"\n }\n switch (item.ref) {\n case \"physicalAddress\":\n const physicalAddr = business?.addresses?.length\n ? business.addresses.find((addr) => {\n return addr.type === \"Physical\";\n })\n : {};\n val = formatAddress(physicalAddr);\n break;\n case \"mailingAddress\":\n const mailingAddr = business?.addresses?.length\n ? business.addresses.find((addr) => {\n return addr.type === \"Mailing\";\n })\n : {};\n val = formatAddress(mailingAddr);\n break;\n case \"dbaNames\":\n val = (\n <>\n \n {item?.value?.length\n ? item.value.map((item) => (\n <>\n {item.name}\n
\n \n ))\n : \"N/A\"}\n \n \n );\n break;\n case \"keywords\":\n case \"counties\":\n case \"categories\":\n case \"serviceTypes\":\n item.value = item?.value?.map((serviceType) => {\n let serviceTypeArr = businessTypes.find((businessType) => businessType[0] === serviceType);\n return serviceTypeArr && serviceTypeArr?.length ? serviceTypeArr[1] : serviceType;\n });\n val = (\n <>\n {item?.value ? item?.value.join(\", \") : \"N/A\"}\n \n );\n break;\n default:\n val = item?.value;\n break;\n }\n return (\n \n \n
\n \n \n ))\n : \"N/A\"}\n \n \n );\n break;\n case \"keywords\":\n case \"counties\":\n case \"categories\":\n case \"serviceTypes\":\n item.value = item?.value?.map((serviceType) => {\n let serviceTypeArr = businessTypes.find((businessType) => businessType[0] === serviceType);\n return serviceTypeArr && serviceTypeArr?.length ? serviceTypeArr[1] : serviceType;\n });\n val = (\n <>\n {item?.value ? item?.value.join(\", \") : \"N/A\"}\n \n );\n break;\n default:\n val = item?.value;\n break;\n }\n return (\n
\n
\n );\n })\n : null}\n \n {item.name}\n
\n {val}
\n \n \n NAICS Codes \n \n {business?.naicsCodes?.length\n ? business.naicsCodes.map((item, i) => {\n const naicsItem = naicsCodes.find((naics) => naics.id == item);\n return (\n
*/}\n \n \n\n \n Primary Contact \n \n {business?.owners?.length\n ? business.owners.map((item, i) => {\n\n return (\n
*/}\n \n \n\n \n NYS Centralized Contract \n \n <>\n {business?.centralizedContracts?.length\n ? business?.centralizedContracts.map((centralizedContract) => {\n return (\n <>\n \n \n\n {userRole === roles.DivisionAdmin && (\n \n Certification History \n \n {business?.certificationHistory?.map((historyItem, index) => {\n return (\n \n \n )}\n {\n canManuallyRecertify\n ?
\n \n
\n );\n })\n : \"N/A\"}\n {/* \n {naicsItem.id}\n
\n {naicsItem?.label.substring(9)}
\n \n
\n );\n })\n : \"N/A\"}\n {/* \n {item?.title}\n
\n {item?.name}
\n {centralizedContract?.name}
\n {centralizedContract?.contracts.map((contract) => {\n return (\n\n {contract?.contractNumber} - {contract?.primeContractorName}\n
\n );\n })}\n \n );\n })\n : \"N/A\"}\n \n\n {historyItem.isCertifiedSdvob ? \"Certified\" : \"Uncertified\"}: {getUtcDate(historyItem.startDate)} - {getUtcDate(historyItem.endDate)}\n
\n );\n })}\n \n
\n \n \n
\n \n {\n const resObj = await confirmations[modalChoice]?.action(businessId);\n // await reloadApplication();\n setCertificationUpdated(certificationUpdated + 1);\n handleCloseModal(\"confirm\");\n }}\n >\n Confirm\n \n
\n \n
\n );\n};\n\nconst validationSchema = loadUserRole() === \"Business\" ? schemas.editBusinessAsOwnerSchema : schemas.editBusinessAsDivisionSchema;\nconst UpdateBusinessInfoForm = withFormikFormComponent(UpdateBusinessInfoFormInternal, validationSchema);\nexport default UpdateBusinessInfoForm;\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport { getBusiness, updateBusiness } from \"../../util/api\";\nimport { loadActiveOrgId, loadUserRole } from \"../../util/userHelper\";\nimport UpdateBusinessInfoForm from \"./UpdateBusinessInfoForm\";\n\nconst UpdateBusinessInfo = ({ business, businessHasUpdated, setBusinessHasUpdated }) => {\n const params = useParams();\n const history = useHistory();\n const businessId = params.businessId ? params.businessId : loadActiveOrgId();\n\n // const [business, setBusiness] = useState({\n // categories: [],\n // naicsCodes: [],\n // tags: [],\n // });\n const [backendErrors, setBackendErrors] = useState();\n\n // useEffect(() => {\n // console.log(\"double trouble\");\n // const getAndSetBusiness = async () => await getBusiness(businessId).then((res) => setBusiness(res.data));\n\n // getAndSetBusiness();\n // }, [businessId, businessHasUpdated]);\n\n const onSubmit = async (values) => {\n try {\n await updateBusiness(values);\n window.scrollTo(0, 0);\n setBusinessHasUpdated(businessHasUpdated + 1);\n loadUserRole() === \"Business\" ? history.go(0) : history.push(`/business/${businessId}`);\n } catch (e) {\n if (e?.response?.status === 400) {\n setBackendErrors(e?.response?.data);\n } else {\n setBackendErrors(e.message);\n }\n }\n };\n\n return {businessId ? `Edit Your Information for ${business?.legalName}` : \"Create a New Contractor Account\"}
\n\n \n\n
{owner?.name}
\n \nAdd additional business users.
\n \n \n );\n};\n\nconst BusinessAddUserForm = withFormikFormComponent(BusinessAddUserFormInternal, schemas.addBusinessUserSchema);\n\nexport default BusinessAddUserForm;\n","import React from \"react\";\nimport { Container } from \"react-bootstrap\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom\";\nimport { loadUserRole, roles } from \"../../util/userHelper\";\nimport UpdateBusinessInfo from \"../Signup/UpdateBusinessInfo\";\nimport BusinessEditOwnerForm from \"./BusinessEditOwnerForm\";\nimport BusinessAddUserForm from \"./BusinessAddUserForm\";\nimport { assignBusinessUser, removeBusinessUser } from \"../../util/api\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst BusinessEdit = (props) => {\n const { business, businessHasUpdated, setBusinessHasUpdated } = props;\n const { owners, users } = business;\n const { businessId } = useParams();\n\n const addUserToBusiness = async (values, { resetForm }) => {\n console.log(values.userId, businessId);\n await assignBusinessUser(values.userId, businessId);\n setBusinessHasUpdated(businessHasUpdated + 1);\n resetForm();\n };\n\n const handleRemoveBusinessUser = async (userId, businessId) => {\n const resObj = await removeBusinessUser(userId, businessId);\n setBusinessHasUpdated(businessHasUpdated + 1);\n };\n return (\n <>\nRemove Business Owners
\n A business requires at least one active owner.\n {owners?.length\n ? owners.map((owner, i) => (\n\n
Business Users Management
\n {users?.length ? (\n\n {users.map((user, i) => (\n
\n ) : null}\n \n
\n ))}\n \n {user.name}\n
\n {userCanEdit ? (\n
\n {componentsFromRoutes(BusinessDetailRoutes)}\n \n )}\n \n ) : // Now check that the business has actually loaded\n business?.id ? (\n
\n \n \n
\n )}\n\n {business?.isActive || userCanEdit ? (\n <>\n \n
\n\n {business?.isActive && (\n <>\n {business?.legalName}
\nCertification Status: {outputApplicationStatus(business)}
\n\n {componentsFromRoutes(BusinessDetailRoutes)}\n \n )}\n \n ) : // Now check that the business has actually loaded\n business?.id ? (\n
This business is not currently active.
\n ) : (\nLoading Business Information.
\n )}\n\n {\" \"}\n {item?.regionLocatedIn ? item?.regionLocatedIn : \"N/A\"}{\" \"}\n
\n ),\n categories: item?.categories?.length ? item.categories.join(\", \") : \"\",\n specificFunction: item?.description,\n nyc_contract_title: \"N/A\",\n contact: (\n \n {item.phoneNumber && (\n \n
\n {item.emailAddress && (\n \n
\n {item.homepageUrl && (\n \n
\n ),\n naicsCodes: item?.naicsCodes?.length ? item.naicsCodes.join(\", \") : \"\",\n tags: item?.tags?.length ? item.tags.join(\", \") : \"\",\n serviceTypes: item?.serviceTypes?.map((serviceType) => mapServiceTypesToLabel(serviceType)),\n centralizedContracts: item?.centralizedContracts?.length ? item.centralizedContracts.join(\", \") : \"N/A\",\n };\n });\n\n return (\n \n {item.emailAddress && (\n \n
\n {item.homepageUrl && (\n \n
\n
\n \n \n
Service-Disabled Veteran-Owned Business Directory
\n\n {/*Loading SDVOB Directory...
}\n {!loading && initialItems && initialItems.length > 0 ? (\nThere are no matching businesses in directory
\n ) : null}\n\n {/*\n
*/}\n \n {initialItems.length ? (\n
\n There are currently no contracts assigned to your business
\n )}\n\n {initialItems.length ? (\n
\n {isLoadingPrime ? Loading your procurements... : \"There are currently no procurements assigned to your business\"}
\n )}\n\n {item?.documents.map((doc) => {\n return (\n {\n handleDocumentClick(doc?.documentId);\n }}\n >\n
\n ),\n contractNumber: {item.contractNumber},\n status: item.status,\n prime: item?.primeContractor ? item?.primeContractor?.name : \"Unknown\",\n // contractId: item?.contractId,\n actions: \n
\n Payment Confirmation
\n {initialItems && initialItems?.length ? (\nNo payments to show
\n )}\n\n \n \n \n \n {/* \n \n ) : (\n
\n NYS Awards
\n {loadUserRole() === roles.Business && (\n <>\n {isCertifiedSdvob ? (\n\n \n
\n );\n};\n\nexport default ProcurementNav;\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { getAgencies, getPlansByContractor } from \"../../../util/api\";\nimport { outputAwardStatus, outputPercentage } from \"../../../util/helpers\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\n\nconst FilterListConfig = {\n agency: {\n isJoin: false,\n },\n goal: {\n isJoin: false,\n },\n sdvobs: {\n isJoin: false,\n },\n};\n\nconst Columns = [\n {\n Header: \"Solicitation\",\n accessor: \"procurement.solicitationNumber\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"solicitationNumber\",\n },\n {\n Header: \"Agency\",\n accessor: \"agency\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"agency\",\n },\n {\n Header: \"Procurement\",\n accessor: \"procurementDesc\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"procurementDesc\",\n },\n {\n Header: \"SDVOBs\",\n accessor: \"sdvobs\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"sdvobs\",\n },\n {\n Header: \"Status\",\n accessor: \"status\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"status\",\n isVisible: false,\n },\n {\n Header: \"Status\",\n accessor: \"statusLink\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"statusLink\",\n },\n {\n Header: \"Award Status\",\n accessor: \"awardStatus\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"awardStatus\",\n },\n {\n Header: \"Goal\",\n accessor: \"goal\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"goal\",\n },\n];\n\nconst BusinessUtilizationPlanListInternal = (formikBag) => {\n const [utilizationPlans, setUtilizationPlans] = useState([]);\n const [agencies, setAgencies] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const { pathname } = useLocation();\n\n useEffect(() => {\n async function fetchData() {\n setIsLoading(true);\n const plansRes = await getPlansByContractor();\n setUtilizationPlans(plansRes.plans);\n setIsLoading(false);\n\n const agenciesRes = await getAgencies();\n setAgencies(agenciesRes.agencies);\n }\n fetchData();\n }, []);\n\n const initialItems = utilizationPlans?.length\n ? utilizationPlans?.map((item) => {\n // console.log(item);\n return {\n ...item,\n agency: agencies.find((agency) => agency.id == item.agencyId)?.name,\n sdvobs: item.subcontracts.length,\n procurementDesc: item.awardStatus === \"Awarded\" ? {item?.procurement?.description} : item?.procurement?.description,\n statusLink: {item.status},\n awardStatus: outputAwardStatus(item.awardStatus),\n goal: outputPercentage(item.goal / 100),\n };\n })\n : [];\n\n return (\n \n
\n Utilization Plans
\n {initialItems.length ? (\n{isLoading ? Loading utilization plans... : You have no Utilization Plans to show}
\n )}\n \n \n Submit a new plan\n \n
\n\n \n {\n return (\n
\n );\n}\n\nconst DocumentLink = ({ document }) =>\n document.documentId === EMPTY_GUID ? (\n \n {\n console.log(document);\n arrayHelpers.push({ ...document });\n }}\n />\n {documents?.map((document, index) => {\n return (\n
\n );\n }}\n />\n \n
\n );\n })}\n \n arrayHelpers.remove(index)} data-target={`${arrayName}`} />\n
\n \n
\n ) : (\n {startCase(document.type)}:
\n Reason for exclusion: {document.description}
\n \n
\n );\n\nconst DocumentsSection = (props) => {\n const { documents } = props;\n return (\n {document.type === \"Miscellaneous\" ? \"Document\" : startCase(document.type)}:
\n \n handleDocumentClick(document?.documentId)}>\n
\n \n {documents?.map((document, i) => (\n
\n );\n};\n\nexport { DocumentUpload, DocumentLink, DocumentsSection };\n","import { Form, FastField, Field, FieldArray } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { schemas } from \"../../../util/errorHelper\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport { DocumentUpload } from \"../../Forms/DocumentHelper\";\n// import { Modes } from './CorrespondenceWrapper';\nimport ReactiveButton from \"../../Forms/Input/ReactiveButton\";\nimport ArrayWrapperDocument from \"../../Forms/helpers/ArrayWrapperDocument\";\nimport ArrayWrapperDynamic from \"../../Forms/helpers/ArrayWrapperDynamic\";\nimport DocumentWrapper from \"../../Forms/helpers/DocumentWrapper\";\n\nconst CorrespondenceFormInternal = ({ formikBag, context, showForm, correspondenceId, level, creatorName }) => {\n const { values, setFieldValue, isSubmitting, isValid } = formikBag;\n const categoryOptions =\n context === \"business\"\n ? [[0, \"Miscellaneous\"]]\n : [\n [null, \"Choose Category\"],\n [\"plan\", \"Utilization Plan\"],\n [\"payment\", \"Payment\"],\n [\"other\", \"Other\"],\n ];\n return showForm ? (\n \n ) : (\n <>\n );\n};\nconst CorrespondenceForm = withFormikFormComponent(CorrespondenceFormInternal, schemas.correspondenceSchema);\nexport default CorrespondenceForm;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { getCorrespondenceList } from \"../../../util/api\";\nimport { getLocalTime } from \"../../../util/helpers\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\nimport { loadUserRole, roles } from \"../../../util/userHelper\";\n\nconst CorrespondenceListInternal = (props) => {\n const { context, procurement, correspondenceList, setCorrespondenceList, correspondence, correspondenceUpdates, setCorrespondenceUpdates } = props;\n const location = useLocation();\n // const [correspondence, setCorrespondence] = useState(null);\n const [showCorrespondence, setShowCorrespondence] = useState(null);\n\n useEffect(() => {\n const fetchData = async () => {\n // api call\n };\n fetchData();\n }, [correspondenceUpdates]);\n\n let FilterListConfig = {\n creatorName: {},\n category: {},\n messageFull: {},\n };\n\n let Columns = [\n {\n Header: \"Message\",\n accessor: \"messageLink\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"messageLink\",\n },\n {\n Header: \"Message\",\n accessor: \"messageFull\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"messageFull\",\n isVisible: false,\n },\n {\n Header: \"Started By\",\n accessor: \"creatorName\", // accessor is the \"key\" in the data\n disableSortBy: true,\n sortType: \"basic\",\n filterCode: \"creatorName\",\n },\n {\n Header: \"Category\",\n accessor: \"category\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"category\",\n },\n {\n Header: \"# of replies\",\n accessor: \"numberOfReplies\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"numberOfReplies\",\n },\n {\n Header: \"Last Reply Date\",\n accessor: \"lastReplyDate\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"lastReplyDate\",\n },\n {\n Header: \"Resolved\",\n accessor: \"isClosed\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"isClosed\",\n },\n ];\n\n if ([roles.DivisionUser, roles.DivisionAdmin].includes(loadUserRole())) {\n Columns.splice(2, 0, {\n Header: \"Business\",\n accessor: \"businessName\",\n disableSortBy: false,\n sortType: \"basic\",\n filterCode: \"businessName\",\n });\n FilterListConfig = { ...FilterListConfig, businessName: {} };\n }\n\n const initialItems = correspondenceList\n ? correspondenceList?.map((item, index) => {\n const { correspondenceReplies } = item;\n\n const items = {\n ...item,\n owner: item.userId,\n replyCount: correspondenceReplies?.length,\n lastReplyDate: item?.lastReplyDate ? getLocalTime(item.lastReplyDate) : \"N/A\",\n isClosed: item.isClosed ? \"Yes\" : \"No\",\n businessName: item.business?.legalName,\n messageLink: (\n <>\n {item.subject}\n \n {item.message}\n \n ),\n messageFull: `${item.subject} - ${item.message}`,\n };\n\n if (loadUserRole() === roles.DivisionUser) {\n items[\"businessName\"] = item?.business?.legalName;\n }\n\n return items;\n })\n : null;\n\n return (\n <>\n {initialItems ? (\n initialItems?.length > 0 ? (\n
There are currently no open correspondence threads on this {context}
\n )\n ) : (\n <>\nLoading...
\n \n )}\n \n );\n};\nconst CorrespondenceList = withFormikFormComponent(CorrespondenceListInternal);\nexport default CorrespondenceList;\n","import React from \"react\";\nimport { getLocalTime } from \"../../../util/helpers\";\n\nconst AuthorBox = (props) => {\n const { userId, created, creatorName, creatorRole } = props;\n // console.log(props);\n return (\n\n
\n );\n};\nexport default AuthorBox;\n","import orderBy from \"lodash/orderBy\";\nimport React, { useState } from \"react\";\nimport { DocumentsSection } from \"../../Forms/DocumentHelper\";\nimport AuthorBox from \"./AuthorBox\";\nimport CorrespondencForm from \"./CorrespondenceForm\";\n\nconst CorrespondenceReply = ({ reply, name, correspondence, correspondenceId, updateCount, setUpdateCount, handleReplyToReply }) => {\n const { isClosed } = correspondence;\n const [showForm, setShowForm] = useState(false);\n\n const handleSubmit = async (data, { resetForm }) => {\n const replyRes = await handleReplyToReply(data);\n setUpdateCount(updateCount + 1);\n setShowForm(false);\n resetForm();\n };\n\n return (\n \n
\n\n {userId ? userId.substr(0, 1) : null}
\n \n {creatorName ? creatorName : null}\n
\n {creatorRole} User\n
{getLocalTime(created)}
\n \n
\n );\n};\n\nexport default CorrespondenceReply;\n","import React, { useState, useEffect } from \"react\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport CorrespondenceForm from \"./CorrespondenceForm\";\n\nconst PartiesList = (props) => {\n const { correspondence } = props;\n const { participants } = correspondence;\n const [showParticipantsModal, setShowParticipantsModal] = useState(false);\n\n return (\n <>\n \n
\n\n {!isClosed ? (\n \n
\n {reply.message}
\n\n <>\n
\n ) : null}\n\n {reply.correspondenceReplies?.length ? (\n <>\n {orderBy(reply?.correspondenceReplies, \"created\", \"desc\")?.map((replyReply, index) => {\n return (\n \n {\n setShowForm(!showForm);\n }}\n >\n Reply to this post\n \n
\n \n
\n );\n })}\n \n ) : null}\n \n
\n \n {console.log(replyReply)}\n {replyReply.message}\n
\n You are corresponding with
\n\n {/* {console.log(participants)} */}\n {participants?.length > 2 ? (\n
\n \n
\n ) : (\n \n {participants?.reduce(\n (accumulator, participant, index) => (\n <>\n {index < 3 ? (\n
\n \n
\n ) : null}\n {accumulator}\n \n ),\n <>\n )}\n \n
\n \n {participant?.name.charAt(0)}\n
\n \n
\n \n {participant.name}\n
\n {participant.type ? `${participant.type}` : \"Agency\"}\n
\n
\n )}\n {participants && participants.length > 3 ? (\n \n {participants?.reduce(\n (accumulator, participant) => (\n
\n \n
\n ),\n \"\"\n )}\n \n
\n \n {participant?.name.charAt(0)}\n
\n \n
\n \n {participant.name}\n
\n {participant.type ? `${participant.type}` : \"Agency\"}\n
\n
\n ) : null}\n setShowParticipantsModal(true)}>\n
\n participants\n
\n \n +{participants.length - 3}\n
\n See all correspondence\n \n participants\n
{participant.name}
;\n })}\n \n {/*
\n );\n};\nexport default MainCorrespondence;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport orderBy from \"lodash/orderBy\";\nimport React, { useEffect, useState } from \"react\";\nimport { Link, useHistory, useLocation } from \"react-router-dom\";\nimport CorrespondenceForm from \"./CorrespondenceForm\";\nimport CorrespondenceReply from \"./CorrespondenceReply\";\nimport MainCorrespondence from \"./MainCorrespondence\";\n\nconst CorrespondenceDetail = ({ correspondence, correspondenceId, handleClose, handleReopen, handleReply, handleReplyToReply, updateCount, setUpdateCount }) => {\n const history = useHistory();\n const location = useLocation();\n const { isClosed } = correspondence;\n const [showForm, setShowForm] = useState(!isClosed);\n const [isLoading, setIsLoading] = useState(false);\n\n const handleSubmit = async (data, { resetForm }) => {\n const replyRes = await handleReply(data);\n setUpdateCount(updateCount + 1);\n setShowForm(false);\n resetForm();\n };\n\n return (\n <>\n Corresepondence for {procurement?.description}
*/}\n {correspondence?.id && (\n\n
\n
\n )}\n \n
\n
\n {correspondence.subject}
\n{correspondence?.message}
\n\n
\n {correspondence?.correspondenceReplies.length} {correspondence?.correspondenceReplies.length === 1 ? \"Reply\" : \"Replies\"}\n
\n\n {orderBy(correspondence?.correspondenceReplies, \"created\", \"desc\").map((reply, index) => {\n return (\n\n <>\n
\n );\n })}\n \n ) : null}\n\n Were you able to get the information you need to close out this correspondence thread?
\n\n\n {\n setIsLoading(true);\n await handleClose(correspondenceId);\n history.push(location.pathname.substring(0, location.pathname.lastIndexOf(\"/\")));\n setIsLoading(false);\n }}\n className=\"btn btn-secondary\"\n >\n Yes, close this thread & resolve\n \n
\n\n \n\n \n
\n
\n )}\n \n );\n};\n\nexport default CorrespondenceDetail;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { UserContext } from \"../../../Layouts/Base\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Button } from \"react-bootstrap\";\nimport { useHistory, useLocation, useParams } from \"react-router-dom\";\nimport CorrespondenceForm from \"./CorrespondenceForm\";\nimport { roles, loadUserRole } from \"../../../util/userHelper\";\nimport {\n getCorrespondence,\n getCorrespondenceList,\n handleCorrespondenceCreate,\n handleCorrespondenceClose,\n handleCorrespondenceReopen,\n handleCorrespondencesReply,\n handleCorrespondencesReplyReply,\n getBusinessCorrespondence,\n getBusinessCorrespondenceList,\n handleBusinessCorrespondenceCreate,\n handleBusinessCorrespondenceClose,\n handleBusinessCorrespondenceReopen,\n handleBusinessCorrespondencesReply,\n handleBusinessCorrespondencesReplyReply,\n getPotentialCorrespondenceParticipants\n} from \"../../../util/api\";\nimport CorrespondenceList from \"./CorrespondenceList\";\nimport CorrespondenceDetail from \"./CorrespondenceDetail\";\n\nconst Correspondence = ({ messages, routeInitialValues, contract }) => {\n const { correspondenceId, procurementId, businessId } = useParams();\n const userInfo = useContext(UserContext);\n const context = businessId || [roles.DivisionAdmin, roles.DivisionUser].includes(userInfo?.user?.role) ? \"business\" : \"procurement\";\n const contextId = businessId ? businessId : procurementId;\n const [showForm, setShowForm] = useState(!!correspondenceId);\n const [correspondenceList, setCorrespondenceList] = useState(null);\n const [correspondence, setCorrespondence] = useState(null);\n const [updateCount, setUpdateCount] = useState(0);\n const [potentialParticipants, setPotentialParticipants] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n\n const history = useHistory();\n const location = useLocation();\n\n const RequestController = {\n getPotentialCorrespondenceParticipants: { business: null, procurement: getPotentialCorrespondenceParticipants },\n getCorrespondences: { business: getBusinessCorrespondenceList, procurement: getCorrespondenceList },\n getCorrespondence: { business: getBusinessCorrespondence, procurement: getCorrespondence },\n createCorrespondence: { business: handleBusinessCorrespondenceCreate, procurement: handleCorrespondenceCreate },\n closeCorrespondence: { business: handleBusinessCorrespondenceClose, procurement: handleCorrespondenceClose },\n reopenCorrespondence: { business: handleBusinessCorrespondenceReopen, procurement: handleCorrespondenceReopen },\n replyToCorrespondence: { business: handleBusinessCorrespondencesReply, procurement: handleCorrespondencesReply },\n replyToCorrespondenceReply: { business: handleBusinessCorrespondencesReplyReply, procurement: handleCorrespondencesReplyReply },\n };\n\n useEffect(() => {\n const fetchPotentialCorrespondenceParticipants = async () => { \n const requestMethod = RequestController.getPotentialCorrespondenceParticipants[context];\n\n if (typeof requestMethod === 'function') {\n setIsLoading(true);\n\n try {\n const potentialParticipantsResponse = await requestMethod(contextId);\n\n setPotentialParticipants(potentialParticipantsResponse?.data);\n } catch (e) {\n console.log(e);\n\n setPotentialParticipants({\n businessParticipants: [],\n agencyParticipants: []\n });\n } finally {\n setIsLoading(false);\n }\n } else {\n setPotentialParticipants(null);\n setIsLoading(false);\n }\n };\n\n fetchPotentialCorrespondenceParticipants();\n }, []);\n\n useEffect(() => {\n const fetchCorrespondence = async () => {\n // console.log(\"fetching single correspondence\");\n const correspondenceRes = await RequestController.getCorrespondence[context](correspondenceId);\n // console.log(correspondenceRes.data);\n setCorrespondence(correspondenceRes?.data);\n };\n\n const fetchCorrespondenceList = async () => {\n const correspondenceListRes = await RequestController.getCorrespondences[context](contextId);\n // console.log(correspondenceListRes.data);\n setCorrespondenceList(correspondenceListRes?.data?.correspondences);\n };\n if (correspondenceId) {\n fetchCorrespondence();\n } else {\n fetchCorrespondenceList();\n }\n }, [updateCount]);\n\n const handleSubmit = async (data, { resetForm }) => {\n const correspondenceRes = await RequestController.createCorrespondence[context](data);\n resetForm();\n setUpdateCount(updateCount + 1);\n history.push(`${location.pathname}/${correspondenceRes?.id}`);\n // setCorrespondence({ ...savedCorrespondence });\n };\n\n return (\n This correspondence thread has been marked resolved.
\n\n {\n setIsLoading(true);\n await handleReopen(correspondenceId);\n setUpdateCount(updateCount + 1);\n setIsLoading(false);\n }}\n className=\"btn btn-secondary\"\n >\n {!isLoading ? \"Reopen correspondence thread\" : Loading...}\n \n
\n \n {correspondence?.id ? (\n <>\n {\n setShowForm(true);\n }}\n type=\"button\"\n variant=\"light\"\n disabled={isLoading || (potentialParticipants && !potentialParticipants.businessParticipants.length)}\n >\n
\n );\n};\nexport default Correspondence;\n","import React, { useEffect, useState } from \"react\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\nimport { getLocalTime } from \"../../../util/helpers\";\nimport _ from \"lodash\";\nimport { getAnnotationsLogs } from \"../../../util/api\";\n\nconst FilterListConfig = {\n type: {\n isJoin: false,\n },\n created: {\n isJoin: false,\n },\n};\n\nconst Columns = [\n {\n Header: \"Change Type\",\n accessor: \"type\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"type\",\n },\n {\n Header: \"Description\",\n accessor: \"description\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"description\",\n },\n {\n Header: \"Date\",\n accessor: \"created\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"created\",\n },\n];\n\nconst AnnotationsLogInternal = (props) => {\n const { procurement, procurementId } = props;\n // const { annotations } = procurement;\n const [annotationsLogs, setAnnotationsLogs] = useState(null);\n\n useEffect(() => {\n const fetchData = async () => {\n const resObj = await getAnnotationsLogs(procurementId);\n const annotationsSorted = resObj.data.annotations.sort((a, b) => (a.created < b.created ? 1 : -1));\n setAnnotationsLogs(annotationsSorted);\n };\n fetchData();\n }, []);\n\n const initialItems = annotationsLogs\n ? annotationsLogs?.map((item, index) => {\n return {\n ...item,\n created: getLocalTime(item.created),\n // type: annotationsLogsTypes[item.type]\n type: _.startCase(item.type),\n };\n })\n : null;\n // console.log(initialItems);\n\n return (\n \n You cannot start a correspondence with the Prime Contractor because the business is not registered in SDVES. Contact the Prime Contractor directly and request they create an account and register their business.\n
\n : <>\n }\n {![roles.DivisionAdmin, roles.DivisionUser].includes(loadUserRole()) && (\n\n
\n \n Annotations Log for {procurement?.description}\n
\n {initialItems ? (\n initialItems.length ? (\nNo Annotations Logs to Show
\n )\n ) : (\nLoading...
\n )}\n\n {/*
\n );\n};\n\nexport default BasicInfo;\n","import React from \"react\";\nimport { outputMoney, outputPercentage } from \"../../../../util/helpers\";\n\nconst CompliancePaymentsSummary = (props) => {\n const { contract, complianceReport, monthPaymentsTotal, payments, awardedPlan, contractTerm } = props;\n const { totalDisbursements } = contract;\n const { assessedValueOfPlanToSdvobs, goal } = awardedPlan || 0;\n const allPaymentsTotal = payments?.length ? payments?.map((payment) => payment.amount).reduce((prev, next) => prev + next) : 0;\n // console.log(contract, awardedPlan);\n\n console.log(contractTerm);\n return (\n \n
*/}\n\n Contract name
\n {contract?.name}
\n \n
\n\n SFS Contract #
\n {contract.contractSource === \"AgencyUpload\" ? \"Agency Uploaded\" : contract?.contractNumber}
\n \n
\n Agency Contract #
\n {contract?.agencyContractNumber}
\n \n
\n );\n};\n\nexport default CompliancePaymentsSummary;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { FastField, Field, FieldArray, Form } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport get from \"lodash/get\";\nimport DatePicker from \"react-date-picker\";\nimport { schemas } from \"../../../util/errorHelper\";\nimport { handleDocumentClick } from \"../../../util/helpers\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport ReactiveButton from \"../../Forms/Input/ReactiveButton\";\n\nfunction PaymentCreateFormInternal(props) {\n const { formikBag, awardedPlan, paymentId, setInitialPaymentValues } = props;\n const [formDisplayed, setFormDisplayed] = useState(!!paymentId);\n const { values, setFieldValue, isSubmitting, isValid } = formikBag;\n const { documents } = values;\n const [resetFileInput, setResetFileInput] = useState(false);\n let contractors = awardedPlan?.subcontracts?.length\n ? awardedPlan?.subcontracts?.map((item) => {\n return [item.contractor.id, item.contractor.name];\n })\n : [];\n contractors.sort((a, b) => a[1].localeCompare(b[1]));\n\n contractors.unshift([null, \"Choose Contractor\"]);\n // console.log(JSON.stringify(values?.paidDate));\n\n return (\n \n );\n}\n\nconst PaymentCreateForm = withFormikFormComponent(PaymentCreateFormInternal, schemas.addPaymentSchema);\nexport default PaymentCreateForm;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { getLocalDate, outputMoney, isPrime } from \"../../../util/helpers\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\nimport PaymentCreateForm from \"./PaymentCreateForm\";\n\nconst FilterListConfig = {\n subcontractor: {\n isJoin: false,\n },\n paidDate: {\n isJoin: false,\n },\n};\n\nlet Columns = [\n {\n Header: \"Paid Date\",\n accessor: \"paidDate\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"paidDate\",\n },\n {\n Header: \"Subcontractor\",\n accessor: \"subcontractor\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"subcontractor\",\n },\n {\n Header: \"Amount\",\n accessor: \"amount\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"amount\",\n },\n {\n Header: \"Paid by\",\n accessor: \"paidBy\", // accessor is the \"key\" in the data\n disableSortBy: true,\n filterCode: \"paidBy\",\n },\n];\n\nconst CompliancePaymentsList = (props) => {\n const { payments } = props;\n const initialItems = payments\n ? payments?.map((item) => {\n return {\n ...item,\n paidBy: item.paidBy ?? \"Prime\",\n paidDate: getLocalDate(item.paidDate),\n subcontractor: item.contractor.name,\n amount: (\n <>\n {outputMoney(item.amount)}{\" \"}\n {item.confirmed ? (\n \n
\n # of SDVOBs Subcontractors
\n {awardedPlan?.subcontracts?.length}
\n \n
\n {contractTerm == \"Term\" ? \"SDVOB Participation Goal\" : \"Total Dollar Value of SDVOB Goal\" }
\n {contractTerm == \"Term\" ? outputPercentage(goal / 100) : outputMoney(assessedValueOfPlanToSdvobs)}
\n\n \n
\n );\n};\n\nexport default CompliancePaymentsList;\n","import React from \"react\";\nimport { getPercentage, outputMoney, outputPercentage } from \"../../util/helpers\";\n\nconst ProgressBar = (props) => {\n const { current, total, currentDesc, totalDesc, type, title, basedOnRemaining } = props;\n const completionPercentage = current && total ? getPercentage(current, total) : 0;\n const finalValue = basedOnRemaining ? total - current : total;\n\n return (\n Payments
\n {initialItems ? (\n initialItems?.length ? (\nNo payments to show.
\n )\n ) : (\nLoading payments...
\n )}\n\n
\n );\n};\n\nexport default ProgressBar;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { differenceInDays, outputMoney, outputPercentage } from \"../../../util/helpers\";\nimport ProgressBar from \"../../Charting/ProgressBar\";\nimport \"./sections.scss\";\n\nconst FinancialProgress = (props) => {\n const { procurementId, year, month } = useParams();\n const { contract, awardedPlan, procurement, complianceReport, values, totalPayments, disbursementsToPrimeToUse, disbursementsToSDVOBsToUse, disbursementsDesc } = props;\n const { isOGSCentralized } = contract;\n const { utilizationPercentage, adjustedValue, value, currentValue, startDate, expectedDate, disbursementsToSDVOBs, disbursementsToPrime } = contract;\n const { assessedValueOfPlanToSdvobs } = awardedPlan || 0;\n const goal = awardedPlan ? awardedPlan.goal / 100 : null;\n const currentUtilizationPercentage = utilizationPercentage ? utilizationPercentage / 100 : null;\n const daysPassed = differenceInDays(startDate);\n let totalDays = differenceInDays(startDate, expectedDate);\n totalDays = totalDays < 0 ? 0 : totalDays;\n\n\n return (\n {title}
\n\n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n {currentDesc}\n
\n {[\"dollars\", \"percentage\"].includes(type) ? (\n \n {outputMoney(current)} ({outputPercentage(completionPercentage / 100)})\n \n ) : null}\n {type === \"time\" ? {current?.toLocaleString()} days : null}\n
\n
\n \n {totalDesc}\n
\n {type === \"dollars\" ? (\n = 100 ? \"text-success\" : \"text-primary\"}>\n {completionPercentage >= 100 && \"percentage\" === type ? outputMoney(0) : outputMoney(finalValue)}\n \n ) : null}\n {type === \"time\" ? {finalValue?.toLocaleString()} days : null}\n
\n {contract?.currentValue !== awardedPlan?.value && procurement?.contractTerm === \"Standard\" && (\n
\n );\n};\n\nexport default FinancialProgress;\n","import React, { useState, useEffect } from \"react\";\nimport { getLocalDate, outputMoney } from \"../../../../util/helpers\";\nimport { withFormikFormComponent } from \"../../../Forms/FormikForm\";\nimport { Form, FastField } from \"formik\";\nimport InputComponent from \"../../../Forms/Input/InputComponent\";\nimport CompliancePaymentsList from \"../../Payments/CompliancePaymentsList\";\nimport FinancialProgress from \"../../Sections/FinancialProgress\";\nimport DebugModal from \"../../../Debug/DebugModal\";\nimport { loadUserRole } from \"../../../../util/userHelper\";\n\nconst ComplianceReportSubmitInternal = (props) => {\n const { formikBag, contract, canSubmit, awardedPlan, procurement, monthPayments, monthPaymentsTotal, setTotalSalesForMonth, totalPayments, year, month, complianceReport, isLoading, setIsLoading } =\n props;\n const { values } = formikBag;\n const { disbursementsToSDVOBs, submittedDisbursementsToSDVOBs, disbursementsToPrime } = contract;\n const { totalSdvobPaymentsForMonth, totalSdvobPaymentsThroughMonth, totalSubmittedSdvobPaymentsThroughMonth, totalPrimePaymentsThroughMonth } = complianceReport;\n\n // This would identify us as being on a compliance report\n // We will need to modify some of these numbers to account\n // for unofficial/unaccepted payment info in this scenario\n const [disbursementsToPrimeToUse, setDisbursementsToPrimeToUse] = useState(0);\n const [disbursementsToSDVOBsToUse, setDisbursementsToSDVOBsToUse] = useState(0);\n\n let disbursementsStatusDesc = \"Submitted Payments to SDVOBs\";\n if ([\"Created\", \"Deficient\"].includes(complianceReport?.status)) disbursementsStatusDesc = `Previously ${disbursementsStatusDesc}`;\n if (complianceReport?.status == \"Accepted\") disbursementsStatusDesc = `Accepted Payments to SDVOBs`;\n const disbursementsDesc = complianceReport?.id ? disbursementsStatusDesc : \"Accepted Payments to SDVOBs\";\n\n\n\n useEffect(() => {\n\n switch (complianceReport?.status) {\n case \"Created\":\n setDisbursementsToPrimeToUse(contract.isOGSCentralized ? complianceReport?.totalSalesThroughMonth : totalPrimePaymentsThroughMonth );\n setDisbursementsToSDVOBsToUse(totalSubmittedSdvobPaymentsThroughMonth);\n case \"Deficient\":\n setDisbursementsToPrimeToUse(contract.isOGSCentralized ? values?.totalSalesForMonth + complianceReport?.totalSalesThroughMonth : totalPrimePaymentsThroughMonth );\n setDisbursementsToSDVOBsToUse(totalSubmittedSdvobPaymentsThroughMonth);\n break;\n case \"Submitted\":\n setDisbursementsToPrimeToUse(contract.isOGSCentralized ? complianceReport?.totalSalesThroughMonth : totalPrimePaymentsThroughMonth );\n setDisbursementsToSDVOBsToUse(totalSubmittedSdvobPaymentsThroughMonth);\n break;\n // do other stuff\n default:\n // do default stuff\n setDisbursementsToPrimeToUse(contract.isOGSCentralized ? complianceReport.totalSalesThroughMonth : disbursementsToPrime);\n setDisbursementsToSDVOBsToUse(disbursementsToSDVOBs);\n }\n setTotalSalesForMonth(values?.totalSalesForMonth);\n }, [values]);\n\n return (\n \n The contract value for SDVOB participation or the utilization plan have been updated and are no longer the same. Please{\" \"}\n submit a revised plan to record any changes to the plan SDVOBs and associated SDVOB spending.\n {/* The value on the awarded plan ({outputMoney(awardedPlan?.value)}) does not match the contract value ({outputMoney(contract?.currentValue)}). The{\" \"}\n Utilization Plan should be revised to account for this. */}\n
\n )}\n \n {procurement?.contractTerm === \"Standard\" && (\n
\n\n \n
\n )}\n {outputMoney(currentValue)}
\nCONTRACT VALUE FOR SDVOB PARTICIPATION
\n\n
\n \n {outputPercentage(currentUtilizationPercentage)} of {outputPercentage(goal)}\n
\nSDVOB GOAL PERCENTAGE
\n\n
\n {outputMoney(assessedValueOfPlanToSdvobs)}
\nTOTAL ASSESSED VALUE TO SDVOBS
\n\n
\n {outputMoney(disbursementsToSDVOBsToUse)}
\n{disbursementsDesc}
\nThe payments identified below will not appear in this progress bar until the compliance report is submitted.
: null}\n {/*\n
\n
\n {canSubmit ? (\n [\"Accepted\", \"Submitted\"].includes(complianceReport?.status) ? (\n
\n );\n};\nconst ComplianceReportSubmit = withFormikFormComponent(ComplianceReportSubmitInternal);\nexport default ComplianceReportSubmit;\n","import React from \"react\";\nimport { getLocalDate } from \"../../../util/helpers\";\n\nconst Time = (props) => {\n const { expectedDate, startDate, completionDate } = props.contract;\n\n return (\n \n
\n {canSubmit ? (\n [\"Accepted\", \"Submitted\"].includes(complianceReport?.status) ? (\n
{loadUserRole() === \"Business\" ? <>Your report has been {complianceReport?.status}. There is no action to take. : <>This report has been submitted}
\n ) : (\n \n )\n ) : (\nThis report is not yet able to be submitted
\n )}\n\n
\n );\n};\n\nexport default Time;\n","import React from \"react\";\nimport { outputMoney, outputPercentage } from \"../../../util/helpers\";\n\nconst Summary = (props) => {\n const { monthPaymentsTotal, complianceReport, totalSalesForMonth } = props;\n\n return (\n \n
\n Start Date
\n {getLocalDate(startDate)}
\n \n
\n Expected Completion Date
\n {completionDate != null ? getLocalDate(completionDate) : getLocalDate(expectedDate)}
\n \n
\n Completion Date
\n {getLocalDate(completionDate)}
\n \n
\n );\n};\n\nexport default Summary;\n","import React, { useEffect, useState } from \"react\";\nimport { FastField, Form } from \"formik\";\nimport { Button } from \"react-bootstrap\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport DebugModal from \"../../Debug/DebugModal\";\n\nconst ComplianceReportsReviewFormInternal = (props) => {\n const { formikBag, contract, setStatus, complianceReport, handleSubmitComplianceReport } = props;\n const { values, resetForm } = formikBag;\n return (\n Total amount disbursed to all subcontractors and suppliers this month
\n\n
\n\n \n Total Payments to SDVOBs for Month\n
\n {outputMoney(monthPaymentsTotal)}
\n \n
\n \n {complianceReport?.isOGSCentralized ? \"Total Contractor Reported Sales for Month\" : \"Total Payments to Prime Contractor for Month\"}\n
\n {outputMoney(complianceReport?.isOGSCentralized ? totalSalesForMonth : complianceReport?.totalPrimePaymentsForMonth)}
\n \n
\n );\n};\n\nconst ComplianceReportsReviewForm = withFormikFormComponent(ComplianceReportsReviewFormInternal);\nexport default ComplianceReportsReviewForm;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams, useHistory } from \"react-router\";\nimport BasicInfo from \"../Sections/PlansAndWaivers/BasicInfo\";\nimport PaymentsSummary from \"../Sections/ComplianceReports/CompliancePaymentsSummary\";\nimport ComplianceReportSubmit from \"../Sections/ComplianceReports/ComplianceReportSubmit\";\nimport Time from \"../Sections/Time\";\nimport Summary from \"../Sections/Summary\";\nimport { months } from \"../../../util/typelistHelper\";\nimport { submitComplianceReport, getComplianceReport, getCompliancePayments, updateComplianceReportStatus } from \"../../../util/api\";\nimport ComplianceReportsReviewForm from \"../Views/ComplianceReportsReviewForm\";\nimport { loadUserRole, roles } from \"../../../util/userHelper\";\n\nconst ComplianceReport = (props) => {\n const { contract, awardedPlan, procurementId, procurement, setUpdateCount, updateCount } = props;\n const { payments } = contract;\n const { year, month } = useParams();\n const [monthPayments, setMonthPayments] = useState([]);\n const [monthPaymentsTotal, setMonthPaymentsTotal] = useState(0);\n const [complianceReport, setComplianceReport] = useState({});\n const [totalPayments, setTotalPayments] = useState(0);\n const currentYear = new Date().getFullYear();\n const currentMonth = new Date().getMonth();\n const canSubmit = currentYear > year || (currentYear == year && currentMonth >= month);\n const history = useHistory();\n const [isLoading, setIsLoading] = useState(false);\n const [complianceChangeCount, setComplianceChangeCount] = useState(0);\n const isBusiness = roles.Business === loadUserRole();\n const [totalSalesForMonth, setTotalSalesForMonth] = useState(complianceReport?.totalSalesForMonth);\n\n const handleSubmit = async (values) => {\n const report = {\n contractId: contract.id,\n // id: complianceReport.id,\n month: month,\n year: year,\n totalSalesForMonth: values?.totalSalesForMonth ? values?.totalSalesForMonth : 0,\n };\n setIsLoading(true);\n await submitComplianceReport(report);\n setIsLoading(false);\n setUpdateCount(updateCount + 1);\n history.push(`/procurements/${procurementId}/compliance-reports`);\n };\n\n const complianceSections = [\n {\n id: \"basic-info\",\n component: BasicInfo,\n heading: \"Basic Info\",\n },\n {\n id: \"payments-summary\",\n component: PaymentsSummary,\n heading: \"Goal Summary\",\n props: {\n contractTerm: procurement.contractTerm,\n awardedPlan: awardedPlan,\n monthPaymentsTotal: monthPaymentsTotal,\n payments: payments,\n complianceReport: complianceReport,\n },\n },\n {\n id: \"time\",\n component: Time,\n heading: \"Time\",\n },\n {\n id: \"summary\",\n component: Summary,\n heading: `${month}/${year} Summary`,\n props: {\n complianceReport: complianceReport,\n monthPaymentsTotal: monthPaymentsTotal,\n totalSalesForMonth: totalSalesForMonth,\n },\n },\n {\n id: \"report-submit\",\n component: ComplianceReportSubmit,\n heading: \"\",\n props: {\n monthPayments: monthPayments,\n monthPaymentsTotal: monthPaymentsTotal,\n year: year,\n month: month,\n complianceReport: complianceReport,\n awardedPlan: awardedPlan,\n procurement: procurement,\n canSubmit: canSubmit,\n onSubmit: handleSubmit,\n isLoading: isLoading,\n totalPayments: totalPayments,\n routeInitialValues: { totalSalesForMonth: complianceReport?.totalSalesForMonth },\n setTotalSalesForMonth: setTotalSalesForMonth,\n },\n },\n ];\n\n useEffect(() => {\n const fetchData = async () => {\n const reportRes = await getComplianceReport(contract.id, year, month);\n let monthPayments = [];\n\n if (reportRes?.data?.complianceReports[0]?.id) {\n setMonthPayments(reportRes?.data?.complianceReports[0]?.payments);\n setMonthPaymentsTotal(reportRes?.data?.complianceReports[0]?.totalSdvobPaymentsForMonth);\n setComplianceReport(reportRes?.data?.complianceReports[0]);\n setTotalPayments(reportRes?.data?.totalPayments);\n } else {\n const paymentsRes = await getCompliancePayments(contract.id, year, month);\n setMonthPayments(paymentsRes?.data.payments);\n setMonthPaymentsTotal(reportRes?.data?.complianceReports[0]?.totalSdvobPaymentsForMonth);\n }\n // const report = reports.data.find(report => report?.yearMonth.includes(`${year}-${month}`))\n };\n fetchData();\n }, [updateCount]);\n\n\n const setStatus = async (values) => {\n const response = await updateComplianceReportStatus({ ...values, year, month }, values.complianceReportId);\n setUpdateCount(updateCount + 1);\n };\n\n // const handleSubmitComplianceReport = async (values) => {\n // await submitComplianceReport({ contractId: contract?.id, year: year, month: month, totalSalesForMonth: values?.totalSalesForMonth });\n // setComplianceChangeCount(complianceChangeCount + 1);\n // };\n\n return (\n Agency Review
\nStatus: {complianceReport?.status}
\n\n \n\n \n Compliance Report for period: {`${month}/${year}`}\n
\n
\n \n Compliance Report for period: {`${month}/${year}`}\n
\n for contract {contract.name}\n
\n \n Status: {complianceReport?.status ? complianceReport?.status : \"Unsubmitted\"} {complianceReport?.enteredByAgency ? - (Submitted by Agency) : null}\n
\n {complianceReport?.status === \"Deficient\" ? (\n\n
\n ) : null}\n Notes: {complianceReport?.notes}
\n\n {complianceReport?.status === \"Created\" ? (\n <>Prime Contractors must submit monthly compliance reports as evidence of their effort to achieve the SDVOB goal on the contract\n ) : (\n <>You are viewing the monthly compliance report submitted as evidence of efforts to achieve the SDVOB goal on the contract \n )}\n
\n \n This report is due {month == 12 ? months[0] : months[parseInt(month)]} 10, {month == 12 ? parseInt(year) + 1 : year}\n \n
\n \n\n\n
\n \n {complianceSections.map((item) => {\n const Section = item.component;\n\n return (\n
\n {!isBusiness && (\n \n {item.heading &&
\n
\n );\n })}\n {item.heading}
}\n {contract.id ? : null}\n\n
\n
\n )}\n \n
\n \n Change Log for {procurement?.description}\n
\n {initialItems ? (\n initialItems.length ? (\nNo Change Logs to Show
\n )\n ) : (\nLoading...
\n )}\n\n {confirmations[modalChoice]?.condition ?\n
\n \n
\n \n \n
\n \n \n
\n \n {item?.documents.map((doc) => {\n return (\n {\n handleDocumentClick(doc?.documentId);\n }}\n >\n
\n ),\n actions: (\n \n {\n window.scrollTo(0, 0);\n history.push(`/procurements/${procurementId}/payments/${item.id}`);\n }}\n >\n {\n // handleDelete(item.id);\n setSelectedPayment(item);\n setShowModal(true);\n }}\n >\n
\n ),\n };\n })\n : null;\n\n return (\n \n {\n setShowModal(false);\n }}\n >\n \n Delete Payment \n \n \n \n\n \n \n \n
\n );\n};\n\nexport default PaymentsList;\n","import React, { useState, useEffect } from \"react\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\nimport _ from \"lodash\";\nimport { getYearMonth } from \"../../../util/helpers\";\nimport { getComplianceReports } from \"../../../util/api\";\n\nconst FilterListConfig = {\n dateString: {\n isJoin: false,\n },\n status: {\n isJoin: false,\n },\n};\n\nconst Columns = [\n {\n Header: \"Compliance Date\",\n accessor: \"date\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"dateString\",\n },\n {\n Header: \"Payment Count\",\n accessor: \"paymentCount\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"paymentCount\",\n },\n {\n Header: \"Status\",\n accessor: \"status\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"status\",\n },\n /*\n {\n Header: \"Compliance %\",\n accessor: \"complianceReportPercentage\", // accessor is the \"key\" in the data\n disableSortBy: false,\n filterCode: \"complianceReportPercentage\",\n },\n */\n];\n\nconst ComplianceReportList = (props) => {\n const { awardedPlan, procurement, procurementId } = props;\n const { contract } = procurement;\n const [complianceReports, setComplianceReports] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n // const [initialItems, setInitialItems] = useState([]);\n\n useEffect(() => {\n async function fetchData() {\n const reportsRes = await getComplianceReports(contract.id);\n setComplianceReports(reportsRes);\n }\n if (contract?.id) {\n setIsLoading(true);\n fetchData().then(() => setIsLoading(false));\n }\n }, [contract]);\n\n let initialItems = complianceReports?.length\n ? complianceReports?.map((item) => {\n let wItem = {};\n const { amount, id, documents, complianceDate } = item;\n wItem[item.id] = { amount, id, documents, complianceDate };\n\n return {\n ...item,\n date: {getYearMonth(item.yearMonth)},\n dateString: getYearMonth(item.yearMonth),\n paymentCount: item.payments.length,\n status: _.startCase(item.status),\n\n // confirmed: item.confirmed ? Payments
\n\n {isPrime(awardedPlan) || [roles.AgencyAdmin, roles.AgencyUser].includes(loadUserRole()) ? (\nNo payments to show.
\n )\n ) : (\nLoading payments...
\n )}\n\n\n Are you sure you would like to delete the payment for {outputMoney(selectedPayment?.amount)} made to {selectedPayment?.contractor?.name} on {getLocalDate(selectedPayment?.paidDate)}\n
\n \n
\n \n {\n setShowModal(false);\n }}\n >\n Cancel\n \n
\n \n {\n setShowModal(false);\n const resObj = await handleDelete(selectedPayment.id);\n }}\n >\n Confirm\n \n
\n \n
\n );\n};\n\nexport default ComplianceReportList;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useParams, Route, useHistory } from \"react-router-dom\";\nimport { getPayments, handlePaymentSubmit, handlePaymentUpdate, handlePaymentDelete } from \"../../../util/api\";\nimport PaymentsList from \"./PaymentsList\";\nimport PaymentsNav from \"./PaymentsNav\";\nimport ComplianceReportsList from \"../ComplianceReports/ComplianceReportsList\";\nimport { componentsFromRoutes, getLocalDate } from \"../../../util/helpers\";\n\nconst Payments = (props) => {\n const { awardedPlan, procurement, setUpdateCount, updateCount } = props;\n const { procurementId } = useParams();\n const { contract } = procurement;\n const { paymentId } = useParams();\n const [payment, setPayment] = useState({});\n const [payments, setPayments] = useState(null);\n const [paymentsUpdateCount, setPaymentsUpdateCount] = useState(0);\n const [initialPaymentValues, setInitialPaymentValues] = useState({});\n const history = useHistory();\n\n useEffect(() => {\n // console.log(paymentsUpdateCount);\n const fetchData = async () => {\n // console.log('running it again')\n const resObj = await getPayments(contract.id);\n setPayments(resObj.data.payments);\n };\n if (contract?.id) {\n fetchData();\n }\n }, [paymentsUpdateCount]);\n\n const onSubmit = async (values, { resetForm }) => {\n let dateString = values.paidDate.toISOString();\n if (dateString.toString().substring(0, 2) == \"00\") {\n dateString = \"20\" + dateString.substring(2);\n }\n values = { ...values, paymentId: values.id, contractId: contract.id, paidDate: dateString };\n const resObj = values?.id ? await handlePaymentUpdate(values) : await handlePaymentSubmit(values);\n // console.log(resObj);\n setPaymentsUpdateCount(paymentsUpdateCount + 1);\n setInitialPaymentValues({});\n resetForm();\n setUpdateCount(updateCount + 1);\n // setPayments(resObj?.data?.payments)\n history.push(`/procurements/${procurementId}/payments`);\n };\n\n const handleDelete = async (paymentId) => {\n await handlePaymentDelete(paymentId);\n setPaymentsUpdateCount(paymentsUpdateCount + 1);\n };\n\n useEffect(() => {\n const setupPayment = () => {\n const newPayment = payments?.length ? payments.find((payment) => payment.id === paymentId) : null;\n const paymentValues = {\n ...newPayment,\n contractorId: newPayment?.contractor?.id,\n paidDate: newPayment ? new Date(newPayment?.paidDate) : null,\n // paidDate: newPayment ? getLocalDate(newPayment?.paidDate) : null,\n };\n setPayment(newPayment);\n setInitialPaymentValues(paymentValues);\n };\n if (payments?.length) {\n setupPayment();\n }\n }, [paymentId, payments]);\n\n const PaymentsRoutes = {\n routes: [\n {\n path: \"/procurements/:procurementId/payments\",\n title: \"Payments\",\n exact: false,\n component: PaymentsList,\n props: {\n onSubmit: onSubmit,\n handleDelete: handleDelete,\n payments: payments,\n paymentId: paymentId,\n initialPaymentValues: initialPaymentValues,\n setInitialPaymentValues: setInitialPaymentValues,\n },\n },\n {\n path: \"/procurements/:procurementId/compliance-reports\",\n title: \"Compliance Reports\",\n exact: true,\n component: ComplianceReportsList,\n props: {},\n },\n ],\n globalProps: {\n procurement: procurement,\n awardedPlan: awardedPlan,\n procurementId: procurementId,\n },\n };\n\n return (\n Compliance Reports
\n {initialItems && initialItems?.length ? (\nLoading Compliance Reports...
:No Compliance Reports to show.
}\n )}\n\n
\n Assign contract to procurement
\n\n
\n \n {\n handleAssignContract();\n }}\n >\n Assign Contract\n \n
\n Assign and/or Remove Agency Users
\n \n \n ) : null}\n \n );\n}\n\nconst ProcurementUpdateUsersForm = withFormikFormComponent(ProcurementUpdateUsersFormInternal);\nexport default ProcurementUpdateUsersForm;\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { updateProcurement, updateProcurementUsers, getCentralizedContracts, handleRequestPlanFromPrime } from \"../../../util/api\";\nimport { getLocalDate, formatPhoneNumber, outputAddresses, outputMoney, plansExpected } from \"../../../util/helpers\";\nimport AssignContractInternal from \"../Forms/AssignContract\";\nimport FinancialProgress from \"../Sections/FinancialProgress\";\nimport Time from \"../Sections/Time\";\nimport ProcurementUpdateForm from \"./ProcurementUpdateForm\";\nimport ProcurementUpdateUsersForm from \"./ProcurementUpdateUsersForm\";\n\nconst ContractDetailsViewAgency = (props) => {\n let { procurement, updateCount, setUpdateCount, procurementId } = props;\n const { contract, awardedPlan } = procurement;\n const [centralizedContractsOptions, setCentralizedContractsOptions] = useState([]);\n const [requestingPlan, setRequestingPlan] = useState(false);\n const [planRequested, setPlanRequested] = useState(false);\n\n async function fetchData() {\n // const procurementRes = await getProcurement(procurementId);\n // setProcurement(procurementRes?.data);\n }\n\n useEffect(() => {\n // console.log(procurement);\n const fetchData = async () => {\n const resObj = await getCentralizedContracts();\n const centralizedContracts = resObj?.data?.centralizedContracts.map((item) => {\n return [item.id, item.name];\n });\n // console.log(centralizedContracts);\n setCentralizedContractsOptions([[\"\", \"Unassigned\"], ...centralizedContracts]);\n };\n\n if (procurement?.contract?.isOGSCentralized) {\n fetchData();\n }\n }, []);\n\n // console.log(centralizedContractsOptions);\n\n const onSubmit = async (values, { resetForm }) => {\n const {\n id,\n agencyId,\n solicitationNumber,\n description,\n startDate,\n endDate,\n contractNumber,\n contractId,\n goal,\n exclusionType,\n contractTerm,\n contractCategory,\n contractServiceType,\n currentValueOverrideReason,\n } = values;\n\n let procurementUpdateObj = {\n id: id,\n agencyId: agencyId,\n solicitationNumber: solicitationNumber,\n description: description,\n startDate: startDate,\n endDate: endDate,\n contractNumber: contractNumber,\n contractId: contractId,\n goal: goal,\n exclusionType: exclusionType !== \"\" ? exclusionType : null,\n contractTerm: contractTerm !== \"\" ? contractTerm : null,\n contractCategory: contractCategory !== \"\" ? contractCategory : null,\n contractServiceType: contractServiceType !== \"\" ? contractServiceType : null,\n currentValueOverrideReason: currentValueOverrideReason,\n };\n if (exclusionType === \"Eligible\") {\n procurementUpdateObj.currentValue = values.currentValue;\n }\n\n await updateProcurement(procurementUpdateObj);\n setUpdateCount(updateCount + 1);\n };\n const onUserFormSubmit = async (values, { resetForm }) => {\n const { userIds } = values;\n await updateProcurementUsers(procurementId, userIds);\n window.scrollTo(0, 0);\n setUpdateCount(updateCount + 1);\n // resetForm();\n };\n\n return (\n\n \n \n
\n );\n};\n\nexport default ContractDetailsViewAgency;\n","import React from \"react\"\nimport { Link } from \"react-router-dom\";\nimport { getPlanType } from \"../../../util/helpers\"\n\nconst PlanSummary = (props) => {\n const { contract, awardedPlan, procurementId, procurement } = props;\n const type = getPlanType(procurement?.goal, awardedPlan?.goal);\n\n return (\n \n
\n \n
\n \n
\n
\n {procurement ? user.id) }} /> : null}\n
\n Agency Review
\n\n
\n {procurement ?
\n {contract?.id ? (\n <>\n
\n\n {awardedPlan && (\n
\n \n
\n {/*\n \n
\n {/*
\n \n {/*
\n
*/}\n Contract Name
\n {contract?.name}
\n \n
\n Agency Contract #
\n {contract?.agencyContractNumber}
\n \n
\n SFS Contract #
\n {contract.contractSource === \"AgencyUpload\" ? \"Agency Uploaded\" : contract?.contractNumber}
\n \n
\n\n {/*\n Centralized Contract
\n {contract?.isOGSCentralized ? \"Yes\" : \"No\"}
\n \n
\n */}\n Category
\n {procurement?.contractCategory}
\n \n
\n */}\n # of SDVOBs Subcontractors
\n {awardedPlan ? awardedPlan?.subcontracts?.length : \"N/A\"}
\n \n
\n\n \n
\n
\n \n
\n
\n Original Contract Value
\n {outputMoney(contract?.value)}
\n \n
\n Amended Contract Value
\n {outputMoney(contract?.adjustedValue)}
\n \n\n {awardedPlan && (\n
\n
*/}\n\n \n
\n
\n \n
\n
\n Start Date
\n {getLocalDate(contract?.startDate)}
\n \n
\n Expected Completion Date
\n {getLocalDate(contract?.expectedDate)}
\n \n
\n\n \n {plansExpected(procurement) && (\n <>\n
\n\n
\n \n\n
\n Plan Status: {awardedPlan ? awardedPlan?.status : \"No plan chosen\"}\n
\n \n )}\n\n {!awardedPlan && procurement?.exclusionType !== \"ExemptExcluded\" ? (\n\n
\n ) : null}\n \n {requestingPlan ? (\n {\n try {\n setRequestingPlan(true);\n const resObj = await handleRequestPlanFromPrime(procurementId);\n setPlanRequested(true);\n setRequestingPlan(false);\n } catch (e) {\n // setPlanRequested(false);\n setRequestingPlan(false);\n }\n }}\n >\n Request Plan from Prime\n \n \n )}\n
\n Sending Request
\n ) : planRequested ? (\n Plan Requested\n ) : (\n <>\n \n \n Submit plan for prime\n \n
\n \n
\n \n
\n
\n \n
\n
\n Contractor
\n {contract?.primeContractor?.name}
\n \n
\n {outputAddresses(contract?.primeContractor?.addresses, \"row\", \"col-5 font-weight-bold\", \"col-7\")}\n Contact Number
\n {formatPhoneNumber(contract?.primeContractor?.contactNumber)}
\n \n
\n {/* SDVOB Status
\n {contract?.primeContractor?.isCertifiedSdvob ? \"Certified\" : \"Not Certified\"}
\n \n
*/}\n \n \n See Full Profile
\n \n
\n \n ) : (\n <>\n \n
\n {/*
\n \n {/*
\n
*/}\n {/*\n Type of Contract
\n {contract?.contractTerm}
\n \n
\n */}\n Dept / Business Unit
\n {contract?.department}
\n Procurement {`${procurement?.description}`} Review
\n\n
\n )\n}\n\nexport default PlanSummary;\n","import React from \"react\"\nimport { Link } from \"react-router-dom\"\n\nconst Reporting = (props) => {\n return (\n \n
\n Plan
\n {awardedPlan ? See {type} : Submit Plan}
\n \n
\n Plan Status
\n {awardedPlan ? awardedPlan?.status : \"N/A\"}
\n \n
\n )\n}\n\nexport default Reporting;\n","import React from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport PlanSummary from \"../Sections/PlanSummary\";\nimport Reporting from \"../Sections/Reporting\";\nimport FinancialProgress from \"../Sections/FinancialProgress\";\nimport Time from \"../Sections/Time\";\nimport { procurementCanHavePayments } from \"../../../util/helpers\";\n// import Contact from \"../Sections/Contact\"\n// import Description from \"../Sections/Description\"\n\nconst ContractDetailsViewBusiness = (props) => {\n const { procurementId } = useParams();\n const { contract, awardedPlan, procurement } = props;\n const { disbursementsToSDVOBs, disbursementsToPrime } = contract;\n\n let contractSections = [\n {\n id: \"plan-summary\",\n component: PlanSummary,\n heading: \"Utilization Plan Summary\",\n },\n {\n id: \"financial-progress\",\n component: FinancialProgress,\n heading: \"Summary of Financial Progress\",\n },\n {\n id: \"time\",\n component: Time,\n heading: \"Time\",\n },\n // {\n // id: 'contact',\n // component: Contact,\n // heading: 'Address inquiries to',\n // },\n // {\n // id: 'description',\n // component: Description,\n // heading: 'Contract Description',\n // }\n ];\n\n if (procurementCanHavePayments(procurement) && contract?.id) {\n contractSections.splice(1, 0, {\n id: \"reporting\",\n component: Reporting,\n heading: \"Reporting\",\n });\n }\n\n return (\n \n
\n View or Submit Monthly Compliance Reports
\n View or Submit Payments
\n \n {/* Procurement: {procurement?.description}
*/}\n\n {contractSections.map((item) => {\n const Section = item.component;\n\n return (\n
\n Procurement: {procurement?.description}
\n Contract: {contract?.contractCode} - {contract?.name}\n
*/}\n\n {contractSections.map((item) => {\n const Section = item.component;\n\n return (\n \n
\n
\n );\n })}\n {item?.heading}
\n {contract?.id ? (\n\n
\n
\n Procurements List
\n\n {initialItems?.length > 0 ? (\n <>\n
\n Please select the procurement you would like to work on today.
\n\n {isLoadingProcurements ? (\n Loading Procurements...\n ) : (\n `You have no procurements${loadUserRole() === roles.AgencyUser ? \" assigned to you\" : \"\"}.`\n )}\n
\n )}\n\n
\n Contract SDVOB Goal
\n {`${procurement?.goal}%`}
\n \n
\n {procurement?.contractTerm !== \"Term\" && (\n SDVOB GOALS
\n {outputPercentage(planToLoad?.goal / 100)}
\n \n
\n )}\n SDVOB $
\n ${planToLoad?.assessedValueOfPlanToSdvobs?.toLocaleString()}
\n \n DETERMINATION\n \n \n );\n};\n\nconst PlanReviewSubmitForm = withFormikFormComponent(PlanReviewSubmitFormInternal);\nexport default PlanReviewSubmitForm;\n","import React from \"react\";\nimport { outputMoney, outputPercentage } from \"../../../../util/helpers\";\n\nconst SdvobInfo = (props) => {\n const { planToLoad, contract } = props;\n const { adjustedValue } = contract || 0;\n // console.log(adjustedValue / 100);\n // const dollarGoal = adjustedValue && planToLoad?.goal ? (adjustedValue / 100) * planToLoad?.goal : null;\n // console.log({ planToLoad, contract })\n\n return (\n
\n
\n );\n};\n\nexport default SdvobInfo;\n","import React from \"react\";\nimport { getPlanType, getLocalDate } from \"../../../../util/helpers\";\n\nconst Plan = (props) => {\n const { planToLoad, version, procurement } = props;\n const planType = getPlanType(procurement?.goal, planToLoad?.goal);\n\n return (\n \n
\n\n # of SDVOBs Subcontractors
\n \n {planToLoad?.subcontracts?.length} {contract?.primeContractor?.isCertifiedSdvob ? \"(Prime is SDVOB)\" : null}\n
\n \n
\n\n Plan Goals
\n {outputPercentage(planToLoad?.goal / 100)}
\n \n
\n Total Dollar Value of SDVOB Goal
\n {planToLoad ? outputMoney(planToLoad?.assessedValueOfPlanToSdvobs) : \"N/A\"}
\n \n
\n );\n};\n\nexport default Plan;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { formatPhoneNumber, formatAddress, outputMoney } from \"../../../../util/helpers\";\n\nconst ContractorInfo = (props) => {\n const { planToLoad, procurement, contract } = props;\n const { subcontracts } = planToLoad || [];\n const isTerm = procurement?.contractTerm === \"Term\";\n\n return (\n \n
\n Plan Version
\n {version?.toString()}
\n \n
\n Revision Date
\n {getLocalDate(planToLoad?.created)}
\n \n
\n Solicitation #
\n {procurement?.solicitationNumber}
\n \n
\n Contract #
\n {procurement?.contractNumber}
\n \n
\n Agency SDVOB Goal %
\n {procurement?.goal}%
\n \n
\n Plan Types
\n {planType}
\n \n
\n {planToLoad?.waiverDescription && (\n Plan Status
\n {planToLoad?.status}
\n \n
\n )}\n {planToLoad?.message && (\n Waiver Description
\n {planToLoad?.waiverDescription}
\n \n
\n )}\n {planToLoad?.planType !== \"NoWaiver\" ? (\n Deficiency Message
\n {planToLoad?.message}
\n \n
\n ) : (\n \"\"\n )}\n Supporting Documentation
\n \n {planToLoad?.documents?.length ? (\n <>\n {planToLoad?.documents?.map((document, index) => {\n return (\n \n );\n })}\n \n ) : (\n
\n No supporting documentation provided
\n )}\n\n
\n );\n};\n\nexport default ContractorInfo;\n","import React, { Fragment } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Accordion from \"react-bootstrap/Accordion\";\nimport PlansAndWaiversBusiness from \"../../Views/PlansAndWaiversBusiness\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { getLocalDate } from \"../../../../util/helpers\";\n\nconst PlanHistory = (props) => {\n const { procurement, history, planToLoad } = props;\n const { contract, awardedPlan } = procurement;\n return (\n \n
\n {subcontracts?.length\n ? subcontracts.map((subcontract, count) => {\n const valueToOutput = !isTerm ? outputMoney(subcontract?.value) : `${subcontract?.goal}%`;\n return (\n Prime Contractor Information
\n\n\n
\n\n Name
\n {contract?.primeContractor?.name}
\n \n
\n\n Contact Number
\n {formatPhoneNumber(contract?.primeContractor?.contactNumber)}
\n \n
\n\n \n See Full Profile Address
\n {formatAddress(contract?.primeContractor?.addresses[0])}
\n \n
\n );\n })\n : null}\n Subcontractor Information
\n\n\n
\n\n Name
\n {subcontract?.contractor?.name}
\n \n
\n\n Federal ID No.
\n {subcontract?.contractor?.federalId}
\n \n
\n\n Address
\n {formatAddress(subcontract?.contractor?.addresses[0])}
\n \n
\n\n Telephone Number
\n {formatPhoneNumber(subcontract?.contractor?.phone)}
\n \n
\n\n Email
\n {subcontract?.contractor?.email}
\n \n
\n\n Description of Services
\n {subcontract?.contractor?.description}
\n \n
\n\n \n See Full Profile {isTerm ? \"Goal\" : \"Value\"}
\n {valueToOutput}
\n \n \n {history && history.length > 1 ? (\n history.map((historyItem, index) => {\n {\n /* const version = history.length - index; */\n }\n const { version } = historyItem;\n\n return (\n \n \n <>\n Plan version {version} - {historyItem?.status}: {getLocalDate(historyItem?.created)}\n \n \n {historyItem?.status === \"Deficient\" ? (\n <>\n \n \n );\n })\n ) : (\n \n\n {/*
\n );\n};\n\nexport default PlanHistory;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport BasicInfo from \"../Sections/PlansAndWaivers/BasicInfo\";\nimport SdvobInfo from \"../Sections/PlansAndWaivers/SdvobInfo\";\nimport Plan from \"../Sections/PlansAndWaivers/Plan\";\nimport ContractorInfo from \"../Sections/PlansAndWaivers/ContractorInfo\";\nimport PrimeContractorInfo from \"../Sections/PlansAndWaivers/LEGACY_PrimeContractorInfo\";\nimport PlanHistory from \"../Sections/PlansAndWaivers/PlanHistory\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { roles, loadUserRole } from \"../../../util/userHelper\";\n\nconst PlansAndWaiversBusiness = (props) => {\n const { contract, isVersion, planVersion, awardedPlan, procurement, procurementId } = props;\n const planToLoad = planVersion ? planVersion : awardedPlan;\n const { history } = planToLoad || [];\n const version = planToLoad?.version ? planToLoad?.version : planToLoad?.revisionCount;\n const canRevise = loadUserRole() === roles.Business && (planToLoad?.awardStatus === \"Awarded\" || planToLoad?.status === \"Deficient\");\n\n let planSections = [\n {\n id: \"sdvob-info\",\n component: SdvobInfo,\n heading: \"Sdvob Info\",\n },\n {\n id: \"plan-details\",\n component: Plan,\n heading: \"Plan Details\",\n props: {\n version: version,\n procurement: procurement,\n },\n },\n {\n id: \"contractor-info\",\n component: ContractorInfo,\n heading: \"Contractor Information\",\n props: {\n initialValues: {},\n contract: contract,\n },\n },\n ];\n\n if (contract) {\n planSections.splice(1, 0, {\n id: \"basic-info\",\n component: BasicInfo,\n heading: \"Basic Info\",\n });\n }\n\n if (isVersion !== true && ![roles.DivisionAdmin, roles.DivisionUser].includes(loadUserRole())) {\n planSections.push({\n id: \"plan-history\",\n component: PlanHistory,\n // heading: \"Plan History\",\n props: {\n history: history,\n },\n });\n }\n\n return (\n \n Utilization Plan Version History - Create revisions\n
\n\n
\n \n ) : (\n Message: {historyItem?.message}
\nNo historical plan versions to show.
\n )}\n\n \n Create Revision\n \n
*/}\n \n
\n \n Utilization Plan for {procurement?.description}\n
\n\n {[\"Denied\", \"Deficient\"].includes(planToLoad?.status) && !isVersion && canRevise ? (\n\n
\n ) : null}\n\n {planSections.map((item) => {\n const Section = item.component;\n\n return (\n Plan has been marked {planToLoad?.status}
\n{planToLoad?.messages?.length ? planToLoad?.messages[0].content : \"\"}
\n\n {canRevise ? (\n \n Create Revision\n
*/}\n
\n );\n })}\n {item.heading}
\n*/}\n
\n
\n \n
\n {![roles.DivisionAdmin, roles.DivisionUser].includes(loadUserRole()) && (\n \n
\n )}\n Agency Review
\n {[\"Submitted\"].includes(planToLoad?.status) ? (\nStatus: {planToLoad?.status}
\n )}\nPlan List
\n {initialItems?.length ? (\nThere are currently no submitted plans for review
\n )}\n \n );\n};\n\nexport default PlansListAgency;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { setPlanStatus, getPlan } from \"../../../util/api\";\nimport PlanReview from \"./PlanReview\";\nimport PlansListAgency from \"./PlansListAgency\";\nimport { roles, loadUserRole } from \"../../../util/userHelper\";\n\nfunction PlansAndWaiversAgency(props) {\n const { procurement, updateCount, setUpdateCount } = props;\n const { awardedPlan } = procurement;\n const { procurementId, planId } = useParams();\n const [submittedPlans, setSubmittedPlans] = useState(null);\n // const specificPlan = submittedPlans?.find((plan) => plan.id == planId);\n const [specificPlan, setSpecificPlan] = useState(false);\n const planToLoad = specificPlan ? specificPlan : awardedPlan;\n\n async function onSubmit(values, { resetForm }) {\n await setPlanStatus(procurementId, planToLoad.id, values.status, values.message);\n setUpdateCount(updateCount + 1);\n resetForm();\n }\n\n useEffect(() => {\n const fetchData = async () => {\n const resObj = await getPlan(planId);\n setSpecificPlan(resObj);\n };\n\n if (planId) {\n fetchData();\n }\n }, [updateCount]);\n\n return (\nLoading Plan Information...
: null}\n\n {(planId && specificPlan) || awardedPlan ? (\n\n \n
\n );\n};\n\nexport default LogsNav;\n","import React, { useState, useEffect } from \"react\";\nimport { useParams } from \"react-router\";\nimport { withFormikFormComponent } from \"../Forms/FormikForm\";\nimport ProcurementNav from \"./ProcurementNav\";\nimport BusinessUtilizationPlans from \"./UtilizationPlans/BusinessUtilizationPlans\";\nimport CorrespondenceWrapper from \"./Correspondence/CorrespondenceWrapper\";\nimport AnnotationsLog from \"./Annotations/AnnotationsLogList\";\nimport ComplianceReport from \"./ComplianceReports/ComplianceReport\";\nimport ChangeLog from \"./ChangeLogs/ChangeLogList\";\nimport Payments from \"./Payments/Payments\";\nimport { loadUserRole, roles } from \"../../util/userHelper\";\nimport { isPrime, componentsFromRoutes } from \"../../util/helpers\";\nimport SubPayments from \"./Payments/SubPayments\";\nimport ContractDetailsViewAgency from \"./Views/ContractDetailsViewAgency\";\nimport ContractDetailsViewBusiness from \"./Views/ContractDetailsViewBusiness\";\nimport PlansAndWaiversAgency from \"./Views/PlansAndWaiversAgency\";\nimport PlansAndWaiversBusiness from \"./Views/PlansAndWaiversBusiness\";\nimport { getProcurement } from \"../../util/api\";\nimport LogsNav from \"./LogsNav\";\n\nconst ProcurementOverview = (props) => {\n let { procurementId } = useParams();\n const { userInfo, activeBusinessId } = props;\n const [procurement, setProcurement] = useState({});\n const [updateCount, setUpdateCount] = useState(0);\n const { contract, awardedPlan } = procurement;\n\n useEffect(() => {\n async function fetchData() {\n const procurementRes = await getProcurement(procurementId);\n setProcurement(procurementRes?.data);\n // console.log(mockProcurement);\n // setProcurement(mockProcurement);\n }\n\n fetchData();\n }, [procurementId, updateCount]);\n\n let userRoutes = [];\n\n if ([roles.DivisionAdmin, roles.DivisionUser].includes(loadUserRole())) {\n userRoutes = [\n {\n path: \"/procurements/:procurementId/plans-waivers\",\n title: \"Plans & Waivers\",\n exact: true,\n components: [\n [roles.DivisionAdmin, PlansAndWaiversAgency],\n [roles.DivisionUser, PlansAndWaiversAgency],\n ],\n props: {\n version: awardedPlan?.history?.length,\n planVersion: awardedPlan,\n },\n },\n ];\n } else {\n userRoutes =\n isPrime(awardedPlan) || [roles.AgencyUser, roles.AgencyAdmin].includes(loadUserRole())\n ? [\n {\n path: \"/procurements/:procurementId\",\n title: \"Contract Details\",\n exact: true,\n components: [\n [roles.AgencyAdmin, ContractDetailsViewAgency],\n [roles.AgencyUser, ContractDetailsViewAgency],\n [roles.Business, ContractDetailsViewBusiness],\n ],\n },\n {\n path: \"/procurements/:procurementId/plans-waivers/submit\",\n title: \"Utilization Plans\",\n exact: true,\n component: BusinessUtilizationPlans,\n routeInitialValues: {\n agencyId: contract?.agency?.id,\n solicitationNumber: contract?.solicitationNumber,\n contractId: contract?.id,\n goal: 7.5,\n status: \"Received\",\n value: contract?.currentValue,\n totalSdvob: 0,\n },\n },\n {\n path: \"/procurements/:procurementId/plans-waivers/:planId\",\n title: \"Plans & Waivers\",\n exact: true,\n components: [\n [roles.AgencyAdmin, PlansAndWaiversAgency],\n [roles.AgencyUser, PlansAndWaiversAgency],\n [roles.Business, PlansAndWaiversBusiness],\n ],\n },\n {\n path: \"/procurements/:procurementId/plans-waivers\",\n title: \"Plans & Waivers\",\n exact: true,\n components: [\n [roles.AgencyAdmin, PlansAndWaiversAgency],\n [roles.AgencyUser, PlansAndWaiversAgency],\n [roles.Business, PlansAndWaiversBusiness],\n ],\n props: {\n version: awardedPlan?.history?.length,\n planVersion: awardedPlan,\n },\n },\n {\n path: \"/procurements/:procurementId/logs\",\n title: \"Annotations Log\",\n exact: false,\n component: LogsNav,\n },\n // {\n // path: \"/procurements/:procurementId/logs\",\n // title: \"Annotations Log\",\n // exact: true,\n // component: AnnotationsLog,\n // },\n {\n path: \"/procurements/:procurementId/logs/annotations-logs\",\n title: \"Annotations Log\",\n exact: false,\n component: AnnotationsLog,\n },\n {\n path: \"/procurements/:procurementId/logs/change-logs\",\n title: \"Change Log\",\n exact: false,\n component: ChangeLog,\n },\n {\n path: \"/procurements/:procurementId/correspondence\",\n title: \"Correspondence\",\n exact: true,\n component: CorrespondenceWrapper,\n },\n {\n path: \"/procurements/:procurementId/correspondence/:correspondenceId\",\n title: \"Correspondence\",\n exact: true,\n component: CorrespondenceWrapper,\n },\n // {\n // path: \"/procurements/:procurementId/correspondence/:correspondenceId\",\n // title: \"Correspondence\",\n // exact: true,\n // component: CorrespondenceList,\n // },\n {\n path: \"/procurements/:procurementId/payments/:paymentId\",\n title: \"Payments\",\n exact: true,\n component: Payments,\n },\n {\n path: \"/procurements/:procurementId/payments\",\n title: \"Payments\",\n exact: true,\n component: Payments,\n },\n // {\n // path: \"/procurements/:procurementId/compliance-reports/\",\n // title: \"ComplianceReportList\",\n // exact: true,\n // component: ComplianceReportList,\n // },\n {\n path: \"/procurements/:procurementId/compliance-reports\",\n title: \"Compliance Reports\",\n exact: true,\n component: Payments,\n },\n {\n path: \"/procurements/:procurementId/compliance-reports/:year/:month\",\n title: \"ComplianceReport\",\n exact: true,\n component: ComplianceReport,\n // components: [\n // [roles.AgencyAdmin, ComplianceReportsAgency],\n // [roles.AgencyUser, ComplianceReportsAgency],\n // [roles.Business, ComplianceReport],\n // ],\n },\n ]\n : [\n {\n path: \"/procurements/:procurementId/payments\",\n title: \"Payments\",\n exact: true,\n component: SubPayments,\n },\n ];\n }\n\n const procurementRoutes = {\n routes: userRoutes,\n globalProps: {\n contract: contract,\n procurement: procurement,\n procurementId: procurementId,\n activeBusinessId: activeBusinessId,\n awardedPlan: awardedPlan,\n updateCount: updateCount,\n setUpdateCount: setUpdateCount,\n },\n };\n\n return (\n \n \n Procurement: {procurement?.description}\n
\n {[roles.DivisionUser, roles.DivisionAdmin].includes(loadUserRole()) ? null : (\n
\n \n Procurement: {procurement?.description}\n
\n Solicitation Number: {procurement?.solicitationNumber}\n {loadUserRole() === \"Business\" && (\n <>\n
\n Agency: {procurement?.agency?.name}\n \n )}\n
\n {[roles.DivisionUser, roles.DivisionAdmin].includes(loadUserRole()) ? null : (\n Loading Procurement...
}\n\n
\n Utilization Plan Presence
\nConfirm Prime Contractor plans you participate in or identify plans where you appear but have not been notified
\n {initialItems.length ? (\n\n {isLoading ? (\n Loading utilization plans on which you are listed as participating...\n ) : (\n You have no Utilization Plan participation to confirm\n )}\n
\n )}\n \n
\n );\n })\n : null}\n \n {businessesOptions.length > 1 ? (\n !(!!values.subcontracts.find(subcontractor => subcontractor.contractorId === option[0])))}\n type=\"select\"\n isdisabled={inputsDisabled}\n />\n ) : null}\n\n {_.isEmpty(subcontractor) ? (\n {\n arrayHelpers.remove(index);\n }}\n >\n
\n\n {business ? (\n \n {outputArr.length\n ? outputArr.map((item, index) => {\n let val = \"\";\n switch (item.ref) {\n case \"address\":\n val = item?.value ? formatAddress(item.value) : \"Not Provided\";\n break;\n case \"tags\":\n val = {item.value.join(\", \")};\n break;\n default:\n val = item?.value;\n break;\n }\n return (\n
\n ) : null}\n\n {business ? (\n \n
\n );\n })\n : null}\n \n {item.name}\n
\n {val}
\n \n {\n console.log(index);\n arrayHelpers.remove(index);\n }}\n >\n
\n \n
\n ) : null}\n \n
\n <>\n Enter the dollar value of subcontracts / supplies / services. When dollar value cannot be estimated, provide the estimated % of contract work the SDVOB will perform.
\n\n\n {values?.term === \"Standard\" ? (\n <>\n
\n \n
\n \n <>\n
\n \n ) : (\n <>\n Subcontractor Percentage
\n{value ? `${value}%` : \"0%\"}
\n \n {/* } */}\n\n
\n \n )}\n \n \n
\n
\n );\n};\n\nexport default PlanCalculator;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport { Form, Field, FastField, setFieldValue } from \"formik\";\nimport ArrayWrapperDynamic from \"../../Forms/helpers/ArrayWrapperDynamic\";\nimport DocumentWrapper from \"../../Forms/helpers/DocumentWrapper\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport UtilizationPlanSubcontractor from \"../Sections/PlansAndWaiversSubmit/UtilizationPlanSubcontractor\";\nimport PlanCalculator from \"../Sections/PlansAndWaiversSubmit/PlanCalculator\";\nimport { schemas } from \"../../../util/errorHelper\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport { getPercentage, getPlanType, outputMoney, truncate } from \"../../../util/helpers\";\nimport { getActiveOrg, loadUserRole, roles } from \"../../../util/userHelper\";\nimport { getProcurements, getOpenProcurements, getProcurement } from \"../../../util/api\";\nimport ReactiveButton from \"../../Forms/Input/ReactiveButton\";\n\nconst UtilizationPlanSubmitFormInternal = (props) => {\n const { plan, formikBag, agenciesOptions, businessesOptions, businesses, isRevision, setProcurement, primeIsCertified, procurement, onSubmit = { onSubmit } } = props;\n const { values, resetForm, setFieldValue, isValid, isSubmitting } = formikBag;\n const { agencyId, procurementId } = values;\n const [isCalculatorVisible, setIsCalculatorVisible] = useState(true);\n const [procurements, setProcurements] = useState([]);\n const [procurementsOptions, setProcurementsOptions] = useState([]);\n const [selectedProcurement, setSelectedProcurement] = useState(procurement);\n // const [realValues, setRealValues] = useState({ realGoal: 0, realValue: 0 });\n const toggleCalculator = () => {\n setIsCalculatorVisible(!isCalculatorVisible);\n };\n const agencyGoal = selectedProcurement?.goal ? selectedProcurement?.goal : 6;\n const [isLoading, setLoading] = useState(false);\n\n // Get procurements for dropdown, and refresh if agency is changed\n useEffect(() => {\n // console.log(\"agency id\");\n async function fetchOpenAgencyProcurements() {\n const newProcurements = await getOpenProcurements(values.agencyId);\n const procurementsOrdered = newProcurements?.data?.procurements.sort((a, b) => a.description.localeCompare(b.description));\n setProcurements(procurementsOrdered);\n }\n\n if (values.agencyId && !isRevision && loadUserRole() === roles.Business) {\n setLoading(true);\n fetchOpenAgencyProcurements();\n }\n }, [values.agencyId]);\n\n useEffect(() => {\n setSelectedProcurement(procurement);\n }, [procurement]);\n\n // Set the procurement so we can know the goal once we know where procurement context is coming from\n useEffect(() => {\n // console.log(\"procurement id\");\n if (!isRevision && roles.Business === loadUserRole()) {\n const procurementToUse = procurements.find((procurement) => procurement.id === values.procurementId);\n // console.log(procurementsOptions, procurementToUse, values.procurementId);\n setSelectedProcurement(procurementToUse);\n setFieldValue(\"goal\", procurementToUse?.goal);\n setFieldValue(\"term\", procurementToUse?.contractTerm);\n setFieldValue(\"value\", procurementToUse?.contract?.currentValue);\n }\n }, [values.procurementId]);\n\n // Format procurements for dropdowns\n // Reset form so correct selections show\n useEffect(() => {\n // const procurementsAcceptingSubmissions = procurements.filter(item => item?.status === 'AcceptingSubmissions');\n let newProcurementsOptions = procurements?.length\n ? procurements.map((item) => {\n return [item?.id, item?.solicitationNumber];\n })\n : [];\n\n formikBag.resetForm();\n setFieldValue(\"agencyId\", agencyId);\n setProcurementsOptions(newProcurementsOptions);\n\n setLoading(false);\n }, [procurements]);\n\n // Plan Calculator\n useEffect(() => {\n // console.log(\"calculate\");\n const calculateForStandard = () => {\n const realValue = values?.subcontracts?.reduce((a, b) => a + (b.value ? parseInt(b.value) : 0), 0);\n const realGoal = getPercentage(realValue, values.value);\n // console.log(realGoal, realValue);\n // setRealValues({ realGoal: realGoal, realValue: realValue });\n setFieldValue(\"realGoal\", realGoal);\n setFieldValue(\"realValue\", realValue);\n setFieldValue(\"totalSdvob\", values.subcontracts.length);\n };\n const calculateForTerm = () => {\n const realGoal = values?.subcontracts?.reduce((a, b) => a + (b.goal ? parseInt(b.goal) : 0), 0);\n // setRealValues({ realGoal: realGoal });\n setFieldValue(\"realGoal\", realGoal);\n setFieldValue(\"totalSdvob\", values.subcontracts.length);\n };\n if (!primeIsCertified && values?.term === \"Term\") {\n // console.log(\"term\");\n calculateForTerm();\n } else if (!primeIsCertified) {\n // console.log(\"not term\");\n calculateForStandard();\n }\n }, [values]);\n\n const selectProcurementMsg = () => {\n if (isLoading) {\n return \"Loading procurements...\";\n } else if (!isLoading && values?.agencyId && procurementsOptions?.length === 0) {\n return (\n \n
\n \n {\" \"}\n
\n \n
\n Plan Calculator
\n\n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {outputMoney(value)}
\n\n
\n Total Value of Contract
\n\n
\n \n
\n \n
\n \n
\n {agencyGoal}%
\n\n
\n Plan Goal Percentage
\n\n
\n \n
\n \n
\n \n
\n {outputMoney(realValue)}
\n\n
\n Total Assessed Value to SDVOBs
\n\n
\n \n {/*
\n \n
*/}\n \n
\n \n
\n \n
\n ${realValue}
\n\n
Current Plan Dollar Total
\n\n iv>\n\n
\n \n
\n \n
\n \n
\n {realGoal}%
\n\n
\n Current Plan Percentage Goal
\n\n
\n \n The agency is not accepting new submissions for any contracts. Check the Utilization Plans screen to see the status of previously submitted plans.\n
\n );\n } else {\n return null;\n }\n };\n\n return (\n <>\n\n
\n );\n};\n\nexport default SubmitUtilizationPlan;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { getPlan } from \"../../../util/api\";\nimport { loadActiveOrgId } from \"../../../util/userHelper\";\nimport PlansAndWaiversBusiness from \"../Views/PlansAndWaiversBusiness\";\n\nconst ViewUtilizationPlan = () => {\n const { planId } = useParams();\n const [plan, setPlan] = useState(null);\n\n const procurement = plan?.procurement;\n\n useEffect(() => {\n async function fetchData() {\n const planRes = await getPlan(planId);\n setPlan(planRes);\n console.log(planRes);\n }\n\n fetchData();\n }, [planId]);\n\n return (\n <>\n {plan ? (\n Submit a Utilization Plan
\nSystem Preferences
\n\n \n
\n );\n};\n\nexport default AssignDropdown;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { last } from \"lodash\";\nimport React, { useEffect, useState } from \"react\";\nimport { getApplications, getDivisionUsers, assignApplicationUser } from \"../../../util/api\";\nimport { daysLeftColorize, getRelevantApplicationTimer, outputPhase } from \"../../../util/helpers\";\nimport { loadUserRole, roles, getUserFullName } from \"../../../util/userHelper\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\nimport AssignDropdown from \"../shared/AssignDropdown\";\n\nlet Columns = [\n {\n Header: \"Business Name\",\n accessor: \"applicationNameLink\", // accessor is the \"key\" in the data\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"legalName\",\n },\n {\n Header: \"Home Region\",\n accessor: \"regionLocatedIn\",\n defaultCanSort: true,\n sortType: \"basic\",\n },\n {\n Header: \"Status\",\n accessor: \"status\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"status\",\n },\n {\n Header: \"Phase\",\n accessor: \"phase\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"phase\",\n },\n {\n Header: \"Days Left\",\n accessor: \"businessDaysLeft\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"businessDaysLeft\",\n },\n // {\n // Header: 'Last Action',\n // accessor: 'lastAction',\n // defaultCanSort: true,\n // sortType: 'basic',\n // filterCode: \"lastAction\"\n // }\n];\n\nif (loadUserRole() === roles.DivisionAdmin) {\n Columns.splice(3, 0, {\n Header: \"Assigned\",\n accessor: \"assigned\",\n defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"assignedUser\",\n });\n}\n\nconst ApplicationList = ({ userInfo }) => {\n const [applications, setApplications] = useState([]);\n const [divisionUsers, setDivisionUsers] = useState([]);\n const [divisionUser, setDivisionUser] = useState({});\n const [updateCount, setUpdateCount] = useState(0);\n\n const makeDivisionUserOption = (user) => {\n return {\n ...user,\n label: `${user.userId} - ${user.firstName} ${user.lastName}`,\n filterLabel: getUserFullName(user),\n };\n };\n\n useEffect(() => {\n const loadDivisionUsers = async () => await getDivisionUsers();\n const loadApplications = async () => await getApplications();\n\n loadDivisionUsers().then(({ users }) => {\n const userOptions = users.map((user) => makeDivisionUserOption(user)).sort((x, y) => x.label.localeCompare(y.label));\n setDivisionUsers([{ label: \"Unassigned\", filterLabel: \"Unassigned\", id: \"\" }, ...userOptions]);\n });\n\n loadApplications().then(({ applications }) => setApplications(applications));\n }, [updateCount]);\n\n const getStatusName = (application) => {\n const { phase, status } = application;\n if ([\"InDepthReview\"].includes(phase) && [\"Deficient\"].includes(status)) {\n return \"Additional Info\";\n } else {\n return status;\n }\n };\n\n const assignDropdownOnChange = async (e, applicationId) => {\n const divisionUserId = e.target.value;\n setDivisionUser({ applicationId, divisionUserId });\n await assignApplicationUser(applicationId, divisionUserId);\n setUpdateCount(updateCount + 1);\n setDivisionUser({});\n };\n\n const initialItems = applications?.map((application) => {\n const { reviewer, reviewerId, businessPreviouslyCertified } = application;\n const relTimer = getRelevantApplicationTimer(application) || {};\n const daysLeftColorized = daysLeftColorize(relTimer);\n const lastAction = application?.activityLogs && application?.activityLogs?.length ? last(application?.activityLogs)?.activity : \"UNKNOWN\";\n\n return {\n ...application,\n status: getStatusName(application),\n assignedUser: getUserFullName(reviewer),\n assigned:\n divisionUser.applicationId === application.id ? (\n \n {businessPreviouslyCertified ?
\n ),\n // assigned: application?.users.filter(user => user?.role === \"Division\").length ? application?.users.filter(user => user?.role === \"Division\")[0].userId : 'Not Assigned',\n };\n });\n\n let FilterListConfig = {\n legalName: {},\n status: {},\n assignedUser: {\n type: \"typeahead\",\n options: divisionUsers?.map((user) => ({ id: user.filterLabel, label: user.filterLabel })),\n },\n };\n\n // if (loadUserRole() === roles.DivisionAdmin) {\n // FilterListConfig = {\n // ...FilterListConfig,\n // assigned: {\n // isJoin: false,\n // type: \"typeahead\",\n // options: divisionUsers,\n // },\n // };\n // }\n\n return (\n \n
\n Applications Queue
\nHi {userInfo?.user?.firstName},
\nPlease select the application you would like to work on today.
\n\n {applications?.length > 0 ? (\n
\n You have no applications currently assigned to you
\n )}\n\n {initialItems?.length ? (\n
\n \n );\n}\nconst ActivityList = withFormikFormComponent(ActivityListInternal);\nexport default ActivityList;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from 'react-router';\nimport ActivityList from \"./ActivityList\";\nimport ActivityItemForm from \"./ActivityItemForm\";\nimport { getApplication, handleActivityLogSubmit, getActivityLogs } from \"../../../util/api\"\n// import ApplicationNav from \"../../components/DivisionPortal/ApplicationNav\";\n\nconst ApplicationActivityLogs = ({ activityLogs, application, changeCount, setChangeCount }) => {\n const { applicationId } = useParams();\n // const [application, setApplication] = useState({});\n // const [businessId, setBusinessId] = useState(\"\");\n // const [initialItems, setInitialItems] = useState(activityLogs);\n // const [submissionCount, setSubmissionCount] = useState(false);\n\n const handleLogSumitWithRefresh = (applicationId, activity, created) => {\n handleActivityLogSubmit(\"application\", applicationId, activity, created);\n // setSubmissionCount(submissionCount + 1);\n setChangeCount(changeCount + 1);\n }\n\n // useEffect(() => {\n // async function fetchData() {\n // // const myApplication = await getApplication(applicationId);\n // // setApplication(myApplication);\n // // setBusinessId(myApplication?.businessId);\n\n // // const myInitialItems = application ? await getActivityLogs('application', applicationId) : [];\n // // setInitialItems(myInitialItems?.activityLogs);\n // }\n // fetchData();\n // }, [submissionCount]);\n\n\n return (\n <>\n \n
\n )}\n No Activity Items to display, currently.
\nActivity Log for {application?.legalName}
\n\n\n \n
\n );\n};\n\nexport default ApplicationNav;\n","import React from \"react\";\nimport './ApplicationChanges.scss'\n\nconst ApplicationChanges = (props) => {\n const { mergedDetail } = props;\n\n\n // console.log(mergedLog);\n return (\n <>\n \n {mergedDetail ? mergedDetail.map((item, index) => {\n if (item?.OldValue !== item?.NewValue) {\n\n return (\n
\n \n\n )\n}\n\nexport default ApplicationChanges;\n","import React, { useEffect, useState } from \"react\";\nimport { Field } from \"formik\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport { getUserId, loadUserRole, roles } from \"../../../util/userHelper\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport { Button } from \"react-bootstrap\";\nimport { schemas } from \"../../../util/errorHelper\";\nimport {\n handleChangeRequestSubmit,\n handleInitialReviewCompletion,\n handleInDepthReviewCompletion,\n handleApplicationApproval,\n handleApplicationAppeal,\n handleApplicationAppealDenial,\n handleApplicationCertification,\n handleApplicationDenial,\n handleApplicationAppealAllow,\n handleVisitationStatus,\n handleRevokeCertification,\n} from \"../../../util/api\";\nimport { hasExpired, outputStatus } from \"../../../util/helpers\";\nimport ModalActions from \"./ModalActions\";\nimport { getUtcDate } from \"../../../util/helpers\";\n\nconst ApplicationReviewFormInternal = (props) => {\n const { applicationId, formikBag, application, changeCount, setChangeCount } = props;\n const { status, phase } = application || \"\";\n const [changeRequestConfirmation, setChangeRequestConfirmation] = useState(\"\");\n const [showModal, setShowModal] = useState(false);\n const [modalChoice, setModalChoice] = useState();\n const { setFieldValue, values } = formikBag;\n const [minEffectiveDate, setMinEffectiveDate] = useState(null);\n const [maxEffectiveDate, setMaxEffectiveDate] = useState(null);\n const [isRecertification, setIsRecertification] = useState(false);\n\n const confirmRevoke = async () => {\n const resObj = await handleRevokeCertification(application?.businessId, \"My reason\");\n if (resObj.status === 200) {\n setShowModal(false);\n setChangeCount(changeCount + 1);\n }\n };\n\n useEffect(() => {\n if (!props.application) {\n return;\n }\n\n setIsRecertification(!!props.application.businessCertificationExpDate);\n\n const expirationDate = !!props.application.businessCertificationExpDate ? new Date(props.application.businessCertificationExpDate) : null;\n\n const certificationExpDate = expirationDate ? new Date(expirationDate.getUTCFullYear(), expirationDate.getUTCMonth(), expirationDate.getUTCDate()) : null;\n\n const now = new Date();\n const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n\n const certificationExpDatePlusOne = certificationExpDate ? new Date(certificationExpDate) : null;\n\n if (certificationExpDatePlusOne) {\n certificationExpDatePlusOne.setDate(certificationExpDate.getUTCDate() + 1);\n }\n\n setMinEffectiveDate(certificationExpDatePlusOne ?? today);\n\n setMaxEffectiveDate(today < certificationExpDatePlusOne ? certificationExpDatePlusOne : today);\n }, [props.application]);\n\n useEffect(() => {\n setFieldValue(\"effectiveDate\", minEffectiveDate);\n }, [minEffectiveDate]);\n\n const confirmations = {\n InitialReview: {\n heading: \"Initial Review\",\n message: \"Complete Initial Review?\",\n action: handleInitialReviewCompletion,\n },\n InDepthReview: {\n heading: \"In-Depth Review\",\n message: \"Complete In-Depth Review?\",\n action: handleInDepthReviewCompletion,\n },\n Deny: {\n heading: \"Confirm Denial\",\n message: \"I have sent an email explaining the reason for denial.\",\n action: handleApplicationDenial,\n condition: true,\n secondConditionMessage: \"I have entered a manual activity log entry for the denial.\",\n secondCondition: true,\n },\n Approve: {\n heading: \"Approval\",\n message: \"Approve Application?\",\n action: handleApplicationApproval,\n },\n Certify: {\n heading: \"Certify\",\n message: \"Certify Application?\",\n action: handleApplicationCertification,\n includedFormValues: [\"effectiveDate\"],\n },\n Appeal: {\n heading: \"Appeal\",\n message: \"Open Appeal?\",\n action: handleApplicationAppeal,\n },\n DenyAppeal: {\n heading: \"Deny\",\n message: \"Deny Appeal?\",\n action: handleApplicationAppealDenial,\n },\n AllowAppeal: {\n heading: \"Appeal\",\n message: \"Allow Appeal?\",\n action: handleApplicationAppealAllow,\n },\n Revoke: {\n heading: \"Revoke Certification\",\n message: \"Are you sure you would like to revoke this business's certification?\",\n action: confirmRevoke,\n },\n };\n\n return (\n <>\n \n
\n )\n }\n }) : null}\n {item?.FieldName}
\n\n
\n \n From:\n {/*
\n {JSON.stringify(item?.OldValue, undefined, 4).replace(/\\\\n/g, '')} */}\n {item?.OldValue !== null ? String(item?.OldValue)?.replace(/\\\\n| +/g, '') : 'NO VALUE SET'}\n \n To:\n {/*
\n {JSON.stringify(item?.NewValue, undefined, 4)?\\n/g, '')} */}\n {item?.NewValue !== null ? String(item?.NewValue)?.replace(/\\\\n| +/g, '') : 'NO VALUE SET'}\n \n
\n {\n setModalChoice(\"Deny\");\n setShowModal(true);\n }}\n >\n Deny Application\n \n ) : null}\n\n {[\"Appealed\"].includes(application?.status) ? (\n <>\n {\n setModalChoice(\"DenyAppeal\");\n setShowModal(true);\n }}\n >\n Deny Appeal\n \n {\n setModalChoice(\"AllowAppeal\");\n setShowModal(true);\n }}\n >\n Allow Appeal\n \n \n ) : null}\n\n {[\"DirectorReview\", \"Appealed\"].includes(application?.phase) ? (\n {\n setModalChoice(\"Approve\");\n setShowModal(true);\n }}\n >\n Approve Application\n \n ) : null}\n \n ) : null}\n\n {/* If application isn't active, show these other options */}\n {status === \"Denied\" && !hasExpired(application?.timers.find((item) => item?.type === \"AbleToAppeal\")) ? (\n {\n setModalChoice(\"Appeal\");\n setShowModal(true);\n }}\n >\n Open Appeal\n \n ) : null}\n\n {status === \"Approved\" ? (\n <>\n {\n setModalChoice(\"Certify\");\n setShowModal(true);\n }}\n >\n Certify Application\n \n \n ) : null}\n \n ) : null}\n
\n\n Application Review
\n\n
Application status: {outputStatus(status)}
\n\n {[roles.DivisionUser, roles.DivisionAdmin].includes(loadUserRole()) ? (\n <>\n {[\"Deficient\"].includes(status) ? (\n <>\n\n
\n \n ) : (\n <>\n {/* Standard review phase options, while application is in a positive/workable status */}\n {[\"InitialReview\", \"InDepthReview\"].includes(phase) && ![\"Denied\", \"Appealed\", \"Deficient\", \"AppealDenied\"].includes(status) ? (\n <>\n {[\"InitialReview\"].includes(phase) ? (\n Change request submitted
\n\n
\n ) : null}\n\n {[\"InDepthReview\"].includes(phase) ? (\n \n {\n setModalChoice(\"InitialReview\");\n setShowModal(true);\n }}\n />\n \n
\n \n
\n ) : null}\n\n \n {\n setModalChoice(\"InDepthReview\");\n setShowModal(true);\n }}\n />\n \n
\n \n {\n try {\n const description = formikBag?.values?.notes;\n const preparerId = application?.preparerId;\n const requesterId = getUserId();\n const status = \"Created\";\n await handleChangeRequestSubmit(applicationId, description, preparerId, requesterId, status);\n setFieldValue(\"notes\", \"\");\n setChangeRequestConfirmation(\"Change request successfully submitted\");\n setChangeCount(changeCount + 1);\n } catch (e) {\n console.log(\"Error processing\", e);\n }\n }}\n >\n UPDATE\n \n
\n \n ) : null}\n \n )}\n \n ) : null}\n\n {/* Approve, Deny, Appeal Actions and Director Visit are restricted to Division Admins */}\n {loadUserRole() === roles.DivisionAdmin ? (\n <>\n {/* If application is active, show the actions */}\n {![\"Approved\", \"Certified\", \"Denied\", \"Withdrawn\"].includes(status) ? (\n <>\n Submit change requests
\n{changeRequestConfirmation}
: null}\n\n \n\n {\n handleVisitationStatus(applicationId, values.visitationStatus);\n }}\n >\n UPDATE\n \n
\n\n {![\"Appealed\", \"AppealDenied\"].includes(status) && [\"InDepthReview\", \"DirectorReview\"].includes(phase) ? (\n \n
\n \n
\n \n The effective date can only be backdated as far back as the business's original certification expiration date of {getUtcDate(minEffectiveDate)} and can only be as recent as\n today's date of {getUtcDate(maxEffectiveDate)}.\n
\n\n The effective date for certification will be {getUtcDate(minEffectiveDate)}.\n
\n\n
\n )\n}\nexport default ApplicationReview;\n\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from 'react-router';\nimport { getActivityLogs, getApplication } from \"../../../util/api\";\nimport { componentsFromRoutes } from \"../../../util/helpers\";\nimport ApplicationActivityLogs from \"./ApplicationActivityLogs\";\nimport ApplicationNav from \"./ApplicationNav\";\nimport ApplicationReview from \"./ApplicationReview\";\n\nfunction ApplicationOverviewDivision(props) {\n // console.log('overview is loaded');\n const { applicationId } = useParams();\n const [application, setApplication] = useState({});\n const { phase } = application;\n const [changeCount, setChangeCount] = useState(0);\n const [activityLogs, setActivityLogs] = useState([]);\n\n useEffect(() => {\n // console.log(phase, changeCount);\n async function fetchData() {\n const myApplication = await getApplication(applicationId);\n setApplication(myApplication);\n // console.log(myApplication)\n\n const myInitialItems = application ? await getActivityLogs('application', applicationId) : [];\n setActivityLogs(myInitialItems?.activityLogs);\n }\n fetchData();\n // console.log(phase, changeCount);\n }, [changeCount]);\n\n const DivisionActivityRoutes = {\n routes: [\n {\n path: \"/application/:applicationId/review\",\n title: \"Activity Report\",\n exact: true,\n component: ApplicationReview,\n },\n {\n path: \"/application/:applicationId/activity-log\",\n title: \"Activity Logs\",\n exact: true,\n component: ApplicationActivityLogs,\n },\n ],\n globalProps: {\n application,\n activityLogs,\n changeCount,\n setChangeCount\n }\n };\n\n return (\n \n\n
\n \n
\n \n
\n Application Review for {application?.legalName}
\n\n {mergedDetail.length ? : null}\n { setActivityModalShown(false) }}>\n \n \n \n \n \n
\n Application Changes
\n
\n \n
\n )\n}\n\nexport default ApplicationOverviewDivision;\n\n","import React, { useEffect, useState } from \"react\";\nimport { Field } from \"formik\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport FilterTableField from \"../../Forms/Input/FilterTableField\";\nimport { getApplications, handleApplicationTimerStatus } from \"../../../util/api\";\nimport { daysLeftColorize, getRelevantApplicationTimer, outputTimer } from \"../../../util/helpers\";\nimport _ from \"lodash\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\nimport { string } from \"yup\";\n\nfunction CertificationTimerListInternal(props) {\n const { formikBag } = props;\n const { setFieldValue, values } = formikBag;\n\n //Get the application and business information\n const [applications, setApplications] = useState([]);\n const [applicationsUpdated, setApplicationsUpdated] = useState(0);\n\n useEffect(() => {\n async function fetchData() {\n const myApplications = await getApplications([\"Submitted\", \"New\"]);\n setApplications(myApplications?.applications);\n }\n fetchData();\n }, [applicationsUpdated]);\n\n // only use the applications with timers\n const initialItems = applications.filter((application) => application.timers.length);\n\n const FilterListConfig = {\n legalName: {\n isJoin: false,\n },\n status: {\n isJoin: false,\n },\n daysLeft: {\n isJoin: false,\n },\n timerRunning: {\n isJoin: false,\n },\n endDate: {\n isJoin: false,\n },\n };\n\n const Columns = [\n {\n Header: \"Business\",\n accessor: \"legalName\", // accessor is the 'key' in the data\n // disableSortBy: true,\n sortType: \"basic\",\n filterCode: \"legalName\",\n },\n {\n Header: \"Status\",\n accessor: \"status\",\n // defaultCanSort: true,\n sortType: \"basic\",\n filterCode: \"status\",\n },\n {\n // Header: 'Business Days Left',\n Header: \"Business Days Left\",\n accessor: \"businessDaysLeft\", // accessor is the 'key' in the data\n // disableSortBy: true,\n sortType: \"basic\",\n filterCode: \"businessDaysLeft\",\n },\n {\n Header: \"Timer\",\n accessor: \"timerRunning\", // accessor is the 'key' in the data\n // disableSortBy: true,\n sortType: \"basic\",\n filterCode: \"timerRunning\",\n },\n // {\n // Header: 'Due Date',\n // accessor: 'endDate', // accessor is the 'key' in the data\n // // disableSortBy: true,\n // sortType: 'basic',\n // filterCode: 'endDate'\n // },\n ];\n\n const modifiedTimers = initialItems?.map((item) => {\n const relTimer = getRelevantApplicationTimer(item);\n const daysLeft = relTimer?.minutesLeft;\n const daysLeftColorized = daysLeftColorize(relTimer);\n const stopped = _.get(values, `timer-${item.id}`) === undefined ? relTimer?.isStopped : _.get(values, `timer-${item.id}`);\n const name = `timer-${item.id}`;\n\n return {\n ...item,\n legalName: item.legalName,\n endDate: new Date(relTimer?.endDate).toDateString(),\n businessDaysLeft: daysLeftColorized,\n daysLeft: string(item.daysLeft),\n timerRunning: (\n \n {\n console.log(_.get(values, `timer-${item.id}`), values);\n if (stopped) {\n const resObj = await handleApplicationTimerStatus(relTimer.id, \"start\");\n if (resObj.status === 200) {\n console.log(\"we started the timer\");\n setFieldValue(`timer-${item.id}`, false);\n }\n } else {\n const resObj = await handleApplicationTimerStatus(relTimer.id, \"stop\");\n if (resObj.status === 200) {\n console.log(\"we stopped the timer\");\n setFieldValue(`timer-${item.id}`, true);\n }\n }\n setApplicationsUpdated(applicationsUpdated + 1);\n }}\n />\n \n
\n ),\n };\n });\n\n return (\n <>\n Application Timers
\nReview statuses of timers associated with SDVOB applications.
\n\n\n {modifiedTimers?.length ? (\n
\n \n );\n}\nconst CertificationTimerList = withFormikFormComponent(CertificationTimerListInternal);\nexport default CertificationTimerList;\n","import React, { useEffect, useMemo, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Field } from \"formik\";\nimport _ from \"lodash\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport { getCertifiedBusinesses, handleBusinessTimerStatus, getBusinessTimers } from \"../../../util/api\";\nimport { daysLeftColorize, outputTimer, tableSortByValue } from \"../../../util/helpers\";\nimport { roles, loadUserRole } from \"../../../util/userHelper\";\nimport FilterTableForm from \"../../Forms/Input/FilterTableForm\";\n\nfunction MaintenanceTimerListInternal(props) {\n const { formikBag } = props;\n const { setFieldValue, values } = formikBag;\n //Get the application and business information\n const [businesses, setBusinesses] = useState([]);\n const [updatedCount, setUpdatedCount] = useState(0);\n\n useEffect(() => {\n fetchData();\n }, []);\n\n async function fetchData() {\n // console.log('doing it again');\n const myBusinesses = await getBusinessTimers();\n setBusinesses(myBusinesses?.data);\n }\n\n const sortByName = (rowA, rowB, name, other) => {\n return tableSortByValue(rowA, rowB, \"legalName\");\n };\n\n const sortByDaysLeft = (rowA, rowB, name, other) => {\n return tableSortByValue(rowA, rowB, \"daysLeft\");\n };\n\n const FilterListConfig = {\n legalName: {},\n daysLeft: {},\n };\n\n let Columns = [\n {\n Header: \"Business\",\n accessor: \"legalNameLink\", // accessor is the 'key' in the data\n sortType: sortByName,\n },\n {\n Header: \"Business\",\n accessor: \"legalName\", // accessor is the 'key' in the data\n filterCode: \"legalName\",\n isVisible: false,\n },\n {\n // Header: 'Days Left',\n Header: \"Days Until Expiration\",\n accessor: \"businessDaysLeft\", // accessor is the 'key' in the data\n // disableSortBy: true,\n sortType: sortByDaysLeft,\n filterCode: \"businessDaysLeft\",\n },\n {\n // Header: 'Days Left',\n Header: \"Days Left\",\n accessor: \"daysLeft\", // accessor is the 'key' in the data\n // disableSortBy: true,\n // sortType: sortByDaysLeft,\n filterCode: \"daysLeft\",\n isVisible: false,\n },\n ];\n\n if (loadUserRole() === roles.DivisionAdmin) {\n Columns.push({\n Header: \"Timer Running\",\n accessor: \"timerRunning\", // accessor is the 'key' in the data\n // disableSortBy: true,\n sortType: \"basic\",\n filterCode: \"timerRunning\",\n });\n }\n\n const initialItems = businesses?.map((item, index) => {\n const annualTimer = item.timers.find((timer) => timer?.type === \"AnnualCheckup\");\n const recertTimer = item.timers.find((timer) => timer?.type === \"Recertification\");\n const fiveYearTimer = item.timers.find((timer) => timer?.type === \"FiveYearCertification\");\n // const relTimer = annualTimer ? annualTimer : recertTimer ? recertTimer : fiveYearTimer ? fiveYearTimer : {};\n const relTimer = fiveYearTimer ? fiveYearTimer : {};\n const daysLeft = relTimer ? relTimer?.daysLeft : \"N/A\";\n const daysLeftColorized = daysLeftColorize(relTimer);\n const stopped = _.get(values, `timer-${item.id}`) === undefined ? relTimer.isStopped : _.get(values, `timer-${item.id}`);\n\n return {\n ...item,\n legalNameLink: (\n \n
\n )}\n No certification timers to display, currently.
\n\n \n {item.legalName}\n \n
\n ),\n // legalNameLink: item?.legalName,\n // endDate: new Date(relTimer.endDate).toDateString(),\n businessDaysLeft: daysLeftColorized,\n daysLeft: daysLeft,\n type: outputTimer(relTimer?.type),\n timerRunning: (\n \n {\n if (stopped) {\n const resObj = await handleBusinessTimerStatus(relTimer?.id, \"start\");\n // if (resObj.status === 200) {\n // console.log('it was a 200', updatedCount);\n // setUpdatedCount(updatedCount + 1);\n // // setFieldValue(`timer-${item?.id}`, !stopped)\n // fetchData();\n // console.log('do the is stopped stuff', updatedCount)\n // }\n await fetchData();\n } else {\n console.log(relTimer);\n const resObj = await handleBusinessTimerStatus(relTimer?.id, \"stop\");\n // if (resObj.status === 200) {\n // console.log('it was a 200', updatedCount);\n // // setUpdatedCount(updatedCount + 1);\n // // setFieldValue(`timer-${item?.id}`, !stopped)\n // fetchData();\n // console.log('do the is started stuff', updatedCount);\n // }\n await fetchData();\n }\n }}\n />\n \n
\n ),\n };\n });\n\n return (\n <>\n Certified Business List
\nReview statuses of timers associated with certified SDVOBs
\n\n\n {initialItems?.length ? (\n
\n \n );\n}\nconst MaintenanceTimerList = withFormikFormComponent(MaintenanceTimerListInternal);\nexport default MaintenanceTimerList;\n","import React from \"react\";\nimport { useParams } from \"react-router\";\nimport InputComponent from \"../../Forms/Input/InputComponent\";\nimport { withFormikFormComponent } from \"../../Forms/FormikForm\";\nimport { Field } from \"formik\";\nimport DebugModal from \"../../Debug/DebugModal\";\nimport { YES_NO_RADIO } from \"../../../util/typelistHelper\";\n\nconst DocumentChecklistInternal = (props) => {\n const { formikBag } = props;\n const { values } = formikBag;\n const { applicationId } = useParams();\n let content = \"\";\n if (values?.cve === true) {\n content = (\n \n
\n )}\n Loading Certified Businesses...
\n\n
\n );\n } else if (values?.businessType === \"SoleProprietorship\") {\n content = (\n CVE
\n- \n
- Proof of VETS FIRST Certification \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%\n \n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application \n
- The entire Federal Income Tax Returns for the applicant business for the three most recently completed tax years \n
- Business License, if applicable \n
- Resume which communicates the Disabled Veteran’s experience, education, knowledge, and qualifications \n
\n
\n );\n } else if (values?.businessType === \"Partnership\") {\n content = (\n Sole Prop
\n- \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n\n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%.{\" \"}\n \n\n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application. \n\n
- The entire Federal Income Tax Returns for the applicant business for the three most recently completed tax years \n
- Business License, if applicable \n
- Resume which communicates the Disabled Veteran’s experience, education, knowledge, and qualifications \n
- Franchise, Trust Agreement, and Amendments, as applicable \n
\n
\n );\n } else if (values?.businessType === \"Corporation\") {\n content = (\n Partnership
\n- \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n\n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%.{\" \"}\n \n\n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application. \n\n
- The entire Federal Income Tax Returns for each partner for the three most recently completed tax years \n\n
- Business License, if applicable \n\n
- Resumes which communicate the Disabled Veterans’ experience, education, knowledge, and qualifications. \n\n
- Franchise, Trust Agreement and Amendments, as applicable \n\n
- Partnership agreement and amendments \n
\n
\n );\n } else if (values?.businessType === \"LLC\") {\n content = (\n Corporation
\n- \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n\n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%.{\" \"}\n \n\n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application. \n\n
- The entire Federal Income Tax Returns for the applicant business for the three most recently completed tax years, if applicable \n\n
- Business License, if applicable \n\n
- Resumes which communicate the Disabled Veterans’ experience, education, knowledge, and qualifications \n\n
- Franchise, Trust Agreement and Amendments, as applicable \n\n
- Articles of Incorporation \n\n
- Corporate meeting minutes listing current elected corporate officers and directors, or the most recent Statement of Information \n\n
- Corporate bylaws and amendments \n\n
- Stock Transfer Ledger and Stock Certificates for original applicants or changes in business structure \n
\n
\n );\n } else if (values?.businessType === \"LLP\") {\n content = (\n LLC
\n- \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n\n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%.{\" \"}\n \n\n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application. \n
- The entire Federal Income Tax Returns for the applicant business for the three most recently completed tax years, if applicable \n\n
- Business License, if applicable \n\n
- Resumes which communicate the Disabled Veterans’ experience, education, knowledge, and qualifications \n\n
- Franchise, Trust Agreement and Amendments, as applicable \n\n
- Articles of Organization \n\n
- Operating Agreement and amendments \n
\n
\n );\n } else {\n content = (\n LLP
\n- \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n\n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%.{\" \"}\n \n\n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application. \n
- The entire Federal Income Tax Returns for each limited liability partner for the three most recently completed tax years, if applicable \n
- Business License, if applicable \n
- Resumes which communicate the Disabled Veterans’ experience, education, knowledge, and qualifications. \n
- Franchise, Trust Agreement and Amendments, as applicable \n
- Partnership agreement and amendments B5(f). \n
- Limited Liability Partnership Registration \n
\n
\n );\n }\n\n return (\n - \n
- DD214(s) and/or NGB22(s) with Line of Duty Report \n\n
- \n U.S. Veterans Administration documentation of service-connected disability rating which must be dated within one year of the date DSDVBD receives your SDVOB Certification Application and\n must demonstrate a service-connected disability rating of at least 10%.{\" \"}\n \n\n
- Official Internal Revenue Service (IRS) documentation verifying the firm’s Federal Employer Identification Number (FEIN) or Social Security Number (SSN) listed on the application. \n
\n
\n );\n};\n\nconst DocumentChecklist = withFormikFormComponent(DocumentChecklistInternal);\nexport default DocumentChecklist;\n","import React, { useState, useEffect } from \"react\";\nimport { FastField } from \"formik\";\nimport { Modal } from \"react-bootstrap\";\nimport { Link, useHistory, useParams } from \"react-router-dom\";\nimport { markNotificationsRead, markNotificationsUnread, getNotifications } from \"../../util/api\";\nimport { getLocalTime } from \"../../util/helpers\";\nimport { withFormikFormComponent } from \"../Forms/FormikForm\";\nimport FilterTableForm from \"../Forms/Input/FilterTableForm\";\n\nconst NotificationListInternal = (props) => {\n const { userInfo } = props;\n const { notificationId } = useParams();\n const [notifications, setNotifications] = useState(null);\n const notification = notifications && notifications?.length && notificationId ? notifications.find((item) => item.id === notificationId) : null;\n const [modalStatus, setModalStatus] = useState(notificationId ? true : false);\n const [notificationsUpdateCount, setNotificationsUpdateCount] = useState(0);\n const history = useHistory();\n\n const setNotificationStatus = async (values) => {\n console.log(values);\n const { notificationIds } = values;\n await markNotificationsRead(notificationIds);\n setNotificationsUpdateCount(notificationsUpdateCount + 1);\n };\n\n useEffect(() => {\n const fetchNoticiations = async () => {\n const resObj = await getNotifications();\n setNotifications(resObj.data.notifications);\n };\n fetchNoticiations();\n }, [modalStatus, notificationsUpdateCount]);\n\n const FilterListConfig = {\n header: {},\n };\n\n const initialItems = notifications\n ?.sort((a, b) => new Date(b.timeStamp) - new Date(a.timeStamp))\n ?.map((item) => {\n // const initialItems = notifications?.map((item) => {\n return {\n ...item,\n // readStatus: item.read ? Pre-Application Document Checklist
\n\n\n During the SDVOB application, you will be asked to upload supporting documentation through this portal. Please answer the following questions to generate a checklist of documents to help you\n prepare for the certification process.{\" \"}\n
\nNote: These questions do not constitute the start of the application.
\n\n \n\n\n
\n You will need the documents listed below to successfully complete your application.
\n {content}\n\n {/* Generate Document Checklist */}\n {applicationId && \n Proceed to Application\n }\n
\n \n {item.header}\n
\n \n
Notifications
\n\n
\n {initialItems ? (\n \n Hi {userInfo?.user?.firstName},
\n Here are your notifications.\n
There are currently no notifications currently waiting for you
\n )}\n\n\n {notification?.header}\n
\n {notification ? : null}\n\n
\n\n \n
\n \n \n \n View All Notifications
\n
\n\n \n \n View All Notifications
\n \n
\n \n Recent Notifications\n
\n\n\n {notifications && notifications?.length\n ? notifications.slice(0, 5).map((notification, index) => {\n const { body, timeStamp, read } = notification;\n\n return (\n
\n \n
\n );\n })\n : null}\n \n {body}\n
\n {new Date(timeStamp).toLocaleString()}
\n {read ? `Read` : Unread}
\n \n
\n \n ) : (\n <>\n \n
\n\n \n \n \n View Procurements
\n
\n \n \n View Procurements
\n \n
\n \n Active procurements with goals assigned: {dashboardData?.activeProcurementsWithGoalsAssigned}\n
\n\n
\n \n Eligible procurements without an assigned contract: {dashboardData?.procurementsThatNeedAContract?.total}\n
\n\n
\n \n Procurements without plans: {dashboardData?.procurementsWaitingForPlans?.total}\n
\n\n
\n \n Procurements with submitted plans in need of review: {dashboardData?.procurementsWithSubmittedPlansInNeedOfReview?.total}\n
\n\n
\n \n \n \n Agency Submission Deadlines
\n
\n \n \n Agency Submission Deadlines
\n \n {dashboardData?.agencyReportsDue?.map((reportType, i) => {\n return (\n
\n \n
\n );\n })}\n \n {reportType?.name}\n
\n \n {reportType.overdue && (\n \n
\n Due {getLocalDate(reportType?.dueDate)}
\n No Agencies currently assigned to your user
\nPlease contact the Division to be assigned your agency
\n \n )}\nCertification Actions for {activeOrg?.legalName}
: null}\n\n {/* {activeOrg?.applications?.map((application, index) => (\n
\n \n
\n \n \n
\n \n
\n Narrative Plans
\n3 To Review
\n\n \n \n \n View All Notifications\n \n \n \n \n\n \n \n \n View Your Applications\n \n \n \n \n{/*\n
\n );\n};\n\nexport default DivisionPortal;\n","import React from \"react\";\nimport AgencyAdminPortal from \"./AgencyAdminPortal\";\nimport BusinessPortal from \"./BusinessPortal\";\nimport DivisionPortal from \"./DivisionPortal\";\nimport Application404 from \"../../pages/Application404\";\nimport \"./Portal.scss\";\nimport { loadUserRole, roles, getOrgType, noRoleOrgType } from \"../../util/userHelper\";\n\nconst PortalHome = (props) => {\n const { userInfo, activeOrgId, notifications } = props;\n const userRole = loadUserRole();\n\n let PortalComponent;\n switch (userRole) {\n case roles.AgencyAdmin:\n PortalComponent = AgencyAdminPortal;\n break;\n case roles.AgencyUser:\n PortalComponent = AgencyAdminPortal;\n break;\n case roles.Business:\n PortalComponent = BusinessPortal;\n break;\n case roles.DivisionUser:\n PortalComponent = DivisionPortal;\n break;\n case roles.DivisionAdmin:\n PortalComponent = DivisionPortal;\n break;\n default:\n PortalComponent = Application404;\n break;\n }\n\n const showAccountAdministrationError = getOrgType(userRole) === noRoleOrgType;\n\n return (\n <>\n {\n showAccountAdministrationError\n ? \n
\n \n
\n {sampleNotifications && sampleNotifications.length ? (\n sampleNotifications.map((notification, index) => (\n \n
\n RECENT NOTIFICATIONS
\n\n
: null}\n
\n ))\n ) : (\n \n
\n {sampleNotifications.length - 1 > index ? \n \n
\n {getLocalTime(notification.timeStamp)}
\n {notification.read ? \"Read\" : \"Unread\"}
\n : null}\n
No recent notifications to show
\n )}\nApplication Review Queue
\n\n
\n \n
\n {applicationList?.length ? (\n applicationList?.map((application, index) => (\n Business
\n \n
\n \n
\n Received
\n Deficient
\n In-Depth Review
\n Additional Info
\n Able to Appeal
\n \n
: null}\n
\n ))\n ) : (\n \n
\n {applicationList.length - 1 > index ? {application.nameLink}
\n \n
\n \n
\n {application.received}
\n {application.deficient}
\n {application.indepthReview}
\n {application.AdditionalInfoNeeded}
\n {application.ableToAppeal}
\n : null}\n
No applications currently assigned to you
\n )}\nAdministrator Actions
\n\n
\n \n
\n \n
\n \n
\n */}\n \n
\n \n \n Your account is improperly configured and therefore could not be authenticated, please contact the Division of Service-Disabled Veterans' Business Development by either calling\n \n \n (518) 474-2015\n \n \n or emailing\n \n \n veteransdevelopment@ogs.ny.gov\n \n
\n : <>\n }\n {PortalComponent && (\n \n
\n\n {secondaryContacts?.length ?\n User Profile
\nMain Contact
\n\n\n Name: {mainContact?.firstName} {mainContact?.lastName}
\n Address: {formatAddress(mainAddress)}\n Phone: {mainContact?.phoneNumber}
\n
\n
\n : null}\n Secondary Contacts
\n {secondaryContacts.map((item, index) => {\n return (\n\n
\n )\n })}\n \n Name:
\n Address:
\n Phone:
\n
Invite a Prime Contractor
\nInvite a new Prime Contractor to SDVES.
\n\n\n
\n\n {submitted ?
\n Invite a New Prime Contractor
\n\n\n\n {submitted ?
The contractor's invitation has been sent
:\n \n
\n );\n};\n\nexport default ProcurementNav;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { outputProcurementStatus } from \"../../util/helpers\";\nimport FilterTableForm from \"../Forms/Input/FilterTableForm\";\nimport { procurementStatuses } from \"../../util/typelistHelper\";\nimport { getCompletedProcurements } from \"../../util/api\";\n\nfunction CompleteProcurementsList(props) {\n // const { procurements, isLoadingProcurements } = props;\n const [procurements, setProcurements] = useState(null);\n const [isLoadingProcurements, setIsLoadingProcurements] = useState(false);\n\n useEffect(() => {\n const fetchData = async () => {\n setIsLoadingProcurements(true);\n const resObj = await getCompletedProcurements();\n setProcurements(resObj?.data?.procurements);\n setIsLoadingProcurements(false);\n };\n fetchData();\n }, []);\n\n const initialItems = procurements?.length\n ? procurements.map((item) => {\n // console.log(item);\n return {\n ...item,\n id: {item.id},\n solicitationNumberLink: {item.solicitationNumber},\n status: outputProcurementStatus(item.status),\n contract: item?.contract ? item.contractNumber : \"Contract not yet assigned\",\n isOGSCentralized: item?.contract?.isOGSCentralized ? (\n \n
\n Completed Procurements List
\nPlease select the procurement you would like to work on today.
\n\n {initialItems?.length > 0 ? (\n
\n {isLoadingProcurements ? Loading Procurements... : \"You have no procurements\"}
\n )}\n\n
\n \n {values.id ? (\n
\n );\n};\nconst PrimeContractorFormik = withFormikFormComponent(PrimeContractorInternal, schemas.primeContractorSignupSchema);\n\nconst PrimeContractor = ({ userInfo, routeInitialValues, onActiveOrgId }) => {\n const history = useHistory();\n const [primeContractor, setPrimeContractor] = useState({ ...routeInitialValues, ...INITIAL_VALUES });\n const [backendErrors, setBackendErrors] = useState();\n const onSubmit = async (values) => {\n let processedValues = values;\n if (!values?.isNewVendor) {\n console.log(\"existing\");\n try {\n const resObj = await handlePrimeLookup(processedValues);\n // makeBusinessPromptToShownLocal();\n window.scrollTo(0, 0);\n await onActiveOrgId(resObj.data.id);\n history.push(`/`);\n } catch (e) {\n setBackendErrors(\n \n
\n ) : (\n \n )}\n Created the prime contractor
\n\n
\n );\n }\n } else {\n try {\n const resObj = await handlePrimeContractorSignup(processedValues);\n // makeBusinessPromptToShownLocal();\n window.scrollTo(0, 0);\n await onActiveOrgId(resObj.data.id);\n history.push(`/`);\n } catch (e) {\n setBackendErrors({getBackendErrors(e)}
\nTry another FEIN above, or fill out a contractor profile
\n{getBackendErrors(e)}
);\n }\n }\n };\n\n return\n
\n \n \n {props.columnNumber}\n \n props.onUpdateColumnProperty(\n props.reportColumn.fieldName,\n 'selected',\n !props.reportColumn.selected,\n props.reportColumn.coupledFieldNames\n )}\n />\n \n
\n \n
\n \n ;\n};\n\nexport default ReportingColumn;\n","import React, { useEffect, useRef } from \"react\";\nimport ReportingColumn from './ReportingColumn';\nimport \"./ReportingColumns.scss\";\n\nfunction reportColumnSorter(a, b) {\n if (a.selected && b.selected) {\n if (a.order !== undefined && b.order !== undefined) {\n return a.order > b.order ? 1 : -1;\n } else if (a.order !== undefined) {\n return 1;\n } else if (b.order) {\n return -1;\n }\n } else if (a.selected) {\n return 1;\n } else if (b.selected) {\n return -1;\n }\n\n return a.fieldName > b.fieldName ? 1 : -1;\n}\n\nfunction initializeReportColumns(reportColumns, unselectIdFields = false) {\n return reportColumns\n .filter((reportColumn) => !reportColumn.unselectable)\n .map((reportColumn, index) => {\n const friendlyNameParts = reportColumn.friendlyName.split(' ');\n const selected = !unselectIdFields || friendlyNameParts[friendlyNameParts.length - 1] !== 'Id';\n\n return {\n fieldName: reportColumn.fieldName,\n friendlyName: reportColumn.friendlyName,\n selected,\n orderDirection: reportColumn.orderDirections[0].name,\n aggregate: reportColumn.aggregates[0].name,\n aggregates: reportColumn.aggregates,\n orderDirections: reportColumn.orderDirections,\n order: index,\n coupledFieldNames: reportColumn.coupledFieldNames\n };\n })\n .sort(reportColumnSorter);\n}\n\nconst ReportingColumns = (props) => {\n const { reportColumns, setReportColumns } = props;\n const toggleAllCheckboxRef = useRef();\n\n function getNumberOfSelectedColumns() {\n return reportColumns.map((reportColumn) => +!!reportColumn.selected).reduce((a, b) => a + b, 0);\n }\n\n function toggleAllReportColumns() {\n const numberOfSelectedColumns = getNumberOfSelectedColumns();\n \n setReportColumns(\n reportColumns.map(\n (reportColumn) => (\n {\n ...reportColumn,\n selected: reportColumns.length !== numberOfSelectedColumns\n }\n )\n )\n );\n }\n\n function getUpdatedColumn(fieldName, propertyName, propertyValue) {\n const columnIndex = reportColumns.findIndex((reportColumn) => reportColumn.fieldName === fieldName);\n const column = reportColumns[columnIndex];\n \n const newReportColumn = {\n ...column,\n [propertyName]: propertyValue\n };\n \n return {\n index: columnIndex,\n value: newReportColumn\n };\n }\n\n function updateColumnProperty(fieldName, propertyName, propertyValue, coupledFieldNames = undefined) { \n const newReportColumns = [\n ...reportColumns\n ];\n\n const updatedColumn = getUpdatedColumn(fieldName, propertyName, propertyValue);\n \n newReportColumns[updatedColumn.index] = updatedColumn.value;\n\n if (Array.isArray(coupledFieldNames) && coupledFieldNames.length > 0) {\n coupledFieldNames.forEach((coupledFieldName) => {\n const updatedCoupledColumn = getUpdatedColumn(coupledFieldName, propertyName, propertyValue);\n\n newReportColumns[updatedCoupledColumn.index] = updatedCoupledColumn.value;\n });\n }\n \n setReportColumns(newReportColumns);\n }\n\n function updateColumnOrder(fieldName, direction) {\n const columnIndex = reportColumns.findIndex((reportColumn) => reportColumn.fieldName === fieldName);\n const column = reportColumns[columnIndex];\n const adjascentColumnIndex = columnIndex + direction;\n const adjascentColumn = reportColumns[adjascentColumnIndex];\n \n const newReportColumn = {\n ...column,\n order: adjascentColumn.order\n };\n \n const newAdjascentColumn = {\n ...adjascentColumn,\n order: column.order\n }\n \n const newReportColumns = [\n ...reportColumns\n ];\n \n newReportColumns[columnIndex] = newAdjascentColumn;\n newReportColumns[adjascentColumnIndex] = newReportColumn;\n \n setReportColumns(newReportColumns);\n }\n\n function isToggleAllCheckboxChecked() {\n return getNumberOfSelectedColumns() === reportColumns.length;\n }\n\n function isToggleAllCheckboxIndeterminate() {\n const numberOfSelectedColumns = getNumberOfSelectedColumns();\n \n return numberOfSelectedColumns > 0 && numberOfSelectedColumns < reportColumns.length;\n }\n\n useEffect(() => {\n toggleAllCheckboxRef.current.indeterminate = isToggleAllCheckboxIndeterminate(reportColumns);\n }, [reportColumns]);\n\n useEffect(() => {\n let updatedReportColumns = [];\n\n if (Array.isArray(props.existingReportColumns)) {\n const newReportColumns = initializeReportColumns(props.reportColumnDefinitions, false);\n\n props.existingReportColumns.forEach((existingReportColumn) => {\n const reportColumnIndex = newReportColumns.findIndex((newReportColumn) => newReportColumn.fieldName === existingReportColumn.fieldName);\n\n if (reportColumnIndex > -1)\n {\n const reportColumn = newReportColumns.splice(reportColumnIndex, 1)[0];\n\n reportColumn.selected = existingReportColumn.selected;\n reportColumn.aggregate = existingReportColumn.aggregate;\n reportColumn.orderDirection = existingReportColumn.orderDirection;\n reportColumn.order = existingReportColumn.order;\n\n updatedReportColumns.push(reportColumn);\n }\n });\n\n let currentOrder = updatedReportColumns.length;\n\n newReportColumns.forEach((newReportColumn) => {\n newReportColumn.order = currentOrder;\n newReportColumn.selected = false;\n \n ++currentOrder;\n\n updatedReportColumns.push(newReportColumn);\n });\n\n setReportColumns(updatedReportColumns);\n } else {\n updatedReportColumns = initializeReportColumns(props.reportColumnDefinitions, true);\n setReportColumns(updatedReportColumns);\n }\n }, [props.reportColumnDefinitions, props.existingReportColumns]);\n\n return (\n <>\n \n {\n props.onUpdateColumnProperty(\n props.reportColumn.fieldName,\n 'aggregate',\n event.target.value\n )}\n >\n {\n props.reportColumn.aggregates.map((aggregate, j) => {\n const key = `${aggregateId}-${j}`;\n \n return \n {aggregate.label}\n \n })\n }\n \n }\n
\n \n props.onUpdateColumnProperty(\n props.reportColumn.fieldName,\n 'orderDirection',\n event.target.value\n )}\n >\n {\n props.reportColumn.orderDirections.map((orderDirection, j) => {\n const key = `${orderDirectionId}-${j}`;\n\n return \n {orderDirection.label}\n ;\n })\n }\n \n
\n \n {\n props.hasOrderUpButton\n ? \n : <>\n }\n {\n props.hasOrderDownButton\n ? props.onUpdateColumnOrder(props.reportColumn.fieldName, 1)}\n >\n
\n \n
\n \n )\n};\n\nexport default ReportingColumns;\n","import React from \"react\";\nimport \"./ReportingOptions.scss\";\n\nconst ReportingOptions = (props) => {\n const { userDefinedReports } = props;\n\n function loadExistingReport(event) {\n let report = undefined;\n const reportId = event.target.value;\n\n for (let i = 0; i < userDefinedReports.length; ++i) {\n if (userDefinedReports[i].id === reportId) {\n report = userDefinedReports[i];\n break;\n }\n }\n\n if (report) {\n props.loadExistingReport(report);\n }\n }\n\n return <>\n \n
\n \n \n #\n \n
\n \n \n Aggregate\n \n \n Order Direction\n \n
\n - \n {\n reportColumns.map((reportColumn, i) => {\n const key = `entity-column-list-item-${i}`;\n\n return
\n
\n \n};\n\nexport default ReportingOptions;","import React, { useEffect, useState, useCallback } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport InputComponent from \"../Forms/Input/InputComponent\";\nimport Button from \"react-bootstrap/Button\";\nimport { saveReport, updateReport } from \"../../util/api\";\nimport { getUserId } from \"../../util/userHelper\";\nimport { withFormikFormComponent } from \"../Forms/FormikForm\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Form, FastField } from \"formik\";\nimport * as Yup from \"yup\";\n\nlet otherReportNames = [];\n\nconst saveModalSchema = Yup.object().shape({\n reportName: Yup.string()\n .min(2, 'Report Name must have at least 2 characters')\n .required('Report Name is required')\n .test('Unqiue Name', 'Report Name must be unique', function (value) {\n return otherReportNames.indexOf(value) === -1;\n })\n});\n\nconst SaveReportModalInternal = (props) => {\n const {\n formikBag,\n show,\n reportId,\n reportType,\n reportName,\n reportQuery,\n reportColumns,\n onHide,\n agencyId\n } = props;\n\n const { values, setFieldValue, isValid } = formikBag;\n const [isSaving, setIsSaving] = useState(false);\n const [reportNameInput, setEeportNameInput] = useState(undefined);\n\n const modalBodyRef = useCallback((element) => {\n if (element && typeof element.querySelector === 'function') {\n setEeportNameInput(element.querySelector('input#reportName') || undefined);\n } else {\n setEeportNameInput(undefined);\n }\n });\n\n useEffect(() => {\n otherReportNames = props.userDefinedReports.map((userDefinedReport) => userDefinedReport.name).filter((userDefinedReportName) => userDefinedReportName !== props.reportName);\n }, [props.userDefinedReports, props.reportName]);\n\n useEffect(() => {\n if (props.show && reportNameInput) {\n reportNameInput.focus();\n }\n }, [props.show, reportNameInput])\n\n useEffect(() => {\n setFieldValue('reportName', reportName);\n }, [props.reportName]);\n\n const saveNewReport = async () => {\n if (!isValid) {\n // TODO\n }\n\n setIsSaving(true);\n\n try {\n const request = {\n agencyId,\n createdBy: getUserId(),\n name: values.reportName,\n reportQuery: JSON.stringify(reportQuery),\n reportColumns: JSON.stringify(reportColumns),\n reportType,\n publicReport: values.reportPublic\n };\n\n await saveReport(request);\n await onHide();\n } catch (e) {\n // TODO\n console.log(e);\n } finally {\n setIsSaving(false);\n }\n };\n\n const updateExistingReport = async () => {\n if (!isValid) {\n // TODO\n }\n\n setIsSaving(true);\n\n try {\n const request = {\n createdBy: getUserId(),\n name: values.reportName,\n reportQuery: JSON.stringify(reportQuery),\n reportColumns: JSON.stringify(reportColumns),\n publicReport: values.reportPublic\n };\n\n await updateReport(reportId, request);\n await onHide();\n } catch (e) {\n // TODO\n\n console.log(e);\n } finally {\n setIsSaving(false);\n }\n };\n\n return (\n \n \n \n {\n props.reportTypes.map((reportType) => {\n const id = `${reportType.name}-report`;\n\n return ;\n })\n }\n \n
\n \n \n \n {\n userDefinedReports.map((userDefinedReport) => {\n return \n {userDefinedReport.name}\n \n })\n }\n \n
\n \n \n
\n \n Are you sure you want to delete the report, \"{report?.name}\"?\n
\n );\n}\n\nfunction sanitizeResult(result, key) {\n // Yes the \\\\n is correct, the second \\ is added by the server when serializing\n return (result || '').split('\\\\n').map((part) => <>{part}
);\n}\n\nfunction createDocumentTemplateType(rowValue, key) {\n if (\n typeof rowValue === 'object'\n && rowValue\n && typeof rowValue.type === 'string'\n && typeof rowValue.url === 'string'\n ) {\n const description = sanitizeResult(rowValue.description);\n\n return \n \n {rowValue.type}\n \n
\n \n
);\n }\n\n return createDocumentTemplateType(rowValue);\n },\n [reportFieldTemplateTypes.multiLine]: (rowValue, key) => {\n if (Array.isArray(rowValue)) {\n return rowValue.map((rv, i) => <>{sanitizeResult(rv, `${key}-${i}`)}
);\n }\n\n return sanitizeResult(rowValue, `${key}-0`);\n },\n [reportFieldTemplateTypes.address]: (rowValue, key) => {\n if (Array.isArray(rowValue)) {\n return rowValue.map((rv, i) => <>{sanitizeAddressResult(rv, `${key}-${i}`)}
);\n }\n\n return sanitizeAddressResult(rowValue, `${key}-0`);\n }\n};\n\nfunction formatRowValue(reportColumn, rowValue, columnKey) {\n const formatter = rowFormatters[reportColumn.reportFieldTemplateType] ?? rowFormatters[reportFieldTemplateTypes.none];\n const formattedValue = formatter(rowValue, columnKey);\n\n return
\n \n '{reportName}' Report\n \n \n ({reportData.total} Results Found)\n \n
\n \n
\n : reportData.total > 0\n ? \n Running Report ...\n
\n \n
\n \n \n \n {reportColumn.friendlyName}\n \n \n {direction}\n \n
;\n })\n }\n \n #\n
\n {\n reportColumns.map((reportColumn, index) => {\n const columnKey = `report-results-column-${index}`;\n const hasNoDirection = reportColumn.orderDirection === orderDirections.none;\n \n const direction = hasNoDirection\n ? <>\n : \n {\n reportData.results.map((result, i) => {\n const rowKey = `report-result-row-${i}`;\n \n const resultColumns = reportColumns.map((reportColumn, j) => {\n const columnKey = `report-result-${i}-${j}`;\n const rowValue = result[reportColumn.fieldName];\n \n return formatRowValue(reportColumn, rowValue, columnKey);\n });\n \n return \n
;\n })\n }\n \n \n : \n {(page * pageSize) + (i + 1)}\n
\n {resultColumns}\n No results found
\n }\n \n toPage(0)}\n >\n adjustPage(-1)}\n >\n adjustPage(1)}\n >\n toPage(totalPages)}\n >\n
\n \n {page + 1} / {totalPages + 1}\n
\n \n onDownloadReportCsv()}\n >\n {isDownloadingReportCsv ? 'Downloading CSV ...' : 'Download CSV'}\n \n
\n element\n ruleGroup: \"helper-ruleGroup border pt-3 pl-3 mb-3\", //
containing a RuleGroup\n header: \"helper-header mb-3\", //
containing the RuleGroup header controls\n body: \"helper-body\", //
containing the RuleGroup child rules/groups\n combinators: \"helper-combinators\", //