[HCBS] PRA Disclosure (#51)

Co-authored-by: Rocio De Santiago <rociodesantiago@CoformaSantiago.lan>

services/app-api/types/reports.ts

@@ -110,7 +110,6 @@ export type PageTemplate =
 export type ParentPageTemplate = {
   id: PageId;
   childPageIds: PageId[];
-
   title?: undefined;
   type?: undefined;
   elements?: undefined;

services/ui-src/src/components/report/PraDisclosure.tsx

@@ -0,0 +1,16 @@
+import { Text } from "@chakra-ui/react";
+
+// Privacy Rights Act Disclosure - 1st page of reports
+const praStatement =
+  "Under the Privacy Act of 1974 any personally identifying information obtained will be kept private to the extent of the law. According to the Paperwork Reduction Act of 1995, no persons are required to respond to a collection of information unless it displays a valid OMB control number. The valid OMB control number for this information collection is 0938-1053. The time required to complete this information collection is estimated to average 2.5 hours per response, including the time to review instructions, search existing data resources, gather the data needed, and complete and review the information collection. If you have comments concerning the accuracy of the time estimate(s) or suggestions for improving this form, please write to: CMS, 7500 Security Boulevard, Attn: PRA Reports Clearance Officer, Mail Stop C4-26-05, Baltimore, Maryland 21244-1850";
+
+export const PraDisclosure = () => {
+  return (
+    <>
+      <Text fontSize="16px" fontWeight="bold">
+        PRA Disclosure Statement
+      </Text>
+      <Text fontSize="16px">{praStatement}</Text>
+    </>
+  );
+};

services/ui-src/src/components/report/ReportPageWrapper.tsx

@@ -8,6 +8,7 @@ import { useParams } from "react-router-dom";
 import { useStore } from "utils";
 import { FormProvider, useForm } from "react-hook-form";
 import { FormPageTemplate } from "types/report";
+import { PraDisclosure } from "./PraDisclosure";
 
 export const ReportPageWrapper = () => {
   const {
@@ -93,6 +94,8 @@ export const ReportPageWrapper = () => {
           </Box>
           {!currentPage.hideNavButtons && parentPage && (
             <>
+              {/* TO-DO: solidify the Divider behavior for our form controls vs elements in a page 
+             i.e, when table appears as the last element on a form page */}
               <Divider></Divider>
               <Flex width="100%">
                 {parentPage.index > 0 && (
@@ -112,6 +115,9 @@ export const ReportPageWrapper = () => {
                   </Button>
                 )}
               </Flex>
+              <Box flex="auto">
+                {parentPage.index == 0 && <PraDisclosure />}
+              </Box>
             </>
           )}
         </VStack>