From 18d2c47348643374129711d7b45bb2ece5d16f41 Mon Sep 17 00:00:00 2001
From: Marco <marco.pineda@gsa.gov>
Date: Tue, 25 Feb 2025 09:11:38 -0600
Subject: [PATCH 1/2] update: removes upload step stage, updates copy for
 create, configure

---
 .../FormManagerLayout.stories.tsx             | 15 ++-------
 .../FormManagerLayout/TopNavigation.tsx       | 32 ++++++-------------
 packages/design/src/FormManager/index.tsx     |  4 +--
 3 files changed, 15 insertions(+), 36 deletions(-)

diff --git a/packages/design/src/FormManager/FormManagerLayout/FormManagerLayout.stories.tsx b/packages/design/src/FormManager/FormManagerLayout/FormManagerLayout.stories.tsx
index e600e8b64..fe12769cf 100644
--- a/packages/design/src/FormManager/FormManagerLayout/FormManagerLayout.stories.tsx
+++ b/packages/design/src/FormManager/FormManagerLayout/FormManagerLayout.stories.tsx
@@ -33,14 +33,14 @@ const meta: Meta<typeof FormManagerLayout> = {
 export default meta;
 export const Configure = {
   args: {
-    step: NavPage.configure,
+    step: NavPage.settings,
     next: '#',
   },
 } satisfies StoryObj<typeof FormManagerLayout>;
 
-export const Create = {
+export const Edit = {
   args: {
-    step: NavPage.create,
+    step: NavPage.edit,
     next: '#',
     back: '#',
     preview: '#',
@@ -55,12 +55,3 @@ export const Publish = {
     preview: '#',
   },
 } satisfies StoryObj<typeof FormManagerLayout>;
-
-export const Upload = {
-  args: {
-    step: NavPage.upload,
-    next: '#',
-    back: '#',
-    preview: '#',
-  },
-} satisfies StoryObj<typeof FormManagerLayout>;
diff --git a/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx b/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx
index ffa4e3526..f09b6c907 100644
--- a/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx
+++ b/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx
@@ -6,11 +6,10 @@ import { useFormManagerStore } from '../store.js';
 import styles from './formManagerStyles.module.css';
 
 export enum NavPage {
-  upload = 1,
-  create = 2,
-  configure = 3,
-  publish = 4,
-  preview = 5,
+  edit = 1,
+  settings = 2,
+  publish = 3,
+  preview = 4,
 }
 
 const stepClass = (page: NavPage, curPage: NavPage) => {
@@ -66,35 +65,25 @@ export const TopNavigation = ({
               <MyFormsLink uswdsRoot={uswdsRoot} />
             </div>
             <ol className="usa-step-indicator__segments desktop:grid-col-6 tablet:grid-col-5">
-              <li
-                className={classNames(
-                  'usa-step-indicator__segment',
-                  stepClass(NavPage.upload, curPage)
-                )}
-              >
-                <span className="usa-step-indicator__segment-label">
-                  Upload {srHint(NavPage.upload, curPage)}
-                </span>
-              </li>
               <li
                 className={classNames(
                   'usa-step-indicator__segment font-body-xs',
-                  stepClass(NavPage.create, curPage)
+                  stepClass(NavPage.edit, curPage)
                 )}
               >
                 <span className="usa-step-indicator__segment-label">
-                  Create {srHint(NavPage.create, curPage)}
+                  Edit {srHint(NavPage.edit, curPage)}
                 </span>
               </li>
               <li
                 className={classNames(
                   'usa-step-indicator__segment font-body-xs',
-                  stepClass(NavPage.configure, curPage)
+                  stepClass(NavPage.settings, curPage)
                 )}
                 aria-current="true"
               >
                 <span className="usa-step-indicator__segment-label">
-                  Configure {srHint(NavPage.configure, curPage)}
+                  Settings {srHint(NavPage.settings, curPage)}
                 </span>
               </li>
               <li
@@ -191,9 +180,8 @@ const MobileStepIndicator = ({ curPage }: { curPage: NavPage }) => (
         id="options"
         defaultValue={curPage}
       >
-        <option value={NavPage.upload}>Upload</option>
-        <option value={NavPage.create}>Create</option>
-        <option value={NavPage.configure}>Configure</option>
+        <option value={NavPage.edit}>Create</option>
+        <option value={NavPage.settings}>Configure</option>
         <option value={NavPage.publish}>Publish</option>
       </select>
     </div>
diff --git a/packages/design/src/FormManager/index.tsx b/packages/design/src/FormManager/index.tsx
index 9822196d1..3d0a00f6a 100644
--- a/packages/design/src/FormManager/index.tsx
+++ b/packages/design/src/FormManager/index.tsx
@@ -172,7 +172,7 @@ export default function FormManager(props: FormManagerProps) {
                 savePeriodically={true}
               >
                 <FormManagerLayout
-                  step={NavPage.create}
+                  step={NavPage.edit}
                   back={AppRoutes.GuidedFormCreation.getUrl()}
                   next={AppRoutes.Configure.getUrl(formId)}
                   preview={AppRoutes.Preview.getUrl(formId)}
@@ -201,7 +201,7 @@ export default function FormManager(props: FormManagerProps) {
                 session={createFormSession(form)}
               >
                 <FormManagerLayout
-                  step={NavPage.configure}
+                  step={NavPage.settings}
                   back={AppRoutes.Create.getUrl(formId)}
                   next={AppRoutes.Publish.getUrl(formId)}
                   preview={AppRoutes.Preview.getUrl(formId)}

From 059e569298eabbb0a3dfcc132e47c7662522d6cf Mon Sep 17 00:00:00 2001
From: Marco <marco.pineda@gsa.gov>
Date: Wed, 26 Feb 2025 10:22:53 -0600
Subject: [PATCH 2/2] update: copy for mobile

---
 .../src/FormManager/FormManagerLayout/TopNavigation.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx b/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx
index f09b6c907..03efc8dd6 100644
--- a/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx
+++ b/packages/design/src/FormManager/FormManagerLayout/TopNavigation.tsx
@@ -180,8 +180,8 @@ const MobileStepIndicator = ({ curPage }: { curPage: NavPage }) => (
         id="options"
         defaultValue={curPage}
       >
-        <option value={NavPage.edit}>Create</option>
-        <option value={NavPage.settings}>Configure</option>
+        <option value={NavPage.edit}>Edit</option>
+        <option value={NavPage.settings}>Settings</option>
         <option value={NavPage.publish}>Publish</option>
       </select>
     </div>