From 698daf4a67f7e234375de61b38979eca99b6daf0 Mon Sep 17 00:00:00 2001
From: ruzniaievdm <ruzniaievdm@gmail.com>
Date: Tue, 13 Jun 2023 14:39:25 +0300
Subject: [PATCH 1/5] feat: Create MFE page with base structure for schedule
 and details

---
 .env.development                              |   2 +-
 src/CourseAuthoringRoutes.jsx                 |   3 +-
 src/advanced-settings/AdvancedSettings.jsx    |   6 +-
 .../AdvancedSettings.test.jsx                 |  12 +-
 ...cedSettings.scss => AdvancedSettings.scss} |  34 ----
 src/advanced-settings/scss/_variables.scss    |   2 -
 .../settings-sidebar/SettingsSidebar.jsx      |  95 +++-------
 .../settings-sidebar/SettingsSidebar.test.jsx |   8 +
 .../SettingsSidebar.test.jsx.snap             |  40 ++--
 .../settings-sidebar/messages.js              |  24 ---
 src/assets/scss/_typography.scss              |  35 ++++
 src/assets/scss/_variables.scss               |   2 +
 src/generic/HelpSidebar.jsx                   | 141 ++++++++++++++
 .../alert-message/AlertMessage.test.jsx}      |  16 +-
 .../__snapshots__/AlertMessage.test.jsx.snap} |   2 +-
 src/generic/alert-message/index.jsx           |  22 +++
 src/generic/messages.js                       |  40 ++++
 src/generic/scss/HelpSidebar.scss             |  34 ++++
 src/i18n/messages/ar.json                     |  53 +++++-
 src/i18n/messages/de.json                     |  53 +++++-
 src/i18n/messages/de_DE.json                  |  53 +++++-
 src/i18n/messages/es_419.json                 |  53 +++++-
 src/i18n/messages/fr.json                     |  53 +++++-
 src/i18n/messages/fr_CA.json                  |  53 +++++-
 src/i18n/messages/hi.json                     |  53 +++++-
 src/i18n/messages/it.json                     |  53 +++++-
 src/i18n/messages/it_IT.json                  |  53 +++++-
 src/i18n/messages/pt.json                     |  53 +++++-
 src/i18n/messages/pt_PT.json                  |  53 +++++-
 src/i18n/messages/ru.json                     |  53 +++++-
 src/i18n/messages/uk.json                     |  53 +++++-
 src/i18n/messages/zh_CN.json                  |  53 +++++-
 src/index.scss                                |   6 +-
 .../ScheduleAndDetails.scss                   |  37 ++++
 .../ScheduleAndDetails.test.jsx               |  76 ++++++++
 .../__mocks__/courseDetails.js                |  48 +++++
 .../__mocks__/courseSettings.js               |  60 ++++++
 src/schedule-and-details/__mocks__/index.js   |   2 +
 .../basic-section/BasicSection.scss           |  36 ++++
 .../basic-section/BasicSection.test.jsx       |  78 ++++++++
 .../__snapshots__/BasicSection.test.jsx.snap  | 123 ++++++++++++
 .../basic-section/constants.js                |   3 +
 .../basic-section/index.jsx                   | 154 +++++++++++++++
 .../basic-section/messages.js                 |  42 ++++
 .../credit-section/CreditSection.scss         |   9 +
 .../credit-section/CreditSection.test.jsx     |  60 ++++++
 .../__snapshots__/CreditSection.test.jsx.snap |  44 +++++
 .../credit-section/index.jsx                  |  99 ++++++++++
 .../credit-section/messages.js                |  35 ++++
 src/schedule-and-details/data/api.js          |  41 ++++
 src/schedule-and-details/data/selectors.js    |   5 +
 src/schedule-and-details/data/slice.js        |  48 +++++
 src/schedule-and-details/data/thunks.js       |  60 ++++++
 src/schedule-and-details/hooks.jsx            |  50 +++++
 src/schedule-and-details/index.jsx            | 179 ++++++++++++++++++
 src/schedule-and-details/messages.js          |  50 +++++
 .../pacing-section/PacingSection.scss         |  15 ++
 .../pacing-section/PacingSection.test.jsx     |  92 +++++++++
 .../__snapshots__/PacingSection.test.jsx.snap |  96 ++++++++++
 .../pacing-section/constants.js               |   3 +
 .../pacing-section/index.jsx                  |  65 +++++++
 .../pacing-section/messages.js                |  35 ++++
 .../schedule-sidebar/ScheduleSidebar.test.jsx |  35 ++++
 .../ScheduleSidebar.test.jsx.snap             | 119 ++++++++++++
 .../schedule-sidebar/index.jsx                |  33 ++++
 .../schedule-sidebar/messages.js              |  14 ++
 src/store.js                                  |   2 +
 src/utils.js                                  |   5 +-
 68 files changed, 2875 insertions(+), 244 deletions(-)
 rename src/advanced-settings/scss/{AdvencedSettings.scss => AdvancedSettings.scss} (69%)
 create mode 100644 src/assets/scss/_typography.scss
 create mode 100644 src/assets/scss/_variables.scss
 create mode 100644 src/generic/HelpSidebar.jsx
 rename src/{advanced-settings/setting-alert/SettingsAlert.test.jsx => generic/alert-message/AlertMessage.test.jsx} (76%)
 rename src/{advanced-settings/setting-alert/__snapshots__/SettingsAlert.test.jsx.snap => generic/alert-message/__snapshots__/AlertMessage.test.jsx.snap} (94%)
 create mode 100644 src/generic/alert-message/index.jsx
 create mode 100644 src/generic/messages.js
 create mode 100644 src/generic/scss/HelpSidebar.scss
 create mode 100644 src/schedule-and-details/ScheduleAndDetails.scss
 create mode 100644 src/schedule-and-details/ScheduleAndDetails.test.jsx
 create mode 100644 src/schedule-and-details/__mocks__/courseDetails.js
 create mode 100644 src/schedule-and-details/__mocks__/courseSettings.js
 create mode 100644 src/schedule-and-details/__mocks__/index.js
 create mode 100644 src/schedule-and-details/basic-section/BasicSection.scss
 create mode 100644 src/schedule-and-details/basic-section/BasicSection.test.jsx
 create mode 100644 src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap
 create mode 100644 src/schedule-and-details/basic-section/constants.js
 create mode 100644 src/schedule-and-details/basic-section/index.jsx
 create mode 100644 src/schedule-and-details/basic-section/messages.js
 create mode 100644 src/schedule-and-details/credit-section/CreditSection.scss
 create mode 100644 src/schedule-and-details/credit-section/CreditSection.test.jsx
 create mode 100644 src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
 create mode 100644 src/schedule-and-details/credit-section/index.jsx
 create mode 100644 src/schedule-and-details/credit-section/messages.js
 create mode 100644 src/schedule-and-details/data/api.js
 create mode 100644 src/schedule-and-details/data/selectors.js
 create mode 100644 src/schedule-and-details/data/slice.js
 create mode 100644 src/schedule-and-details/data/thunks.js
 create mode 100644 src/schedule-and-details/hooks.jsx
 create mode 100644 src/schedule-and-details/index.jsx
 create mode 100644 src/schedule-and-details/messages.js
 create mode 100644 src/schedule-and-details/pacing-section/PacingSection.scss
 create mode 100644 src/schedule-and-details/pacing-section/PacingSection.test.jsx
 create mode 100644 src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap
 create mode 100644 src/schedule-and-details/pacing-section/constants.js
 create mode 100644 src/schedule-and-details/pacing-section/index.jsx
 create mode 100644 src/schedule-and-details/pacing-section/messages.js
 create mode 100644 src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx
 create mode 100644 src/schedule-and-details/schedule-sidebar/__snapshots__/ScheduleSidebar.test.jsx.snap
 create mode 100644 src/schedule-and-details/schedule-sidebar/index.jsx
 create mode 100644 src/schedule-and-details/schedule-sidebar/messages.js

diff --git a/.env.development b/.env.development
index 11c5b491fc..2eae5c14d9 100644
--- a/.env.development
+++ b/.env.development
@@ -34,7 +34,7 @@ ENABLE_NEW_COURSE_OUTLINE_PAGE = false
 ENABLE_NEW_UPDATES_PAGE = false
 ENABLE_NEW_FILES_UPLOADS_PAGE = false
 ENABLE_NEW_VIDEO_UPLOAD_PAGE = false
-ENABLE_NEW_SCHEDULE_DETAILS_PAGE = false
+ENABLE_NEW_SCHEDULE_DETAILS_PAGE = true
 ENABLE_NEW_GRADING_PAGE = false
 ENABLE_NEW_COURSE_TEAM_PAGE = false
 ENABLE_NEW_ADVANCED_SETTINGS_PAGE = true
diff --git a/src/CourseAuthoringRoutes.jsx b/src/CourseAuthoringRoutes.jsx
index 7e83e2ec2f..71fa7d378a 100644
--- a/src/CourseAuthoringRoutes.jsx
+++ b/src/CourseAuthoringRoutes.jsx
@@ -9,6 +9,7 @@ import ProctoredExamSettings from './proctored-exam-settings/ProctoredExamSettin
 import EditorContainer from './editors/EditorContainer';
 import VideoSelectorContainer from './selectors/VideoSelectorContainer';
 import { AdvancedSettings } from './advanced-settings';
