chore(deps): update paragon and frontend-build to openedx scope (#848)

.eslintrc.js

@@ -1,5 +1,5 @@
 /* eslint import/no-extraneous-dependencies: ["error", {"peerDependencies": false}] */
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = 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', {
   setupFiles: [

package.json

@@ -31,15 +31,15 @@
   },
   "dependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-    "@edx/frontend-component-footer": "12.2.0",
-    "@edx/frontend-component-header": "4.6.0",
-    "@edx/frontend-platform": "5.5.4",
-    "@edx/paragon": "^20.44.0",
+    "@edx/frontend-component-footer": "13.0.2",
+    "@edx/frontend-component-header": "5.0.2",
+    "@edx/frontend-platform": "7.1.0",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-brands-svg-icons": "^6.1.1",
     "@fortawesome/free-regular-svg-icons": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@openedx/paragon": "^22.0.0",
     "@stripe/react-stripe-js": "^1.10.0",
     "@stripe/stripe-js": "^1.36.0",
     "axios": "^0.27.2",
@@ -70,8 +70,8 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.2.0",
-    "@edx/frontend-build": "13.0.1",
     "@edx/reactifex": "^2.1.0",
+    "@openedx/frontend-build": "13.0.27",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.5",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",

src/feedback/AlertMessage.jsx

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 import { ALERT_TYPES, MESSAGE_TYPES } from './data/constants';
 
 // Put in a message type, get an alert type.

src/feedback/FallbackErrorMessage.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 const FallbackErrorMessage = () => (
   <FormattedMessage

src/i18n/index.js

@@ -1,4 +1,4 @@
-import { messages as paragonMessages } from '@edx/paragon';
+import { messages as paragonMessages } from '@openedx/paragon';
 import { messages as headerMessages } from '@edx/frontend-component-header';
 import { messages as footerMessages } from '@edx/frontend-component-footer';
 

src/index.scss

@@ -1,6 +1,6 @@
 @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 './payment/index.scss';

src/payment/AlertCodeMessages.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import LocalizedPrice from './cart/LocalizedPrice';
 
 // eslint-disable-next-line import/prefer-default-export

src/payment/EmptyCartMessage.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 const EmptyCartMessage = () => (
   <div className="card">

src/payment/cart/Cart.jsx

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

src/payment/cart/CouponForm.jsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { Button, Form } from '@edx/paragon';
+import { Button, Form } from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 

src/payment/cart/UpdateQuantityForm.jsx

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { StatefulButton, Form } from '@edx/paragon';
+import { StatefulButton, Form } from '@openedx/paragon';
 
 import { updateQuantity } from '../data/actions';
 import { updateQuantityFormSelector } from '../data/selectors';

src/payment/checkout/FreeCheckoutOrderButton.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { getConfig } from '@edx/frontend-platform';
 
 const FreeCheckoutOrderButton = ({ onClick }) => (

src/payment/checkout/payment-form/PlaceOrderButton.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { StatefulButton } from '@edx/paragon';
+import { StatefulButton } from '@openedx/paragon';
 
 const PlaceOrderButton = ({
   showLoadingButton, onSubmitButtonClick, disabled, isProcessing,

src/subscription/alerts/ErrorMessages.jsx

@@ -1,7 +1,7 @@
 // import FallbackErrorMessage from '../../feedback/FallbackErrorMessage';
 import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 // eslint-disable-next-line import/prefer-default-export

src/subscription/checkout/skeleton/CheckoutSkeleton.jsx

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

src/subscription/checkout/submit-button/SubscriptionSubmitButton.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { useSelector } from 'react-redux';
 
-import { StatefulButton, Icon } from '@edx/paragon';
-import { Check as CheckIcon } from '@edx/paragon/icons';
+import { StatefulButton, Icon } from '@openedx/paragon';
+import { Check as CheckIcon } from '@openedx/paragon/icons';
 import { subscriptionStatusSelector } from '../../data/status/selectors';
 
 const SubscriptionSubmitButton = ({

src/subscription/confirmation-modal/ConfirmationModal.jsx

@@ -2,9 +2,9 @@ import React, { useState, useEffect } from 'react';
 
 import {
   ModalDialog, ActionRow, Button, Hyperlink,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useSelector } from 'react-redux';
-import { ArrowForward } from '@edx/paragon/icons';
+import { ArrowForward } from '@openedx/paragon/icons';
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl, FormattedMessage } from '@edx/frontend-platform/i18n';
 

src/subscription/details/content/SubscriptionContent.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Badge } from '@edx/paragon';
+import { Badge } from '@openedx/paragon';
 import { ProgramType } from '../program-type/ProgramType';
 
 const SubscriptionContent = ({ children, details }) => (

src/subscription/details/legal/SubscriptionLegal.jsx

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

src/subscription/details/skeleton/SubscriptionDetailsSkeleton.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Skeleton } from '@edx/paragon';
+import { Skeleton } from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 const SubscriptionDetailsSkeleton = () => (

src/subscription/secure-3d/secure-3d-modal/Secure3dModal.jsx

@@ -7,7 +7,7 @@ import { logError } from '@edx/frontend-platform/logging';
 
 import {
   ModalDialog,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import {
   PaymentElement,
 } from '@stripe/react-stripe-js';

webpack.dev-stage.config.js

@@ -1,4 +1,4 @@
-const { getBaseConfig } = require('@edx/frontend-build');
+const { getBaseConfig } = require('@openedx/frontend-build');
 
 /**
  * We customize the plugins here for the following reasons:

webpack.prod.config.js

@@ -1,4 +1,4 @@
-const { getBaseConfig } = require('@edx/frontend-build');
+const { getBaseConfig } = require('@openedx/frontend-build');
 // NOTE: This version of html-webpack-plugin must be the same major version as the one in
 // frontend-build to avoid potential issues.