fix(ui): Appendix K Form, Instructions, and Modal Design Updates (#936)

Enterprise-CMCS · Dec 18, 2024 · 4d2e984 · 4d2e984
1 parent 2b1f40a
commit 4d2e984
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 10 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/react-app/src/features/forms/post-submission/respond-to-rai/index.tsx b/react-app/src/features/forms/post-submission/respond-to-rai/index.tsx
@@ -32,10 +32,12 @@ export const RespondToRaiMedicaid = () => {
 };
 export const RespondToRaiWaiver = () => {
   const { authority, id } = useParams();
+  const authorityText = authority === "1915(c)" ? "1915(c) Appendix K" : authority;
+
   return (
     <ActionForm
       schema={formSchemas["respond-to-rai-waiver"]}
-      title={`${authority} Waiver Formal RAI Response Details`}
+      title={`${authorityText} Waiver Formal RAI Response Details`}
       fields={() => <PackageSection />}
       defaultValues={{ id }}
       attachments={{

diff --git a/react-app/src/features/forms/post-submission/upload-subsequent-documents/index.tsx b/react-app/src/features/forms/post-submission/upload-subsequent-documents/index.tsx
@@ -1,9 +1,9 @@
 import { useGetItem } from "@/api";
 import {
   ActionForm,
+  LoadingSpinner,
   PackageSection,
   SchemaWithEnforcableProps,
-  LoadingSpinner,
 } from "@/components";
 import {
   AttachmentFAQInstructions,
@@ -70,8 +70,8 @@ const getTitle = (originalSubmissionEvent: string) => {
       return "Medicaid SPA";
     case originalSubmissionEvent === "new-chip-submission":
       return "CHIP SPA";
-    case originalSubmissionEvent === "appk":
-      return "Appendix K";
+    case originalSubmissionEvent === "app-k":
+      return "1915(c) Appendix K Waiver Amendment";
     case originalSubmissionEvent.includes("amendment"):
       return "1915(b) Waiver Amendment";
     case originalSubmissionEvent.includes("initial"):

diff --git a/react-app/src/features/forms/post-submission/withdraw-package/index.tsx b/react-app/src/features/forms/post-submission/withdraw-package/index.tsx
@@ -7,6 +7,9 @@ import { SEATOOL_STATUS } from "shared-types";
 export const WithdrawPackageActionWaiver = () => {
   const { authority, id } = useParams();
   const { data: waiver, isLoading: isWaiverLoading } = useGetItem(id);
+
+  const authorityText = authority === "1915(c)" ? "1915(c) Appendix K" : authority;
+
   const waiverActionType = {
     New: "Initial Waiver",
     Renew: "Waiver Renewal",
@@ -20,7 +23,7 @@ export const WithdrawPackageActionWaiver = () => {
   return (
     <ActionForm
       schema={formSchemas["withdraw-package"]}
-      title={`Withdraw ${authority}`}
+      title={`Withdraw ${authorityText}`}
       fields={() => <PackageSection />}
       defaultValues={{
         id,
@@ -46,7 +49,7 @@ export const WithdrawPackageActionWaiver = () => {
         variant: "success",
       }}
       breadcrumbText="Withdraw Package"
-      formDescription="Complete this form to withdraw a package. Once complete, you will not be able to resubmit this package. CMS will be notified and will use this content to review your request. If CMS needs any additional information, they will follow up by email."
+      formDescription={`Complete this form to withdraw ${authority === "1915(c)" ? "this 1915(c) Appendix K" : "a"} package. Once complete, you will not be able to resubmit this package. CMS will be notified and will use this content to review your request. If CMS needs any additional information, they will follow up by email.`}
       preSubmissionMessage="Once complete, you will not be able to resubmit this package. CMS will be notified and will use this content to review your request. If CMS needs any additional information, they will follow up by email."
       additionalInformation={{
         required: false,
@@ -56,9 +59,9 @@ export const WithdrawPackageActionWaiver = () => {
       promptPreSubmission={{
         acceptButtonText: "Yes, withdraw package",
         header: "Withdraw package?",
-        body: `You are about to withdraw ${authority} ${
+        body: `You are about to withdraw ${authorityText} ${
           waiverActionType[waiver?._source?.actionType]
-        } ${id}. Completing this action will conclude the review of this ${authority} ${
+        } ${id}. Completing this action will conclude the review of this ${authorityText} ${
           waiverActionType[waiver?._source.actionType]
         } package. If you are not sure this is the correct action to select, contact your CMS point of contact for assistance.`,
       }}

diff --git a/react-app/src/features/forms/post-submission/withdraw-rai/index.tsx b/react-app/src/features/forms/post-submission/withdraw-rai/index.tsx
@@ -1,5 +1,5 @@
-import { PackageSection } from "@/components/Form/content/PackageSection";
 import { ActionForm } from "@/components/ActionForm";
+import { PackageSection } from "@/components/Form/content/PackageSection";
 import { formSchemas } from "@/formSchemas";
 import { useParams } from "react-router";
 
@@ -11,10 +11,12 @@ export const WithdrawRaiForm = () => {
       : "spa"
     : "waiver";
 
+  const authorityText = authority === "1915(c)" ? `1915(c) Appendix K` : authority;
+
   return (
     <ActionForm
       schema={formSchemas["withdraw-rai"]}
-      title={`${authority} Withdraw Formal RAI Response Details`}
+      title={`${authorityText} Withdraw Formal RAI Response Details`}
       fields={() => <PackageSection />}
       defaultValues={{
         id,