+import ScheduleAndDetails from './schedule-and-details';
 
 /**
  * As of this writing, these routes are mounted at a path prefixed with the following:
@@ -92,7 +93,7 @@ const CourseAuthoringRoutes = ({ courseId }) => {
         <PageRoute path={`${path}/settings/details`}>
           {process.env.ENABLE_NEW_SCHEDULE_DETAILS_PAGE === 'true'
             && (
-              <Placeholder />
+              <ScheduleAndDetails courseId={courseId} />
             )}
         </PageRoute>
         <PageRoute path={`${path}/settings/grading`}>
diff --git a/src/advanced-settings/AdvancedSettings.jsx b/src/advanced-settings/AdvancedSettings.jsx
index 3061c3f215..7372731024 100644
--- a/src/advanced-settings/AdvancedSettings.jsx
+++ b/src/advanced-settings/AdvancedSettings.jsx
@@ -13,7 +13,7 @@ import {
   getCourseAppSettings, getSavingStatus, getProctoringExamErrors, getSendRequestErrors,
 } from './data/selectors';
 import SettingCard from './setting-card/SettingCard';
-import SettingAlert from './setting-alert/SettingAlert';
+import AlertMessage from '../generic/alert-message';
 import SettingsSidebar from './settings-sidebar/SettingsSidebar';
 import validateAdvancedSettingsData from './utils';
 import messages from './messages';
@@ -91,7 +91,7 @@ const AdvancedSettings = ({ intl, courseId }) => {
               aria-describedby={intl.formatMessage(messages.alertProctoringDescribedby)}
             />
           )}
-          <SettingAlert
+          <AlertMessage
             show={showSuccessAlert}
             variant="success"
             icon={CheckCircle}
@@ -172,7 +172,7 @@ const AdvancedSettings = ({ intl, courseId }) => {
         </section>
       </Container>
       <div className="alert-toast">
-        <SettingAlert
+        <AlertMessage
           show={saveSettingsPrompt}
           aria-hidden={saveSettingsPrompt}
           aria-labelledby={intl.formatMessage(messages.alertWarningAriaLabelledby)}
diff --git a/src/advanced-settings/AdvancedSettings.test.jsx b/src/advanced-settings/AdvancedSettings.test.jsx
index a67234ca33..6c08ef0df6 100644
--- a/src/advanced-settings/AdvancedSettings.test.jsx
+++ b/src/advanced-settings/AdvancedSettings.test.jsx
@@ -31,6 +31,14 @@ jest.mock('./data/selectors', () => ({
   getProctoringExamErrors: jest.fn(),
 }));
 
+const mockPathname = '/foo-bar';
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useLocation: () => ({
+    pathname: mockPathname,
+  }),
+}));
+
 describe('AdvancedSettings', () => {
   const courseId = '123';
   const mockDispatch = jest.fn();
@@ -70,14 +78,14 @@ describe('AdvancedSettings', () => {
     const textarea = settingCard.find('textarea');
     textarea.simulate('change', { target: { value: 'new value' } });
     expect(textarea.text()).toBe('new value');
-    const settingAlert = wrapper.find('SettingAlert');
+    const settingAlert = wrapper.find('AlertMessage');
     expect(settingAlert.find('AlertHeading').at(0).text()).toBe('You`ve made some changes');
   });
   it('show warning alert and after click on Cancel button reset textarea value', () => {
     const settingCard = wrapper.find('SettingCard').at(0);
     const textarea = settingCard.find('textarea');
     textarea.simulate('change', { target: { value: 'new value' } });
-    const settingAlert = wrapper.find('SettingAlert');
+    const settingAlert = wrapper.find('AlertMessage');
     const resetBtn = settingAlert.find('Button').at(1);
     resetBtn.simulate('click');
     expect(textarea.text()).toBe('value1');
diff --git a/src/advanced-settings/scss/AdvencedSettings.scss b/src/advanced-settings/scss/AdvancedSettings.scss
similarity index 69%
rename from src/advanced-settings/scss/AdvencedSettings.scss
rename to src/advanced-settings/scss/AdvancedSettings.scss
index 2d23b184d3..ac1c472904 100644
--- a/src/advanced-settings/scss/AdvencedSettings.scss
+++ b/src/advanced-settings/scss/AdvancedSettings.scss
@@ -97,40 +97,6 @@
   }
 }
 
-.setting-sidebar-supplementary {
-  margin-top: 1.875rem;
-
-  .setting-sidebar-supplementary-about {
-    .setting-sidebar-supplementary-about-title {
-      font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base;
-      color: $headings-color;
-      margin-bottom: 1.25rem;
-    }
-
-    .setting-sidebar-supplementary-about-descriptions {
-      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
-      color: $text-color-base;
-    }
-  }
-
-  .setting-sidebar-supplementary-other-links ul {
-    list-style: none;
-
-    .setting-sidebar-supplementary-other-link {
-      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
-      line-height: 1.5rem;
-      color: $info-500;
-      margin-bottom: .5rem;
-    }
-  }
-
-  .setting-sidebar-supplementary-other-title {
-    font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base;
-    color: $headings-color;
-    margin-bottom: 1.25rem;
-  }
-}
-
 .modal-error-item {
   list-style: none;
 
diff --git a/src/advanced-settings/scss/_variables.scss b/src/advanced-settings/scss/_variables.scss
index 39daf6dfa2..77933cba03 100644
--- a/src/advanced-settings/scss/_variables.scss
+++ b/src/advanced-settings/scss/_variables.scss
@@ -1,3 +1 @@
-$font-family-base: inter, sans-serif;
-$text-color-base: $gray-700;
 $setting-form-control-width: 34.375rem;
diff --git a/src/advanced-settings/settings-sidebar/SettingsSidebar.jsx b/src/advanced-settings/settings-sidebar/SettingsSidebar.jsx
index 82e5d1d8e9..02dd5921ee 100644
--- a/src/advanced-settings/settings-sidebar/SettingsSidebar.jsx
+++ b/src/advanced-settings/settings-sidebar/SettingsSidebar.jsx
@@ -1,75 +1,34 @@
-import React, { useContext } from 'react';
-import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { AppContext } from '@edx/frontend-platform/react';
+import React from 'react';
+import {
+  FormattedMessage,
+  injectIntl,
+  intlShape,
+} from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
-import { Hyperlink } from '@edx/paragon';
 
-import { getPagePath } from '../../utils';
+import HelpSidebar from '../../generic/HelpSidebar';
 import messages from './messages';
 
-const SettingsSidebar = ({ intl, courseId }) => {
-  const { config } = useContext(AppContext);
-  return (
-    <aside className="setting-sidebar-supplementary">
-      <div className="setting-sidebar-supplementary-about">
-        <h4 className="setting-sidebar-supplementary-about-title">{intl.formatMessage(messages.about)}</h4>
-        <p className="setting-sidebar-supplementary-about-descriptions">
-          {intl.formatMessage(messages.aboutDescription1)}
-        </p>
-        <p className="setting-sidebar-supplementary-about-descriptions">
-          {intl.formatMessage(messages.aboutDescription2)}
-        </p>
-        <p className="setting-sidebar-supplementary-about-descriptions">
-          <FormattedMessage
-            id="course-authoring.advanced-settings.about.description-3"
-            defaultMessage="{notice} When you enter strings as policy values, ensure that you use double quotation marks (“) around the string. Do not use single quotation marks (‘)."
-            values={{ notice: <strong>Note:</strong> }}
-          />
-        </p>
-      </div>
-      <hr />
-      <div className="setting-sidebar-supplementary-other">
-        <h4 className="setting-sidebar-supplementary-other-title">{intl.formatMessage(messages.other)}</h4>
-        <nav className="setting-sidebar-supplementary-other-links" aria-label={intl.formatMessage(messages.other)}>
-          <ul className="p-0 mb-0">
-            <li className="setting-sidebar-supplementary-other-link">
-              <Hyperlink
-                rel="noopener"
-                destination={getPagePath(courseId, process.env.ENABLE_NEW_SCHEDULE_DETAILS_PAGE, 'settings/details')}
-              >
-                {intl.formatMessage(messages.otherCourseSettingsLinkToScheduleAndDetails)}
-              </Hyperlink>
-            </li>
-            <li className="setting-sidebar-supplementary-other-link">
-              <Hyperlink
-                rel="noopener"
-                destination={getPagePath(courseId, process.env.ENABLE_NEW_GRADING_PAGE, 'settings/grading')}
-              >
-                {intl.formatMessage(messages.otherCourseSettingsLinkToGrading)}
-              </Hyperlink>
-            </li>
-            <li className="setting-sidebar-supplementary-other-link">
-              <Hyperlink
-                rel="noopener"
-                destination={getPagePath(courseId, process.env.ENABLE_NEW_COURSE_TEAM_PAGE, 'course_team')}
-              >
-                {intl.formatMessage(messages.otherCourseSettingsLinkToCourseTeam)}
-              </Hyperlink>
-            </li>
-            <li className="setting-sidebar-supplementary-other-link">
-              <Hyperlink
-                rel="noopener"
-                destination={`${config.STUDIO_BASE_URL}/group_configurations/${courseId}`}
-              >
-                {intl.formatMessage(messages.otherCourseSettingsLinkToGroupConfigurations)}
-              </Hyperlink>
-            </li>
-          </ul>
-        </nav>
-      </div>
-    </aside>
-  );
-};
+const SettingsSidebar = ({ intl, courseId }) => (
+  <HelpSidebar courseId={courseId} showOtherSettings>
+    <h4 className="help-sidebar-about-title">
+      {intl.formatMessage(messages.about)}
+    </h4>
+    <p className="help-sidebar-about-descriptions">
+      {intl.formatMessage(messages.aboutDescription1)}
+    </p>
+    <p className="help-sidebar-about-descriptions">
+      {intl.formatMessage(messages.aboutDescription2)}
+    </p>
+    <p className="help-sidebar-about-descriptions">
+      <FormattedMessage
+        id="course-authoring.advanced-settings.about.description-3"
+        defaultMessage="{notice} When you enter strings as policy values, ensure that you use double quotation marks (“) around the string. Do not use single quotation marks (‘)."
+        values={{ notice: <strong>Note:</strong> }}
+      />
+    </p>
+  </HelpSidebar>
+);
 
 SettingsSidebar.propTypes = {
   intl: intlShape.isRequired,
diff --git a/src/advanced-settings/settings-sidebar/SettingsSidebar.test.jsx b/src/advanced-settings/settings-sidebar/SettingsSidebar.test.jsx
index 4c5c4a9683..30ec849381 100644
--- a/src/advanced-settings/settings-sidebar/SettingsSidebar.test.jsx
+++ b/src/advanced-settings/settings-sidebar/SettingsSidebar.test.jsx
@@ -4,6 +4,14 @@ import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
 import SettingsSidebar from './SettingsSidebar';
 
+const mockPathname = '/foo-bar';
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useLocation: () => ({
+    pathname: mockPathname,
+  }),
+}));
+
 describe('SettingsSidebar', () => {
   const config = { STUDIO_BASE_URL: 'https://example.com' };
   const courseId = 'course123';
diff --git a/src/advanced-settings/settings-sidebar/__snapshots__/SettingsSidebar.test.jsx.snap b/src/advanced-settings/settings-sidebar/__snapshots__/SettingsSidebar.test.jsx.snap
index 16c4ec23f4..d0ca580cbc 100644
--- a/src/advanced-settings/settings-sidebar/__snapshots__/SettingsSidebar.test.jsx.snap
+++ b/src/advanced-settings/settings-sidebar/__snapshots__/SettingsSidebar.test.jsx.snap
@@ -2,28 +2,28 @@
 
 exports[`SettingsSidebar should match the snapshot 1`] = `
 <aside
-  className="setting-sidebar-supplementary"
+  className="help-sidebar"
 >
   <div
-    className="setting-sidebar-supplementary-about"
+    className="help-sidebar-about"
   >
     <h4
-      className="setting-sidebar-supplementary-about-title"
+      className="help-sidebar-about-title"
     >
       What do advanced settings do?
     </h4>
     <p
-      className="setting-sidebar-supplementary-about-descriptions"
+      className="help-sidebar-about-descriptions"
     >
       Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.
     </p>
     <p
-      className="setting-sidebar-supplementary-about-descriptions"
+      className="help-sidebar-about-descriptions"
     >
       Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.
     </p>
     <p
-      className="setting-sidebar-supplementary-about-descriptions"
+      className="help-sidebar-about-descriptions"
     >
       <strong>
         Note:
@@ -33,22 +33,22 @@ exports[`SettingsSidebar should match the snapshot 1`] = `
   </div>
   <hr />
   <div
-    className="setting-sidebar-supplementary-other"
+    className="help-sidebar-other"
   >
     <h4
-      className="setting-sidebar-supplementary-other-title"
+      className="help-sidebar-other-title"
     >
       Other Course Settings
     </h4>
     <nav
       aria-label="Other Course Settings"
-      className="setting-sidebar-supplementary-other-links"
+      className="help-sidebar-other-links"
     >
       <ul
         className="p-0 mb-0"
       >
         <li
-          className="setting-sidebar-supplementary-other-link"
+          className="help-sidebar-other-link"
         >
           <a
             className="pgn__hyperlink default-link standalone-link"
@@ -61,7 +61,7 @@ exports[`SettingsSidebar should match the snapshot 1`] = `
           </a>
         </li>
         <li
-          className="setting-sidebar-supplementary-other-link"
+          className="help-sidebar-other-link"
         >
           <a
             className="pgn__hyperlink default-link standalone-link"
@@ -74,7 +74,7 @@ exports[`SettingsSidebar should match the snapshot 1`] = `
           </a>
         </li>
         <li
-          className="setting-sidebar-supplementary-other-link"
+          className="help-sidebar-other-link"
         >
           <a
             className="pgn__hyperlink default-link standalone-link"
@@ -86,8 +86,9 @@ exports[`SettingsSidebar should match the snapshot 1`] = `
             Course Team
           </a>
         </li>
+        
         <li
-          className="setting-sidebar-supplementary-other-link"
+          className="help-sidebar-other-link"
         >
           <a
             className="pgn__hyperlink default-link standalone-link"
@@ -99,6 +100,19 @@ exports[`SettingsSidebar should match the snapshot 1`] = `
             Group Configurations
           </a>
         </li>
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="/course/course123/settings/advanced"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Advanced Settings
+          </a>
+        </li>
       </ul>
     </nav>
   </div>
diff --git a/src/advanced-settings/settings-sidebar/messages.js b/src/advanced-settings/settings-sidebar/messages.js
index 29475bb50b..b5ce4b1ddf 100644
--- a/src/advanced-settings/settings-sidebar/messages.js
+++ b/src/advanced-settings/settings-sidebar/messages.js
@@ -13,30 +13,6 @@ const messages = defineMessages({
     id: 'course-authoring.advanced-settings.sidebar.about.description-2',
     defaultMessage: 'Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.',
   },
-  other: {
-    id: 'course-authoring.advanced-settings.sidebar.other.title',
-    defaultMessage: 'Other Course Settings',
-  },
-  otherCourseSettingsLinkToScheduleAndDetails: {
-    id: 'course-authoring.advanced-settings.sidebar.links.schedule-and-details',
-    defaultMessage: 'Schedule & Details',
-    description: 'Link to Studio Schedule & Details page',
-  },
-  otherCourseSettingsLinkToGrading: {
-    id: 'course-authoring.advanced-settings.sidebar.links.grading',
-    defaultMessage: 'Grading',
-    description: 'Link to Studio Grading page',
-  },
-  otherCourseSettingsLinkToCourseTeam: {
-    id: 'course-authoring.advanced-settings.sidebar.links.course-team',
-    defaultMessage: 'Course Team',
-    description: 'Link to Studio Course Team page',
-  },
-  otherCourseSettingsLinkToGroupConfigurations: {
-    id: 'course-authoring.advanced-settings.sidebar.links.group-configurations',
-    defaultMessage: 'Group Configurations',
-    description: 'Link to Studio Group Configurations page',
-  },
 });
 
 export default messages;
diff --git a/src/assets/scss/_typography.scss b/src/assets/scss/_typography.scss
new file mode 100644
index 0000000000..575c6c25c7
--- /dev/null
+++ b/src/assets/scss/_typography.scss
@@ -0,0 +1,35 @@
+%heading-h1 {
+  font: 700 2.5rem/2.75rem $font-family-base;
+}
+
+%heading-h2 {
+  font: 700 2rem/2.25rem $font-family-base;
+}
+
+%heading-h3 {
+  font: 700 1.375rem/1.75rem $font-family-base;
+}
+
+%heading-h4 {
+  font: 700 1.125rem/1.5rem $font-family-base;
+}
+
+%heading-h6 {
+  font: 700 .75rem/1.25rem $font-family-base;
+}
+
+%body-large {
+  font: 400 1.375rem/2.25rem $font-family-base;
+}
+
+%body-default {
+  font: 400 1.125rem/1.75rem $font-family-base;
+}
+
+%body-small {
+  font: 400 .875rem/1.5rem $font-family-base;
+}
+
+%text {
+  font: 400 .875rem/1.5rem $font-family-base;
+}
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
new file mode 100644
index 0000000000..0e8a5bb657
--- /dev/null
+++ b/src/assets/scss/_variables.scss
@@ -0,0 +1,2 @@
+$font-family-base: inter, sans-serif;
+$text-color-base: $gray-700;
diff --git a/src/generic/HelpSidebar.jsx b/src/generic/HelpSidebar.jsx
new file mode 100644
index 0000000000..d5313851b4
--- /dev/null
+++ b/src/generic/HelpSidebar.jsx
@@ -0,0 +1,141 @@
+import React, { useContext } from 'react';
+import { useLocation } from 'react-router-dom';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { AppContext } from '@edx/frontend-platform/react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { Hyperlink } from '@edx/paragon';
+
+import { getPagePath } from '../utils';
+import messages from './messages';
+
+const HelpSidebar = ({
+  intl,
+  courseId,
+  showOtherSettings,
+  proctoredExamSettingsUrl,
+  children,
+  className,
+}) => {
+  const { config } = useContext(AppContext);
+  const { pathname } = useLocation();
+  const scheduleAndDetailsDestination = getPagePath(
+    courseId,
+    process.env.ENABLE_NEW_SCHEDULE_DETAILS_PAGE,
+    'settings/details',
+  );
+  const gradingDestination = getPagePath(
+    courseId,
+    process.env.ENABLE_NEW_GRADING_PAGE,
+    'settings/grading',
+  );
+  const courseTeamDestination = getPagePath(
+    courseId,
+    process.env.ENABLE_NEW_COURSE_TEAM_PAGE,
+    'course_team',
+  );
+  const advancedSettingsDestination = getPagePath(
+    courseId,
+    process.env.ENABLE_NEW_ADVANCED_SETTINGS_PAGE,
+    'settings/advanced',
+  );
+  const groupConfigurationsDestination = `${config.STUDIO_BASE_URL}/group_configurations/${courseId}`;
+
+  return (
+    <aside className={classNames('help-sidebar', className)}>
+      <div className="help-sidebar-about">{children}</div>
+      <hr />
+      {showOtherSettings && (
+        <div className="help-sidebar-other">
+          <h4 className="help-sidebar-other-title">
+            {intl.formatMessage(messages.sidebarTitleOther)}
+          </h4>
+          <nav
+            className="help-sidebar-other-links"
+            aria-label={intl.formatMessage(messages.sidebarTitleOther)}
+          >
+            <ul className="p-0 mb-0">
+              {pathname !== scheduleAndDetailsDestination && (
+                <li className="help-sidebar-other-link">
+                  <Hyperlink
+                    rel="noopener"
+                    destination={scheduleAndDetailsDestination}
+                  >
+                    {intl.formatMessage(
+                      messages.sidebarLinkToScheduleAndDetails,
+                    )}
+                  </Hyperlink>
+                </li>
+              )}
+              {pathname !== gradingDestination && (
+                <li className="help-sidebar-other-link">
+                  <Hyperlink rel="noopener" destination={gradingDestination}>
+                    {intl.formatMessage(messages.sidebarLinkToGrading)}
+                  </Hyperlink>
+                </li>
+              )}
+              {pathname !== courseTeamDestination && (
+                <li className="help-sidebar-other-link">
+                  <Hyperlink rel="noopener" destination={courseTeamDestination}>
+                    {intl.formatMessage(messages.sidebarLinkToCourseTeam)}
+                  </Hyperlink>
+                </li>
+              )}
+              {proctoredExamSettingsUrl
+                && pathname !== proctoredExamSettingsUrl && (
+                <li className="help-sidebar-other-link">
+                  <Hyperlink
+                    rel="noopener"
+                    destination={proctoredExamSettingsUrl}
+                  >
+                    {intl.formatMessage(
+                      messages.sidebarLinkToProctoredExamSettings,
+                    )}
+                  </Hyperlink>
+                </li>
+              )}
+              {pathname !== groupConfigurationsDestination && (
+                <li className="help-sidebar-other-link">
+                  <Hyperlink
+                    rel="noopener"
+                    destination={groupConfigurationsDestination}
+                  >
+                    {intl.formatMessage(
+                      messages.sidebarLinkToGroupConfigurations,
+                    )}
+                  </Hyperlink>
+                </li>
+              )}
+              {pathname !== advancedSettingsDestination && (
+                <li className="help-sidebar-other-link">
+                  <Hyperlink
+                    rel="noopener"
+                    destination={advancedSettingsDestination}
+                  >
+                    {intl.formatMessage(messages.sidebarLinkToAdvancedSettings)}
+                  </Hyperlink>
+                </li>
+              )}
+            </ul>
+          </nav>
+        </div>
+      )}
+    </aside>
+  );
+};
+
+HelpSidebar.defaultProps = {
+  proctoredExamSettingsUrl: '',
+  className: undefined,
+};
+
+HelpSidebar.propTypes = {
+  intl: intlShape.isRequired,
+  courseId: PropTypes.string.isRequired,
+  showOtherSettings: PropTypes.bool.isRequired,
+  proctoredExamSettingsUrl: PropTypes.string,
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string,
+};
+
+export default injectIntl(HelpSidebar);
diff --git a/src/advanced-settings/setting-alert/SettingsAlert.test.jsx b/src/generic/alert-message/AlertMessage.test.jsx
similarity index 76%
rename from src/advanced-settings/setting-alert/SettingsAlert.test.jsx
rename to src/generic/alert-message/AlertMessage.test.jsx
index 2240984640..6f6faafde1 100644
--- a/src/advanced-settings/setting-alert/SettingsAlert.test.jsx
+++ b/src/generic/alert-message/AlertMessage.test.jsx
@@ -3,44 +3,44 @@ import { shallow, mount } from 'enzyme';
 import { Button } from '@edx/paragon';
 import renderer from 'react-test-renderer';
 import { CheckCircle } from '@edx/paragon/icons';
-import SettingAlert from './SettingAlert';
+import AlertMessage from '.';
 
-describe('SettingAlert', () => {
+describe('AlertMessage', () => {
   const defaultProps = {
     title: 'Test Title',
     description: 'Test Description',
     icon: CheckCircle,
   };
   it('successfully renders', () => {
-    const tree = renderer.create(<SettingAlert {...defaultProps} />).toJSON();
+    const tree = renderer.create(<AlertMessage {...defaultProps} />).toJSON();
     expect(tree).toMatchSnapshot();
   });
   it('renders the title correctly in alert-heading', () => {
-    const wrapper = mount(<SettingAlert {...defaultProps} />);
+    const wrapper = mount(<AlertMessage {...defaultProps} />);
     const alertHeading = wrapper.find('div.alert-heading').at(0);
     expect(alertHeading.children().text()).toEqual('Test Title');
   });
   it('handles button onClick', () => {
     const mockOnClick = jest.fn();
     const wrapper = mount(
-      <SettingAlert
+      <AlertMessage
         actions={[
           <Button onClick={mockOnClick}>Hello</Button>,
         ]}
         {...defaultProps}
       >
         Alert
-      </SettingAlert>,
+      </AlertMessage>,
     );
     wrapper.find('.btn').simulate('click');
     expect(mockOnClick).toHaveBeenCalledTimes(1);
   });
   it('renders the description correctly', () => {
-    const wrapper = shallow(<SettingAlert {...defaultProps} />);
+    const wrapper = shallow(<AlertMessage {...defaultProps} />);
     expect(wrapper.find('p').text()).toEqual('Test Description');
   });
   it('passes the additional props correctly', () => {
-    const wrapper = shallow(<SettingAlert {...defaultProps} variant="success" />);
+    const wrapper = shallow(<AlertMessage {...defaultProps} variant="success" />);
     expect(wrapper.props().variant).toEqual('success');
   });
 });
diff --git a/src/advanced-settings/setting-alert/__snapshots__/SettingsAlert.test.jsx.snap b/src/generic/alert-message/__snapshots__/AlertMessage.test.jsx.snap
similarity index 94%
rename from src/advanced-settings/setting-alert/__snapshots__/SettingsAlert.test.jsx.snap
rename to src/generic/alert-message/__snapshots__/AlertMessage.test.jsx.snap
index 99fd72cb67..d0da4b3e05 100644
--- a/src/advanced-settings/setting-alert/__snapshots__/SettingsAlert.test.jsx.snap
+++ b/src/generic/alert-message/__snapshots__/AlertMessage.test.jsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SettingAlert successfully renders 1`] = `
+exports[`AlertMessage successfully renders 1`] = `
 <div
   className="fade alert-content alert show"
   role="alert"
diff --git a/src/generic/alert-message/index.jsx b/src/generic/alert-message/index.jsx
new file mode 100644
index 0000000000..6c6421e293
--- /dev/null
+++ b/src/generic/alert-message/index.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Alert } from '@edx/paragon';
+import PropTypes from 'prop-types';
+
+const AlertMessage = ({ title, description, ...props }) => (
+  <Alert {...props}>
+    <Alert.Heading>{title}</Alert.Heading>
+    <p>{description}</p>
+  </Alert>
+);
+
+AlertMessage.propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+};
+
+AlertMessage.defaultProps = {
+  title: undefined,
+  description: undefined,
+};
+
+export default AlertMessage;
diff --git a/src/generic/messages.js b/src/generic/messages.js
new file mode 100644
index 0000000000..589b2ea250
--- /dev/null
+++ b/src/generic/messages.js
@@ -0,0 +1,40 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+
+const messages = defineMessages({
+  sidebarTitleOther: {
+    id: 'course-authoring.help-sidebar.other.title',
+    defaultMessage: 'Other Course Settings',
+  },
+  sidebarLinkToScheduleAndDetails: {
+    id: 'course-authoring.help-sidebar.links.schedule-and-details',
+    defaultMessage: 'Schedule & Details',
+    description: 'Link to Studio Schedule & Details page',
+  },
+  sidebarLinkToGrading: {
+    id: 'course-authoring.help-sidebar.links.grading',
+    defaultMessage: 'Grading',
+    description: 'Link to Studio Grading page',
+  },
+  sidebarLinkToCourseTeam: {
+    id: 'course-authoring.help-sidebar.links.course-team',
+    defaultMessage: 'Course Team',
+    description: 'Link to Studio Course Team page',
+  },
+  sidebarLinkToGroupConfigurations: {
+    id: 'course-authoring.help-sidebar.links.group-configurations',
+    defaultMessage: 'Group Configurations',
+    description: 'Link to Studio Group Configurations page',
+  },
+  sidebarLinkToProctoredExamSettings: {
+    id: 'course-authoring.help-sidebar.links.proctored-exam-settings',
+    defaultMessage: 'Proctored exam settings',
+    description: 'Link to Proctored exam settings page',
+  },
+  sidebarLinkToAdvancedSettings: {
+    id: 'course-authoring.help-sidebar.links.advanced-settings',
+    defaultMessage: 'Advanced Settings',
+    description: 'Link to Advanced Settings',
+  },
+});
+
+export default messages;
diff --git a/src/generic/scss/HelpSidebar.scss b/src/generic/scss/HelpSidebar.scss
new file mode 100644
index 0000000000..2ea59a2ad4
--- /dev/null
+++ b/src/generic/scss/HelpSidebar.scss
@@ -0,0 +1,34 @@
+.help-sidebar {
+  margin-top: 1.875rem;
+
+  .help-sidebar-about {
+    .help-sidebar-about-title {
+      @extend %heading-h4;
+
+      color: $headings-color;
+      margin-bottom: 1.25rem;
+    }
+
+    .help-sidebar-about-descriptions {
+      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+      color: $text-color-base;
+    }
+  }
+
+  .help-sidebar-other-links ul {
+    list-style: none;
+
+    .help-sidebar-other-link {
+      font: normal $font-weight-normal .875rem/1.5rem $font-family-base;
+      line-height: 1.5rem;
+      color: $info-500;
+      margin-bottom: .5rem;
+    }
+  }
+
+  .help-sidebar-other-title {
+    font: normal $font-weight-bold 1.125rem/1.5rem $font-family-base;
+    color: $headings-color;
+    margin-bottom: 1.25rem;
+  }
+}
diff --git a/src/i18n/messages/ar.json b/src/i18n/messages/ar.json
index 32bfa00832..964e10411e 100644
--- a/src/i18n/messages/ar.json
+++ b/src/i18n/messages/ar.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/de.json b/src/i18n/messages/de.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/de.json
+++ b/src/i18n/messages/de.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/de_DE.json b/src/i18n/messages/de_DE.json
index 0bbd34e77e..4539dccf83 100644
--- a/src/i18n/messages/de_DE.json
+++ b/src/i18n/messages/de_DE.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/es_419.json b/src/i18n/messages/es_419.json
index 956f6946a3..e666f5a7a6 100644
--- a/src/i18n/messages/es_419.json
+++ b/src/i18n/messages/es_419.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/fr.json b/src/i18n/messages/fr.json
index 52389ec06f..c70b0c3545 100644
--- a/src/i18n/messages/fr.json
+++ b/src/i18n/messages/fr.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/fr_CA.json b/src/i18n/messages/fr_CA.json
index eefa26ca24..7e43d4ecc2 100644
--- a/src/i18n/messages/fr_CA.json
+++ b/src/i18n/messages/fr_CA.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/hi.json b/src/i18n/messages/hi.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/hi.json
+++ b/src/i18n/messages/hi.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/it.json b/src/i18n/messages/it.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/it.json
+++ b/src/i18n/messages/it.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/it_IT.json b/src/i18n/messages/it_IT.json
index 8e4ceb77d2..5b005c283f 100644
--- a/src/i18n/messages/it_IT.json
+++ b/src/i18n/messages/it_IT.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/pt.json b/src/i18n/messages/pt.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/pt.json
+++ b/src/i18n/messages/pt.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/pt_PT.json b/src/i18n/messages/pt_PT.json
index ba712257a6..da7a2b23bd 100644
--- a/src/i18n/messages/pt_PT.json
+++ b/src/i18n/messages/pt_PT.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/ru.json b/src/i18n/messages/ru.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/ru.json
+++ b/src/i18n/messages/ru.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/uk.json b/src/i18n/messages/uk.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/uk.json
+++ b/src/i18n/messages/uk.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/i18n/messages/zh_CN.json b/src/i18n/messages/zh_CN.json
index 2ad561c193..3b8d98ef0a 100644
--- a/src/i18n/messages/zh_CN.json
+++ b/src/i18n/messages/zh_CN.json
@@ -376,11 +376,6 @@
   "course-authoring.advanced-settings.sidebar.about.title": "What do advanced settings do?",
   "course-authoring.advanced-settings.sidebar.about.description-1": "Advanced settings control specific course functionality. On this page, you can edit manual policies, which are JSON-based key and value pairs that control specific course settings.",
   "course-authoring.advanced-settings.sidebar.about.description-2": "Any policies you modify here override all other information you’ve defined elsewhere in Studio. Do not edit policies unless you are familiar with both their purpose and syntax.",
-  "course-authoring.advanced-settings.sidebar.other.title": "Other Course Settings",
-  "course-authoring.advanced-settings.sidebar.links.schedule-and-details": "Schedule & Details",
-  "course-authoring.advanced-settings.sidebar.links.grading": "Grading",
-  "course-authoring.advanced-settings.sidebar.links.course-team": "Course Team",
-  "course-authoring.advanced-settings.sidebar.links.group-configurations": "Group Configurations",
   "course-authoring.advanced-settings.button.deprecated": "Deprecated",
   "course-authoring.advanced-settings.modal.error.title": "Validation Error While Saving",
   "course-authoring.advanced-settings.modal.error.btn.change-manually": "Change Manually",
@@ -388,5 +383,51 @@
   "course-authoring.advanced-settings.modal.error.description": "There was {errorCounter} while trying to save the course settings in the database. Please check the following validation feedbacks and reflect them in your course settings:",
   "course-authoring.advanced-settings.policies.description": "{notice} Do not modify these policies unless you are familiar with their purpose.",
   "course-authoring.advanced-settings.deprecated.button.text": "{visibility} Deprecated Settings",
-  "course-authoring.advanced-settings.button.help": "Show help text"
+  "course-authoring.advanced-settings.button.help": "Show help text",
+  "course-authoring.schedule.basic.title": "Basic information",
+  "course-authoring.schedule.basic.description": "The nuts and bolts of this course",
+  "course-authoring.schedule.basic.email-icon": "Invite your students email icon",
+  "course-authoring.schedule.basic.organization": "Organization",
+  "course-authoring.schedule.basic.course-number": "Course number",
+  "course-authoring.schedule.basic.course-run": "Course run",
+  "course-authoring.schedule.basic.banner.title": "Promoting your course with edX",
+  "course-authoring.schedule.basic.banner.text": "Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.",
+  "course-authoring.schedule.basic.promotion.button": "Invite your students",
+  "course-authoring.schedule.credit.title": "Course Credit Requirements",
+  "course-authoring.schedule.credit.description": "Steps required to earn course credit",
+  "course-authoring.schedule.credit.help": "A requirement appears in this list when you publish the unit that contains the requirement.",
+  "course-authoring.schedule.credit.minimum-grade": "Minimum Grade",
+  "course-authoring.schedule.credit.proctored-exam": "Successful Proctored Exam",
+  "course-authoring.schedule.credit.verification": "ID Verification",
+  "course-authoring.schedule.credit.not-found": "No credit requirements found.",
+  "course-authoring.schedule.pacing.title": "Course Pacing",
+  "course-authoring.schedule.pacing.description": "Set the pacing for this course",
+  "course-authoring.schedule.pacing.restriction": "Course pacing cannot be changed once a course has started",
+  "course-authoring.schedule.pacing.radio.instructor.label": "Instructor-Paced",
+  "course-authoring.schedule.pacing.radio.instructor.description": "Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.",
+  "course-authoring.schedule.pacing.radio.self-paced.label": "Self-Paced",
+  "course-authoring.schedule.pacing.radio.self-paced.description": "Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.",
+  "course-authoring.schedule.sidebar.about.title": "How are these settings used?",
+  "course-authoring.schedule.sidebar.about.text": "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  "course-authoring.schedule.heading.title": "Schedule & details",
+  "course-authoring.schedule.heading.subtitle": "Settings",
+  "course-authoring.schedule.alert.button.save": "Save Changes",
+  "course-authoring.schedule.alert.button.cancel": "Cancel",
+  "course-authoring.schedule.alert.warning.aria.labelledby": "notification-warning-title",
+  "course-authoring.schedule.alert.warning.aria.describedby": "notification-warning-description",
+  "course-authoring.schedule.alert.warning": "You`ve made some changes",
+  "course-authoring.schedule.alert.warning.descriptions": "Your changes will not take effect until you save your progress.",
+  "course-authoring.schedule.alert.success.aria.labelledby": "alert-confirmation-title",
+  "course-authoring.schedule.alert.success.aria.describedby": "alert-confirmation-description",
+  "course-authoring.schedule.alert.success": "Your changes have been saved.",
+  "course-authoring.help-sidebar.other.title": "Other Course Settings",
+  "course-authoring.help-sidebar.links.schedule-and-details": "Schedule & Details",
+  "course-authoring.help-sidebar.links.grading": "Grading",
+  "course-authoring.help-sidebar.links.course-team": "Course Team",
+  "course-authoring.help-sidebar.links.group-configurations": "Group Configurations",
+  "course-authoring.help-sidebar.links.proctored-exam-settings": "Proctored exam settings",
+  "course-authoring.help-sidebar.links.advanced-settings": "Advanced Settings",
+  "course-authoring.schedule.basic.email.subject":"Enroll in {courseDisplayName}.",
+  "course-authoring.schedule.basic.email.body": "The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.",
+  "course-authoring.schedule.basic.promotion.title": "Course Summary Page {smallText}"
 }
diff --git a/src/index.scss b/src/index.scss
index 5c7bad7064..0dd8f9f6f8 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -4,6 +4,10 @@
 @import "~@edx/brand/paragon/overrides";
 @import "studio-header/header";
 @import "~@edx/frontend-component-footer/dist/footer";
+@import "assets/scss/typography";
+@import "assets/scss/variables";
 @import "proctored-exam-settings/proctoredExamSettings";
 @import "pages-and-resources/discussions/app-list/AppList";
-@import "advanced-settings/scss/AdvencedSettings";
+@import "advanced-settings/scss/AdvancedSettings";
+@import "schedule-and-details/ScheduleAndDetails";
+@import "generic/scss/HelpSidebar";
diff --git a/src/schedule-and-details/ScheduleAndDetails.scss b/src/schedule-and-details/ScheduleAndDetails.scss
new file mode 100644
index 0000000000..d215b4c84b
--- /dev/null
+++ b/src/schedule-and-details/ScheduleAndDetails.scss
@@ -0,0 +1,37 @@
+@import "./basic-section/BasicSection";
+@import "./credit-section/CreditSection";
+@import "./pacing-section/PacingSection";
+
+.schedule-header-title {
+  @extend %heading-h2;
+
+  margin-bottom: 1.75rem;
+
+  .schedule-header-title-subtitle {
+    @extend %body-small;
+
+    display: block;
+    color: $text-color-base;
+  }
+}
+
+.section-container:not(:last-child) {
+  margin-bottom: 1.75rem;
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: .25rem;
+  margin-bottom: .75rem;
+  border-bottom: $border-width solid $light-400;
+
+  .section-header-title {
+    @extend %body-large;
+  }
+
+  .section-header-description {
+    @extend %body-small;
+  }
+}
diff --git a/src/schedule-and-details/ScheduleAndDetails.test.jsx b/src/schedule-and-details/ScheduleAndDetails.test.jsx
new file mode 100644
index 0000000000..1b6d756f6d
--- /dev/null
+++ b/src/schedule-and-details/ScheduleAndDetails.test.jsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
+import { useDispatch, useSelector } from 'react-redux';
+import ScheduleAndDetails from '.';
+import { courseDetails, courseSettings } from './__mocks__';
+import {
+  fetchCourseDetailsQuery,
+  fetchCourseSettingsQuery,
+} from './data/thunks';
+
+jest.mock('react-redux', () => ({
+  useSelector: jest.fn(),
+  useDispatch: jest.fn(),
+}));
+
+jest.mock('./data/thunks', () => ({
+  fetchCourseDetailsQuery: jest.fn(),
+  fetchCourseSettingsQuery: jest.fn(),
+  updateCourseDetailsQuery: jest.fn(),
+}));
+
+jest.mock('./data/selectors', () => ({
+  getCourseSettings: jest.fn(),
+  getSavingStatus: jest.fn(),
+  getCourseDetails: jest.fn(),
+  getLoadingDetailsStatus: jest.fn(),
+  getLoadingSettingsStatus: jest.fn(),
+}));
+
+const mockPathname = '/foo-bar';
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useLocation: () => ({
+    pathname: mockPathname,
+  }),
+}));
+
+describe('<ScheduleAndDetails />', () => {
+  const courseId = '123';
+  const mockDispatch = jest.fn();
+  let wrapper;
+  useDispatch.mockReturnValue(mockDispatch);
+
+  beforeEach(() => {
+    useSelector
+      .mockReturnValueOnce(courseSettings)
+      .mockReturnValueOnce(courseDetails);
+    wrapper = mount(
+      <IntlProvider locale="en">
+        <ScheduleAndDetails intl={injectIntl} courseId={courseId} />
+      </IntlProvider>,
+    );
+  });
+
+  afterEach(() => jest.clearAllMocks());
+
+  it('should render without errors', () => {
+    shallow(<ScheduleAndDetails intl={injectIntl} courseId={courseId} />);
+  });
+
+  it('should fetch course setting and details on mount', () => {
+    expect(mockDispatch).toHaveBeenCalledTimes(2);
+    expect(fetchCourseDetailsQuery).toHaveBeenCalledWith(courseId);
+    expect(fetchCourseSettingsQuery).toHaveBeenCalledWith(courseId);
+  });
+
+  it('should render available sections', () => {
+    const basicSection = wrapper.find('BasicSection');
+    const creditSection = wrapper.find('CreditSection');
+    const pacingSection = wrapper.find('PacingSection');
+    expect(basicSection.exists()).toBe(true);
+    expect(creditSection.exists()).toBe(true);
+    expect(pacingSection.exists()).toBe(true);
+  });
+});
diff --git a/src/schedule-and-details/__mocks__/courseDetails.js b/src/schedule-and-details/__mocks__/courseDetails.js
new file mode 100644
index 0000000000..494a9ee914
--- /dev/null
+++ b/src/schedule-and-details/__mocks__/courseDetails.js
@@ -0,0 +1,48 @@
+module.exports = {
+  aboutSidebarHtml: '',
+  bannerImageName: 'images_course_image.jpg',
+  bannerImageAssetPath:
+    '/asset-v1:edX+M12+2T2023+type@asset+block@images_courseasdd_image.jpg',
+  certificateAvailableDate: null,
+  certificatesDisplayBehavior: 'end',
+  courseId: 'M12',
+  courseImageAssetPath: '/static/studio/images/pencils.jpg',
+  courseImageName: '',
+  description: '',
+  duration: '',
+  effort: null,
+  endDate: null,
+  enrollmentEnd: null,
+  enrollmentStart: null,
+  entranceExamEnabled: '',
+  entranceExamId: '',
+  entranceExamMinimumScorePct: '50',
+  instructorInfo: {
+    instructors: [
+      {
+        name: 'foo bar',
+        title: 'title',
+        organization: 'org',
+        image: 'image',
+        bio: '',
+      },
+    ],
+  },
+  introVideo: null,
+  language: 'creative-commons: ver=4.0 BY NC ND',
+  learningInfo: [],
+  license: 'creative-commons: ver=4.0 BY NC ND',
+  org: 'edX',
+  overview: "<section class='about'></section>",
+  preRequisiteCourses: [],
+  run: '2T2023',
+  selfPaced: false,
+  shortDescription: '',
+  startDate: '2023-06-14T00:00:00Z',
+  subtitle: '',
+  syllabus: null,
+  title: '',
+  videoThumbnailImageAssetPath:
+    '/asset-v1:edX+M12+2T2023+type@asset+block@images_course_image.jpg',
+  videoThumbnailImageName: 'images_course_image.jpg',
+};
diff --git a/src/schedule-and-details/__mocks__/courseSettings.js b/src/schedule-and-details/__mocks__/courseSettings.js
new file mode 100644
index 0000000000..bf748e2980
--- /dev/null
+++ b/src/schedule-and-details/__mocks__/courseSettings.js
@@ -0,0 +1,60 @@
+module.exports = {
+  aboutPageEditable: false,
+  canShowCertificateAvailableDateField: false,
+  courseDisplayName: 'Differential Equations',
+  courseDisplayNameWithDefault: 'Differential Equations',
+  creditEligibilityEnabled: true,
+  creditRequirements: {
+    grade: [
+      {
+        name: 'grade',
+        displayName: 'Minimum Grade',
+        criteria: {
+          minGrade: 0.8,
+        },
+      },
+    ],
+  },
+  enableExtendedCourseDetails: true,
+  enrollmentEndEditable: true,
+  isCreditCourse: true,
+  isEntranceExamsEnabled: true,
+  isPrerequisiteCoursesEnabled: true,
+  languageOptions: [
+    ['en', 'English'],
+    ['uk', 'Ukrainian'],
+  ],
+  lmsLinkForAboutPage:
+    'http://localhost:18000/courses/course-v1:edX+M12+2T2023/about',
+  marketingEnabled: true,
+  mfeProctoredExamSettingsUrl: '',
+  possiblePreRequisiteCourses: [
+    {
+      courseKey: 'course-v1:edX+P315+2T2023',
+      displayName: 'Quantum Entanglement',
+      lmsLink:
+        '//localhost:18000/courses/course-v1:edX+P315+2T2023/jump_to/block-v1:edX+P315+2T2023+type@course+block@course',
+      number: 'P315',
+      org: 'edX',
+      rerunLink: '/course_rerun/course-v1:edX+P315+2T2023',
+      run: '2T2023',
+      url: '/course/course-v1:edX+P315+2T2023',
+    },
+    {
+      courseKey: 'course-v1:edX+DemoX+Demo_Course',
+      displayName: 'Demonstration Course',
+      lmsLink:
+        '//localhost:18000/courses/course-v1:edX+DemoX+Demo_Course/jump_to/block-v1:edX+DemoX+Demo_Course+type@course+block@course',
+      number: 'DemoX',
+      org: 'edX',
+      rerunLink: '/course_rerun/course-v1:edX+DemoX+Demo_Course',
+      run: 'Demo_Course',
+      url: '/course/course-v1:edX+DemoX+Demo_Course',
+    },
+  ],
+  shortDescriptionEditable: true,
+  showMinGradeWarning: false,
+  sidebarHtmlEnabled: true,
+  upgradeDeadline: '2023-07-02T23:59:59+00:00',
+  useV2CertDisplaySettings: false,
+};
diff --git a/src/schedule-and-details/__mocks__/index.js b/src/schedule-and-details/__mocks__/index.js
new file mode 100644
index 0000000000..bb59092754
--- /dev/null
+++ b/src/schedule-and-details/__mocks__/index.js
@@ -0,0 +1,2 @@
+export { default as courseDetails } from './courseDetails';
+export { default as courseSettings } from './courseSettings';
diff --git a/src/schedule-and-details/basic-section/BasicSection.scss b/src/schedule-and-details/basic-section/BasicSection.scss
new file mode 100644
index 0000000000..82abbce469
--- /dev/null
+++ b/src/schedule-and-details/basic-section/BasicSection.scss
@@ -0,0 +1,36 @@
+.basic-section {
+  .basic-info-list {
+    display: flex;
+    justify-content: space-between;
+    margin: .75rem 0 1.75rem;
+    padding-inline-start: 0;
+    list-style-type: none;
+  }
+
+  .pgn__pageBanner-component {
+    background-color: $white;
+    border-radius: 6px;
+    box-shadow: 0 .0625rem .125rem rgba(0 0 0 / .15), 0 .0625rem .25rem rgba(0 0 0 / .15);
+  }
+
+  .pgn__pageBanner-content {
+    align-items: flex-start;
+    padding: 1.5rem;
+    flex-direction: column;
+  }
+
+  .pgn__pageBanner-dismissButtonContainer {
+    margin: 1.5rem 1.5rem 0 0;
+    align-self: baseline;
+  }
+
+  .pgn__card-header-title-sm {
+    @extend %heading-h4;
+
+    color: $gray-500;
+  }
+
+  .pgn__card-header-content {
+    margin-top: .75rem;
+  }
+}
diff --git a/src/schedule-and-details/basic-section/BasicSection.test.jsx b/src/schedule-and-details/basic-section/BasicSection.test.jsx
new file mode 100644
index 0000000000..70ede0b1a3
--- /dev/null
+++ b/src/schedule-and-details/basic-section/BasicSection.test.jsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import renderer from 'react-test-renderer';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { IntlProvider } from 'react-intl';
+import { INVITE_STUDENTS_LINK_ID, EMAIL_TO } from './constants';
+import BasicSection from '.';
+
+describe('<BasicSection />', () => {
+  const RootWrapper = (props) => (
+    <IntlProvider locale="en">
+      <BasicSection {...props} />
+    </IntlProvider>
+  );
+
+  const props = {
+    intl: {},
+    org: 'foo org',
+    courseNumber: 'bar number',
+    run: 'foo run',
+    lmsLinkForAboutPage: 'link://to',
+    marketingEnabled: true,
+    courseDisplayName: 'foo course',
+    platformName: 'Your platform name here',
+  };
+
+  it('matches the snapshots', () => {
+    const tree = renderer.create(<RootWrapper {...props} />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('renders basic section successfully', () => {
+    const { getByText } = render(<RootWrapper {...props} />);
+    expect(getByText(/Basic information/i)).toBeInTheDocument();
+    expect(getByText(/The nuts and bolts of this course/i)).toBeInTheDocument();
+    expect(getByText(/Organization/i)).toBeInTheDocument();
+    expect(getByText(props.org)).toBeInTheDocument();
+    expect(getByText(/Course number/i)).toBeInTheDocument();
+    expect(getByText(props.courseNumber)).toBeInTheDocument();
+    expect(getByText(/Course run/i)).toBeInTheDocument();
+    expect(getByText(props.run)).toBeInTheDocument();
+  });
+
+  it('shows the page banner if the marketingEnabled is enabled', () => {
+    const { getByText, queryAllByText, debug } = render(<RootWrapper {...props} />);
+    expect(getByText(/Promoting your course with edX/i)).toBeInTheDocument();
+    expect(
+      getByText(
+        /Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page./i,
+      ),
+    ).toBeInTheDocument();
+    debug();
+    expect(queryAllByText('Course Summary Page').length).toBe(0);
+  });
+
+  it('shows the course promotion if the marketingEnabled is disabled', () => {
+    const initialProps = { ...props, marketingEnabled: false };
+    const { getByText, getByRole, queryAllByText } = render(<RootWrapper {...initialProps} />);
+    const inviteButton = getByRole('button', { name: 'Invite your students' });
+
+    expect(getByText(/Course Summary Page/i)).toBeInTheDocument();
+    expect(
+      getByText(/(for student enrollment and access)/i),
+    ).toBeInTheDocument();
+    expect(getByText(props.lmsLinkForAboutPage)).toBeInTheDocument();
+    expect(inviteButton).toBeInTheDocument();
+    expect(queryAllByText('Promoting your course with edX').length).toBe(0);
+  });
+
+  it('checks link link to invite', () => {
+    const initialProps = { ...props, marketingEnabled: false };
+    const { getByTestId } = render(<RootWrapper {...initialProps} />);
+    const inviteLink = getByTestId(INVITE_STUDENTS_LINK_ID);
+    expect(decodeURIComponent(inviteLink.href)).toEqual(
+      `mailto:${EMAIL_TO}?body=The course ${props.courseDisplayName}, provided by ${props.platformName}, is open for enrollment. Please navigate to this course at ${props.lmsLinkForAboutPage} to enroll.&subject=Enroll in ${props.courseDisplayName}.`,
+    );
+  });
+});
diff --git a/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap b/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap
new file mode 100644
index 0000000000..df1dd58937
--- /dev/null
+++ b/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap
@@ -0,0 +1,123 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<BasicSection /> matches the snapshots 1`] = `
+<section
+  className="section-container basic-section"
+>
+  <header
+    className="section-header"
+  >
+    <h2
+      className="section-header-title"
+    >
+      Basic information
+    </h2>
+    <span
+      className="section-header-description"
+    >
+      The nuts and bolts of this course
+    </span>
+  </header>
+  <ul
+    className="basic-info-list"
+  >
+    <li
+      className="d-grid"
+    >
+      <h4
+        className="text-gray-700"
+      >
+        Organization
+      </h4>
+      <span
+        className="small"
+      >
+        foo org
+      </span>
+    </li>
+    <li
+      className="d-grid"
+    >
+      <h4
+        className="text-gray-700"
+      >
+        Course number
+      </h4>
+      <span
+        className="small"
+      >
+        bar number
+      </span>
+    </li>
+    <li
+      className="d-grid"
+    >
+      <h4
+        className="text-gray-700"
+      >
+        Course run
+      </h4>
+      <span
+        className="small"
+      >
+        foo run
+      </span>
+    </li>
+  </ul>
+  <div
+    aria-atomic="true"
+    aria-live="polite"
+    className="pgn__pageBanner-component pgn__pageBanner__accentA"
+    role="alert"
+  >
+    <div
+      className="pgn__pageBanner-content"
+    >
+      <h4
+        className="mb-2"
+      >
+        Promoting your course with edX
+      </h4>
+      <span
+        className="text text-gray-700 text-left"
+      >
+        Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.
+      </span>
+    </div>
+    <span
+      className="pgn__pageBanner-dismissButtonContainer"
+    >
+      <button
+        aria-label="Dismiss"
+        className="btn-icon btn-icon-black btn-icon-inline"
+        onClick={[Function]}
+        type="button"
+      >
+        <span
+          className="btn-icon__icon-container"
+        >
+          <span
+            className="pgn__icon btn-icon__icon"
+          >
+            <svg
+              aria-hidden={true}
+              fill="none"
+              focusable={false}
+              height={24}
+              role="img"
+              viewBox="0 0 24 24"
+              width={24}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+        </span>
+      </button>
+    </span>
+  </div>
+</section>
+`;
diff --git a/src/schedule-and-details/basic-section/constants.js b/src/schedule-and-details/basic-section/constants.js
new file mode 100644
index 0000000000..a7d9faa8a5
--- /dev/null
+++ b/src/schedule-and-details/basic-section/constants.js
@@ -0,0 +1,3 @@
+/* eslint-disable-next-line import/prefer-default-export */
+export const EMAIL_TO = 'someone@domain.com';
+export const INVITE_STUDENTS_LINK_ID = 'invite-students-link';
diff --git a/src/schedule-and-details/basic-section/index.jsx b/src/schedule-and-details/basic-section/index.jsx
new file mode 100644
index 0000000000..8f955576d8
--- /dev/null
+++ b/src/schedule-and-details/basic-section/index.jsx
@@ -0,0 +1,154 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import {
+  injectIntl,
+  intlShape,
+  FormattedMessage,
+} from '@edx/frontend-platform/i18n';
+import {
+  PageBanner, Button, Card, MailtoLink,
+} from '@edx/paragon';
+import { Email } from '@edx/paragon/icons';
+import { EMAIL_TO, INVITE_STUDENTS_LINK_ID } from './constants';
+import messages from './messages';
+
+const BasicSection = ({
+  intl,
+  org,
+  courseNumber,
+  run,
+  lmsLinkForAboutPage,
+  marketingEnabled,
+  courseDisplayName,
+  platformName,
+}) => {
+  const [showPageBanner, setShowPageBanner] = useState(true);
+  const emailSubject = intl.formatMessage(
+    {
+      id: 'course-authoring.schedule.basic.email.subject',
+      defaultMessage: 'Enroll in {courseDisplayName}.',
+    },
+    { courseDisplayName },
+  );
+
+  const emailBody = intl.formatMessage(
+    {
+      id: 'course-authoring.schedule.basic.email.body',
+      defaultMessage:
+        'The course {courseDisplayName}, provided by {platformName}, is open for enrollment. Please navigate to this course at {lmsLinkForAboutPage} to enroll.',
+    },
+    {
+      courseDisplayName,
+      platformName,
+      lmsLinkForAboutPage,
+    },
+  );
+
+  const promotionTitle = (
+    <FormattedMessage
+      id="course-authoring.schedule.basic.promotion.title"
+      defaultMessage="Course Summary Page {smallText}"
+      values={{
+        smallText: <small>(for student enrollment and access)</small>,
+      }}
+    />
+  );
+
+  const courseBasicInfo = [
+    {
+      label: `${intl.formatMessage(messages.courseOrganization)}`,
+      prefix: 'basic-organization',
+      value: org,
+    },
+    {
+      label: `${intl.formatMessage(messages.courseNumber)}`,
+      prefix: 'basic-course-number',
+      value: courseNumber,
+    },
+    {
+      label: `${intl.formatMessage(messages.courseRun)}`,
+      prefix: 'basic-course-run',
+      value: run,
+    },
+  ];
+
+  const renderBasicInfo = (info) => (
+    <li className="d-grid" key={info.prefix}>
+      <h4 className="text-gray-700">{info.label}</h4>
+      <span className="small">{info.value}</span>
+    </li>
+  );
+
+  const renderPageBanner = () => (
+    <PageBanner
+      show={showPageBanner}
+      dismissible
+      onDismiss={() => setShowPageBanner(false)}
+      className="align-items-start"
+    >
+      <h4 className="mb-2">{intl.formatMessage(messages.basicBannerTitle)}</h4>
+      <span className="text text-gray-700 text-left">
+        {intl.formatMessage(messages.basicBannerText)}
+      </span>
+    </PageBanner>
+  );
+
+  const renderCoursePromotion = () => (
+    <Card>
+      <Card.Header className="px-3" title={promotionTitle} size="sm" />
+      <Card.Section className="px-3 py-1">
+        <a
+          href={lmsLinkForAboutPage}
+          className="lead info-500 text-decoration-none"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {lmsLinkForAboutPage}
+        </a>
+      </Card.Section>
+      <Card.Divider />
+      <Card.Footer className="p-3 justify-content-start">
+        <MailtoLink
+          to={EMAIL_TO}
+          subject={emailSubject}
+          body={emailBody}
+          data-testid={INVITE_STUDENTS_LINK_ID}
+        >
+          <Button variant="info" iconBefore={Email}>
+            {intl.formatMessage(messages.basicPromotionButton)}
+          </Button>
+        </MailtoLink>
+      </Card.Footer>
+    </Card>
+  );
+
+  return (
+    <section className="section-container basic-section">
+      <header className="section-header">
+        <h2 className="section-header-title">
+          {intl.formatMessage(messages.basicTitle)}
+        </h2>
+        <span className="section-header-description">
+          {intl.formatMessage(messages.basicDescription)}
+        </span>
+      </header>
+      <ul className="basic-info-list">
+        {courseBasicInfo.map(renderBasicInfo)}
+      </ul>
+      {marketingEnabled ? renderPageBanner() : renderCoursePromotion()}
+    </section>
+  );
+};
+
+BasicSection.propTypes = {
+  intl: intlShape.isRequired,
+  org: PropTypes.string.isRequired,
+  courseNumber: PropTypes.string.isRequired,
+  run: PropTypes.string.isRequired,
+  lmsLinkForAboutPage: PropTypes.string.isRequired,
+  marketingEnabled: PropTypes.bool.isRequired,
+  courseDisplayName: PropTypes.string.isRequired,
+  platformName: PropTypes.string.isRequired,
+};
+
+export default injectIntl(BasicSection);
diff --git a/src/schedule-and-details/basic-section/messages.js b/src/schedule-and-details/basic-section/messages.js
new file mode 100644
index 0000000000..6b358b5e4e
--- /dev/null
+++ b/src/schedule-and-details/basic-section/messages.js
@@ -0,0 +1,42 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+
+const messages = defineMessages({
+  basicTitle: {
+    id: 'course-authoring.schedule.basic.title',
+    defaultMessage: 'Basic information',
+  },
+  basicDescription: {
+    id: 'course-authoring.schedule.basic.description',
+    defaultMessage: 'The nuts and bolts of this course',
+  },
+  basicEmailIcon: {
+    id: 'course-authoring.schedule.basic.email-icon',
+    defaultMessage: 'Invite your students email icon',
+  },
+  courseOrganization: {
+    id: 'course-authoring.schedule.basic.organization',
+    defaultMessage: 'Organization',
+  },
+  courseNumber: {
+    id: 'course-authoring.schedule.basic.course-number',
+    defaultMessage: 'Course number',
+  },
+  courseRun: {
+    id: 'course-authoring.schedule.basic.course-run',
+    defaultMessage: 'Course run',
+  },
+  basicBannerTitle: {
+    id: 'course-authoring.schedule.basic.banner.title',
+    defaultMessage: 'Promoting your course with edX',
+  },
+  basicBannerText: {
+    id: 'course-authoring.schedule.basic.banner.text',
+    defaultMessage: 'Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page.',
+  },
+  basicPromotionButton: {
+    id: 'course-authoring.schedule.basic.promotion.button',
+    defaultMessage: 'Invite your students',
+  },
+});
+
+export default messages;
diff --git a/src/schedule-and-details/credit-section/CreditSection.scss b/src/schedule-and-details/credit-section/CreditSection.scss
new file mode 100644
index 0000000000..f2dc22bc44
--- /dev/null
+++ b/src/schedule-and-details/credit-section/CreditSection.scss
@@ -0,0 +1,9 @@
+.credit-section {
+  .credit-info-list {
+    display: flex;
+    justify-content: space-between;
+    margin: 1.25rem 0 1.75rem;
+    padding-inline-start: 0;
+    list-style-type: none;
+  }
+}
diff --git a/src/schedule-and-details/credit-section/CreditSection.test.jsx b/src/schedule-and-details/credit-section/CreditSection.test.jsx
new file mode 100644
index 0000000000..de0684edd8
--- /dev/null
+++ b/src/schedule-and-details/credit-section/CreditSection.test.jsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import renderer from 'react-test-renderer';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { IntlProvider } from 'react-intl';
+import CreditSection from '.';
+
+describe('<CreditSection />', () => {
+  const RootWrapper = (props) => (
+    <IntlProvider locale="en">
+      <CreditSection {...props} />
+    </IntlProvider>
+  );
+
+  const props = {
+    creditRequirements: {
+      grade: [
+        {
+          name: 'grade',
+          displayName: 'Minimum Grade',
+          criteria: {
+            minGrade: 0.8,
+          },
+        },
+      ],
+    },
+  };
+
+  it('matches the snapshots', () => {
+    const tree = renderer.create(<RootWrapper {...props} />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('renders credit section successfully', () => {
+    const { getByText } = render(<RootWrapper {...props} />);
+    expect(getByText(/Course Credit Requirements/i)).toBeInTheDocument();
+    expect(
+      getByText(/Steps required to earn course credit/i),
+    ).toBeInTheDocument();
+    expect(
+      getByText(
+        /A requirement appears in this list when you publish the unit that contains the requirement./i,
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('renders empty requirements', () => {
+    const initialProps = { ...props, creditRequirements: {} };
+    const { getByText } = render(<RootWrapper {...initialProps} />);
+    expect(getByText(/No credit requirements found./i)).toBeInTheDocument();
+  });
+
+  it('renders requirements successfully', () => {
+    const { getByText, queryAllByText } = render(<RootWrapper {...props} />);
+    expect(getByText(/Minimum Grade/)).toBeInTheDocument();
+    expect(getByText(/80%/i)).toBeInTheDocument();
+    expect(queryAllByText('Successful Proctored Exam').length).toBe(0);
+    expect(queryAllByText('ID Verification').length).toBe(0);
+  });
+});
diff --git a/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap b/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
new file mode 100644
index 0000000000..275bb1e514
--- /dev/null
+++ b/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CreditSection /> matches the snapshots 1`] = `
+<section
+  className="section-container credit-section"
+>
+  <header
+    className="section-header"
+  >
+    <h2
+      className="section-header-title"
+    >
+      Course Credit Requirements
+    </h2>
+    <span
+      className="section-header-description"
+    >
+      Steps required to earn course credit
+    </span>
+  </header>
+  <span>
+    A requirement appears in this list when you publish the unit that contains the requirement.
+  </span>
+  <ul
+    className="credit-info-list"
+  >
+    <li
+      className="d-grid"
+    >
+      <h4
+        className="text-gray-700"
+        htmlFor="credit-minimum-grade"
+      >
+        Minimum Grade
+      </h4>
+      <span
+        className="small"
+      >
+        80%
+      </span>
+    </li>
+  </ul>
+</section>
+`;
diff --git a/src/schedule-and-details/credit-section/index.jsx b/src/schedule-and-details/credit-section/index.jsx
new file mode 100644
index 0000000000..a14743f552
--- /dev/null
+++ b/src/schedule-and-details/credit-section/index.jsx
@@ -0,0 +1,99 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import messages from './messages';
+
+export const CREDIT_REQUIREMENTS_TYPE = {
+  grade: 'grade',
+  proctoredExam: 'proctoredExam',
+  reverification: 'reverification',
+};
+
+const CreditSection = ({ intl, creditRequirements }) => {
+  const requirementsInfo = [
+    {
+      id: CREDIT_REQUIREMENTS_TYPE.grade,
+      label: `${intl.formatMessage(messages.creditMinimumGrade)}`,
+      values: creditRequirements?.grade,
+      prefix: 'credit-minimum-grade',
+    },
+    {
+      id: CREDIT_REQUIREMENTS_TYPE.proctoredExam,
+      label: `${intl.formatMessage(messages.creditProctoredExam)}`,
+      values: creditRequirements?.proctoredExam,
+      prefix: 'credit-proctored-exam',
+    },
+    {
+      id: CREDIT_REQUIREMENTS_TYPE.reverification,
+      label: `${intl.formatMessage(messages.creditVerification)}`,
+      values: creditRequirements?.reverification,
+      prefix: 'credit-reverification',
+    },
+  ];
+
+  const renderRequirementsInfo = (requirement) => (
+    <li className="d-grid" key={requirement.id}>
+      <h4 htmlFor={requirement.prefix} className="text-gray-700">
+        {requirement.label}
+      </h4>
+      {requirement.values.map((value) => {
+        const displayValue = requirement.id === CREDIT_REQUIREMENTS_TYPE.grade
+          ? `${(parseFloat(value.criteria.minGrade) || 0) * 100}%`
+          : value.displayName;
+        return (
+          <span className="small" key={value.name}>
+            {displayValue}
+          </span>
+        );
+      })}
+    </li>
+  );
+
+  return (
+    <section className="section-container credit-section">
+      <header className="section-header">
+        <h2 className="section-header-title">
+          {intl.formatMessage(messages.creditTitle)}
+        </h2>
+        <span className="section-header-description">
+          {intl.formatMessage(messages.creditDescription)}
+        </span>
+      </header>
+      <span>{intl.formatMessage(messages.creditHelp)}</span>
+      {Object.keys(creditRequirements).length ? (
+        <ul className="credit-info-list">
+          {requirementsInfo
+            .filter((item) => item.values?.length)
+            .map(renderRequirementsInfo)}
+        </ul>
+      ) : (
+        <p>{intl.formatMessage(messages.creditNotFound)}</p>
+      )}
+    </section>
+  );
+};
+
+const creditRequirementsNamespace = PropTypes.shape({
+  name: PropTypes.string,
+  display_name: PropTypes.string,
+  criteria: PropTypes.shape({
+    min_grade: PropTypes.number,
+  }),
+});
+
+const creditRequirementsPropTypes = PropTypes.shape({
+  proctoredExam: PropTypes.arrayOf(creditRequirementsNamespace),
+  grade: PropTypes.arrayOf(creditRequirementsNamespace),
+  reverification: PropTypes.arrayOf(creditRequirementsNamespace),
+});
+
+CreditSection.defaultProps = {
+  creditRequirements: undefined,
+};
+
+CreditSection.propTypes = {
+  intl: intlShape.isRequired,
+  creditRequirements: creditRequirementsPropTypes,
+};
+
+export default injectIntl(CreditSection);
diff --git a/src/schedule-and-details/credit-section/messages.js b/src/schedule-and-details/credit-section/messages.js
new file mode 100644
index 0000000000..164ed515ab
--- /dev/null
+++ b/src/schedule-and-details/credit-section/messages.js
@@ -0,0 +1,35 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+
+const messages = defineMessages({
+  creditTitle: {
+    id: 'course-authoring.schedule.credit.title',
+    defaultMessage: 'Course Credit Requirements',
+  },
+  creditDescription: {
+    id: 'course-authoring.schedule.credit.description',
+    defaultMessage: 'Steps required to earn course credit',
+  },
+  creditHelp: {
+    id: 'course-authoring.schedule.credit.help',
+    defaultMessage:
+      'A requirement appears in this list when you publish the unit that contains the requirement.',
+  },
+  creditMinimumGrade: {
+    id: 'course-authoring.schedule.credit.minimum-grade',
+    defaultMessage: 'Minimum Grade',
+  },
+  creditProctoredExam: {
+    id: 'course-authoring.schedule.credit.proctored-exam',
+    defaultMessage: 'Successful Proctored Exam',
+  },
+  creditVerification: {
+    id: 'course-authoring.schedule.credit.verification',
+    defaultMessage: 'ID Verification',
+  },
+  creditNotFound: {
+    id: 'course-authoring.schedule.credit.not-found',
+    defaultMessage: 'No credit requirements found.',
+  },
+});
+
+export default messages;
diff --git a/src/schedule-and-details/data/api.js b/src/schedule-and-details/data/api.js
new file mode 100644
index 0000000000..94d45de094
--- /dev/null
+++ b/src/schedule-and-details/data/api.js
@@ -0,0 +1,41 @@
+/* eslint-disable import/prefer-default-export */
+import { camelCaseObject, getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
+import { convertObjectToSnakeCase } from '../../utils';
+
+const getApiBaseUrl = () => getConfig().STUDIO_BASE_URL;
+const getCourseDetailsApiUrl = () => `${getApiBaseUrl()}/api/contentstore/v1/course_details/`;
+const getCourseSettingsApiUrl = () => `${getApiBaseUrl()}/api/contentstore/v1/course_settings/`;
+
+/**
+ * Get course details.
+ * @param {string} courseId
+ * @returns {Promise<Object>}
+ */
+export async function getCourseDetails(courseId) {
+  const { data } = await getAuthenticatedHttpClient()
+    .get(`${getCourseDetailsApiUrl()}${courseId}`);
+  return camelCaseObject(data);
+}
+
+/**
+ * Update course details.
+ * @param {string} courseId
+ * @param {object} details
+ * @returns {Promise<Object>}
+ */
+export async function updateCourseDetails(courseId, details) {
+  const { data } = await getAuthenticatedHttpClient()
+    .put(`${getCourseDetailsApiUrl()}${courseId}`, convertObjectToSnakeCase(details, true));
+  return camelCaseObject(data);
+}
+
+/**
+ * Get course settings.
+ * @param {string} courseId
+ * @returns {Promise<Object>}
+ */
+export async function getCourseSettings(courseId) {
+  const { data } = await getAuthenticatedHttpClient().get(`${getCourseSettingsApiUrl()}${courseId}`);
+  return camelCaseObject(data);
+}
diff --git a/src/schedule-and-details/data/selectors.js b/src/schedule-and-details/data/selectors.js
new file mode 100644
index 0000000000..cff5c69ba3
--- /dev/null
+++ b/src/schedule-and-details/data/selectors.js
@@ -0,0 +1,5 @@
+export const getLoadingDetailsStatus = (state) => state.scheduleAndDetails.loadingDetailsStatus;
+export const getLoadingSettingsStatus = (state) => state.scheduleAndDetails.loadingSettingsStatus;
+export const getSavingStatus = (state) => state.scheduleAndDetails.savingStatus;
+export const getCourseDetails = state => state.scheduleAndDetails.courseDetails;
+export const getCourseSettings = (state) => state.scheduleAndDetails.courseSettings;
diff --git a/src/schedule-and-details/data/slice.js b/src/schedule-and-details/data/slice.js
new file mode 100644
index 0000000000..ba65e02a18
--- /dev/null
+++ b/src/schedule-and-details/data/slice.js
@@ -0,0 +1,48 @@
+/* eslint-disable no-param-reassign */
+import { createSlice } from '@reduxjs/toolkit';
+
+import { RequestStatus } from '../../data/constants';
+
+const slice = createSlice({
+  name: 'scheduleAndDetails',
+  initialState: {
+    loadingDetailsStatus: RequestStatus.IN_PROGRESS,
+    loadingSettingsStatus: RequestStatus.IN_PROGRESS,
+    savingStatus: '',
+    courseDetails: {},
+    courseSettings: {},
+  },
+  reducers: {
+    updateLoadingDetailsStatus: (state, { payload }) => {
+      state.loadingDetailsStatus = payload.status;
+    },
+    updateLoadingSettingsStatus: (state, { payload }) => {
+      state.loadingSettingsStatus = payload.status;
+    },
+    updateSavingStatus: (state, { payload }) => {
+      state.savingStatus = payload.status;
+    },
+    updateCourseDetailsSuccess: (state, { payload }) => {
+      Object.assign(state.courseDetails, payload);
+    },
+    fetchCourseDetailsSuccess: (state, { payload }) => {
+      Object.assign(state.courseDetails, payload);
+    },
+    fetchCourseSettingsSuccess: (state, { payload }) => {
+      Object.assign(state.courseSettings, payload);
+    },
+  },
+});
+
+export const {
+  updateSavingStatus,
+  updateLoadingDetailsStatus,
+  updateLoadingSettingsStatus,
+  updateCourseDetailsSuccess,
+  fetchCourseDetailsSuccess,
+  fetchCourseSettingsSuccess,
+} = slice.actions;
+
+export const {
+  reducer,
+} = slice;
diff --git a/src/schedule-and-details/data/thunks.js b/src/schedule-and-details/data/thunks.js
new file mode 100644
index 0000000000..7d6254a073
--- /dev/null
+++ b/src/schedule-and-details/data/thunks.js
@@ -0,0 +1,60 @@
+import { RequestStatus } from '../../data/constants';
+import {
+  getCourseDetails,
+  updateCourseDetails,
+  getCourseSettings,
+} from './api';
+import {
+  updateSavingStatus,
+  updateLoadingDetailsStatus,
+  updateLoadingSettingsStatus,
+  fetchCourseDetailsSuccess,
+  updateCourseDetailsSuccess,
+  fetchCourseSettingsSuccess,
+} from './slice';
+
+export function fetchCourseDetailsQuery(courseId) {
+  return async (dispatch) => {
+    dispatch(updateLoadingDetailsStatus({ status: RequestStatus.IN_PROGRESS }));
+
+    try {
+      const detailsValues = await getCourseDetails(courseId);
+      dispatch(fetchCourseDetailsSuccess(detailsValues));
+      dispatch(updateLoadingDetailsStatus({ status: RequestStatus.SUCCESSFUL }));
+    } catch (error) {
+      dispatch(updateLoadingDetailsStatus({ status: RequestStatus.FAILED }));
+    }
+  };
+}
+
+export function updateCourseDetailsQuery(courseId, details) {
+  return async (dispatch) => {
+    dispatch(updateSavingStatus({ status: RequestStatus.IN_PROGRESS }));
+
+    try {
+      const detailsValues = await updateCourseDetails(courseId, details);
+      dispatch(updateCourseDetailsSuccess(detailsValues));
+      dispatch(updateSavingStatus({ status: RequestStatus.SUCCESSFUL }));
+      return true;
+    } catch (error) {
+      dispatch(updateSavingStatus({ status: RequestStatus.FAILED }));
+      return false;
+    }
+  };
+}
+
+export function fetchCourseSettingsQuery(courseId) {
+  return async (dispatch) => {
+    dispatch(updateLoadingSettingsStatus({ status: RequestStatus.IN_PROGRESS }));
+
+    try {
+      const settingsValues = await getCourseSettings(courseId);
+      dispatch(fetchCourseSettingsSuccess(settingsValues));
+      dispatch(updateLoadingSettingsStatus({ status: RequestStatus.SUCCESSFUL }));
+      return true;
+    } catch (error) {
+      dispatch(updateLoadingSettingsStatus({ status: RequestStatus.FAILED }));
+      return false;
+    }
+  };
+}
diff --git a/src/schedule-and-details/hooks.jsx b/src/schedule-and-details/hooks.jsx
new file mode 100644
index 0000000000..44289c8b03
--- /dev/null
+++ b/src/schedule-and-details/hooks.jsx
@@ -0,0 +1,50 @@
+import { useState, useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+
+const useSaveValuesPrompt = (
+  courseId,
+  updateDataQuery,
+  initialEditedData = {},
+) => {
+  const [editedValues, setEditedValues] = useState(initialEditedData);
+  const [saveValuesPrompt, showSaveValuesPrompt] = useState(false);
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    setEditedValues(initialEditedData);
+  }, [initialEditedData]);
+
+  const handleValuesChange = (e, settingName) => {
+    const { value } = e.target;
+    if (!saveValuesPrompt) {
+      showSaveValuesPrompt(true);
+    }
+    setEditedValues((prevEditedSettings) => ({
+      ...prevEditedSettings,
+      [settingName]: value || ' ',
+    }));
+  };
+
+  const handleResetValues = () => {
+    setEditedValues(initialEditedData || {});
+    showSaveValuesPrompt(false);
+  };
+
+  const handleUpdateValues = () => {
+    dispatch(updateDataQuery(courseId, editedValues));
+    showSaveValuesPrompt(false);
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  return {
+    editedValues,
+    saveValuesPrompt,
+    dispatch,
+    handleValuesChange,
+    handleUpdateValues,
+    handleResetValues,
+  };
+};
+
+/* eslint-disable-next-line import/prefer-default-export */
+export { useSaveValuesPrompt };
diff --git a/src/schedule-and-details/index.jsx b/src/schedule-and-details/index.jsx
new file mode 100644
index 0000000000..c82c9192b2
--- /dev/null
+++ b/src/schedule-and-details/index.jsx
@@ -0,0 +1,179 @@
+import React, { useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useSelector } from 'react-redux';
+import { Container, Button, Layout } from '@edx/paragon';
+import { CheckCircle, WarningFilled } from '@edx/paragon/icons';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { RequestStatus } from '../data/constants';
+import AlertMessage from '../generic/alert-message';
+import Loading from '../generic/Loading';
+import {
+  fetchCourseSettingsQuery,
+  fetchCourseDetailsQuery,
+  updateCourseDetailsQuery,
+} from './data/thunks';
+import {
+  getCourseSettings,
+  getSavingStatus,
+  getCourseDetails,
+  getLoadingDetailsStatus,
+  getLoadingSettingsStatus,
+} from './data/selectors';
+import BasicSection from './basic-section';
+import CreditSection from './credit-section';
+import PacingSection from './pacing-section';
+import ScheduleSidebar from './schedule-sidebar';
+import messages from './messages';
+import { useSaveValuesPrompt } from './hooks';
+
+const ScheduleAndDetails = ({ intl, courseId }) => {
+  const courseSettings = useSelector(getCourseSettings);
+  const courseDetails = useSelector(getCourseDetails);
+  const savingStatus = useSelector(getSavingStatus);
+  const loadingDetailsStatus = useSelector(getLoadingDetailsStatus);
+  const loadingSettingsStatus = useSelector(getLoadingSettingsStatus);
+  const isLoading = loadingDetailsStatus === RequestStatus.IN_PROGRESS
+    || loadingSettingsStatus === RequestStatus.IN_PROGRESS;
+
+  const {
+    editedValues,
+    saveValuesPrompt,
+    dispatch,
+    handleResetValues,
+    handleValuesChange,
+    handleUpdateValues,
+  } = useSaveValuesPrompt(courseId, updateCourseDetailsQuery, courseDetails);
+
+  const {
+    creditEligibilityEnabled,
+    isCreditCourse,
+    lmsLinkForAboutPage,
+    marketingEnabled,
+    courseDisplayName,
+    mfeProctoredExamSettingsUrl,
+    platformName,
+  } = courseSettings;
+
+  const {
+    org,
+    courseId: courseNumber,
+    run,
+    startDate,
+    selfPaced,
+  } = editedValues;
+
+  const showCreditSection = creditEligibilityEnabled && isCreditCourse;
+
+  useEffect(() => {
+    dispatch(fetchCourseSettingsQuery(courseId));
+    dispatch(fetchCourseDetailsQuery(courseId));
+  }, [courseId]);
+
+  if (isLoading) {
+    return <Loading />;
+  }
+
+  return (
+    <>
+      <Container size="xl">
+        <div className="schedule-header mt-5">
+          {savingStatus === RequestStatus.SUCCESSFUL && (
+            <AlertMessage
+              variant="success"
+              icon={CheckCircle}
+              title={intl.formatMessage(messages.alertSuccess)}
+              aria-hidden="true"
+              aria-labelledby={intl.formatMessage(
+                messages.alertSuccessAriaLabelledby,
+              )}
+              aria-describedby={intl.formatMessage(
+                messages.alertSuccessAriaDescribedby,
+              )}
+            />
+          )}
+          <header>
+            <h2 className="schedule-header-title">
+              <small className="schedule-header-title-subtitle">
+                {intl.formatMessage(messages.headingSubtitle)}
+              </small>
+              {intl.formatMessage(messages.headingTitle)}
+            </h2>
+          </header>
+        </div>
+        <section className="setting-items mb-4">
+          <Layout
+            lg={[{ span: 9 }, { span: 3 }]}
+            md={[{ span: 9 }, { span: 3 }]}
+            sm={[{ span: 9 }, { span: 3 }]}
+            xs={[{ span: 9 }, { span: 3 }]}
+            xl={[{ span: 9 }, { span: 3 }]}
+          >
+            <Layout.Element>
+              <article>
+                <div>
+                  <BasicSection
+                    org={org}
+                    courseNumber={courseNumber}
+                    run={run}
+                    lmsLinkForAboutPage={lmsLinkForAboutPage}
+                    marketingEnabled={marketingEnabled}
+                    courseDisplayName={courseDisplayName}
+                    platformName={platformName}
+                  />
+                  {showCreditSection && (
+                    <CreditSection
+                      creditRequirements={courseSettings?.creditRequirements}
+                    />
+                  )}
+                  <PacingSection
+                    selfPaced={selfPaced}
+                    startDate={startDate}
+                    onChange={handleValuesChange}
+                  />
+                </div>
+              </article>
+            </Layout.Element>
+            <Layout.Element>
+              <ScheduleSidebar
+                courseId={courseId}
+                proctoredExamSettingsUrl={mfeProctoredExamSettingsUrl}
+              />
+            </Layout.Element>
+          </Layout>
+        </section>
+      </Container>
+      <div className="alert-toast">
+        <AlertMessage
+          show={saveValuesPrompt}
+          aria-hidden={saveValuesPrompt}
+          aria-labelledby={intl.formatMessage(
+            messages.alertWarningAriaLabelledby,
+          )}
+          aria-describedby={intl.formatMessage(
+            messages.alertWarningAriaDescribedby,
+          )}
+          role="dialog"
+          actions={[
+            <Button onClick={handleUpdateValues}>
+              {intl.formatMessage(messages.buttonSaveText)}
+            </Button>,
+            <Button variant="tertiary" onClick={handleResetValues}>
+              {intl.formatMessage(messages.buttonCancelText)}
+            </Button>,
+          ]}
+          variant="warning"
+          icon={WarningFilled}
+          title={intl.formatMessage(messages.alertWarning)}
+          description={intl.formatMessage(messages.alertWarningDescriptions)}
+        />
+      </div>
+    </>
+  );
+};
+
+ScheduleAndDetails.propTypes = {
+  intl: intlShape.isRequired,
+  courseId: PropTypes.string.isRequired,
+};
+
+export default injectIntl(ScheduleAndDetails);
diff --git a/src/schedule-and-details/messages.js b/src/schedule-and-details/messages.js
new file mode 100644
index 0000000000..eba1a23ca1
--- /dev/null
+++ b/src/schedule-and-details/messages.js
@@ -0,0 +1,50 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+
+const messages = defineMessages({
+  headingTitle: {
+    id: 'course-authoring.schedule.heading.title',
+    defaultMessage: 'Schedule & details',
+  },
+  headingSubtitle: {
+    id: 'course-authoring.schedule.heading.subtitle',
+    defaultMessage: 'Settings',
+  },
+  buttonSaveText: {
+    id: 'course-authoring.schedule.alert.button.save',
+    defaultMessage: 'Save Changes',
+  },
+  buttonCancelText: {
+    id: 'course-authoring.schedule.alert.button.cancel',
+    defaultMessage: 'Cancel',
+  },
+  alertWarningAriaLabelledby: {
+    id: 'course-authoring.schedule.alert.warning.aria.labelledby',
+    defaultMessage: 'notification-warning-title',
+  },
+  alertWarningAriaDescribedby: {
+    id: 'course-authoring.schedule.alert.warning.aria.describedby',
+    defaultMessage: 'notification-warning-description',
+  },
+  alertWarning: {
+    id: 'course-authoring.schedule.alert.warning',
+    defaultMessage: 'You`ve made some changes',
+  },
+  alertWarningDescriptions: {
+    id: 'course-authoring.schedule.alert.warning.descriptions',
+    defaultMessage: 'Your changes will not take effect until you save your progress.',
+  },
+  alertSuccessAriaLabelledby: {
+    id: 'course-authoring.schedule.alert.success.aria.labelledby',
+    defaultMessage: 'alert-confirmation-title',
+  },
+  alertSuccessAriaDescribedby: {
+    id: 'course-authoring.schedule.alert.success.aria.describedby',
+    defaultMessage: 'alert-confirmation-description',
+  },
+  alertSuccess: {
+    id: 'course-authoring.schedule.alert.success',
+    defaultMessage: 'Your changes have been saved.',
+  },
+});
+
+export default messages;
diff --git a/src/schedule-and-details/pacing-section/PacingSection.scss b/src/schedule-and-details/pacing-section/PacingSection.scss
new file mode 100644
index 0000000000..48d3d0f7c5
--- /dev/null
+++ b/src/schedule-and-details/pacing-section/PacingSection.scss
@@ -0,0 +1,15 @@
+.pacing-section {
+  label.pgn__form-label {
+    @extend %heading-h6;
+  }
+
+  input.pgn__form-radio-input {
+    padding: .5rem;
+    height: 1rem;
+    width: 1rem;
+  }
+
+  .pgn__form-control-set {
+    padding: 1rem 0 0 1rem;
+  }
+}
diff --git a/src/schedule-and-details/pacing-section/PacingSection.test.jsx b/src/schedule-and-details/pacing-section/PacingSection.test.jsx
new file mode 100644
index 0000000000..7b700a70d7
--- /dev/null
+++ b/src/schedule-and-details/pacing-section/PacingSection.test.jsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react';
+import renderer from 'react-test-renderer';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { IntlProvider } from 'react-intl';
+import PacingSection from '.';
+
+jest.useFakeTimers('modern').setSystemTime(new Date('2023-09-14'));
+
+describe('<PacingSection />', () => {
+  const onChangeMock = jest.fn();
+  const RootWrapper = (props) => (
+    <IntlProvider locale="en">
+      <PacingSection {...props} />
+    </IntlProvider>
+  );
+
+  const props = {
+    intl: {},
+    selfPaced: false,
+    startDate: '2023-06-12',
+    onChange: onChangeMock,
+  };
+
+  it('matches the snapshots', () => {
+    const tree = renderer.create(<RootWrapper {...props} />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('renders pacing section successfully', () => {
+    const { getByText, getAllByText } = render(<RootWrapper {...props} />);
+    expect(getByText(/Set the pacing for this course/i)).toBeInTheDocument();
+
+    const coursePacingLabels = getAllByText(/Course Pacing/i);
+    expect(coursePacingLabels.length).toBe(2);
+    expect(coursePacingLabels[0]).toHaveTextContent('Course Pacing');
+    expect(coursePacingLabels[1]).toHaveTextContent(
+      'Course pacing cannot be changed once a course has started',
+    );
+
+    const instructorPacedLabels = getAllByText(/Instructor-Paced/i);
+    expect(instructorPacedLabels.length).toBe(2);
+    expect(instructorPacedLabels[0]).toHaveTextContent('Instructor-Paced');
+    expect(instructorPacedLabels[1]).toHaveTextContent(
+      'Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.',
+    );
+
+    const selfPacedLabels = getAllByText(/Self-Paced/i);
+    expect(selfPacedLabels.length).toBe(2);
+    expect(selfPacedLabels[0]).toHaveTextContent('Self-Paced');
+    expect(selfPacedLabels[1]).toHaveTextContent(
+      'Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.',
+    );
+  });
+
+  it('shows radio inputs correctly', () => {
+    const { getAllByRole } = render(<RootWrapper {...props} />);
+    const radioList = getAllByRole('radio');
+    expect(radioList[0].checked).toBeTruthy();
+    expect(radioList[0].disabled).toBeTruthy();
+    expect(radioList[1].checked).toBeFalsy();
+    expect(radioList[1].disabled).toBeTruthy();
+  });
+
+  it('shows disabled radio inputs correctly', () => {
+    const pastDate = '2023-12-31';
+    const initialProps = { ...props, startDate: pastDate };
+    const { getAllByRole, queryAllByText } = render(
+      <RootWrapper {...initialProps} />,
+    );
+    const radioList = getAllByRole('radio');
+    expect(radioList[0].checked).toBeTruthy();
+    expect(radioList[0].disabled).toBeFalsy();
+    expect(radioList[1].checked).toBeFalsy();
+    expect(radioList[1].disabled).toBeFalsy();
+    expect(
+      queryAllByText(
+        /Course pacing cannot be changed once a course has started/i,
+      ).length,
+    ).toBe(0);
+  });
+
+  it('should calls onChange radio input', () => {
+    const pastDate = '2023-12-31';
+    const initialProps = { ...props, startDate: pastDate };
+    const { getAllByRole } = render(<RootWrapper {...initialProps} />);
+    const radioList = getAllByRole('radio');
+    expect(radioList[1].checked).toBeFalsy();
+    fireEvent.click(radioList[1]);
+    expect(onChangeMock).toHaveBeenCalled();
+  });
+});
diff --git a/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap b/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap
new file mode 100644
index 0000000000..adacc29c19
--- /dev/null
+++ b/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap
@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PacingSection /> matches the snapshots 1`] = `
+<section
+  className="section-container pacing-section"
+>
+  <header
+    className="section-header"
+  >
+    <h2
+      className="section-header-title"
+    >
+      Course Pacing
+    </h2>
+    <span
+      className="section-header-description"
+    >
+      Set the pacing for this course
+    </span>
+  </header>
+  <div
+    className="pgn__form-group"
+  >
+    <label
+      className="pgn__form-label"
+      htmlFor="form-field1"
+    >
+      Course pacing cannot be changed once a course has started
+    </label>
+    <div
+      className="pgn__form-control-set"
+      id="form-field1"
+      role="radiogroup"
+    >
+      <div
+        className="pgn__form-radio pgn__form-control-disabled"
+      >
+        <input
+          checked={true}
+          className="pgn__form-radio-input"
+          disabled={true}
+          id="form-field2"
+          name="selfPaced"
+          onChange={[Function]}
+          type="radio"
+          value="false"
+        />
+        <div>
+          <label
+            className="pgn__form-label"
+            htmlFor="form-field2"
+          >
+            Instructor-Paced
+          </label>
+          <div
+            className="pgn__form-control-description pgn__form-text pgn__form-text-default"
+          >
+            <div>
+              Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="pgn__form-radio pgn__form-control-disabled"
+      >
+        <input
+          checked={false}
+          className="pgn__form-radio-input"
+          disabled={true}
+          id="form-field3"
+          name="selfPaced"
+          onChange={[Function]}
+          type="radio"
+          value="true"
+        />
+        <div>
+          <label
+            className="pgn__form-label"
+            htmlFor="form-field3"
+          >
+            Self-Paced
+          </label>
+          <div
+            className="pgn__form-control-description pgn__form-text pgn__form-text-default"
+          >
+            <div>
+              Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+`;
diff --git a/src/schedule-and-details/pacing-section/constants.js b/src/schedule-and-details/pacing-section/constants.js
new file mode 100644
index 0000000000..a7d9faa8a5
--- /dev/null
+++ b/src/schedule-and-details/pacing-section/constants.js
@@ -0,0 +1,3 @@
+/* eslint-disable-next-line import/prefer-default-export */
+export const EMAIL_TO = 'someone@domain.com';
+export const INVITE_STUDENTS_LINK_ID = 'invite-students-link';
diff --git a/src/schedule-and-details/pacing-section/index.jsx b/src/schedule-and-details/pacing-section/index.jsx
new file mode 100644
index 0000000000..5238212396
--- /dev/null
+++ b/src/schedule-and-details/pacing-section/index.jsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { Form } from '@edx/paragon';
+import messages from './messages';
+
+const PacingSection = ({
+  intl, selfPaced, startDate, onChange,
+}) => {
+  const canTogglePace = new Date() <= new Date(startDate);
+
+  return (
+    <section className="section-container pacing-section">
+      <header className="section-header">
+        <h2 className="section-header-title">
+          {intl.formatMessage(messages.pacingTitle)}
+        </h2>
+        <span className="section-header-description">
+          {intl.formatMessage(messages.pacingDescription)}
+        </span>
+      </header>
+      <Form.Group>
+        {!canTogglePace && (
+          <Form.Label>
+            {intl.formatMessage(messages.pacingRestriction)}
+          </Form.Label>
+        )}
+        <Form.RadioSet
+          name="selfPaced"
+          onChange={(e) => onChange(e, e.target.name)}
+          value={selfPaced.toString()}
+        >
+          <Form.Radio
+            value="false"
+            description={intl.formatMessage(messages.pacingTypeInstructorDescription)}
+            disabled={!canTogglePace}
+          >
+            {intl.formatMessage(messages.pacingTypeInstructorLabel)}
+          </Form.Radio>
+          <Form.Radio
+            value="true"
+            description={intl.formatMessage(messages.pacingTypeSelfDescription)}
+            disabled={!canTogglePace}
+          >
+            {intl.formatMessage(messages.pacingTypeSelfLabel)}
+          </Form.Radio>
+        </Form.RadioSet>
+      </Form.Group>
+    </section>
+  );
+};
+
+PacingSection.defaultProps = {
+  selfPaced: '',
+  startDate: '',
+};
+
+PacingSection.propTypes = {
+  intl: intlShape.isRequired,
+  startDate: PropTypes.string,
+  selfPaced: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  onChange: PropTypes.func.isRequired,
+};
+
+export default injectIntl(PacingSection);
diff --git a/src/schedule-and-details/pacing-section/messages.js b/src/schedule-and-details/pacing-section/messages.js
new file mode 100644
index 0000000000..7135c1e623
--- /dev/null
+++ b/src/schedule-and-details/pacing-section/messages.js
@@ -0,0 +1,35 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+
+const messages = defineMessages({
+  pacingTitle: {
+    id: 'course-authoring.schedule.pacing.title',
+    defaultMessage: 'Course Pacing',
+  },
+  pacingDescription: {
+    id: 'course-authoring.schedule.pacing.description',
+    defaultMessage: 'Set the pacing for this course',
+  },
+  pacingRestriction: {
+    id: 'course-authoring.schedule.pacing.restriction',
+    defaultMessage: 'Course pacing cannot be changed once a course has started',
+  },
+  pacingTypeInstructorLabel: {
+    id: 'course-authoring.schedule.pacing.radio.instructor.label',
+    defaultMessage: 'Instructor-Paced',
+  },
+  pacingTypeInstructorDescription: {
+    id: 'course-authoring.schedule.pacing.radio.instructor.description',
+    defaultMessage:
+      'Instructor-paced courses progress at the pace that the course author sets. You can configure release dates for course content and due dates for assignments.',
+  },
+  pacingTypeSelfLabel: {
+    id: 'course-authoring.schedule.pacing.radio.self-paced.label',
+    defaultMessage: 'Self-Paced',
+  },
+  pacingTypeSelfDescription: {
+    id: 'course-authoring.schedule.pacing.radio.self-paced.description',
+    defaultMessage: 'Self-paced courses offer suggested due dates for assignments or exams based on the learner’s enrollment date and the expected course duration. These courses offer learners flexibility to modify the assignment dates as needed.',
+  },
+});
+
+export default messages;
diff --git a/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx b/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx
new file mode 100644
index 0000000000..89324ff961
--- /dev/null
+++ b/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
+import { AppContext } from '@edx/frontend-platform/react';
+import ScheduleSidebar from '.';
+
+const mockPathname = '/foo-bar';
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useLocation: () => ({
+    pathname: mockPathname,
+  }),
+}));
+
+describe('<ScheduleSidebar />', () => {
+  const config = { STUDIO_BASE_URL: 'https://example.com' };
+  const courseId = 'course123';
+  it('should match the snapshot', () => {
+    const tree = renderer
+      .create(
+        // eslint-disable-next-line react/jsx-no-constructed-context-values
+        <AppContext.Provider value={{ config }}>
+          <IntlProvider locale="en">
+            <ScheduleSidebar
+              intl={injectIntl}
+              courseId={courseId}
+              proctoredExamSettingsUrl="link://to"
+            />
+          </IntlProvider>
+        </AppContext.Provider>,
+      )
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});
diff --git a/src/schedule-and-details/schedule-sidebar/__snapshots__/ScheduleSidebar.test.jsx.snap b/src/schedule-and-details/schedule-sidebar/__snapshots__/ScheduleSidebar.test.jsx.snap
new file mode 100644
index 0000000000..1f55748125
--- /dev/null
+++ b/src/schedule-and-details/schedule-sidebar/__snapshots__/ScheduleSidebar.test.jsx.snap
@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ScheduleSidebar /> should match the snapshot 1`] = `
+<aside
+  className="help-sidebar"
+>
+  <div
+    className="help-sidebar-about"
+  >
+    <h4
+      className="help-sidebar-about-title"
+    >
+      How are these settings used?
+    </h4>
+    <p
+      className="help-sidebar-about-descriptions"
+    >
+      Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.
+    </p>
+  </div>
+  <hr />
+  <div
+    className="help-sidebar-other"
+  >
+    <h4
+      className="help-sidebar-other-title"
+    >
+      Other Course Settings
+    </h4>
+    <nav
+      aria-label="Other Course Settings"
+      className="help-sidebar-other-links"
+    >
+      <ul
+        className="p-0 mb-0"
+      >
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="/course/course123/settings/details"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Schedule & Details
+          </a>
+        </li>
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="/course/course123/settings/grading"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Grading
+          </a>
+        </li>
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="/course/course123/course_team"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Course Team
+          </a>
+        </li>
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="link://to"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Proctored exam settings
+          </a>
+        </li>
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="https://example.com/group_configurations/course123"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Group Configurations
+          </a>
+        </li>
+        <li
+          className="help-sidebar-other-link"
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link"
+            href="/course/course123/settings/advanced"
+            onClick={[Function]}
+            rel="noopener"
+            target="_self"
+          >
+            Advanced Settings
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</aside>
+`;
diff --git a/src/schedule-and-details/schedule-sidebar/index.jsx b/src/schedule-and-details/schedule-sidebar/index.jsx
new file mode 100644
index 0000000000..5e645e1b3e
--- /dev/null
+++ b/src/schedule-and-details/schedule-sidebar/index.jsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
+
+import HelpSidebar from '../../generic/HelpSidebar';
+import messages from './messages';
+
+const ScheduleSidebar = ({ intl, courseId, proctoredExamSettingsUrl }) => (
+  <HelpSidebar
+    courseId={courseId}
+    proctoredExamSettingsUrl={proctoredExamSettingsUrl}
+    showOtherSettings
+  >
+    <h4 className="help-sidebar-about-title">
+      {intl.formatMessage(messages.scheduleSidebarTitle)}
+    </h4>
+    <p className="help-sidebar-about-descriptions">
+      {intl.formatMessage(messages.scheduleSidebarAbout)}
+    </p>
+  </HelpSidebar>
+);
+
+ScheduleSidebar.defaultProps = {
+  proctoredExamSettingsUrl: '',
+};
+
+ScheduleSidebar.propTypes = {
+  intl: intlShape.isRequired,
+  courseId: PropTypes.string.isRequired,
+  proctoredExamSettingsUrl: PropTypes.string,
+};
+
+export default injectIntl(ScheduleSidebar);
diff --git a/src/schedule-and-details/schedule-sidebar/messages.js b/src/schedule-and-details/schedule-sidebar/messages.js
new file mode 100644
index 0000000000..5df18eab64
--- /dev/null
+++ b/src/schedule-and-details/schedule-sidebar/messages.js
@@ -0,0 +1,14 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+
+const messages = defineMessages({
+  scheduleSidebarTitle: {
+    id: 'course-authoring.schedule.sidebar.about.title',
+    defaultMessage: 'How are these settings used?',
+  },
+  scheduleSidebarAbout: {
+    id: 'course-authoring.schedule.sidebar.about.text',
+    defaultMessage: "Your course's schedule determines when students can enroll in and begin a course. Other information from this page appears on the About page for your course. This information includes the course overview, course image, introduction video, and estimated time requirements. Students use About pages to choose new courses to take.",
+  },
+});
+
+export default messages;
diff --git a/src/store.js b/src/store.js
index ab63b0c302..d8a301759f 100644
--- a/src/store.js
+++ b/src/store.js
@@ -5,6 +5,7 @@ import { reducer as courseDetailReducer } from './data/slice';
 import { reducer as discussionsReducer } from './pages-and-resources/discussions';
 import { reducer as pagesAndResourcesReducer } from './pages-and-resources/data/slice';
 import { reducer as advancedSettingsReducer } from './advanced-settings/data/slice';
+import { reducer as scheduleAndDetailsReducer } from './schedule-and-details/data/slice';
 import { reducer as liveReducer } from './pages-and-resources/live/data/slice';
 
 export default function initializeStore(preloadedState = undefined) {
@@ -13,6 +14,7 @@ export default function initializeStore(preloadedState = undefined) {
       courseDetail: courseDetailReducer,
       discussions: discussionsReducer,
       pagesAndResources: pagesAndResourcesReducer,
+      scheduleAndDetails: scheduleAndDetailsReducer,
       advancedSettings: advancedSettingsReducer,
       models: modelsReducer,
       live: liveReducer,
diff --git a/src/utils.js b/src/utils.js
index b37261a417..dd241dd73c 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -27,12 +27,13 @@ export function useIsDesktop() {
   return useMediaQuery({ query: '(min-width: 992px)' });
 }
 
-export function convertObjectToSnakeCase(obj) {
+export function convertObjectToSnakeCase(obj, unpacked = false) {
   return Object.keys(obj).reduce((snakeCaseObj, key) => {
     const snakeCaseKey = snakeCase(key);
+    const value = unpacked ? obj[key] : { value: obj[key] };
     return {
       ...snakeCaseObj,
-      [snakeCaseKey]: { value: obj[key] },
+      [snakeCaseKey]: value,
     };
   }, {});
 }

From 32a93038df31dc6d603ff061133e3ffc5b7913be Mon Sep 17 00:00:00 2001
From: ruzniaievdm <ruzniaievdm@gmail.com>
Date: Tue, 13 Jun 2023 17:04:09 +0300
Subject: [PATCH 2/5] fix: resolve discussions

---
 src/assets/scss/_typography.scss              | 35 -----------------
 src/generic/scss/HelpSidebar.scss             |  2 -
 src/index.scss                                |  1 -
 .../proctoredExamSettings.scss                |  2 +-
 .../ScheduleAndDetails.scss                   | 39 +++++--------------
 .../ScheduleAndDetails.test.jsx               |  3 +-
 .../basic-section/BasicSection.scss           | 11 ++----
 .../basic-section/BasicSection.test.jsx       |  4 +-
 .../basic-section/index.jsx                   | 19 ++++-----
 .../credit-section/CreditSection.scss         | 14 +++----
 .../credit-section/CreditSection.test.jsx     |  1 +
 .../credit-section/index.jsx                  | 22 +++++------
 src/schedule-and-details/index.jsx            | 11 +++---
 .../pacing-section/PacingSection.scss         | 10 ++---
 .../pacing-section/PacingSection.test.jsx     |  1 +
 .../pacing-section/index.jsx                  |  7 ++--
 .../schedule-sidebar/ScheduleSidebar.test.jsx |  1 +
 src/studio-header/header.scss                 | 10 ++---
 18 files changed, 65 insertions(+), 128 deletions(-)
 delete mode 100644 src/assets/scss/_typography.scss

diff --git a/src/assets/scss/_typography.scss b/src/assets/scss/_typography.scss
deleted file mode 100644
index 575c6c25c7..0000000000
--- a/src/assets/scss/_typography.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-%heading-h1 {
-  font: 700 2.5rem/2.75rem $font-family-base;
-}
-
-%heading-h2 {
-  font: 700 2rem/2.25rem $font-family-base;
-}
-
-%heading-h3 {
-  font: 700 1.375rem/1.75rem $font-family-base;
-}
-
-%heading-h4 {
-  font: 700 1.125rem/1.5rem $font-family-base;
-}
-
-%heading-h6 {
-  font: 700 .75rem/1.25rem $font-family-base;
-}
-
-%body-large {
-  font: 400 1.375rem/2.25rem $font-family-base;
-}
-
-%body-default {
-  font: 400 1.125rem/1.75rem $font-family-base;
-}
-
-%body-small {
-  font: 400 .875rem/1.5rem $font-family-base;
-}
-
-%text {
-  font: 400 .875rem/1.5rem $font-family-base;
-}
diff --git a/src/generic/scss/HelpSidebar.scss b/src/generic/scss/HelpSidebar.scss
index 2ea59a2ad4..a3fe661b8d 100644
--- a/src/generic/scss/HelpSidebar.scss
+++ b/src/generic/scss/HelpSidebar.scss
@@ -3,8 +3,6 @@
 
   .help-sidebar-about {
     .help-sidebar-about-title {
-      @extend %heading-h4;
-
       color: $headings-color;
       margin-bottom: 1.25rem;
     }
diff --git a/src/index.scss b/src/index.scss
index 0dd8f9f6f8..2b4ce95f16 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -4,7 +4,6 @@
 @import "~@edx/brand/paragon/overrides";
 @import "studio-header/header";
 @import "~@edx/frontend-component-footer/dist/footer";
-@import "assets/scss/typography";
 @import "assets/scss/variables";
 @import "proctored-exam-settings/proctoredExamSettings";
 @import "pages-and-resources/discussions/app-list/AppList";
diff --git a/src/proctored-exam-settings/proctoredExamSettings.scss b/src/proctored-exam-settings/proctoredExamSettings.scss
index 8ffc2e6f0e..7dc00ecad3 100644
--- a/src/proctored-exam-settings/proctoredExamSettings.scss
+++ b/src/proctored-exam-settings/proctoredExamSettings.scss
@@ -1,6 +1,6 @@
 // legend styling should match label styling
 legend {
-  font-size: 1rem;
+  font-size: $spacer;
   font-weight: 700;
 }
 
diff --git a/src/schedule-and-details/ScheduleAndDetails.scss b/src/schedule-and-details/ScheduleAndDetails.scss
index d215b4c84b..51327a6f7e 100644
--- a/src/schedule-and-details/ScheduleAndDetails.scss
+++ b/src/schedule-and-details/ScheduleAndDetails.scss
@@ -2,36 +2,17 @@
 @import "./credit-section/CreditSection";
 @import "./pacing-section/PacingSection";
 
-.schedule-header-title {
-  @extend %heading-h2;
-
-  margin-bottom: 1.75rem;
-
-  .schedule-header-title-subtitle {
-    @extend %body-small;
-
-    display: block;
-    color: $text-color-base;
-  }
-}
-
-.section-container:not(:last-child) {
-  margin-bottom: 1.75rem;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-bottom: .25rem;
-  margin-bottom: .75rem;
-  border-bottom: $border-width solid $light-400;
-
-  .section-header-title {
-    @extend %body-large;
+.section-container {
+  &:not(:last-child) {
+    margin-bottom: 1.75rem;
   }
 
-  .section-header-description {
-    @extend %body-small;
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: .25rem;
+    margin-bottom: .75rem;
+    border-bottom: $border-width solid $light-400;
   }
 }
diff --git a/src/schedule-and-details/ScheduleAndDetails.test.jsx b/src/schedule-and-details/ScheduleAndDetails.test.jsx
index 1b6d756f6d..582b2dfd26 100644
--- a/src/schedule-and-details/ScheduleAndDetails.test.jsx
+++ b/src/schedule-and-details/ScheduleAndDetails.test.jsx
@@ -2,12 +2,13 @@ import React from 'react';
 import { shallow, mount } from 'enzyme';
 import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
 import { useDispatch, useSelector } from 'react-redux';
-import ScheduleAndDetails from '.';
+
 import { courseDetails, courseSettings } from './__mocks__';
 import {
   fetchCourseDetailsQuery,
   fetchCourseSettingsQuery,
 } from './data/thunks';
+import ScheduleAndDetails from '.';
 
 jest.mock('react-redux', () => ({
   useSelector: jest.fn(),
diff --git a/src/schedule-and-details/basic-section/BasicSection.scss b/src/schedule-and-details/basic-section/BasicSection.scss
index 82abbce469..a4069a3b80 100644
--- a/src/schedule-and-details/basic-section/BasicSection.scss
+++ b/src/schedule-and-details/basic-section/BasicSection.scss
@@ -8,9 +8,10 @@
   }
 
   .pgn__pageBanner-component {
+    @include pgn-box-shadow(1, "down");
+
     background-color: $white;
-    border-radius: 6px;
-    box-shadow: 0 .0625rem .125rem rgba(0 0 0 / .15), 0 .0625rem .25rem rgba(0 0 0 / .15);
+    border-radius: .375rem;
   }
 
   .pgn__pageBanner-content {
@@ -24,12 +25,6 @@
     align-self: baseline;
   }
 
-  .pgn__card-header-title-sm {
-    @extend %heading-h4;
-
-    color: $gray-500;
-  }
-
   .pgn__card-header-content {
     margin-top: .75rem;
   }
diff --git a/src/schedule-and-details/basic-section/BasicSection.test.jsx b/src/schedule-and-details/basic-section/BasicSection.test.jsx
index 70ede0b1a3..0fe29b3384 100644
--- a/src/schedule-and-details/basic-section/BasicSection.test.jsx
+++ b/src/schedule-and-details/basic-section/BasicSection.test.jsx
@@ -3,6 +3,7 @@ import { render } from '@testing-library/react';
 import renderer from 'react-test-renderer';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { IntlProvider } from 'react-intl';
+
 import { INVITE_STUDENTS_LINK_ID, EMAIL_TO } from './constants';
 import BasicSection from '.';
 
@@ -42,14 +43,13 @@ describe('<BasicSection />', () => {
   });
 
   it('shows the page banner if the marketingEnabled is enabled', () => {
-    const { getByText, queryAllByText, debug } = render(<RootWrapper {...props} />);
+    const { getByText, queryAllByText } = render(<RootWrapper {...props} />);
     expect(getByText(/Promoting your course with edX/i)).toBeInTheDocument();
     expect(
       getByText(
         /Your course summary page will not be viewable until your course has been announced. To provide content for the page and preview it, follow the instructions provided by your Program Manager. Please note that changes here may take up to a business day to appear on your course summary page./i,
       ),
     ).toBeInTheDocument();
-    debug();
     expect(queryAllByText('Course Summary Page').length).toBe(0);
   });
 
diff --git a/src/schedule-and-details/basic-section/index.jsx b/src/schedule-and-details/basic-section/index.jsx
index 8f955576d8..8f92fe17f6 100644
--- a/src/schedule-and-details/basic-section/index.jsx
+++ b/src/schedule-and-details/basic-section/index.jsx
@@ -6,9 +6,10 @@ import {
   FormattedMessage,
 } from '@edx/frontend-platform/i18n';
 import {
-  PageBanner, Button, Card, MailtoLink,
+  PageBanner, Button, Card, MailtoLink, Hyperlink,
 } from '@edx/paragon';
 import { Email } from '@edx/paragon/icons';
+
 import { EMAIL_TO, INVITE_STUDENTS_LINK_ID } from './constants';
 import messages from './messages';
 
@@ -95,16 +96,16 @@ const BasicSection = ({
 
   const renderCoursePromotion = () => (
     <Card>
-      <Card.Header className="px-3" title={promotionTitle} size="sm" />
+      <Card.Header className="h4 px-3 text-gray-500" title={promotionTitle} size="sm" />
       <Card.Section className="px-3 py-1">
-        <a
-          href={lmsLinkForAboutPage}
+        <Hyperlink
+          destination={lmsLinkForAboutPage}
           className="lead info-500 text-decoration-none"
           target="_blank"
-          rel="noreferrer"
+          showLaunchIcon={false}
         >
           {lmsLinkForAboutPage}
-        </a>
+        </Hyperlink>
       </Card.Section>
       <Card.Divider />
       <Card.Footer className="p-3 justify-content-start">
@@ -125,10 +126,10 @@ const BasicSection = ({
   return (
     <section className="section-container basic-section">
       <header className="section-header">
-        <h2 className="section-header-title">
+        <span className="lead">
           {intl.formatMessage(messages.basicTitle)}
-        </h2>
-        <span className="section-header-description">
+        </span>
+        <span className="x-small text-gray-700">
           {intl.formatMessage(messages.basicDescription)}
         </span>
       </header>
diff --git a/src/schedule-and-details/credit-section/CreditSection.scss b/src/schedule-and-details/credit-section/CreditSection.scss
index f2dc22bc44..febcc2e779 100644
--- a/src/schedule-and-details/credit-section/CreditSection.scss
+++ b/src/schedule-and-details/credit-section/CreditSection.scss
@@ -1,9 +1,7 @@
-.credit-section {
-  .credit-info-list {
-    display: flex;
-    justify-content: space-between;
-    margin: 1.25rem 0 1.75rem;
-    padding-inline-start: 0;
-    list-style-type: none;
-  }
+.credit-section .credit-info-list {
+  display: flex;
+  justify-content: space-between;
+  margin: 1.25rem 0 1.75rem;
+  padding-inline-start: 0;
+  list-style-type: none;
 }
diff --git a/src/schedule-and-details/credit-section/CreditSection.test.jsx b/src/schedule-and-details/credit-section/CreditSection.test.jsx
index de0684edd8..c91007ec66 100644
--- a/src/schedule-and-details/credit-section/CreditSection.test.jsx
+++ b/src/schedule-and-details/credit-section/CreditSection.test.jsx
@@ -3,6 +3,7 @@ import { render } from '@testing-library/react';
 import renderer from 'react-test-renderer';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { IntlProvider } from 'react-intl';
+
 import CreditSection from '.';
 
 describe('<CreditSection />', () => {
diff --git a/src/schedule-and-details/credit-section/index.jsx b/src/schedule-and-details/credit-section/index.jsx
index a14743f552..c34eaaa80b 100644
--- a/src/schedule-and-details/credit-section/index.jsx
+++ b/src/schedule-and-details/credit-section/index.jsx
@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+
 import messages from './messages';
 
-export const CREDIT_REQUIREMENTS_TYPE = {
+export const CREDIT_REQUIREMENTS_TYPES = {
   grade: 'grade',
   proctoredExam: 'proctoredExam',
   reverification: 'reverification',
@@ -12,32 +13,29 @@ export const CREDIT_REQUIREMENTS_TYPE = {
 const CreditSection = ({ intl, creditRequirements }) => {
   const requirementsInfo = [
     {
-      id: CREDIT_REQUIREMENTS_TYPE.grade,
+      id: CREDIT_REQUIREMENTS_TYPES.grade,
       label: `${intl.formatMessage(messages.creditMinimumGrade)}`,
       values: creditRequirements?.grade,
-      prefix: 'credit-minimum-grade',
     },
     {
-      id: CREDIT_REQUIREMENTS_TYPE.proctoredExam,
+      id: CREDIT_REQUIREMENTS_TYPES.proctoredExam,
       label: `${intl.formatMessage(messages.creditProctoredExam)}`,
       values: creditRequirements?.proctoredExam,
-      prefix: 'credit-proctored-exam',
     },
     {
-      id: CREDIT_REQUIREMENTS_TYPE.reverification,
+      id: CREDIT_REQUIREMENTS_TYPES.reverification,
       label: `${intl.formatMessage(messages.creditVerification)}`,
       values: creditRequirements?.reverification,
-      prefix: 'credit-reverification',
     },
   ];
 
   const renderRequirementsInfo = (requirement) => (
     <li className="d-grid" key={requirement.id}>
-      <h4 htmlFor={requirement.prefix} className="text-gray-700">
+      <h4 className="text-gray-700">
         {requirement.label}
       </h4>
       {requirement.values.map((value) => {
-        const displayValue = requirement.id === CREDIT_REQUIREMENTS_TYPE.grade
+        const displayValue = requirement.id === CREDIT_REQUIREMENTS_TYPES.grade
           ? `${(parseFloat(value.criteria.minGrade) || 0) * 100}%`
           : value.displayName;
         return (
@@ -52,10 +50,10 @@ const CreditSection = ({ intl, creditRequirements }) => {
   return (
     <section className="section-container credit-section">
       <header className="section-header">
-        <h2 className="section-header-title">
+        <span className="lead">
           {intl.formatMessage(messages.creditTitle)}
-        </h2>
-        <span className="section-header-description">
+        </span>
+        <span className="x-small text-gray-700">
           {intl.formatMessage(messages.creditDescription)}
         </span>
       </header>
diff --git a/src/schedule-and-details/index.jsx b/src/schedule-and-details/index.jsx
index c82c9192b2..cbc276349a 100644
--- a/src/schedule-and-details/index.jsx
+++ b/src/schedule-and-details/index.jsx
@@ -4,6 +4,7 @@ import { useSelector } from 'react-redux';
 import { Container, Button, Layout } from '@edx/paragon';
 import { CheckCircle, WarningFilled } from '@edx/paragon/icons';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+
 import { RequestStatus } from '../data/constants';
 import AlertMessage from '../generic/alert-message';
 import Loading from '../generic/Loading';
@@ -76,7 +77,7 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
   return (
     <>
       <Container size="xl">
-        <div className="schedule-header mt-5">
+        <div className="mt-5">
           {savingStatus === RequestStatus.SUCCESSFUL && (
             <AlertMessage
               variant="success"
@@ -92,10 +93,10 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
             />
           )}
           <header>
-            <h2 className="schedule-header-title">
-              <small className="schedule-header-title-subtitle">
-                {intl.formatMessage(messages.headingSubtitle)}
-              </small>
+            <span className="small text-gray-700">
+              {intl.formatMessage(messages.headingSubtitle)}
+            </span>
+            <h2 className="mb-4 pb-1">
               {intl.formatMessage(messages.headingTitle)}
             </h2>
           </header>
diff --git a/src/schedule-and-details/pacing-section/PacingSection.scss b/src/schedule-and-details/pacing-section/PacingSection.scss
index 48d3d0f7c5..0dcaa5bcba 100644
--- a/src/schedule-and-details/pacing-section/PacingSection.scss
+++ b/src/schedule-and-details/pacing-section/PacingSection.scss
@@ -1,15 +1,11 @@
 .pacing-section {
-  label.pgn__form-label {
-    @extend %heading-h6;
-  }
-
   input.pgn__form-radio-input {
     padding: .5rem;
-    height: 1rem;
-    width: 1rem;
+    height: $spacer;
+    width: $spacer;
   }
 
   .pgn__form-control-set {
-    padding: 1rem 0 0 1rem;
+    padding: $spacer 0 0 $spacer;
   }
 }
diff --git a/src/schedule-and-details/pacing-section/PacingSection.test.jsx b/src/schedule-and-details/pacing-section/PacingSection.test.jsx
index 7b700a70d7..873344dae2 100644
--- a/src/schedule-and-details/pacing-section/PacingSection.test.jsx
+++ b/src/schedule-and-details/pacing-section/PacingSection.test.jsx
@@ -3,6 +3,7 @@ import { fireEvent, render } from '@testing-library/react';
 import renderer from 'react-test-renderer';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { IntlProvider } from 'react-intl';
+
 import PacingSection from '.';
 
 jest.useFakeTimers('modern').setSystemTime(new Date('2023-09-14'));
diff --git a/src/schedule-and-details/pacing-section/index.jsx b/src/schedule-and-details/pacing-section/index.jsx
index 5238212396..6c5daf400c 100644
--- a/src/schedule-and-details/pacing-section/index.jsx
+++ b/src/schedule-and-details/pacing-section/index.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { Form } from '@edx/paragon';
+
 import messages from './messages';
 
 const PacingSection = ({
@@ -12,10 +13,10 @@ const PacingSection = ({
   return (
     <section className="section-container pacing-section">
       <header className="section-header">
-        <h2 className="section-header-title">
+        <span className="lead">
           {intl.formatMessage(messages.pacingTitle)}
-        </h2>
-        <span className="section-header-description">
+        </span>
+        <span className="x-small text-gray-700">
           {intl.formatMessage(messages.pacingDescription)}
         </span>
       </header>
diff --git a/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx b/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx
index 89324ff961..bfdf21c187 100644
--- a/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx
+++ b/src/schedule-and-details/schedule-sidebar/ScheduleSidebar.test.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import renderer from 'react-test-renderer';
 import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
+
 import ScheduleSidebar from '.';
 
 const mockPathname = '/foo-bar';
diff --git a/src/studio-header/header.scss b/src/studio-header/header.scss
index c2073ccf96..677d5eb484 100644
--- a/src/studio-header/header.scss
+++ b/src/studio-header/header.scss
@@ -13,7 +13,7 @@ $white: #FFFFFF;
 
   @media only screen and (min-width: 769px) {
     padding: .5rem;
-    padding-right: 1rem;
+    padding-right: $spacer;
     border-right: 1px solid #E5E5E5;
   }
 
@@ -87,8 +87,8 @@ $white: #FFFFFF;
     position: relative;
     top: -.05em;
     height: 1.75rem;
-    padding: 1rem 0;
-    margin-right: 1rem;
+    padding: $spacer 0;
+    margin-right: $spacer;
 
     img {
       display: block;
@@ -100,7 +100,7 @@ $white: #FFFFFF;
     flex-wrap: nowrap;
 
     .nav-link {
-      padding: 1rem;
+      padding: $spacer;
       text-decoration: none;
       font-weight: 500;
       letter-spacing: .01em;
@@ -122,7 +122,7 @@ $white: #FFFFFF;
         box-shadow: 0 1px 2px rgb(0 0 0 / .25);
         border-bottom-left-radius: 2px;
         border-bottom-right-radius: 2px;
-        padding: 1rem;
+        padding: $spacer;
       }
     }
   }

From 46cd5e821dbb70c97b0ba5c2e61ca8ef939de1b1 Mon Sep 17 00:00:00 2001
From: ruzniaievdm <ruzniaievdm@gmail.com>
Date: Wed, 14 Jun 2023 17:06:19 +0300
Subject: [PATCH 3/5] fix: resolve discussions round 2

---
 .env                                                 |  1 +
 .env.development                                     |  1 +
 .env.test                                            |  1 +
 .../basic-section/BasicSection.test.jsx              | 12 +++++++-----
 .../__snapshots__/BasicSection.test.jsx.snap         |  8 ++++----
 src/schedule-and-details/basic-section/constants.js  |  1 -
 src/schedule-and-details/basic-section/index.jsx     |  8 ++++----
 .../__snapshots__/CreditSection.test.jsx.snap        |  9 ++++-----
 src/schedule-and-details/credit-section/index.jsx    |  8 ++++----
 src/schedule-and-details/index.jsx                   |  9 ++++++---
 .../pacing-section/PacingSection.test.jsx            |  2 +-
 .../__snapshots__/PacingSection.test.jsx.snap        |  8 ++++----
 12 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/.env b/.env
index c33fe8af1d..b507871bcb 100644
--- a/.env
+++ b/.env
@@ -44,3 +44,4 @@ BBB_LEARN_MORE_URL=''
 HOTJAR_APP_ID=''
 HOTJAR_VERSION=6
 HOTJAR_DEBUG=false
+INVITE_STUDENTS_EMAIL_TO=''
diff --git a/.env.development b/.env.development
index 2eae5c14d9..89e7e860e3 100644
--- a/.env.development
+++ b/.env.development
@@ -46,3 +46,4 @@ BBB_LEARN_MORE_URL=''
 HOTJAR_APP_ID=''
 HOTJAR_VERSION=6
 HOTJAR_DEBUG=true
+INVITE_STUDENTS_EMAIL_TO="someone@domain.com"
diff --git a/.env.test b/.env.test
index b778ac52f9..27cd02713a 100644
--- a/.env.test
+++ b/.env.test
@@ -42,3 +42,4 @@ ENABLE_NEW_EXPORT_PAGE = true
 ENABLE_UNIT_PAGE = true
 ENABLE_NEW_CUSTOM_PAGES = true
 BBB_LEARN_MORE_URL=''
+INVITE_STUDENTS_EMAIL_TO="someone@domain.com"
diff --git a/src/schedule-and-details/basic-section/BasicSection.test.jsx b/src/schedule-and-details/basic-section/BasicSection.test.jsx
index 0fe29b3384..bb78537f30 100644
--- a/src/schedule-and-details/basic-section/BasicSection.test.jsx
+++ b/src/schedule-and-details/basic-section/BasicSection.test.jsx
@@ -4,7 +4,7 @@ import renderer from 'react-test-renderer';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { IntlProvider } from 'react-intl';
 
-import { INVITE_STUDENTS_LINK_ID, EMAIL_TO } from './constants';
+import { INVITE_STUDENTS_LINK_ID } from './constants';
 import BasicSection from '.';
 
 describe('<BasicSection />', () => {
@@ -42,7 +42,7 @@ describe('<BasicSection />', () => {
     expect(getByText(props.run)).toBeInTheDocument();
   });
 
-  it('shows the page banner if the marketingEnabled is enabled', () => {
+  it('shows the page banner if the marketingEnabled is true', () => {
     const { getByText, queryAllByText } = render(<RootWrapper {...props} />);
     expect(getByText(/Promoting your course with edX/i)).toBeInTheDocument();
     expect(
@@ -53,9 +53,11 @@ describe('<BasicSection />', () => {
     expect(queryAllByText('Course Summary Page').length).toBe(0);
   });
 
-  it('shows the course promotion if the marketingEnabled is disabled', () => {
+  it('shows the course promotion if the marketingEnabled is false', () => {
     const initialProps = { ...props, marketingEnabled: false };
-    const { getByText, getByRole, queryAllByText } = render(<RootWrapper {...initialProps} />);
+    const { getByText, getByRole, queryAllByText } = render(
+      <RootWrapper {...initialProps} />,
+    );
     const inviteButton = getByRole('button', { name: 'Invite your students' });
 
     expect(getByText(/Course Summary Page/i)).toBeInTheDocument();
@@ -72,7 +74,7 @@ describe('<BasicSection />', () => {
     const { getByTestId } = render(<RootWrapper {...initialProps} />);
     const inviteLink = getByTestId(INVITE_STUDENTS_LINK_ID);
     expect(decodeURIComponent(inviteLink.href)).toEqual(
-      `mailto:${EMAIL_TO}?body=The course ${props.courseDisplayName}, provided by ${props.platformName}, is open for enrollment. Please navigate to this course at ${props.lmsLinkForAboutPage} to enroll.&subject=Enroll in ${props.courseDisplayName}.`,
+      `mailto:${process.env.INVITE_STUDENTS_EMAIL_TO}?body=The course ${props.courseDisplayName}, provided by ${props.platformName}, is open for enrollment. Please navigate to this course at ${props.lmsLinkForAboutPage} to enroll.&subject=Enroll in ${props.courseDisplayName}.`,
     );
   });
 });
diff --git a/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap b/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap
index df1dd58937..2b89920365 100644
--- a/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap
+++ b/src/schedule-and-details/basic-section/__snapshots__/BasicSection.test.jsx.snap
@@ -7,13 +7,13 @@ exports[`<BasicSection /> matches the snapshots 1`] = `
   <header
     className="section-header"
   >
-    <h2
-      className="section-header-title"
+    <span
+      className="lead"
     >
       Basic information
-    </h2>
+    </span>
     <span
-      className="section-header-description"
+      className="x-small text-gray-700"
     >
       The nuts and bolts of this course
     </span>
diff --git a/src/schedule-and-details/basic-section/constants.js b/src/schedule-and-details/basic-section/constants.js
index a7d9faa8a5..56e1cc84ed 100644
--- a/src/schedule-and-details/basic-section/constants.js
+++ b/src/schedule-and-details/basic-section/constants.js
@@ -1,3 +1,2 @@
 /* eslint-disable-next-line import/prefer-default-export */
-export const EMAIL_TO = 'someone@domain.com';
 export const INVITE_STUDENTS_LINK_ID = 'invite-students-link';
diff --git a/src/schedule-and-details/basic-section/index.jsx b/src/schedule-and-details/basic-section/index.jsx
index 8f92fe17f6..042d9db997 100644
--- a/src/schedule-and-details/basic-section/index.jsx
+++ b/src/schedule-and-details/basic-section/index.jsx
@@ -8,9 +8,9 @@ import {
 import {
   PageBanner, Button, Card, MailtoLink, Hyperlink,
 } from '@edx/paragon';
-import { Email } from '@edx/paragon/icons';
+import { Email as EmailIcon } from '@edx/paragon/icons';
 
-import { EMAIL_TO, INVITE_STUDENTS_LINK_ID } from './constants';
+import { INVITE_STUDENTS_LINK_ID } from './constants';
 import messages from './messages';
 
 const BasicSection = ({
@@ -110,12 +110,12 @@ const BasicSection = ({
       <Card.Divider />
       <Card.Footer className="p-3 justify-content-start">
         <MailtoLink
-          to={EMAIL_TO}
+          to={process.env.INVITE_STUDENTS_EMAIL_TO}
           subject={emailSubject}
           body={emailBody}
           data-testid={INVITE_STUDENTS_LINK_ID}
         >
-          <Button variant="info" iconBefore={Email}>
+          <Button variant="info" iconBefore={EmailIcon}>
             {intl.formatMessage(messages.basicPromotionButton)}
           </Button>
         </MailtoLink>
diff --git a/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap b/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
index 275bb1e514..2c6fea5ebe 100644
--- a/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
+++ b/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
@@ -7,13 +7,13 @@ exports[`<CreditSection /> matches the snapshots 1`] = `
   <header
     className="section-header"
   >
-    <h2
-      className="section-header-title"
+    <span
+      className="lead"
     >
       Course Credit Requirements
-    </h2>
+    </span>
     <span
-      className="section-header-description"
+      className="x-small text-gray-700"
     >
       Steps required to earn course credit
     </span>
@@ -29,7 +29,6 @@ exports[`<CreditSection /> matches the snapshots 1`] = `
     >
       <h4
         className="text-gray-700"
-        htmlFor="credit-minimum-grade"
       >
         Minimum Grade
       </h4>
diff --git a/src/schedule-and-details/credit-section/index.jsx b/src/schedule-and-details/credit-section/index.jsx
index c34eaaa80b..2f9bfab6aa 100644
--- a/src/schedule-and-details/credit-section/index.jsx
+++ b/src/schedule-and-details/credit-section/index.jsx
@@ -4,7 +4,7 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import messages from './messages';
 
-export const CREDIT_REQUIREMENTS_TYPES = {
+const CREDIT_REQUIREMENTS_TYPES = {
   grade: 'grade',
   proctoredExam: 'proctoredExam',
   reverification: 'reverification',
@@ -14,17 +14,17 @@ const CreditSection = ({ intl, creditRequirements }) => {
   const requirementsInfo = [
     {
       id: CREDIT_REQUIREMENTS_TYPES.grade,
-      label: `${intl.formatMessage(messages.creditMinimumGrade)}`,
+      label: intl.formatMessage(messages.creditMinimumGrade),
       values: creditRequirements?.grade,
     },
     {
       id: CREDIT_REQUIREMENTS_TYPES.proctoredExam,
-      label: `${intl.formatMessage(messages.creditProctoredExam)}`,
+      label: intl.formatMessage(messages.creditProctoredExam),
       values: creditRequirements?.proctoredExam,
     },
     {
       id: CREDIT_REQUIREMENTS_TYPES.reverification,
-      label: `${intl.formatMessage(messages.creditVerification)}`,
+      label: intl.formatMessage(messages.creditVerification),
       values: creditRequirements?.reverification,
     },
   ];
diff --git a/src/schedule-and-details/index.jsx b/src/schedule-and-details/index.jsx
index cbc276349a..af46fbd6af 100644
--- a/src/schedule-and-details/index.jsx
+++ b/src/schedule-and-details/index.jsx
@@ -2,7 +2,10 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import { Container, Button, Layout } from '@edx/paragon';
-import { CheckCircle, WarningFilled } from '@edx/paragon/icons';
+import {
+  CheckCircle as CheckCircleIcon,
+  WarningFilled as WarningFilledIcon,
+} from '@edx/paragon/icons';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import { RequestStatus } from '../data/constants';
@@ -81,7 +84,7 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
           {savingStatus === RequestStatus.SUCCESSFUL && (
             <AlertMessage
               variant="success"
-              icon={CheckCircle}
+              icon={CheckCircleIcon}
               title={intl.formatMessage(messages.alertSuccess)}
               aria-hidden="true"
               aria-labelledby={intl.formatMessage(
@@ -163,7 +166,7 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
             </Button>,
           ]}
           variant="warning"
-          icon={WarningFilled}
+          icon={WarningFilledIcon}
           title={intl.formatMessage(messages.alertWarning)}
           description={intl.formatMessage(messages.alertWarningDescriptions)}
         />
diff --git a/src/schedule-and-details/pacing-section/PacingSection.test.jsx b/src/schedule-and-details/pacing-section/PacingSection.test.jsx
index 873344dae2..4a45ad4a0b 100644
--- a/src/schedule-and-details/pacing-section/PacingSection.test.jsx
+++ b/src/schedule-and-details/pacing-section/PacingSection.test.jsx
@@ -81,7 +81,7 @@ describe('<PacingSection />', () => {
     ).toBe(0);
   });
 
-  it('should calls onChange radio input', () => {
+  it('should call onChange radio input', () => {
     const pastDate = '2023-12-31';
     const initialProps = { ...props, startDate: pastDate };
     const { getAllByRole } = render(<RootWrapper {...initialProps} />);
diff --git a/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap b/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap
index adacc29c19..a7267a9644 100644
--- a/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap
+++ b/src/schedule-and-details/pacing-section/__snapshots__/PacingSection.test.jsx.snap
@@ -7,13 +7,13 @@ exports[`<PacingSection /> matches the snapshots 1`] = `
   <header
     className="section-header"
   >
-    <h2
-      className="section-header-title"
+    <span
+      className="lead"
     >
       Course Pacing
-    </h2>
+    </span>
     <span
-      className="section-header-description"
+      className="x-small text-gray-700"
     >
       Set the pacing for this course
     </span>

From 799f95dadb0e25b9b6d48e82839732ae884177c9 Mon Sep 17 00:00:00 2001
From: ruzniaievdm <ruzniaievdm@gmail.com>
Date: Wed, 14 Jun 2023 18:52:14 +0300
Subject: [PATCH 4/5] fix: resolve credit-section discussion

---
 .../__snapshots__/CreditSection.test.jsx.snap | 12 ++-
 .../credit-section/index.jsx                  | 91 ++++++++-----------
 2 files changed, 47 insertions(+), 56 deletions(-)

diff --git a/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap b/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
index 2c6fea5ebe..b4f215f0a2 100644
--- a/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
+++ b/src/schedule-and-details/credit-section/__snapshots__/CreditSection.test.jsx.snap
@@ -32,11 +32,15 @@ exports[`<CreditSection /> matches the snapshots 1`] = `
       >
         Minimum Grade
       </h4>
-      <span
-        className="small"
+      <div
+        className="d-flex flex-column"
       >
-        80%
-      </span>
+        <span
+          className="small"
+        >
+          80%
+        </span>
+      </div>
     </li>
   </ul>
 </section>
diff --git a/src/schedule-and-details/credit-section/index.jsx b/src/schedule-and-details/credit-section/index.jsx
index 2f9bfab6aa..a75da4c090 100644
--- a/src/schedule-and-details/credit-section/index.jsx
+++ b/src/schedule-and-details/credit-section/index.jsx
@@ -4,69 +4,56 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import messages from './messages';
 
-const CREDIT_REQUIREMENTS_TYPES = {
-  grade: 'grade',
-  proctoredExam: 'proctoredExam',
-  reverification: 'reverification',
-};
-
 const CreditSection = ({ intl, creditRequirements }) => {
-  const requirementsInfo = [
-    {
-      id: CREDIT_REQUIREMENTS_TYPES.grade,
-      label: intl.formatMessage(messages.creditMinimumGrade),
-      values: creditRequirements?.grade,
-    },
-    {
-      id: CREDIT_REQUIREMENTS_TYPES.proctoredExam,
-      label: intl.formatMessage(messages.creditProctoredExam),
-      values: creditRequirements?.proctoredExam,
-    },
-    {
-      id: CREDIT_REQUIREMENTS_TYPES.reverification,
-      label: intl.formatMessage(messages.creditVerification),
-      values: creditRequirements?.reverification,
-    },
-  ];
+  const CREDIT_REQUIREMENTS_TYPES = {
+    grade: intl.formatMessage(messages.creditMinimumGrade),
+    proctoredExam: intl.formatMessage(messages.creditProctoredExam),
+    reverification: intl.formatMessage(messages.creditVerification),
+  };
 
-  const renderRequirementsInfo = (requirement) => (
-    <li className="d-grid" key={requirement.id}>
-      <h4 className="text-gray-700">
-        {requirement.label}
-      </h4>
-      {requirement.values.map((value) => {
-        const displayValue = requirement.id === CREDIT_REQUIREMENTS_TYPES.grade
-          ? `${(parseFloat(value.criteria.minGrade) || 0) * 100}%`
-          : value.displayName;
-        return (
-          <span className="small" key={value.name}>
-            {displayValue}
-          </span>
-        );
-      })}
-    </li>
-  );
+  const renderRequirementValue = (requirementValue, key) => {
+    const displayValue = key === 'grade'
+      ? `${(parseFloat(requirementValue.criteria.minGrade) || 0) * 100}%`
+      : requirementValue.displayName;
+    return (
+      <span className="small" key={requirementValue.name}>
+        {displayValue}
+      </span>
+    );
+  };
+
+  const renderCreditRequirements = (requirements) => {
+    const creditRequirementsKeys = Object.keys(requirements);
+
+    if (creditRequirementsKeys.length) {
+      return (
+        <ul className="credit-info-list">
+          {creditRequirementsKeys.map((key) => (
+            <li className="d-grid" key={key}>
+              <h4 className="text-gray-700">
+                {CREDIT_REQUIREMENTS_TYPES[key]}
+              </h4>
+              <div className="d-flex flex-column">
+                {creditRequirements[key].map((value) => renderRequirementValue(value, key))}
+              </div>
+            </li>
+          ))}
+        </ul>
+      );
+    }
+    return <p>{intl.formatMessage(messages.creditNotFound)}</p>;
+  };
 
   return (
     <section className="section-container credit-section">
       <header className="section-header">
-        <span className="lead">
-          {intl.formatMessage(messages.creditTitle)}
-        </span>
+        <span className="lead">{intl.formatMessage(messages.creditTitle)}</span>
         <span className="x-small text-gray-700">
           {intl.formatMessage(messages.creditDescription)}
         </span>
       </header>
       <span>{intl.formatMessage(messages.creditHelp)}</span>
-      {Object.keys(creditRequirements).length ? (
-        <ul className="credit-info-list">
-          {requirementsInfo
-            .filter((item) => item.values?.length)
-            .map(renderRequirementsInfo)}
-        </ul>
-      ) : (
-        <p>{intl.formatMessage(messages.creditNotFound)}</p>
-      )}
+      {renderCreditRequirements(creditRequirements)}
     </section>
   );
 };

From f01012ea5d2fab3d0a702117597fb8ec6fe5bb80 Mon Sep 17 00:00:00 2001
From: ruzniaievdm <ruzniaievdm@gmail.com>
Date: Wed, 14 Jun 2023 19:27:54 +0300
Subject: [PATCH 5/5] fix: remove file

---
 src/schedule-and-details/pacing-section/constants.js | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 src/schedule-and-details/pacing-section/constants.js

diff --git a/src/schedule-and-details/pacing-section/constants.js b/src/schedule-and-details/pacing-section/constants.js
deleted file mode 100644
index a7d9faa8a5..0000000000
--- a/src/schedule-and-details/pacing-section/constants.js
+++ /dev/null
@@ -1,3 +0,0 @@
-/* eslint-disable-next-line import/prefer-default-export */
-export const EMAIL_TO = 'someone@domain.com';
-export const INVITE_STUDENTS_LINK_ID = 'invite-students-link';