chore: bumping versions and updating imports to openedx/paragon and openedx/frontend-build

.eslintrc.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 const config = createConfig('eslint', {
   extends: [

README.md

@@ -35,7 +35,7 @@ Now quickly check the .env.development file for which services are used by the a
 
 ## Serving production builds
 
-During production builds, the NPM script ``npm run build`` is executived, which runs the production Webpack configuration (``webpack.prod.config.js``) to generate output files in the ``dist`` directory. However, these output files cannot be loaded directly into the browser. Instead, to preview a production build locally, these output files must be served via a server that can associate any URL route to the ``index.html`` entry-point of the application. The ``@edx/frontend-build`` package supports a ``serve`` command, which runs the generated production output from Webpack with a Node.js Express server.
+During production builds, the NPM script ``npm run build`` is executed, which runs the production Webpack configuration (``webpack.prod.config.js``) to generate output files in the ``dist`` directory. However, these output files cannot be loaded directly into the browser. Instead, to preview a production build locally, these output files must be served via a server that can associate any URL route to the ``index.html`` entry-point of the application. The ``@openedx/frontend-build`` package supports a ``serve`` command, which runs the generated production output from Webpack with a Node.js Express server.
 
 To serve a production build, the build must include the appropriate environment variables. The custom ``webpack.prod.config.js`` file in this project attempts to load all environment variables configured via the Git-ignored ``.env.private`` file, such that the production build can point to localhost URLs, etc.
 

jest.config.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 process.env.TZ = 'UTC';
 

package.json

@@ -8,15 +8,14 @@
   ],
   "dependencies": {
     "@edx/brand": "npm:@openedx/[email protected]",
-    "@edx/frontend-component-footer": "12.2.0",
-    "@edx/frontend-enterprise-catalog-search": "^5.6.0",
-    "@edx/frontend-enterprise-hotjar": "2.0.0",
-    "@edx/frontend-enterprise-logistration": "^4.1.0",
-    "@edx/frontend-enterprise-utils": "^4.1.0",
-    "@edx/frontend-platform": "5.0.0",
-    "@edx/paragon": "20.45.4",
+    "@edx/frontend-component-footer": "13.0.2",
+    "@edx/frontend-enterprise-catalog-search": "7.0.0",
+    "@edx/frontend-enterprise-hotjar": "4.0.0",
+    "@edx/frontend-enterprise-logistration": "6.0.0",
+    "@edx/frontend-enterprise-utils": "6.0.0",
+    "@edx/frontend-platform": "7.1.0",
     "@loadable/component": "5.16.3",
-    "@openedx/paragon": "^22.1.1",
+    "@openedx/paragon": "^21.5.7",
     "@tanstack/react-query": "4.28.0",
     "@tanstack/react-query-devtools": "4.29.0",
     "algoliasearch": "4.6.0",
@@ -60,7 +59,7 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "1.1.1",
-    "@edx/frontend-build": "12.9.4",
+    "@openedx/frontend-build": "13.0.28",
     "@tanstack/eslint-plugin-query": "4.29.9",
     "@testing-library/jest-dom": "5.11.9",
     "@testing-library/react": "12.1.5",

src/components/DelayedFallback/DelayedFallbackContainer.jsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { Spinner } from '@edx/paragon';
+import { Spinner } from '@openedx/paragon';
 import { useEffect, useState } from 'react';
 
 /**

src/components/NotFoundPage/index.jsx

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';
 import { AppContext } from '@edx/frontend-platform/react';
-import { Container } from '@edx/paragon';
+import { Container } from '@openedx/paragon';
 
 const NotFoundPage = ({ pageTitle, errorHeading, errorMessage }) => {
   const { enterpriseConfig } = useContext(AppContext);

src/components/TagCloud/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Chip } from '@edx/paragon';
-import { Close } from '@edx/paragon/icons';
+import { Chip } from '@openedx/paragon';
+import { Close } from '@openedx/paragon/icons';
 
 const TagCloud = ({ tags, onRemove }) => (
   <div className="skills-tag">

src/components/Toasts/Toasts.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Toast } from '@edx/paragon';
+import { Toast } from '@openedx/paragon';
 
 import { ToastsContext } from './ToastsProvider';
 

src/components/academies/AcademyContentCard.jsx

@@ -3,7 +3,7 @@ import {
   Button,
   CardGrid,
   Spinner,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import { camelCaseObject } from '@edx/frontend-platform/utils';
 import { v4 as uuidv4 } from 'uuid';

src/components/academies/AcademyDetailPage.jsx

@@ -2,7 +2,7 @@ import React, { useContext, useMemo } from 'react';
 import {
   Container, Breadcrumb,
   Skeleton, Spinner,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import {
   useParams, Link,
 } from 'react-router-dom';

src/components/academies/SearchAcademyCard.jsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import {
   Card, Hyperlink, Image,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import { AppContext } from '@edx/frontend-platform/react';
 

src/components/app/AuthenticatedPage.jsx

@@ -6,7 +6,7 @@ import { useParams, useLocation } from 'react-router-dom';
 import { LoginRedirect } from '@edx/frontend-enterprise-logistration';
 import { AppContext } from '@edx/frontend-platform/react';
 import { getConfig } from '@edx/frontend-platform/config';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { EnterprisePage } from '../enterprise-page';
 import { EnterpriseBanner } from '../enterprise-banner';
 import { Layout } from '../layout';

src/components/app/LoginRefresh.jsx

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { AppContext } from '@edx/frontend-platform/react';
-import { Container } from '@edx/paragon';
+import { Container } from '@openedx/paragon';
 
 import { LoadingSpinner } from '../loading-spinner';
 import { loginRefresh } from '../../utils/common';

src/components/contact-admin-mailto/index.jsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { AppContext } from '@edx/frontend-platform/react';
-import { MailtoLink } from '@edx/paragon';
+import { MailtoLink } from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import { getContactEmail } from '../../utils/common';
 

src/components/course/CourseAssociatedPrograms.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
 import { AppContext } from '@edx/frontend-platform/react';
 

src/components/course/CourseEnrollmentFailedAlert.jsx

@@ -2,8 +2,8 @@ import React, { useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useLocation } from 'react-router-dom';
 import { AppContext } from '@edx/frontend-platform/react';
-import { Container, Alert } from '@edx/paragon';
-import { Error } from '@edx/paragon/icons';
+import { Container, Alert } from '@openedx/paragon';
+import { Error } from '@openedx/paragon/icons';
 
 import { useRenderContactHelpText } from '../../utils/hooks';
 import {

src/components/course/CourseMainContent.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { breakpoints, Hyperlink, MediaQuery } from '@edx/paragon';
+import { breakpoints, Hyperlink, MediaQuery } from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
 
 import { PreviewExpand } from '../preview-expand';

src/components/course/CourseMaterialsButton.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 import { findUserEnrollmentForCourseRun } from './data/utils';
 import { CourseContext } from './CourseContextProvider';
 

src/components/course/CoursePage.jsx

@@ -5,7 +5,7 @@ import {
   useLocation, useParams, useNavigate,
 } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
-import { Container } from '@edx/paragon';
+import { Container } from '@openedx/paragon';
 import { getConfig } from '@edx/frontend-platform/config';
 import { AppContext, ErrorPage } from '@edx/frontend-platform/react';
 import { hasFeatureFlagEnabled } from '@edx/frontend-enterprise-utils';

src/components/course/CourseRecommendationCard.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import cardFallbackImg from '@edx/brand/paragon/images/card-imagecap-fallback.png';
 import { useNavigate } from 'react-router-dom';
 import { AppContext } from '@edx/frontend-platform/react';
-import { Card, Truncate } from '@edx/paragon';
+import { Card, Truncate } from '@openedx/paragon';
 import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
 
 import { getPrimaryPartnerLogo, isDefinedAndNotNull } from '../../utils/common';

src/components/course/CourseRecommendations.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { CardGrid } from '@edx/paragon';
+import { CardGrid } from '@openedx/paragon';
 import { CourseContext } from './CourseContextProvider';
 import CourseRecommendationCard from './CourseRecommendationCard';
 

src/components/course/CourseReview.jsx

@@ -1,8 +1,8 @@
 import {
   Col, Container, Icon, Row,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import React, { useContext, useState } from 'react';
-import { StarFilled } from '@edx/paragon/icons';
+import { StarFilled } from '@openedx/paragon/icons';
 import { fixDecimalNumber } from './data/utils';
 import { CourseContext } from './CourseContextProvider';
 import { REVIEW_SECTION_CONTENT } from './data/constants';

src/components/course/CourseSidebar.jsx

@@ -5,7 +5,7 @@ import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
 
 import {
   AccessTime, Equalizer, Institution, Person, School, Speed, Tag, VideoFile,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { AppContext } from '@edx/frontend-platform/react';
 import { CourseContext } from './CourseContextProvider';
 import CourseSidebarListItem from './CourseSidebarListItem';

src/components/course/CourseSidebarListItem.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Col, Icon, Row } from '@edx/paragon';
+import { Col, Icon, Row } from '@openedx/paragon';
 
 const CourseSidebarListItem = ({
   icon,

src/components/course/CourseSidebarPrice.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Skeleton } from '@edx/paragon';
+import { Skeleton } from '@openedx/paragon';
 import classNames from 'classnames';
 import { AppContext } from '@edx/frontend-platform/react';
 

src/components/course/CourseSkills.jsx

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 import classNames from 'classnames';
 import {
   Badge, OverlayTrigger, Popover,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import { AppContext } from '@edx/frontend-platform/react';
 import { CourseContext } from './CourseContextProvider';

src/components/course/CreatedBy.jsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { AppContext } from '@edx/frontend-platform/react';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 import { CourseContext } from './CourseContextProvider';
 import { useCoursePartners } from './data/hooks';

src/components/course/EnrollModal.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { Button, Modal, Spinner } from '@edx/paragon';
+import { Button, Modal, Spinner } from '@openedx/paragon';
 
 import { COUPON_CODE_SUBSIDY_TYPE, ENTERPRISE_OFFER_SUBSIDY_TYPE } from './data/constants';
 import { ENTERPRISE_OFFER_TYPE } from '../enterprise-user-subsidy/enterprise-offers/data/constants';

src/components/course/LicenseRequestedAlert.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useContext, useMemo } from 'react';
-import { Container, Alert } from '@edx/paragon';
+import { Container, Alert } from '@openedx/paragon';
 import Cookies from 'universal-cookie';
 import PropTypes from 'prop-types';
 

src/components/course/SubsidyRequestButton.jsx

@@ -1,7 +1,7 @@
 import React, {
   useContext, useMemo, useState, useCallback,
 } from 'react';
-import { StatefulButton } from '@edx/paragon';
+import { StatefulButton } from '@openedx/paragon';
 import { logError } from '@edx/frontend-platform/logging';
 
 import { SubsidyRequestsContext, SUBSIDY_TYPE } from '../enterprise-subsidy-requests';

src/components/course/VerifiedCertPitch.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Icon } from '@edx/paragon';
-import { ContentPasteGo, RocketLaunch } from '@edx/paragon/icons';
+import { Icon } from '@openedx/paragon';
+import { ContentPasteGo, RocketLaunch } from '@openedx/paragon/icons';
 
 import './styles/VerifiedCertPitch.scss';
 

src/components/course/course-header/CourseHeader.jsx

@@ -6,7 +6,7 @@ import {
   Row,
   Col,
   Badge,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { Link, useLocation } from 'react-router-dom';
 import { AppContext } from '@edx/frontend-platform/react';
 

src/components/course/course-header/CoursePreview.jsx

@@ -2,8 +2,8 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
 
-import { PlayCircleFilled } from '@edx/paragon/icons';
-import { useToggle, Image, Skeleton } from '@edx/paragon';
+import { PlayCircleFilled } from '@openedx/paragon/icons';
+import { useToggle, Image, Skeleton } from '@openedx/paragon';
 import DelayedFallbackContainer from '../../DelayedFallback/DelayedFallbackContainer';
 
 const VideoPlayer = loadable(() => import(/* webpackChunkName: "videojs" */ '../../video/VideoPlayer'), {

src/components/course/course-header/CourseRunCard.jsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { Card } from '@edx/paragon';
+import { Card } from '@openedx/paragon';
 
 import { CourseContext } from '../CourseContextProvider';
 import { findUserEnrollmentForCourseRun } from '../data/utils';

src/components/course/course-header/CourseRunCardStatus.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Card } from '@edx/paragon';
-import { Lock } from '@edx/paragon/icons';
+import { Card } from '@openedx/paragon';
+import { Lock } from '@openedx/paragon/icons';
 
 import { DISABLED_ENROLL_REASON_TYPES } from '../data/constants';
 

src/components/course/course-header/CourseRunCards.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { CardGrid } from '@edx/paragon';
+import { CardGrid } from '@openedx/paragon';
 
 import { CourseContext } from '../CourseContextProvider';
 import CourseRunCard from './CourseRunCard';

src/components/course/course-header/course-run-actions/BasicNavigateToCourseware.jsx

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

src/components/course/course-header/data/hooks/useCourseRunCardAction.jsx

@@ -1,4 +1,4 @@
-import { Stack, Button } from '@edx/paragon';
+import { Stack, Button } from '@openedx/paragon';
 
 import { useContext } from 'react';
 import StatefulEnroll from '../../../../stateful-enroll';

src/components/course/course-header/deprecated/CourseRunCard.jsx

@@ -2,7 +2,7 @@ import React, { useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import dayjs from 'dayjs';
 import { useLocation } from 'react-router-dom';
-import { Card } from '@edx/paragon';
+import { Card } from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
 
 import EnrollAction from '../../enrollment/EnrollAction';

src/components/course/data/utils.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ensureConfig, getConfig } from '@edx/frontend-platform';
 import { hasFeatureFlagEnabled } from '@edx/frontend-enterprise-utils';
-import { Button, Hyperlink, MailtoLink } from '@edx/paragon';
+import { Button, Hyperlink, MailtoLink } from '@openedx/paragon';
 import isNil from 'lodash.isnil';
 import dayjs from '../../../utils/dayjs';
 

src/components/course/enrollment/common.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 // Common UI components for enrollment to avoid duplication, consistent styling etc.
 // Each enroll component can use the EnrollButtonCta to render the enroll behavior

src/components/course/enrollment/components/ToExecutiveEducation2UEnrollment.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 import { Link } from 'react-router-dom';
 
 import { useTrackSearchConversionClickHandler } from '../../data/hooks';

src/components/course/routes/CourseAbout.jsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import {
   breakpoints, Container, MediaQuery, Row,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
 import { Navigate } from 'react-router-dom';
 

src/components/course/routes/ExternalCourseEnrollment.jsx

@@ -2,8 +2,8 @@ import React, { useContext, useEffect, useRef } from 'react';
 import { generatePath, useNavigate, useLocation } from 'react-router-dom';
 import {
   Alert, Button, Col, Container, Hyperlink, Row,
-} from '@edx/paragon';
-import { CheckCircle } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { CheckCircle } from '@openedx/paragon/icons';
 
 import { getConfig } from '@edx/frontend-platform/config';
 import { AppContext } from '@edx/frontend-platform/react';