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 | 71x 71x 71x 89x 71x 71x 330x | import {
ActionFormDescription,
Alert,
ProgressLossReminder,
RequiredFieldDescription,
} from "@/components";
import { FAQ_TAB } from "@/router";
import { Info } from "lucide-react";
import { Link } from "react-router";
type FormIntroTextProps = {
hasProgressLossReminder?: boolean;
};
export const FormIntroText = ({ hasProgressLossReminder = true }: FormIntroTextProps) => (
<div>
<RequiredFieldDescription />
<ActionFormDescription boldReminder={hasProgressLossReminder}>
Once you submit this form, a confirmation email is sent to you and to CMS. CMS will use this
content to review your package, and you will not be able to edit this form. If CMS needs any
additional information, they will follow up by email.{" "}
</ActionFormDescription>
</div>
);
export const FormIntroTextForAppK = () => (
<div>
<FormIntroText />
<p className="max-w-4xl mt-4 text-gray-700 font-light">
<span className="font-bold">
If your Appendix K submission is for more than one waiver number, please enter one of the
applicable waiver numbers. You do not need to create multiple submissions.
</span>
</p>
</div>
);
export const SpaIdFormattingDesc = () => (
<>
<p>Must follow the format SS-YY-NNNN or SS-YY-NNNN-XXXX.</p>
<p className="text-neutral-500">
Reminder - CMS recommends that all SPA numbers start with the year in which the package is
submitted.
</p>
</>
);
export const AttachmentsSizeTypesDesc = ({
faqAttLink,
includeCMS179 = false,
}: {
faqAttLink: string;
includeCMS179?: boolean;
}) => (
<div className="text-gray-700 font-light">
<p>
Maximum file size of 80 MB per attachment.{" "}
<span className="font-bold">
You can add multiple files per attachment type
{includeCMS179 && ", except for the CMS Form 179."}.
</span>{" "}
Read the description for each of the attachment types on the{" "}
{
<Link
to={faqAttLink}
target={FAQ_TAB}
rel="noopener noreferrer"
className="text-blue-900 underline"
>
FAQ Page
</Link>
}
.
</p>
<br />
<p>
We accept the following file formats:{" "}
<strong className="bold">.doc, .docx, .pdf, .jpg, .xlsx, and more. </strong>{" "}
{
<Link
to={"/faq/acceptable-file-formats"}
target={FAQ_TAB}
rel="noopener noreferrer"
className="text-blue-900 underline"
>
See the full list
</Link>
}
.
</p>
</div>
);
type PreSubmissionMessageProps = {
hasProgressLossReminder?: boolean;
preSubmissionMessage?: string;
};
export const PreSubmissionMessage = ({
hasProgressLossReminder = true,
preSubmissionMessage = `Once you submit this form, a confirmation email is sent to you and to CMS.
CMS will use this content to review your package, and you will not be able
to edit this form. If CMS needs any additional information, they will
follow up by email.`,
}: PreSubmissionMessageProps) => (
<Alert variant="infoBlock" className="my-2 flex-row text-sm">
<Info />
<p className="ml-2">{preSubmissionMessage}</p>
{hasProgressLossReminder && <ProgressLossReminder className="ml-2" />}
</Alert>
);
|