Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 | 72x 71x 71x 71x 71x 71x 71x 71x 71x 71x 72x | import * as C from "@/components";
import * as Heroicons from "@heroicons/react/24/outline";
import { QueryClient } from "@tanstack/react-query";
import { getUser } from "@/api";
import { Button } from "@/components";
import { Link } from "react-router";
import { FAQ_TAB } from "@/router";
import { CardWithTopBorder } from "@/components";
import { useHideBanner } from "@/hooks/useHideBanner";
export const loader = (queryClient: QueryClient) => {
return async () => {
const queryString = window.location.search;
// Parse the query string to get URL parameters
const queryParams = new URLSearchParams(queryString);
// Access specific parameters
const errorDescription = queryParams.get("error_description");
const error = queryParams.get("error");
Iif (errorDescription || error) {
console.error("Authentication Error:", { errorDescription, error });
return { error };
}
Eif (!queryClient.getQueryData(["user"])) {
return await queryClient.fetchQuery({
queryKey: ["user"],
queryFn: () => getUser(),
});
}
return queryClient.getQueryData(["user"]);
};
};
export const Welcome = () => {
const isSectionHidden = useHideBanner();
return (
<>
<div className="w-full bg-primary p-2 md:p-4">
<div className="max-w-screen-xl flex flex-col sm:flex-row sm:items-center gap-4 mx-auto p-4 lg:px-8">
<h1>
<img src="/onemac-logo.png" alt="onemac" className="p-4 min-w-[400px]" />
</h1>
<p className="text-center text-white/100 font-light text-xl font-sans">
Welcome to the official submission system for paper-based state plan amendments (SPAs)
and section 1915 waivers.
</p>
</div>
</div>
{/* End Hero Section */}
{/* Two Column Main Layout */}
<div className="max-w-screen-xl mx-auto p-4 lg:px-8">
<div
className="m-auto max-w-[767px]"
style={{ display: isSectionHidden ? "none" : "block" }}
>
<h2 className="text-2xl font-bold">New and Notable</h2>
<CardWithTopBorder className="">
<p className="py-5 pl-6 pr-20">
<span className="font-bold text-[#0071bc]">MMDL SPA forms available in OneMAC:</span>{" "}
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/spa-admendments" target={FAQ_TAB} className="underline text-[#0071bc]">
Learn more
</Link>
</p>
</CardWithTopBorder>
</div>
<div className="flex flex-col justify-center gap-8">
<div>
<h2 className="text-2xl font-bold mb-4">State Users</h2>
<div className="flex flex-col md:flex-row gap-12">
<C.HowItWorks>
<C.Step
icon={<Heroicons.ArrowRightOnRectangleIcon className="min-w-[32px] w-8 h-8" />}
title="Login with IDM"
content="Login with your IDM username and password to access your SPA and Waiver dashboard."
/>
<C.Step
icon={<Heroicons.DocumentArrowUpIcon className="min-w-[32px] w-8 h-8" />}
title="Attach your documents"
content="Select a submission type and attach required documents relevant to your SPA and/or Waiver submission."
/>
<C.Step
icon={<Heroicons.EnvelopeIcon className="min-w-[32px] w-8 h-8" />}
title="Receive an email confirmation"
content="After you submit, you will receive an email confirmation that your submission was successful, marking the start of the 90-day review process."
/>
</C.HowItWorks>
<div className="flex-grow">
<h3 className="font-bold text-xl mb-4">Submission Types include:</h3>
<ul className="flex flex-col gap-4">
<li>
<p>
Amendments to your Medicaid and CHIP State Plans (not submitted through
MACPro, MMDL or WMS).
</p>
</li>
<li>
<p>
Official state responses to formal requests for additional information (RAIs)
for SPAs (not submitted through MACPro).
</p>
</li>
<li>
<p>Section 1915(b) waiver submissions (those not submitted through WMS).</p>
</li>
<li>
<p>
Section 1915(c) Appendix K amendments (which cannot be submitted through WMS).
</p>
</li>
<li>
<p>
Official state responses to formal requests for additional information (RAIs)
for Section 1915(b) waiver actions (in addition to submitting waiver changes
in WMS, if applicable).
</p>
</li>
<li>
<p>
State requests for Temporary Extensions for section 1915(b) and 1915(c)
waivers.
</p>
</li>
</ul>
</div>
</div>
</div>
<div>
<h2 className="text-2xl font-bold mb-4">CMS Users</h2>
<div className="flex flex-col md:flex-row gap-8">
<C.HowItWorks>
<C.Step
icon={<Heroicons.DocumentArrowUpIcon className="min-w-[32px] w-8 h-8" />}
title="Receive an email for submission notification"
content="After a state adds a submission to OneMAC, you will receive an email notification that a submission was made requiring your review and the submission is on the clock."
/>
<C.Step
icon={<Heroicons.ArrowRightOnRectangleIcon className="min-w-[32px] w-8 h-8" />}
title="Login with EUA"
content="Login with your EUA username and password to access the SPA and Waiver dashboard."
/>
<C.Step
icon={<Heroicons.EnvelopeIcon className="min-w-[32px] w-8 h-8" />}
title="Review your assigned submission"
content="Search the submission ID from the email and click on the submission to view and review details and attachments."
/>
</C.HowItWorks>
<div>
<h3 className="font-bold text-xl mb-4">Submission Types include:</h3>
<ul className="flex flex-col gap-4">
<li>
<p>Amendments to your Medicaid and CHIP State Plans.</p>
</li>
<li>
<p>
Official state responses to formal requests for additional information (RAIs)
for SPAs.
</p>
</li>
<li>
<p>Section 1915(b) waiver submissions.</p>
</li>
<li>
<p>Section 1915(c) Appendix K amendments.</p>
</li>
<li>
<p>
Official state responses to formal requests for additional information (RAIs)
for Section 1915(b) waiver actions.
</p>
</li>
<li>
<p>
State requests for Temporary Extensions for section 1915(b) and 1915(c)
waivers.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<section>
<div className="flex justify-around items-center text-xl px-10 py-2 max-w-screen-xl mx-auto">
<h4>Do you have questions or need support?</h4>
<Link to="/faq" target={FAQ_TAB}>
<Button>View FAQs</Button>
</Link>
</div>
</section>
</>
);
};
|