chore: Update to the new version of paragon in the new scope.

package.json

@@ -31,7 +31,7 @@
     "@edx/frontend-component-footer": "12.5.0",
     "@edx/frontend-component-header": "4.8.0",
     "@edx/frontend-platform": "6.0.2",
-    "@edx/paragon": "21.5.3",
+    "@openedx/paragon": "^21.5.7",
     "@fortawesome/fontawesome-svg-core": "1.2.36",
     "@fortawesome/free-brands-svg-icons": "5.15.4",
     "@fortawesome/free-regular-svg-icons": "5.15.4",
@@ -81,7 +81,7 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "1.2.0",
-    "@edx/frontend-build": "13.0.3",
+    "@edx/frontend-build": "git://github.com/openedx/frontend-build.git#feanil/exclude_openedx",
     "@edx/reactifex": "1.1.0",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "12.1.5",

src/account-settings/AccountSettingsPage.jsx

@@ -15,8 +15,8 @@ import {
 } from '@edx/frontend-platform/i18n';
 import {
   Button, Hyperlink, Icon, Alert,
-} from '@edx/paragon';
-import { CheckCircle, Error, WarningFilled } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { CheckCircle, Error, WarningFilled } from '@openedx/paragon/icons';
 
 import messages from './AccountSettingsPage.messages';
 import {

src/account-settings/BetaLanguageBanner.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { AppContext } from '@edx/frontend-platform/react';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { connect } from 'react-redux';
-import { Button, Hyperlink } from '@edx/paragon';
+import { Button, Hyperlink } from '@openedx/paragon';
 
 import { betaLanguageBannerSelector } from './data/selectors';
 import messages from './AccountSettingsPage.messages';

src/account-settings/DOBForm.jsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Form, StatefulButton, ModalDialog, ActionRow, useToggle, Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import React, { useCallback, useEffect, useState } from 'react';
 import { connect, useDispatch } from 'react-redux';
 import messages from './AccountSettingsPage.messages';

src/account-settings/EditableField.jsx

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Button, Form, StatefulButton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { faPencilAlt } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 

src/account-settings/EditableSelectField.jsx

@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Button, Form, StatefulButton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { faPencilAlt } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 

src/account-settings/EmailField.jsx

@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
 import {
   Button, StatefulButton, Form,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faExclamationTriangle, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
 

src/account-settings/JumpNav.jsx

@@ -1,7 +1,7 @@
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { breakpoints, useWindowSize, Icon } from '@edx/paragon';
-import { OpenInNew } from '@edx/paragon/icons';
+import { breakpoints, useWindowSize, Icon } from '@openedx/paragon';
+import { OpenInNew } from '@openedx/paragon/icons';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';

src/account-settings/OneTimeDismissibleAlert.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 
 const OneTimeDismissibleAlert = (props) => {
   const [dismissed, setDismissed] = useState(localStorage.getItem(props.id) !== 'true');

src/account-settings/SwitchContent.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { TransitionReplace } from '@edx/paragon';
+import { TransitionReplace } from '@openedx/paragon';
 
 const onChildExit = (htmlNode) => {
   // If the leaving child has focus, take control and redirect it

src/account-settings/certificate-preference/CertificatePreference.jsx

@@ -7,7 +7,7 @@ import {
   Form,
   ModalDialog,
   StatefulButton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import {

src/account-settings/delete-account/BeforeProceedingBanner.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 // Messages
 import { getConfig } from '@edx/frontend-platform';

src/account-settings/delete-account/ConfirmationModal.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import {
   AlertModal,
   Button, Input, ValidationFormGroup, ActionRow,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { faExclamationCircle, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

src/account-settings/delete-account/DeleteAccount.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Button, Hyperlink } from '@edx/paragon';
+import { Button, Hyperlink } from '@openedx/paragon';
 
 // Actions
 import {

src/account-settings/delete-account/PrintingInstructions.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 import { getConfig } from '@edx/frontend-platform';
 import messages from './messages';

src/account-settings/delete-account/SuccessModal.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { ModalLayer, ModalCloseButton } from '@edx/paragon';
+import { ModalLayer, ModalCloseButton } from '@openedx/paragon';
 
 import messages from './messages';
 

src/account-settings/demographics/Checkboxes.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 { DECLINED } from '../data/constants';
 
 const Checkboxes = (props) => {

src/account-settings/demographics/DemographicsSection.jsx

@@ -5,7 +5,7 @@ import {
   intlShape,
 } from '@edx/frontend-platform/i18n';
 
-import { Hyperlink, Form } from '@edx/paragon';
+import { Hyperlink, Form } from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';

src/account-settings/name-change/NameChange.jsx

@@ -13,7 +13,7 @@ import {
   Form,
   ModalDialog,
   StatefulButton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import { closeForm, saveSettingsReset } from '../data/actions';
 import { nameChangeSelector } from '../data/selectors';

src/account-settings/reset-password/ConfirmationAlert.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 

src/account-settings/reset-password/ResetPassword.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { StatefulButton } from '@edx/paragon';
+import { StatefulButton } from '@openedx/paragon';
 
 import { resetPassword } from './data/actions';
 import messages from './messages';

src/account-settings/third-party-auth/ThirdPartyAuth.jsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink, StatefulButton } from '@edx/paragon';
+import { Hyperlink, StatefulButton } from '@openedx/paragon';
 
 import Alert from '../Alert';
 import { disconnectAuth } from './data/actions';

src/i18n/index.js

@@ -1,6 +1,6 @@
 import { messages as headerMessages } from '@edx/frontend-component-header';
 import { messages as footerMessages } from '@edx/frontend-component-footer';
-import { messages as paragonMessages } from '@edx/paragon';
+import { messages as paragonMessages } from '@openedx/paragon';
 import arMessages from './messages/ar.json';
 import deMessages from './messages/de.json';
 import es419Messages from './messages/es_419.json';

src/id-verification/Camera.jsx

@@ -7,7 +7,7 @@ import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import * as blazeface from '@tensorflow-models/blazeface';
 import CameraPhoto, { FACING_MODES } from 'jslib-html5-camera-photo';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Form, Spinner } from '@edx/paragon';
+import { Form, Spinner } from '@openedx/paragon';
 
 import shutter from './data/camera-shutter.base64.json';
 import messages from './IdVerification.messages';

src/id-verification/CameraHelp.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Collapsible } from '@edx/paragon';
+import { Collapsible } from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import { getConfig } from '@edx/frontend-platform';

src/id-verification/CameraHelpWithUpload.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { Collapsible } from '@edx/paragon';
+import { Collapsible } from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 

src/id-verification/CollapsibleImageHelp.jsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Button, Collapsible } from '@edx/paragon';
+import { Button, Collapsible } from '@openedx/paragon';
 
 import IdVerificationContext from './IdVerificationContext';
 import messages from './IdVerification.messages';

src/id-verification/IdVerificationPage.jsx

@@ -6,7 +6,7 @@ import {
 import camelCase from 'lodash.camelcase';
 import qs from 'qs';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Button, ModalDialog, ActionRow } from '@edx/paragon';
+import { Button, ModalDialog, ActionRow } from '@openedx/paragon';
 import { getConfig } from '@edx/frontend-platform';
 import { idVerificationSelector } from './data/selectors';
 import './getUserMediaShim';

src/id-verification/ImageFileUpload.jsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import { intlShape } from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 import messages from './IdVerification.messages';
 import SupportedMediaTypes from './SupportedMediaTypes';
 

src/id-verification/panels/GetNameIdPanel.jsx

@@ -1,7 +1,7 @@
 import React, {
   useContext, useEffect, useRef,
 } from 'react';
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 import { Link, useNavigate, useLocation } from 'react-router-dom';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 

src/id-verification/panels/ReviewRequirementsPanel.jsx

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 import { getConfig } from '@edx/frontend-platform';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Alert, Hyperlink } from '@edx/paragon';
+import { Alert, Hyperlink } from '@openedx/paragon';
 
 import { useNextPanelSlug } from '../routing-utilities';
 import BasePanel from './BasePanel';

src/id-verification/panels/SummaryPanel.jsx

@@ -2,7 +2,7 @@ import React, { useState, useContext, useEffect } from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import {
   Alert, Hyperlink, Form, Button, Spinner,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { Link, useNavigate } from 'react-router-dom';
 import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';
 

src/index.scss

@@ -3,7 +3,7 @@ $fa-font-path: "~font-awesome/fonts";
 
 @import "~@edx/brand/paragon/fonts";
 @import "~@edx/brand/paragon/variables";
-@import "~@edx/paragon/scss/core/core";
+@import "~@openedx/paragon/scss/core/core";
 @import "~@edx/brand/paragon/overrides";
 @import "~@edx/frontend-component-header/dist/index";
 @import "~@edx/frontend-component-footer/dist/footer";

src/notification-preferences/NotificationCourses.jsx

@@ -4,8 +4,8 @@ import { Link } from 'react-router-dom';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Container, Icon, Spinner, Button,
-} from '@edx/paragon';
-import { ArrowForwardIos } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { ArrowForwardIos } from '@openedx/paragon/icons';
 import { fetchCourseList } from './data/thunks';
 import { selectCourseListStatus, selectCourseList, selectPagination } from './data/selectors';
 import {

src/notification-preferences/NotificationPreferenceApp.jsx

@@ -2,7 +2,7 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Collapsible } from '@edx/paragon';
+import { Collapsible } from '@openedx/paragon';
 import messages from './messages';
 import ToggleSwitch from './ToggleSwitch';
 import {

src/notification-preferences/NotificationPreferenceRow.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useDispatch, useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Icon, OverlayTrigger, Tooltip } from '@edx/paragon';
-import { InfoOutline } from '@edx/paragon/icons';
+import { Icon, OverlayTrigger, Tooltip } from '@openedx/paragon';
+import { InfoOutline } from '@openedx/paragon/icons';
 import messages from './messages';
 import ToggleSwitch from './ToggleSwitch';
 import {

src/notification-preferences/NotificationPreferences.jsx

@@ -4,8 +4,8 @@ import { Link, useParams } from 'react-router-dom';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   Container, Icon, Spinner, Hyperlink,
-} from '@edx/paragon';
-import { ArrowBack } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { ArrowBack } from '@openedx/paragon/icons';
 import {
   selectCourseListStatus,
   selectCourse,

src/notification-preferences/ToggleSwitch.jsx

@@ -1,4 +1,4 @@
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 import React from 'react';
 import PropTypes from 'prop-types';