refactor: removing unnecessary bulk email form and changing paragon dependency

Author: johnvente

plugins/communications-app/BodyForm/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import TextEditor from '@communications-app/src/components/bulk-email-tool/text-editor/TextEditor';
 import { useSelector, useDispatch } from '@communications-app/src/components/bulk-email-tool/bulk-email-form/BuildEmailFormExtensible/context';

plugins/communications-app/BodyForm/package.json

@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@edx/frontend-app-communications": "*",
     "@edx/frontend-platform": "*",
-    "@edx/paragon": "*",
+    "@openedx/paragon": "*",
     "prop-types": "*",
     "react": "*"
   },

plugins/communications-app/CheckBoxForm/index.jsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { Form, Container } from '@edx/paragon';
+import { Form, Container } from '@openedx/paragon';
 
 const CheckBoxForm = ({ isChecked, handleChange, label }) => (
   <Container className="my-4 border border-success-300 p-4">

plugins/communications-app/CheckBoxForm/package.json

@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@edx/frontend-app-communications": "*",
     "@edx/frontend-platform": "*",
-    "@edx/paragon": "*",
+    "@openedx/paragon": "*",
     "prop-types": "*",
     "react": "*"
   },

plugins/communications-app/InputForm/index.jsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { Form, Container } from '@edx/paragon';
+import { Form, Container } from '@openedx/paragon';
 
 const InputForm = ({
   isValid,

plugins/communications-app/InputForm/package.json

@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@edx/frontend-app-communications": "*",
     "@edx/frontend-platform": "*",
-    "@edx/paragon": "*",
+    "@openedx/paragon": "*",
     "prop-types": "*",
     "react": "*"
   },

plugins/communications-app/InstructionsProfreading/package.json

@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@edx/frontend-app-communications": "*",
     "@edx/frontend-platform": "*",
-    "@edx/paragon": "*",
+    "@openedx/paragon": "*",
     "prop-types": "*",
     "react": "*"
   },

plugins/communications-app/RecipientsForm/index.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { useSelector, useDispatch } from '@communications-app/src/components/bulk-email-tool/bulk-email-form/BuildEmailFormExtensible/context';
 import { actionCreators as formActions } from '@communications-app/src/components/bulk-email-tool/bulk-email-form/BuildEmailFormExtensible/context/reducer';
@@ -10,10 +10,11 @@ import './styles.scss';
 const disableIsHasLearners = ['track', 'cohort'];
 const recipientsFormDescription = 'A selectable choice from a list of potential email recipients';
 
-const RecipientsForm = ({ cohorts: additionalCohorts }) => {
+const RecipientsForm = ({ cohorts: additionalCohorts, courseModes }) => {
   const formData = useSelector((state) => state.form);
   const dispatch = useDispatch();
   const { isEditMode, emailRecipients, isFormSubmitted } = formData;
+  const hasCourseModes = courseModes.length > 1;
 
   const [selectedGroups, setSelectedGroups] = useState([]);
   const hasAllLearnersSelected = selectedGroups.some((group) => group === 'learners');
@@ -91,6 +92,24 @@ const RecipientsForm = ({ cohorts: additionalCohorts }) => {
             description={recipientsFormDescription}
           />
         </Form.Checkbox>
+        {
+          // additional modes
+          hasCourseModes
+          && courseModes.map((courseMode) => (
+            <Form.Checkbox
+              key={`track:${courseMode.slug}`}
+              value={`track:${courseMode.slug}`}
+              disabled={hasAllLearnersSelected}
+              className="col col-lg-4 col-sm-6 col-12"
+            >
+              <FormattedMessage
+                id="bulk.email.form.mode.label"
+                defaultMessage="Learners in the {courseModeName} Track"
+                values={{ courseModeName: courseMode.name }}
+              />
+            </Form.Checkbox>
+          ))
+        }
         {
             // additional cohorts
             additionalCohorts
@@ -152,10 +171,17 @@ const RecipientsForm = ({ cohorts: additionalCohorts }) => {
 
 RecipientsForm.defaultProps = {
   cohorts: [],
+  courseModes: [],
 };
 
 RecipientsForm.propTypes = {
   cohorts: PropTypes.arrayOf(PropTypes.string),
+  courseModes: PropTypes.arrayOf(
+    PropTypes.shape({
+      slug: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
+    }),
+  ),
 };
 
 export default RecipientsForm;

plugins/communications-app/RecipientsForm/package.json

@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@edx/frontend-app-communications": "*",
     "@edx/frontend-platform": "*",
-    "@edx/paragon": "*",
+    "@openedx/paragon": "*",
     "prop-types": "*",
     "react": "*"
   },

plugins/communications-app/ScheduleSection/index.jsx

@@ -7,14 +7,14 @@ import {
   Form,
   Icon,
   Toast,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import {
   SpinnerSimple,
   Cancel,
   Send,
   Event,
   Check,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import ScheduleEmailForm from '@communications-app/src/components/bulk-email-tool/bulk-email-form/ScheduleEmailForm';