Txt text

src/components/HptHeader.jsx

@@ -29,6 +29,13 @@ const HptHeader = () => {
     >
       File name wizard
     </a>,
+    <a
+      key="primaryNav_3"
+      className="usa-nav__link"
+      href={`${import.meta.env.BASE_URL}txt-generator/`}
+    >
+      TXT generator
+    </a>,
   ]
 
   return (

src/css/style.css

@@ -64,3 +64,17 @@ body,
   max-width: unset;
   width: 100%;
 }
+
+.generator-results-row {
+  align-items: center;
+  justify-content: space-between;
+}
+
+#generator-output {
+  user-select: all;
+  -moz-user-select: all;
+  background-color: #eee;
+  padding: 8px 12px;
+  max-width: 100%;
+  overflow-x: scroll;
+}

src/pages/txt-generator.jsx

@@ -0,0 +1,198 @@
+import React from "react"
+import Clipboard from "clipboard"
+import { useEffect, useState } from "react"
+import { Grid } from "@trussworks/react-uswds"
+import Layout from "../layouts"
+
+const txtFileOutput = (hospitals) =>
+  hospitals
+    .map(
+      ({
+        name,
+        sourcePageUrl,
+        mrfUrl,
+        contactName,
+        contactEmail,
+      }) => `location-name: ${name}
+source-page-url: ${sourcePageUrl}
+mrf-url: ${mrfUrl}
+contact-name: ${contactName}
+contact-email: ${contactEmail}`
+    )
+    .join("\n\n")
+
+const TxtGenerator = () => {
+  const baseHospital = {
+    name: "",
+    sourcePageUrl: "",
+    mrfUrl: "",
+    contactName: "",
+    contactEmail: "",
+  }
+  const [state, setState] = useState({
+    hospitals: [{ ...baseHospital }],
+    downloadUrl: "",
+  })
+
+  useEffect(() => {
+    new Clipboard("[data-clipboard-target]")
+  }, [])
+
+  useEffect(() => {
+    let blob = new Blob([txtFileOutput(state.hospitals)], {
+      type: "text/plain;charset=utf8",
+    })
+    setState({
+      ...state,
+      downloadUrl: window.URL.createObjectURL(blob),
+    })
+  }, [state.hospitals])
+
+  return (
+    <Layout>
+      <div className="bg-base-lightest">
+        <section className="grid-container usa-section">
+          <Grid row gap>
+            <Grid
+              desktop={{ col: 12 }}
+              className="bg-white display-flex flex-column flex-align-self-start margin-bottom-4"
+            >
+              <h2 className="margin-bottom-0">TXT File Instructions</h2>
+              <h3 className="margin-bottom-0">
+                <u>Background</u>
+              </h3>
+              <p>
+                As finalized in the CY2024 OPPS/ASC Final Rule, beginning
+                January 1, 2024, each hospital must ensure that the public
+                website it selects to host its machine-readable file (MRF)
+                establishes and maintains, in the form and manner specified by
+                CMS:
+                <ul>
+                  <li>
+                    A .txt file in the root folder that includes:
+                    <ul>
+                      <li>
+                        {" "}
+                        The hospital location name that corresponds to the MRF;
+                      </li>
+                      <li> The source page URL that hosts the MRF;</li>
+                      <li> A direct link to the MRF (the MRF URL); and</li>
+                      <li> Hospital point of contact information.</li>
+                    </ul>
+                  </li>
+                  <li>
+                    A link in the footer on its website, including but not
+                    limited to the homepage, that is labeled “Price
+                    Transparency” and links directly to the publicly available
+                    webpage that hosts the link to the MRF.
+                  </li>
+                </ul>
+                The purpose of these requirements is to facilitate automated
+                access to hospital MRFs. Please refer to 45 CFR 180.50 (d)(6)
+                and discussion at 88 FR 82111-82113.
+              </p>
+
+              <h3 className="margin-bottom-0">
+                <u>TXT technical specifications</u>
+              </h3>
+              <p>
+                {" "}
+                Steps:
+                <ol>
+                  <li>
+                    Generate a TXT file that includes the required information
+                    indicated below.
+                  </li>
+                  <li>
+                    If the MRF contains standard charge information for more
+                    than one location, create an entry for each of the inpatient
+                    locations and standalone emergency hospitals in the TXT
+                    file.
+                  </li>
+                  <li>Name the file “cms-hpt.txt”.</li>
+                  <li>
+                    Place the TXT file on the root of the domain of the public
+                    website your hospital has selected to host its
+                    machine-readable file (MRF), without regard to page
+                    structure. As an example, a hospital with the website
+                    https://hospital.com would locate its file at
+                    https://hospital.com/cms-hpt.txt
+                  </li>
+                </ol>
+              </p>
+              <h3 className="margin-bottom-0">
+                <u>Required Information for the TXT File</u>
+              </h3>
+              <table className="usa-table">
+                <thead>
+                  <tr>
+                    <th>Attribute: Value</th>
+                    <th>Name</th>
+                    <th>Definition</th>
+                  </tr>
+                </thead>
+                <tr>
+                  <td>location-name: [hospital location name]</td>
+                  <td>Hospital Location Name</td>
+                  <td>
+                    Indicate the hospital location name that corresponds to the
+                    standard charge information contained in the MRF.
+                  </td>
+                </tr>
+                <tr>
+                  <td>source-page-url: [URL]</td>
+                  <td>Source page URL</td>
+                  <td>
+                    The source page URL is the URL of the public webpage you
+                    have selected to host the MRF.
+                  </td>
+                </tr>
+                <tr>
+                  <td>mrf-url: [URL]</td>
+                  <td>Machine-readable file URL</td>
+                  <td>Indicate the URL of the MRF.</td>
+                </tr>
+                <tr>
+                  <td>contact-name: [name]</td>
+                  <td>POC Name</td>
+                  <td>
+                    Indicate the name of a point of contact (POC) that is
+                    capable of answering technical questions about your
+                    hospital’s MRF and the data contained in it.
+                  </td>
+                </tr>
+                <tr>
+                  <td>contact-email: [email]</td>
+                  <td>Contact email</td>
+                  <td>
+                    Indicate the email address of the POC you have designated to
+                    answer technical questions about your hospital’s MRF and the
+                    data contained in it.
+                  </td>
+                </tr>
+              </table>
+              <h3 className="margin-bottom-0">
+                <u>Example TXT File</u>
+              </h3>
+              <p id="generator-output">
+                location-name: Test Hospital <br />
+                source-page-url: https://example.com <br />
+                mrf-url: https://example.com/HPT <br />
+                contact-name: Jon Snow <br />
+                contact-email: [email protected] <br />
+                <br />
+                location-name: Test Hospital 2 <br />
+                source-page-url: https://example2.com <br />
+                mrf-url: https://example2.com/HPT <br />
+                contact-name: Jane Doe <br />
+                contact-email: [email protected] <br />
+              </p>
+            </Grid>
+          </Grid>
+        </section>
+      </div>
+    </Layout>
+  )
+}
+
+export default TxtGenerator