feat(ui): Adding new FAQ to FAQ page (#970)

* feature: adding new FAQ to FAQ page * feature: question should open corresponding section * fix: corrected code back to faq page direct link * fix: removed id * fix: #5 and #6 to expanded section * fix: test coverage * revert package json to what is on main * fix(email): Fixes an issue with Outlook not correctly displaying the OneMAC logo and header (#972) * fixed index test * fix(test): Create mock for calling lambdas (#973) * Added msw endpoints for Lambda, Step Functions, Secure Token Services, and other related services * Added/updated test data to support new endpoints * Updated tests to use the new endpoints instead of mocking individually * fix(email): switch email logo back to using url * fix(schema): remove logic for determining next business day for `submissionDate` (#980) * fix: remove logic for determining next business day for `submissionDate` * fix: update `submissionDate` value * feat(ui): Remove status date from package details pages for all users (#965) * fix(initial verbiage fix): Email verbiage fixes from qa (#974) * correct verbage for med and chip spa * fix issues with verbiage need confirmation * remove comment * add date and attachment logic * update snapshots * Update ChipSpaState.tsx * test(email): proces email test (#979) * feat(test)proces email test * Removed console.log * linter correction * removed a ine * remove brackets * add region * Address change reqeust * feat(test)-submit lambda (#987) * feat(test)-submit lambda * Update withdrawpackage to withdrawrai * linter corrections * Fix some test * Test for malformed objects * Remove import vs code added in * remove console.log * Updatign to use get requestcontext * feat(test) fix email test (#991) * feat(test) fix email test * Update processEmails.test.ts * fix(os) helpers for getting domain and index for opensearch (#992) * created helpers for getting domain and index for opensearch * fixed import * feat(test) updates to s3 calls on backend (#985) * updates to s3 calls on backend * feat(test)-unauthorized submission test (#996) * feat(amend): Add waiver amendment emails (#993) * Feat(playwright performance): Pw perf tests (#959) * feat: initial perf tests for routes fix: refactor * Fix: updated per review comments --------- Co-authored-by: asharonbaltazar <[email protected]> --------- Co-authored-by: 13bfrancis <[email protected]> Co-authored-by: Ty Bolt <[email protected]> Co-authored-by: Tiffany Forkner <[email protected]> Co-authored-by: asharonbaltazar <[email protected]> Co-authored-by: James Dinh <[email protected]> Co-authored-by: Thomas Walker <[email protected]> Co-authored-by: Benjamin Paige <[email protected]> Co-authored-by: Jon Schaffer <[email protected]>
Enterprise-CMCS · Jan 9, 2025 · d4dae28 · d4dae28
1 parent b92334d
commit d4dae28
Show file tree

Hide file tree

Showing 4 changed files with 91 additions and 6 deletions.
diff --git a/react-app/src/components/Banner/MMDLSpaBanner.tsx b/react-app/src/components/Banner/MMDLSpaBanner.tsx
@@ -1,6 +1,8 @@
 import { useState } from "react";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import { InfoCircledIcon } from "@radix-ui/react-icons";
+import { FAQ_TAB } from "@/router";
+import { Link } from "react-router";
 const MMDLAlertBanner = () => {
   const [isVisible, setIsVisible] = useState(true);
   const handleDismiss = () => {
@@ -26,14 +28,14 @@ const MMDLAlertBanner = () => {
         </div>
       </div>
       <div className="flex space-x-4 col-start-2 md:col-start-auto">
-        <a
-          href="/faq#mmdl-section"
-          target="_blank"
+        <Link
+          to={"/faq/spa-admendments"}
+          target={FAQ_TAB}
           rel="noopener noreferrer"
           className="border-2 border-black rounded h-[38px] px-4 text font-bold text-center whitespace-nowrap pt-1"
         >
           Go to FAQs
-        </a>
+        </Link>
         <button onClick={handleDismiss} aria-label="Dismiss" className="rounded-full w-6 h-6">
           <Cross2Icon className="w-full h-full" aria-hidden="true" />
         </button>

diff --git a/react-app/src/components/Layout/index.test.tsx b/react-app/src/components/Layout/index.test.tsx
@@ -17,6 +17,9 @@ import { setMockUsername, makoStateSubmitter, AUTH_CONFIG } from "mocks";
 vi.mock("../UsaBanner", () => ({ UsaBanner: () => null }));
 vi.mock("../Footer", () => ({ Footer: () => null }));
 vi.mock("@/components", () => ({
+  Layout: ({ children }: { children: React.ReactNode }) => (
+    <div data-testid="mocked-layout">{children}</div>
+  ),
   SimplePageContainer: ({ children }: { children: React.ReactNode }) => children,
   UserPrompt: () => null,
   Banner: () => null,

diff --git a/react-app/src/features/faq/content/oneMACFAQContent.tsx b/react-app/src/features/faq/content/oneMACFAQContent.tsx
@@ -220,6 +220,86 @@ export const oneMACFAQContent: FAQContent[] = [
   {
     sectionTitle: "State Plan Amendments (SPAs)",
     qanda: [
+      {
+        anchorText: "spa-admendments",
+        question: "Which state plan amendments (SPAs) can I submit in OneMAC?",
+        answerJSX: (
+          <div className="w-full space-y-3">
+            <p>
+              All Medicaid and CHIP state plan amendments (SPAs), <b>except </b>
+              Medicaid SPA submissions processed in the Medicaid & CHIP Program System portal
+              (MACPro), must be submitted in OneMac.
+            </p>
+            <p>
+              Starting [month,date,year,] Medicaid Model Data Lab (MMDL) no longer accepts new
+              submissions for these SPAs, including:
+            </p>
+            <ul className="ml-8 list-disc space-y-2">
+              <li>Medicaid Alternative Benefit Plan (ABP)</li>
+              <li>Medicaid Premiums & Cost Sharing</li>
+              <li>CHIP Eligibility</li>
+            </ul>
+            <p>
+              Pending SPAs submitted in MMDL before [month, day, year,] including those on RAI
+              (request for additional information) status, will continue to be processed through
+              MMDL.
+            </p>
+            <p>
+              Templates and implementation guides for OneMac SPAs can be downloaded from the
+              respective FAQ:
+            </p>
+            <ul className="ml-8 list-disc space-y-2 text-blue-600">
+              {[
+                {
+                  href: "#abp-spa-templates",
+                  text: "Where can I download Medicaid Alternative Benefit Plan (ABP) SPA templates?",
+                },
+                {
+                  href: "#abp-implementation-guides-spa",
+                  text: "Where can I download Medicaid Alternative Benefit Plan (ABP) SPA implementation guides?",
+                },
+                {
+                  href: "#mpc-spa-templates",
+                  text: "Where can I download Medicaid Premiums and Cost Sharing (MPC) SPA templates?",
+                },
+                {
+                  href: "#mpc-spa-implementation-guides",
+                  text: "Where can I download Medicaid Premiums and Cost Sharing (MPC) SPA implementation guides?",
+                },
+                {
+                  href: "#chip-spa-templates",
+                  text: "Where can I download CHIP eligibility SPA templates?",
+                },
+                {
+                  href: "#chip-spa-implentation-guides",
+                  text: "Where can I download CHIP eligibility SPA implementation guides?",
+                },
+              ].map(({ href, text }) => (
+                <li key={href}>
+                  <a
+                    href={href}
+                    onClick={(e) => {
+                      e.preventDefault();
+                      const targetElement = document.getElementById(href.substring(1));
+                      if (targetElement) {
+                        targetElement.scrollIntoView({ behavior: "smooth", block: "start" });
+
+                        const buttonElement = targetElement.querySelector("button");
+                        if (buttonElement) {
+                          buttonElement.click();
+                        }
+                      }
+                    }}
+                  >
+                    {text}
+                  </a>
+                </li>
+              ))}
+            </ul>
+            <p>For more information, refer to CMCS Information Bulletin #25-TBD.</p>
+          </div>
+        ),
+      },
       {
         anchorText: "spa-id-format",
         question: "What format is used to enter a SPA ID?",
@@ -679,7 +759,7 @@ export const oneMACFAQContent: FAQContent[] = [
         anchorText: "abp-spa-templates",
         question: "Where can I download Medicaid Alternative Benefit Plan (ABP) SPA templates?",
         answerJSX: (
-          <section className="space-y-2 p-2">
+          <section id="abp-spa-templates" className="space-y-2 p-2">
             <p>
               Medicaid Alternative Benefit Plan (ABP) SPA templates can be downloaded at the links
               below. After downloading and completing the templates you need, upload them as part of

diff --git a/react-app/src/features/welcome/index.tsx b/react-app/src/features/welcome/index.tsx
@@ -54,7 +54,7 @@ export const Welcome = () => {
               Medicaid Alternative Benefit Plan, Premium and Cost Sharing, and CHIP Eligibility SPA
               templates and implementation guides are now available in OneMAC. New submissions for
               these SPA types are submitted through the OneMAC system effective [add date].{" "}
-              <Link to="/faq" target={FAQ_TAB} className="underline text-[#0071bc]">
+              <Link to="/faq/spa-admendments" target={FAQ_TAB} className="underline text-[#0071bc]">
                 Learn more
               </Link>
             </p>