fix: Fixed issues with make extract_translation

Makefile

@@ -5,7 +5,7 @@ intl_imports = ./node_modules/.bin/intl-imports.js
 i18n = ./src/i18n
 transifex_input = $(i18n)/transifex_input.json
 # This directory must match .babelrc .
-transifex_temp = ./temp/babel-plugin-react-intl
+transifex_temp = ./temp/babel-plugin-formatjs
 
 shell: ## run a shell on the cookie-cutter container
 	docker exec -it /bin/bash

package.json

@@ -8,7 +8,7 @@
   ],
   "scripts": {
     "build": "fedx-scripts webpack",
-    "i18n_extract": "BABEL_ENV=i18n fedx-scripts babel src --quiet > /dev/null",
+    "i18n_extract": "fedx-scripts formatjs extract",
     "build:with-theme": "THEME=npm:@edx/brand-edx.org@latest npm run install-theme && fedx-scripts webpack",
     "check-types": "tsc --noemit",
     "lint": "fedx-scripts eslint --ext .js --ext .jsx .; npm run check-types",

src/components/ContentHighlights/CurrentContentHighlightHeader.jsx

@@ -92,7 +92,7 @@ const CurrentContentHighlightHeader = ({ enterpriseId }) => {
       </ActionRow>
       <p>
         <FormattedMessage
-          id="highlights.catalog.visibility.tab.catalog.visibility.not.updated.alert.error.header.title.message"
+          id="highlights.catalogVisibility.tab.catalog.error.title"
           defaultMessage="Create up to {maxHighlights} highlights for your learners."
           description="Header title for error alert shown to admin when catalog visibility failed to update."
           values={{

src/components/learner-credit-management/BudgetDetailPageOverviewAvailability.jsx

@@ -140,7 +140,7 @@ const BudgetActions = ({
               </h3>
               <p>
                 <FormattedMessage
-                  id="lcm.budget.detail.page.overview.budget.actions.all.people.choose.learn"
+                  id="lcm.budget.detail.page.overview.budget.actions.all.people.choose.learn.description"
                   defaultMessage="All people in your organization can choose what to learn
                 from the catalog and spend from the available balance to enroll."
                   description="Decription which tells that user can choose from the catalog and spend from the available balance to enroll"

src/components/learner-credit-management/assignment-modal/AssignmentAllocationHelpCollapsibles.jsx

@@ -77,7 +77,7 @@ const AssignmentAllocationHelpCollapsibles = ({ enterpriseId, course }) => (
         <ul className="x-small pl-4 py-2">
           <li>
             <FormattedMessage
-              id="lcm.budget.detail.page.catalog.tab.course.card.total.assignment.cost.will.be.earmarked"
+              id="lcm.budget.detailsPage.catalog.tab.course.card.total.assignment.cost"
               defaultMessage="The total assignment cost will be earmarked as {doubleQoute}assigned{doubleQoute} funds in your
                Learner Credit budget so you can{apostrophe}t overspend."
               description="A step which explains that the total assignment cost will be earmarked as 'assigned' funds in your Learner Credit budget"