refactor: replace @edx/paragon and @edx/frontend-build (#266)

.eslintrc.js

@@ -1,4 +1,4 @@
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 const config = createConfig('eslint', {
   rules: {

jest.config.js

@@ -1,4 +1,4 @@
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('jest', {
   setupFilesAfterEnv: [

package.json

@@ -28,16 +28,16 @@
   "dependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/browserslist-config": "^1.1.0",
-    "@edx/frontend-component-footer": "^12.2.1",
-    "@edx/frontend-enterprise-hotjar": "^2.0.0",
-    "@edx/frontend-platform": "^5.5.4",
+    "@edx/frontend-component-footer": "13.0.2",
+    "@edx/frontend-enterprise-hotjar": "3.0.0",
+    "@edx/frontend-platform": "7.1.0",
     "@edx/openedx-atlas": "^0.6.0",
-    "@edx/react-unit-test-utils": "1.7.1",
-    "@edx/paragon": "20.46.3",
+    "@edx/react-unit-test-utils": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.15",
+    "@openedx/paragon": "^21.11.3",
     "@optimizely/react-sdk": "^2.9.2",
     "@redux-beacon/segment": "^1.1.0",
     "@reduxjs/toolkit": "^1.6.1",
@@ -52,7 +52,7 @@
     "font-awesome": "4.7.0",
     "history": "5.0.1",
     "html-react-parser": "^1.3.0",
-    "jest": "^26.6.3",
+    "jest": "^29.7.0",
     "jest-when": "^3.6.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
@@ -61,7 +61,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
-    "react-intl": "^5.20.9",
+    "react-intl": "6.4.7",
     "react-pdf": "^5.5.0",
     "react-redux": "^7.2.4",
     "react-router-dom": "6.15.0",
@@ -79,8 +79,8 @@
     "whatwg-fetch": "^3.6.2"
   },
   "devDependencies": {
-    "@edx/frontend-build": "13.0.1",
     "@edx/reactifex": "^2.1.1",
+    "@openedx/frontend-build": "13.0.28",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.0",
     "axios-mock-adapter": "^1.20.0",

src/App.jsx

@@ -7,7 +7,7 @@ import { initializeHotjar } from '@edx/frontend-enterprise-hotjar';
 
 import { ErrorPage, AppContext } from '@edx/frontend-platform/react';
 import Footer from '@edx/frontend-component-footer';
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 
 import { RequestKeys } from 'data/constants/requests';
 import store from 'data/store';

src/App.scss

@@ -1,7 +1,7 @@
 // frontend-app-*/src/index.scss
 @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";
 
 $fa-font-path: "~font-awesome/fonts";

src/ExperimentContext.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import { StrictDict } from 'utils';
 import api from 'widgets/ProductRecommendations/api';
 import * as module from './ExperimentContext';

src/ExperimentContext.test.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { waitFor, render } from '@testing-library/react';
-import { useWindowSize } from '@edx/paragon';
+import { useWindowSize } from '@openedx/paragon';
 
 import api from 'widgets/ProductRecommendations/api';
 import { MockUseState } from 'testUtils';

src/components/Banner.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Alert } from '@edx/paragon';
-import { Info } from '@edx/paragon/icons';
+import { Alert } from '@openedx/paragon';
+import { Info } from '@openedx/paragon/icons';
 
 export const Banner = ({
   children, variant, icon, className,

src/components/Banner.test.jsx

@@ -1,6 +1,6 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 
 import Banner from './Banner';
 

src/containers/CourseCard/CourseCard.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 .course-card {
   .card {

src/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.js

@@ -1,4 +1,4 @@
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 
 export const useIsCollapsed = () => {
   const { width } = useWindowSize();

src/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.test.js

@@ -1,4 +1,4 @@
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import useIsCollapsed from './hooks';
 
 describe('useIsCollapsed', () => {

src/containers/CourseCard/components/CourseCardActions/ActionButton/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import useIsCollapsed from './hooks';
 

src/containers/CourseCard/components/CourseCardActions/UpgradeButton.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Locked } from '@edx/paragon/icons';
+import { Locked } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import track from 'tracking';

src/containers/CourseCard/components/CourseCardActions/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { ActionRow } from '@edx/paragon';
+import { ActionRow } from '@openedx/paragon';
 
 import { reduxHooks } from 'hooks';
 

src/containers/CourseCard/components/CourseCardBanners/CertificateBanner.jsx

@@ -2,8 +2,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { MailtoLink, Hyperlink } from '@edx/paragon';
-import { CheckCircle } from '@edx/paragon/icons';
+import { MailtoLink, Hyperlink } from '@openedx/paragon';
+import { CheckCircle } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { utilHooks, reduxHooks } from 'hooks';

src/containers/CourseCard/components/CourseCardBanners/CourseBanner.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { utilHooks, reduxHooks } from 'hooks';

src/containers/CourseCard/components/CourseCardBanners/CourseBanner.test.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { shallow } from '@edx/react-unit-test-utils';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 import { reduxHooks } from 'hooks';
 import { formatMessage } from 'testUtils';

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/index.jsx

@@ -5,7 +5,7 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 
 import Banner from 'components/Banner';
 
-import { MailtoLink } from '@edx/paragon';
+import { MailtoLink } from '@openedx/paragon';
 import hooks from './hooks';
 import messages from './messages';
 

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/index.test.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { shallow } from '@edx/react-unit-test-utils';
 
 import { formatMessage } from 'testUtils';
-import { MailtoLink } from '@edx/paragon';
+import { MailtoLink } from '@openedx/paragon';
 
 import hooks from './hooks';
 import messages from './messages';

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditContent.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { ActionRow, Button } from '@edx/paragon';
+import { ActionRow, Button } from '@openedx/paragon';
 import CreditRequestForm from './CreditRequestForm';
 
 export const CreditContent = ({ action, message, requestData }) => (

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditRequestForm/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Button, Form, FormControl } from '@edx/paragon';
+import { Button, Form, FormControl } from '@openedx/paragon';
 
 import useCreditRequestFormData from './hooks';
 

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditRequestForm/ref.test.jsx

@@ -4,7 +4,7 @@ import { render } from '@testing-library/react';
 import useCreditRequestFormData from './hooks';
 import CreditRequestForm from '.';
 
-jest.unmock('@edx/paragon');
+jest.unmock('@openedx/paragon');
 jest.unmock('react');
 
 jest.mock('./hooks', () => ({

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/ProviderLink.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { reduxHooks } from 'hooks';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 export const ProviderLink = ({ cardId }) => {
   const credit = reduxHooks.useCardCreditData(cardId);

src/containers/CourseCard/components/CourseCardBanners/EntitlementBanner.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button, MailtoLink } from '@edx/paragon';
+import { Button, MailtoLink } from '@openedx/paragon';
 
 import { utilHooks, reduxHooks } from 'hooks';
 

src/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Program } from '@edx/paragon/icons';
+import { Program } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { reduxHooks } from 'hooks';

src/containers/CourseCard/components/CourseCardDetails/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import useCardDetailsData from './hooks';
 import './index.scss';

src/containers/CourseCard/components/CourseCardDetails/index.scss

@@ -1,5 +1,5 @@
 @import "~@edx/brand/paragon/variables";
-@import "~@edx/paragon/scss/core/core";
+@import "~@openedx/paragon/scss/core/core";
 @import "~@edx/brand/paragon/overrides";
 
 a.course-card-title {

src/containers/CourseCard/components/CourseCardImage.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import { Badge } from '@edx/paragon';
+import { Badge } from '@openedx/paragon';
 
 import track from 'tracking';
 import { reduxHooks } from 'hooks';

src/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.jsx

@@ -4,7 +4,7 @@ import * as ReactShare from 'react-share';
 
 import { StrictDict } from '@edx/react-unit-test-utils';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Dropdown } from '@edx/paragon';
+import { Dropdown } from '@openedx/paragon';
 
 import track from 'tracking';
 import { reduxHooks } from 'hooks';

src/containers/CourseCard/components/CourseCardMenu/index.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Dropdown, Icon, IconButton } from '@edx/paragon';
-import { MoreVert } from '@edx/paragon/icons';
+import { Dropdown, Icon, IconButton } from '@openedx/paragon';
+import { MoreVert } from '@openedx/paragon/icons';
 import { StrictDict } from '@edx/react-unit-test-utils';
 
 import EmailSettingsModal from 'containers/EmailSettingsModal';

src/containers/CourseCard/components/CourseCardMenu/index.test.jsx

@@ -1,6 +1,6 @@
 import { when } from 'jest-when';
 
-import { Dropdown } from '@edx/paragon';
+import { Dropdown } from '@openedx/paragon';
 import { shallow } from '@edx/react-unit-test-utils';
 import { useIntl } from '@edx/frontend-platform/i18n';
 

src/containers/CourseCard/components/RelatedProgramsBadge/index.jsx

@@ -2,8 +2,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Button, Icon } from '@edx/paragon';
-import { Program } from '@edx/paragon/icons';
+import { Button, Icon } from '@openedx/paragon';
+import { Program } from '@openedx/paragon/icons';
 
 import RelatedProgramsBadgeModal from 'containers/RelatedProgramsModal';
 import useRelatedProgramsBadgeData from './hooks';

src/containers/CourseCard/hooks.js

@@ -1,5 +1,5 @@
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import { reduxHooks } from 'hooks';
 
 export const useIsCollapsed = () => {

src/containers/CourseCard/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Card } from '@edx/paragon';
+import { Card } from '@openedx/paragon';
 
 import { useIsCollapsed } from './hooks';
 import CourseCardBanners from './components/CourseCardBanners';

src/containers/CourseFilterControls/ActiveCourseFilters.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import { Button, Chip } from '@edx/paragon';
-import { CloseSmall } from '@edx/paragon/icons';
+import { Button, Chip } from '@openedx/paragon';
+import { CloseSmall } from '@openedx/paragon/icons';
 
 import messages from './messages';
 import './index.scss';

src/containers/CourseFilterControls/CourseFilterControls.jsx

@@ -11,8 +11,8 @@ import {
   breakpoints,
   useWindowSize,
   ModalCloseButton,
-} from '@edx/paragon';
-import { Close, Tune } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Close, Tune } from '@openedx/paragon/icons';
 
 import { reduxHooks } from 'hooks';
 

src/containers/CourseFilterControls/CourseFilterControls.test.jsx

@@ -1,6 +1,6 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { breakpoints, useWindowSize } from '@edx/paragon';
+import { breakpoints, useWindowSize } from '@openedx/paragon';
 
 import { reduxHooks } from 'hooks';
 

src/containers/CourseFilterControls/components/Checkbox.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 
 import messages from '../messages';
 

src/containers/CourseFilterControls/components/FilterForm.jsx

@@ -4,7 +4,7 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { FilterKeys } from 'data/constants/app';
 
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 
 import Checkbox from './Checkbox';
 import messages from '../messages';

src/containers/CourseFilterControls/components/SortForm.jsx

@@ -4,7 +4,7 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { SortKeys } from 'data/constants/app';
 
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 
 import messages from '../messages';
 

src/containers/CourseFilterControls/hooks.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useToggle } from '@edx/paragon';
+import { useToggle } from '@openedx/paragon';
 
 import { StrictDict } from 'utils';
 import track from 'tracking';

src/containers/CourseFilterControls/hooks.test.js

@@ -1,4 +1,4 @@
-import { useToggle } from '@edx/paragon';
+import { useToggle } from '@openedx/paragon';
 
 import { MockUseState } from 'testUtils';
 import track from 'tracking';

src/containers/CourseList/NoCoursesView/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button, Image } from '@edx/paragon';
-import { Search } from '@edx/paragon/icons';
+import { Button, Image } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
 import { baseAppUrl } from 'data/services/lms/urls';
 
 import emptyCourseSVG from 'assets/empty-course.svg';

src/containers/CourseList/NoCoursesView/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 #no-courses-content-view {
   border: 2px solid $light-400;

src/containers/CourseList/hooks.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { useCheckboxSetValues, useWindowSize, breakpoints } from '@edx/paragon';
+import { useCheckboxSetValues, useWindowSize, breakpoints } from '@openedx/paragon';
 import queryString from 'query-string';
 
 import { ListPageSize, SortKeys } from 'data/constants/app';

src/containers/CourseList/hooks.test.js

@@ -1,4 +1,4 @@
-import * as paragon from '@edx/paragon';
+import * as paragon from '@openedx/paragon';
 
 import queryString from 'query-string';
 

src/containers/CourseList/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Pagination } from '@edx/paragon';
+import { Pagination } from '@openedx/paragon';
 
 import { reduxHooks } from 'hooks';
 import {

src/containers/CourseList/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 .course-list-heading-container {
   display: flex;

src/containers/Dashboard/DashboardLayout.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Container, Col, Row } from '@edx/paragon';
+import { Container, Col, Row } from '@openedx/paragon';
 
 import WidgetFooter from 'containers/WidgetContainers/WidgetFooter';
 import hooks from './hooks';

src/containers/Dashboard/DashboardLayout.test.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { shallow } from '@edx/react-unit-test-utils';
-import { Col, Row } from '@edx/paragon';
+import { Col, Row } from '@openedx/paragon';
 
 import hooks from './hooks';
 import DashboardLayout, { columnConfig } from './DashboardLayout';

src/containers/Dashboard/LoadingView.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Spinner } from '@edx/paragon';
+import { Spinner } from '@openedx/paragon';
 
 import hooks from './hooks';
 

src/containers/Dashboard/LoadingView.test.jsx

@@ -1,5 +1,5 @@
 import { shallow } from '@edx/react-unit-test-utils';
-import { Spinner } from '@edx/paragon';
+import { Spinner } from '@openedx/paragon';
 
 import hooks from './hooks';
 import LoadingView from './LoadingView';

src/containers/Dashboard/hooks.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { apiHooks } from 'hooks';
 import { StrictDict } from 'utils';

src/containers/Dashboard/hooks.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 
 import { apiHooks } from 'hooks';
 import { MockUseState } from 'testUtils';
@@ -9,7 +9,7 @@ import { MockUseState } from 'testUtils';
 import appMessages from 'messages';
 import * as hooks from './hooks';
 
-jest.mock('@edx/paragon', () => ({
+jest.mock('@openedx/paragon', () => ({
   useWindowSize: jest.fn(),
   breakpoints: {},
 }));

src/containers/Dashboard/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 .course-list-column {
   padding: 0 map-get($spacers, 4);

src/containers/EmailSettingsModal/index.jsx

@@ -7,7 +7,7 @@ import {
   Button,
   Form,
   ModalDialog,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import { nullMethod } from 'utils';
 

src/containers/EnterpriseDashboardModal/index.jsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   ModalDialog, ActionRow, Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import messages from './messages';
 import useEnterpriseDashboardHook from './hooks';

src/containers/LearnerDashboardHeader/CollapsedHeader/CollapseMenuBody.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
-import { Button, Badge } from '@edx/paragon';
+import { Button, Badge } from '@openedx/paragon';
 
 import urls from 'data/services/lms/urls';
 import { reduxHooks } from 'hooks';

src/containers/LearnerDashboardHeader/CollapsedHeader/index.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { MenuIcon, Close } from '@edx/paragon/icons';
-import { IconButton, Icon } from '@edx/paragon';
+import { MenuIcon, Close } from '@openedx/paragon/icons';
+import { IconButton, Icon } from '@openedx/paragon';
 
 import { useLearnerDashboardHeaderData, useIsCollapsed } from '../hooks';
 

src/containers/LearnerDashboardHeader/ConfirmEmailBanner/index.jsx

@@ -6,7 +6,7 @@ import {
   MarketingModal,
   ModalDialog,
   PageBanner,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import confirmEmailSVG from 'assets/confirm-email.svg';

src/containers/LearnerDashboardHeader/ExpandedHeader/AuthenticatedUserDropdown.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
-import { AvatarButton, Dropdown, Badge } from '@edx/paragon';
+import { AvatarButton, Dropdown, Badge } from '@openedx/paragon';
 
 import { reduxHooks } from 'hooks';
 

src/containers/LearnerDashboardHeader/ExpandedHeader/index.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import urls from 'data/services/lms/urls';
 import { reduxHooks } from 'hooks';

src/containers/LearnerDashboardHeader/hooks.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import track from 'tracking';
 import { StrictDict } from 'utils';
 import { linkNames } from 'tracking/constants';

src/containers/LearnerDashboardHeader/hooks.test.js

@@ -1,4 +1,4 @@
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import track from 'tracking';
 import { linkNames } from 'tracking/constants';
 

src/containers/MasqueradeBar/index.jsx

@@ -10,8 +10,8 @@ import {
   FormGroup,
   StatefulButton,
   Icon,
-} from '@edx/paragon';
-import { Close, PersonSearch } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Close, PersonSearch } from '@openedx/paragon/icons';
 
 import messages from './messages';
 import { useMasqueradeBarData } from './hooks';

src/containers/MasqueradeBar/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 .masquerade-bar {
   display: flex;

src/containers/RelatedProgramsModal/components/ProgramCard.jsx

@@ -7,8 +7,8 @@ import {
   Card,
   // Hyperlink,
   Icon,
-} from '@edx/paragon';
-import { Program } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Program } from '@openedx/paragon/icons';
 
 import messages from './messages';
 import './index.scss';

src/containers/RelatedProgramsModal/index.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   Container, Row, Col, ModalDialog,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import { reduxHooks } from 'hooks';
 import ProgramCard from './components/ProgramCard';

src/containers/SelectSessionModal/index.jsx

@@ -6,7 +6,7 @@ import {
   Button,
   Form,
   ModalDialog,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import { utilHooks } from 'hooks';
 import { nullMethod, dateFormatter } from 'utils';

src/containers/UnenrollConfirmModal/components/ConfirmPane.jsx

@@ -5,7 +5,7 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   ActionRow,
   Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import messages from './messages';
 

src/containers/UnenrollConfirmModal/components/FinishedPane.jsx

@@ -5,7 +5,7 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   ActionRow,
   Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import messages from './messages';
 

src/containers/UnenrollConfirmModal/components/ReasonPane.jsx

@@ -6,7 +6,7 @@ import {
   ActionRow,
   Button,
   Form,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import constants from '../constants';
 import messages from './messages';

src/containers/UnenrollConfirmModal/index.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 
-import { ModalDialog } from '@edx/paragon';
+import { ModalDialog } from '@openedx/paragon';
 
 import { nullMethod } from 'utils';
 

src/i18n/index.js

@@ -1,5 +1,5 @@
 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';
 // no need to import en messages-- they are in the defaultMessage field

src/index.test.jsx

@@ -19,6 +19,7 @@ jest.mock('react-dom', () => ({
 
 jest.mock('@edx/frontend-platform', () => ({
   mergeConfig: jest.fn(),
+  ensureConfig: jest.fn(),
   APP_READY: 'app-is-ready-key',
   APP_INIT_ERROR: 'app-init-error',
   initialize: jest.fn(),

src/setupTest.jsx

@@ -79,7 +79,7 @@ Context: Snapshot is not currently set up to be able to parse the environment va
 //   })),
 // }));
 
-jest.mock('@edx/paragon', () => jest.requireActual('testUtils').mockNestedComponents({
+jest.mock('@openedx/paragon', () => jest.requireActual('testUtils').mockNestedComponents({
   Alert: {
     Heading: 'Alert.Heading',
   },
@@ -204,7 +204,7 @@ jest.mock('@fortawesome/free-solid-svg-icons', () => ({
   faUserCircle: jest.fn().mockName('fa-user-circle-icon'),
 }));
 
-jest.mock('@edx/paragon/icons', () => ({
+jest.mock('@openedx/paragon/icons', () => ({
   ArrowBack: jest.fn().mockName('icons.ArrowBack'),
   ArrowDropDown: jest.fn().mockName('icons.ArrowDropDown'),
   ArrowDropUp: jest.fn().mockName('icons.ArrowDropUp'),

src/test/app.test.jsx

@@ -33,8 +33,8 @@ import App from 'App';
 import Inspector from './inspector';
 import appMessages from './messages';
 
-jest.unmock('@edx/paragon');
-jest.unmock('@edx/paragon/icons');
+jest.unmock('@openedx/paragon');
+jest.unmock('@openedx/paragon/icons');
 jest.unmock('@edx/frontend-platform/i18n');
 jest.unmock('@edx/frontend-component-footer');
 jest.unmock('react');

src/widgets/LookingForChallengeWidget/index.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Card, Hyperlink, Icon } from '@edx/paragon';
-import { ArrowForward } from '@edx/paragon/icons';
+import { Card, Hyperlink, Icon } from '@openedx/paragon';
+import { ArrowForward } from '@openedx/paragon/icons';
 
 import { reduxHooks } from 'hooks';
 import moreCoursesSVG from 'assets/more-courses-sidewidget.svg';

src/widgets/ProductRecommendations/components/LoadedView.jsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { Container } from '@edx/paragon';
+import { Container } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import messages from '../messages';

src/widgets/ProductRecommendations/components/LoadingView.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Skeleton } from '@edx/paragon';
+import { Skeleton } from '@openedx/paragon';
 
 export const LoadingView = () => (
   <Skeleton height={100} />

src/widgets/ProductRecommendations/components/ProductCard.jsx

@@ -5,7 +5,7 @@ import {
   Card,
   Truncate,
   Hyperlink,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 
 import { trackProductCardClicked, trackCourseCardClicked } from '../optimizelyExperiment';

src/widgets/ProductRecommendations/components/ProductCardHeader.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 
-import { Icon, Hyperlink } from '@edx/paragon';
-import { ChevronRight } from '@edx/paragon/icons';
+import { Icon, Hyperlink } from '@openedx/paragon';
+import { ChevronRight } from '@openedx/paragon/icons';
 import { getConfig } from '@edx/frontend-platform';
 import { trackProductHeaderClicked } from '../optimizelyExperiment';
 import { recommendationsHeaderClicked } from '../track';

src/widgets/ProductRecommendations/hooks.js

@@ -5,7 +5,7 @@ import { RequestStates, RequestKeys } from 'data/constants/requests';
 import { StrictDict } from 'utils';
 import { reduxHooks } from 'hooks';
 import { SortKeys } from 'data/constants/app';
-import { useWindowSize, breakpoints } from '@edx/paragon';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
 import { useExperimentContext } from 'ExperimentContext';
 import { control, treatment, noExperiment } from './constants';
 import { activateProductRecommendationsExperiment, trackProductRecommendationsViewed } from './optimizelyExperiment';

src/widgets/ProductRecommendations/hooks.test.js

@@ -4,7 +4,7 @@ import { waitFor } from '@testing-library/react';
 import { MockUseState } from 'testUtils';
 import { RequestStates } from 'data/constants/requests';
 import { reduxHooks } from 'hooks';
-import { useWindowSize } from '@edx/paragon';
+import { useWindowSize } from '@openedx/paragon';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import { useExperimentContext } from 'ExperimentContext';
 import { recommendationsViewed } from './track';

src/widgets/ProductRecommendations/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 $horizontal-card-gap: 20px;
 $vertical-card-gap: 24px;

src/widgets/RecommendationsPanel/LoadedView.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@edx/paragon';
-import { Search } from '@edx/paragon/icons';
+import { Button } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
 import { baseAppUrl } from 'data/services/lms/urls';
 
 import { reduxHooks } from 'hooks';

src/widgets/RecommendationsPanel/LoadingView.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Spinner } from '@edx/paragon';
+import { Spinner } from '@openedx/paragon';
 
 import { useDashboardMessages } from 'containers/Dashboard/hooks';
 

src/widgets/RecommendationsPanel/components/CourseCard.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Card, Hyperlink, Truncate } from '@edx/paragon';
+import { Card, Hyperlink, Truncate } from '@openedx/paragon';
 
 import { useIsCollapsed } from 'containers/CourseCard/hooks';
 import useCourseCardData from './hooks';

src/widgets/RecommendationsPanel/components/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 .card-link{
   display: block !important;

src/widgets/RecommendationsPanel/index.scss

@@ -1,4 +1,4 @@
-@import "@edx/paragon/scss/core/core";
+@import "@openedx/paragon/scss/core/core";
 
 .explore-courses-btn {
   padding-top: 16px;

webpack.dev.config.js

@@ -1,5 +1,5 @@
 const path = require('path');
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 const CopyPlugin = require('copy-webpack-plugin');
 
 const config = createConfig('webpack-dev');

webpack.prod.config.js

@@ -1,5 +1,5 @@
 const path = require('path');
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 const CopyPlugin = require('copy-webpack-plugin');
 
 const config = createConfig('webpack-prod');