[QMR] All Child and Adult Measures - In line warning banner (Data Source)

services/ui-src/src/measures/2024/MSCAD/questions/DataSource.tsx

@@ -1,6 +1,8 @@
 import * as QMR from "components";
 import { useCustomRegister } from "hooks/useCustomRegister";
 import { FormData } from "../types";
+import { Alert } from "@cmsgov/design-system";
+import * as CUI from "@chakra-ui/react";
 
 export const DataSource = () => {
   const register = useCustomRegister<FormData>();
@@ -31,6 +33,16 @@ export const DataSource = () => {
                 }
                 {...register("DataSource-CAHPS-Version-Other")}
               />,
+              <CUI.Box mt="8">
+                <Alert heading="Please Note" variation="warn">
+                  <p className="ds-c-alert__text">
+                    {
+                      "If you report using Other Data Source, CMS will not be able to produce a combined Medicaid & CHIP rate for public reporting. If the information reported in the Data Source field is accurate, please continue reporting this measure."
+                    }
+                  </p>
+                </Alert>
+                ,
+              </CUI.Box>,
             ],
           },
         ]}

services/ui-src/src/shared/commonQuestions/DataSource.tsx

@@ -10,6 +10,7 @@ import { parseLabelToHTML } from "utils/parser";
 import { useContext } from "react";
 import SharedContext from "shared/SharedContext";
 import { AnyObject } from "types";
+import { Alert } from "@cmsgov/design-system";
 
 interface DataSourceProps {
   data?: DataSourceData;
@@ -79,7 +80,16 @@ const buildDataSourceOptions: DSCBFunc = ({ data = [], parentName }) => {
           label={parseLabelToHTML(node.hint!)}
           name={`${DC.DATA_SOURCE_SELECTIONS}.${adjustedParentName}.${DC.DESCRIPTION}`}
           key={`${DC.DATA_SOURCE_SELECTIONS}.${adjustedParentName}.${DC.DESCRIPTION}`}
-        />
+        />,
+        <CUI.Box mt="8">
+          <Alert heading="Please Note" variation="warn">
+            <p className="ds-c-alert__text">
+              {
+                "If you report using Other Data Source, CMS will not be able to produce a combined Medicaid & CHIP rate for public reporting. If the information reported in the Data Source field is accurate, please continue reporting this measure."
+              }
+            </p>
+          </Alert>
+        </CUI.Box>
       );
     }
 

services/ui-src/src/shared/commonQuestions/DataSourceCahps.tsx

@@ -6,6 +6,8 @@ import { DataSourceData, defaultData } from "../types/TypeDataSourceCahps";
 import { parseLabelToHTML } from "utils/parser";
 import * as DC from "dataConstants";
 import SharedContext from "shared/SharedContext";
+import { Alert } from "@cmsgov/design-system";
+import * as CUI from "@chakra-ui/react";
 
 interface DataSourceProps {
   data?: DataSourceData;
@@ -44,6 +46,16 @@ export const DataSourceRadio = ({ data = defaultData }: DataSourceProps) => {
                   fontSize: "normal",
                 }}
               />,
+              <CUI.Box mt="8">
+                <Alert heading="Please Note" variation="warn">
+                  <p className="ds-c-alert__text">
+                    {
+                      "If you report using Other Data Source, CMS will not be able to produce a combined Medicaid & CHIP rate for public reporting. If the information reported in the Data Source field is accurate, please continue reporting this measure."
+                    }
+                  </p>
+                </Alert>
+                ,
+              </CUI.Box>,
             ],
           },
         ]}