From 97e2f1e72d2629440fc3609d345fd167a318be33 Mon Sep 17 00:00:00 2001
From: rocio-desantiago <rocio.de-santiago@coforma.io>
Date: Thu, 14 Nov 2024 11:52:25 -0600
Subject: [PATCH] [HCBS] PRA Disclosure (#51)

Co-authored-by: Rocio De Santiago <rociodesantiago@CoformaSantiago.lan>
---
 services/app-api/types/reports.ts                |  1 -
 .../src/components/report/PraDisclosure.tsx      | 16 ++++++++++++++++
 .../src/components/report/ReportPageWrapper.tsx  |  6 ++++++
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 services/ui-src/src/components/report/PraDisclosure.tsx

diff --git a/services/app-api/types/reports.ts b/services/app-api/types/reports.ts
index 887678cf..1429ccce 100644
--- a/services/app-api/types/reports.ts
+++ b/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;
diff --git a/services/ui-src/src/components/report/PraDisclosure.tsx b/services/ui-src/src/components/report/PraDisclosure.tsx
new file mode 100644
index 00000000..b01b3d22
--- /dev/null
+++ b/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>
+    </>
+  );
+};
diff --git a/services/ui-src/src/components/report/ReportPageWrapper.tsx b/services/ui-src/src/components/report/ReportPageWrapper.tsx
index 1a165d66..225b4224 100644
--- a/services/ui-src/src/components/report/ReportPageWrapper.tsx
+++ b/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>