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

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={{

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";
     case originalSubmissionEvent.includes("amendment"):
       return "1915(b) Waiver Amendment";
     case originalSubmissionEvent.includes("initial"):

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.`,
       }}

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,