fix: error when trying to save 'other education' (#746 )

When user selects "Other Education" and clicks save - error occurs. It's caused by the wrong API call payload value `'o'` Fix: use the `'other'` payload value instead (the valid one).
Merge pull request #788 from openedx/mfrank/palm-release-remove-skills
2023-07-03 10:21:51 -07:00 · 2023-06-28 14:21:23 -04:00 · 2023-06-27 15:55:49 +00:00 · 2023-06-09 08:51:17 +02:00 · 2023-05-02 17:14:27 -03:00
50 changed files with 5436 additions and 7602 deletions
--- a/.env
+++ b/.env
@@ -25,5 +25,4 @@ FAVICON_URL=''
 COLLECT_YEAR_OF_BIRTH=true
 APP_ID=''
 MFE_CONFIG_API_URL=''
-SEARCH_CATALOG_URL=''
 ENABLE_SKILLS_BUILDER_PROFILE=''
--- a/.env.development
+++ b/.env.development
@@ -26,5 +26,4 @@ FAVICON_URL=https://edx-cdn.org/v3/default/favicon.ico
 COLLECT_YEAR_OF_BIRTH=true
 APP_ID=''
 MFE_CONFIG_API_URL=''
-SEARCH_CATALOG_URL='http://localhost:18000/courses'
 ENABLE_SKILLS_BUILDER_PROFILE=''
--- a/.github/workflows/lockfileversion-check.yml
+++ b/.github/workflows/lockfileversion-check.yml
@@ -10,4 +10,4 @@ on:

 jobs:
  version-check:
-    uses: openedx/.github/.github/workflows/lockfile-check.yml@master
+    uses: openedx/.github/.github/workflows/lockfileversion-check-v3.yml@master
--- a/20
+++ b/20
@@ -1,13 +1,12 @@
 export TRANSIFEX_RESOURCE = frontend-app-profile
 transifex_resource = frontend-app-profile
-transifex_langs = "ar,de,de_DE,es_419,fa_IR,fr,fr_CA,hi,it,it_IT,pt,pt_PT,ru,uk,zh_CN"
+transifex_langs = "ar,fr,es_419,zh_CN,pt,it,de,uk,ru,hi,fr_CA"

-intl_imports = ./node_modules/.bin/intl-imports.js
 transifex_utils = ./node_modules/.bin/transifex-utils.js
 i18n = ./src/i18n
 transifex_input = $(i18n)/transifex_input.json
 # This directory must match .babelrc .
-transifex_temp = ./temp/babel-plugin-formatjs
+transifex_temp = ./temp/babel-plugin-react-intl

 NPM_TESTS=build i18n_extract lint test

@@ -50,24 +49,9 @@ push_translations:
 	# Pushing comments to Transifex...
 	./node_modules/@edx/reactifex/bash_scripts/put_comments_v3.sh

-ifeq ($(OPENEDX_ATLAS_PULL),)
 # Pulls translations from Transifex.
 pull_translations:
 	tx pull -t -f --mode reviewed --languages=$(transifex_langs)
-else
-# Experimental: OEP-58 Pulls translations using atlas
-pull_translations:
-	rm -rf src/i18n/messages
-	mkdir src/i18n/messages
-	cd src/i18n/messages \
-      && atlas pull --filter=$(transifex_langs) \
-               translations/paragon/src/i18n/messages:paragon \
-               translations/frontend-component-header/src/i18n/messages:frontend-component-header \
-               translations/frontend-component-footer/src/i18n/messages:frontend-component-footer \
-               translations/frontend-app-profile/src/i18n/messages:frontend-app-profile
-
-	$(intl_imports) paragon frontend-component-header frontend-component-footer frontend-app-profile
-endif

 # This target is used by Travis.
 validate-no-uncommitted-package-lock-changes:
--- a/README.rst
+++ b/README.rst
@@ -1,147 +1,57 @@
-#####################
+|Build Status| |Codecov| |license|
+
 frontend-app-profile
-#####################
+====================

-|license-badge| |status-badge| |ci-badge| |codecov-badge|
-
-.. |license-badge| image:: https://img.shields.io/github/license/openedx/frontend-app-profile.svg
-    :target: https://github.com/openedx/frontend-app-profile/blob/main/LICENSE
-    :alt: License
-
-.. |status-badge| image:: https://img.shields.io/badge/Status-Maintained-brightgreen
-
-.. |ci-badge| image:: https://github.com/openedx/frontend-app-profile/actions/workflows/ci.yml/badge.svg
-    :target: https://github.com/openedx/frontend-app-profile/actions/workflows/ci.yml
-    :alt: Continuous Integration
-
-.. |codecov-badge| image:: https://codecov.io/github/openedx/frontend-app-profile/coverage.svg?branch=main
-    :target: https://codecov.io/github/openedx/frontend-app-profile?branch=main
-    :alt: Codecov
-
-********
-Purpose
-********
-
-This is a micro-frontend application responsible for the display and updating of user profiles.
+This is a micro-frontend application responsible for the display and updating of user profiles. Please tag **@openedx/2u-aperture** on any PRs or issues.

 When a user views their own profile, they're given fields to edit their full name, location, primary spoken language, education, social links, and bio.  Each field also has a dropdown to select the visibility of that field - i.e., whether it can be viewed by other learners.

 When a user views someone else's profile, they see all those fields that that user set as public.

-***************
-Getting Started
-***************
+----------

-Installation
-============
+Development
+-----------

-Follow these steps to provision, run, and enable an instance of the
-Profile MFE for local development via the `devstack`_.
+Start Devstack
+^^^^^^^^^^^^^^

-.. _devstack: https://github.com/openedx/devstack#getting-started
+To use this application `devstack <https://github.com/openedx/devstack>`__ must be running and you must be logged into it.

-#. To use this application, `devstack <https://github.com/openedx/devstack>`__ must be running and you must be logged into it.
+-  Start devstack
+-  Log in (http://localhost:18000/login)

-   * Start devstack
-   * Log in (http://localhost:18000/login)
+Start the development server
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^

-#. To run Profile, install requirements and start the development server by running:
+In this project, install requirements and start the development server by running:

-.. code-block::
+.. code:: bash

-  1. Clone your new repo:
+   npm install
+   npm start # The server will run on port 1995

-    ``git clone https://github.com/openedx/frontend-app-profile.git``
+Once the dev server is up visit http://localhost:1995/u/staff.

-  2. Use node v18.x.
+----------

-    The current version of the micro-frontend build scripts support node 18.
-    Using other major versions of node *may* work, but this is unsupported.  For
-    convenience, this repository includes an .nvmrc file to help in setting the
-    correct node version via `nvm <https://github.com/nvm-sh/nvm>`_.
-
-  3. Install npm dependencies:
-
-    ``cd frontend-app-profile && npm ci``
-
-  4. Start the dev server:
-
-    ``npm start``
-     The server will run on port 1995
-
-Once the dev server is up, visit http://localhost:1995/u/staff.
-
-Configuration
-=============
+Configuration and Deployment
+----------------------------

 This MFE is configured via node environment variables supplied at build time. See the .env file for the list of required environment variables. Example build syntax with a single environment variable:

-.. code-block::
+.. code:: bash

   NODE_ENV=production ACCESS_TOKEN_COOKIE_NAME='edx-jwt-cookie-header-payload' npm run build

-Getting Help
-============

-If you're having trouble, we have discussion forums at
-https://discuss.openedx.org where you can connect with others in the community.
+For more information see the document: `Micro-frontend applications in Open
+edX <https://edx.readthedocs.io/projects/edx-developer-docs/en/latest/micro-frontends-in-open-edx.html>`__.

-Our real-time conversations are on Slack. You can request a `Slack
-invitation`_, then join our `community Slack workspace`_.  Because this is a
-frontend repository, the best place to discuss it would be in the `#wg-frontend
-channel`_.
-
-For anything non-trivial, the best path is to open an issue in this repository
-with as many details about the issue you are facing as you can provide.  Please tag **@openedx/2u-aperture** on any PRs or issues.
-
-https://github.com/openedx/frontend-app-profile/issues
-
-For more information about these options, see the `Getting Help`_ page.
-
-.. _Slack invitation: https://openedx.org/slack
-.. _community Slack workspace: https://openedx.slack.com/
-.. _#wg-frontend channel: https://openedx.slack.com/archives/C04BM6YC7A6
-.. _Getting Help: https://openedx.org/getting-help
-
-License
-=======
-
-The code in this repository is licensed under the AGPLv3 unless otherwise
-noted.
-
-Please see `LICENSE <LICENSE>`_ for details.
-
-Contributing
-============
-
-Contributions are very welcome.  Please read `How To Contribute`_ for details.
-
-.. _How To Contribute: https://openedx.org/r/how-to-contribute
-
-This project is currently accepting all types of contributions, bug fixes,
-security fixes, maintenance work, or new features.  However, please make sure
-to have a discussion about your new feature idea with the maintainers prior to
-beginning development to maximize the chances of your change being accepted.
-You can start a conversation by creating a new issue on this repo summarizing
-your idea.
-
-The Open edX Code of Conduct
-============================
-
-All community members are expected to follow the `Open edX Code of Conduct`_.
-
-.. _Open edX Code of Conduct: https://openedx.org/code-of-conduct/
-
-People
-======
-
-The assigned maintainers for this component and other project details may be
-found in `Backstage`_. Backstage pulls this data from the ``catalog-info.yaml``
-file in this repo.
-
-.. _Backstage: https://backstage.herokuapp.com/catalog/default/component/frontend-app-profile
-
-Reporting Security Issues
-=========================
-
-Please do not report security issues in public.  Email security@openedx.org instead.
+.. |Build Status| image:: https://api.travis-ci.org/edx/frontend-app-profile.svg?branch=master
+   :target: https://travis-ci.org/edx/frontend-app-profile
+.. |Codecov| image:: https://img.shields.io/codecov/c/github/edx/frontend-app-profile
+   :target: https://codecov.io/gh/edx/frontend-app-profile
+.. |license| image:: https://img.shields.io/npm/l/@edx/frontend-app-profile.svg
+   :target: @edx/frontend-app-profile
--- a/catalog-info.yaml
+++ b/catalog-info.yaml
@@ -1,24 +0,0 @@
-# This file records information about this repo. Its use is described in OEP-55:
-# https://open-edx-proposals.readthedocs.io/en/latest/processes/oep-0055-proc-project-maintainers.html
-apiVersion: backstage.io/v1alpha1
-kind: Component
-metadata:
-  name: 'Profile'
-  description: 'This is a micro-frontend application responsible for the display and updating of user profiles.'
-  links:
-    - url: 'https://github.com/openedx/frontend-app-profile/blob/master/README.rst'
-      title: 'Documentation'
-      icon: 'Article'
-  annotations:
-    # (Optional) Annotation keys and values can be whatever you want.
-    # We use it in Open edX repos to have a comma-separated list of GitHub user
-    # names that might be interested in changes to the architecture of this
-    # component.
-    openedx.org/arch-interest-groups: ""
-    # This can be multiple comma-separated projects.
-    openedx.org/add-to-projects: "openedx:23"
-spec:
-  type: 'service'
-  lifecycle: 'production'
-  owner: 2U-aperture
-# (Optional) An array of different components or resources.
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -10,12 +10,11 @@
  },
  "scripts": {
    "build": "fedx-scripts webpack",
-    "i18n_extract": "fedx-scripts formatjs extract",
+    "i18n_extract": "BABEL_ENV=i18n fedx-scripts babel src --quiet > /dev/null",
    "lint": "fedx-scripts eslint --ext .js --ext .jsx .",
    "snapshot": "fedx-scripts jest --updateSnapshot",
    "start": "fedx-scripts webpack-dev-server --progress",
-    "test": "TZ=UTC fedx-scripts jest --coverage --passWithNoTests",
-    "stubs": "pact-stub-service ./src/pacts/frontend-app-profile-edx-platform.json --port 18000"
+    "test": "TZ=UTC fedx-scripts jest --coverage --passWithNoTests"
  },
  "bugs": {
    "url": "https://github.com/openedx/frontend-app-profile/issues"
@@ -28,54 +27,51 @@
    "extends @edx/browserslist-config"
  ],
  "dependencies": {
-    "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-    "@edx/frontend-component-footer": "12.5.1",
-    "@edx/frontend-component-header": "4.8.0",
-    "@edx/frontend-platform": "5.6.1",
-    "@edx/frontend-plugin-framework": "openedx/frontend-plugin-framework#jwesson/install-plugins",
-    "@edx/paragon": "^20.44.0",
+    "@edx/brand": "npm:@edx/brand-openedx@1.2.0",
+    "@edx/frontend-component-footer": "12.0.0",
+    "@edx/frontend-component-header": "4.0.0",
+    "@edx/frontend-platform": "4.2.0",
+    "@edx/paragon": "^20.20.0",
    "@fortawesome/fontawesome-svg-core": "1.2.36",
    "@fortawesome/free-brands-svg-icons": "5.15.4",
    "@fortawesome/free-regular-svg-icons": "5.15.4",
    "@fortawesome/free-solid-svg-icons": "5.15.4",
    "@fortawesome/react-fontawesome": "0.2.0",
-    "@pact-foundation/pact": "^11.0.2",
    "classnames": "2.3.2",
-    "core-js": "3.33.1",
-    "history": "5.3.0",
+    "core-js": "3.27.2",
+    "history": "4.10.1",
    "lodash.camelcase": "4.3.0",
    "lodash.get": "4.4.2",
    "lodash.pick": "4.4.0",
    "lodash.snakecase": "4.1.1",
    "prop-types": "15.8.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-error-boundary": "^4.0.11",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
    "react-helmet": "6.1.0",
    "react-redux": "7.2.9",
-    "react-router": "6.16.0",
-    "react-router-dom": "6.16.0",
+    "react-router": "5.3.4",
+    "react-router-dom": "5.3.4",
    "redux": "4.2.1",
    "redux-devtools-extension": "2.13.9",
    "redux-logger": "3.0.6",
    "redux-saga": "1.2.3",
    "redux-thunk": "2.4.2",
-    "regenerator-runtime": "0.14.0",
-    "reselect": "4.1.8",
+    "regenerator-runtime": "0.13.11",
+    "reselect": "4.1.7",
    "universal-cookie": "4.0.4"
  },
  "devDependencies": {
-    "@commitlint/cli": "17.8.1",
-    "@commitlint/config-angular": "17.8.1",
+    "@commitlint/cli": "17.5.1",
+    "@commitlint/config-angular": "17.4.4",
    "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-build": "13.0.4",
-    "@edx/reactifex": "2.2.0",
-    "@testing-library/react": "12.1.5",
-    "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
+    "@edx/frontend-build": "12.8.6",
+    "@edx/reactifex": "2.1.1",
+    "@testing-library/react": "11.2.7",
    "codecov": "3.8.3",
    "enzyme": "3.11.0",
-    "glob": "10.3.10",
-    "react-test-renderer": "17.0.2",
+    "enzyme-adapter-react-16": "1.15.7",
+    "glob": "8.1.0",
+    "react-test-renderer": "16.14.0",
    "reactifex": "1.1.1",
    "redux-mock-store": "1.5.4"
  }
--- a/plugins/Plugin.jsx
+++ b/plugins/Plugin.jsx
@@ -1,93 +0,0 @@
-'use client';
-
-import React, {
-  useEffect, useMemo, useState,
-} from 'react';
-import PropTypes from 'prop-types';
-import { ErrorBoundary } from 'react-error-boundary';
-import { logError } from '@edx/frontend-platform/logging';
-import {
-  dispatchMountedEvent, dispatchReadyEvent, dispatchUnmountedEvent, useHostEvent,
-} from './data/hooks';
-import { PLUGIN_RESIZE } from './data/constants';
-
-// see example-plugin-app/src/PluginOne.jsx for example of customizing errorFallback
-function errorFallbackDefault() {
-  return (
-    <div>
-      <h2>
-        Oops! An error occurred. Please refresh the screen to try again.
-      </h2>
-    </div>
-  );
-}
-
-// eslint-disable-next-line react/function-component-definition
-export default function Plugin({
-  children, className, style, ready, errorFallbackProp,
-}) {
-  const [dimensions, setDimensions] = useState({
-    width: null,
-    height: null,
-  });
-
-  const finalStyle = useMemo(() => ({
-    ...dimensions,
-    ...style,
-  }), [dimensions, style]);
-
-  const errorFallback = errorFallbackProp || errorFallbackDefault;
-
-  // Error logging function
-  // Need to confirm: When an error is caught here, the logging will be sent to the child MFE's logging service
-  const logErrorToService = (error, info) => {
-    logError(error, { stack: info.componentStack });
-  };
-
-  useHostEvent(PLUGIN_RESIZE, ({ payload }) => {
-    setDimensions({
-      width: payload.width,
-      height: payload.height,
-    });
-  });
-
-  useEffect(() => {
-    dispatchMountedEvent();
-
-    return () => {
-      dispatchUnmountedEvent();
-    };
-  }, []);
-
-  useEffect(() => {
-    if (ready) {
-      dispatchReadyEvent();
-    }
-  }, [ready]);
-
-  return (
-    <div className={className} style={finalStyle}>
-      <ErrorBoundary
-        FallbackComponent={errorFallback}
-        onError={logErrorToService}
-      >
-        {children}
-      </ErrorBoundary>
-    </div>
-  );
-}
-
-Plugin.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  errorFallbackProp: PropTypes.func,
-  ready: PropTypes.bool,
-  style: PropTypes.object, // eslint-disable-line
-};
-
-Plugin.defaultProps = {
-  className: null,
-  errorFallbackProp: null,
-  style: {},
-  ready: true,
-};
--- a/plugins/PluginContainer.jsx
+++ b/plugins/PluginContainer.jsx
@@ -1,42 +0,0 @@
-'use client';
-
-import React from 'react';
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-import PluginContainerIframe from './PluginContainerIframe';
-
-import {
-  IFRAME_PLUGIN,
-} from './data/constants';
-import { pluginConfigShape } from './data/shapes';
-
-// eslint-disable-next-line react/function-component-definition
-export default function PluginContainer({ config, ...props }) {
-  if (config === null) {
-    return null;
-  }
-
-  // this will allow for future plugin types to be inserted in the PluginErrorBoundary
-  let renderer = null;
-  switch (config.type) {
-    case IFRAME_PLUGIN:
-      renderer = (
-        <PluginContainerIframe config={config} {...props} />
-      );
-      break;
-    // istanbul ignore next: default isn't meaningful, just satisfying linter
-    default:
-  }
-
-  return (
-    renderer
-  );
-}
-
-PluginContainer.propTypes = {
-  config: pluginConfigShape,
-};
-
-PluginContainer.defaultProps = {
-  config: null,
-};
--- a/plugins/PluginContainerIframe.jsx
+++ b/plugins/PluginContainerIframe.jsx
@@ -1,99 +0,0 @@
-import React, {
-  useEffect, useState,
-} from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-import {
-  PLUGIN_MOUNTED,
-  PLUGIN_READY,
-  PLUGIN_RESIZE,
-} from './data/constants';
-import {
-  dispatchPluginEvent,
-  useElementSize,
-  usePluginEvent,
-} from './data/hooks';
-import { pluginConfigShape } from './data/shapes';
-
-/**
- * Feature policy for iframe, allowing access to certain courseware-related media.
- *
- * We must use the wildcard (*) origin for each feature, as courseware content
- * may be embedded in external iframes. Notably, xblock-lti-consumer is a popular
- * block that iframes external course content.
-
- * This policy was selected in conference with the edX Security Working Group.
- * Changes to it should be vetted by them (security@edx.org).
- */
-export const IFRAME_FEATURE_POLICY = (
-  'fullscreen; microphone *; camera *; midi *; geolocation *; encrypted-media *'
-);
-
-// eslint-disable-next-line react/function-component-definition
-export default function PluginContainerIframe({
-  config, fallback, className, ...props
-}) {
-  const { url } = config;
-  const { title, scrolling } = props;
-  const [mounted, setMounted] = useState(false);
-  const [ready, setReady] = useState(false);
-
-  const [iframeRef, iframeElement, width, height] = useElementSize();
-
-  useEffect(() => {
-    if (mounted) {
-      dispatchPluginEvent(iframeElement, {
-        type: PLUGIN_RESIZE,
-        payload: {
-          width,
-          height,
-        },
-      }, url);
-    }
-  }, [iframeElement, mounted, width, height, url]);
-
-  usePluginEvent(iframeElement, PLUGIN_MOUNTED, () => {
-    setMounted(true);
-  });
-
-  usePluginEvent(iframeElement, PLUGIN_READY, () => {
-    setReady(true);
-  });
-
-  return (
-    <>
-      <iframe
-        ref={iframeRef}
-        title={title}
-        src={url}
-        allow={IFRAME_FEATURE_POLICY}
-        scrolling={scrolling}
-        referrerPolicy="origin" // The sent referrer will be limited to the origin of the referring page: its scheme, host, and port.
-        className={classNames(
-          'border border-0',
-          { 'd-none': !ready },
-          className,
-        )}
-        {...props}
-      />
-      {!ready && fallback}
-    </>
-  );
-}
-
-PluginContainerIframe.propTypes = {
-  config: pluginConfigShape,
-  fallback: PropTypes.node,
-  scrolling: PropTypes.oneOf(['auto', 'yes', 'no']),
-  title: PropTypes.string,
-  className: PropTypes.string,
-};
-
-PluginContainerIframe.defaultProps = {
-  config: null,
-  fallback: null,
-  scrolling: 'auto',
-  title: null,
-  className: null,
-};
--- a/plugins/PluginErrorBoundary.jsx
+++ b/plugins/PluginErrorBoundary.jsx
@@ -1,45 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { FormattedMessage } from 'react-intl';
-
-import { logError } from '@edx/frontend-platform/logging';
-
-export default class PluginErrorBoundary extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-
-  static getDerivedStateFromError() {
-    // Update state so the next render will show the fallback UI.
-    return { hasError: true };
-  }
-
-  componentDidCatch(error, info) {
-    logError(error, { stack: info.componentStack });
-  }
-
-  render() {
-    if (this.state.hasError) {
-      // You can render any custom fallback UI
-      return (
-        <FormattedMessage
-          id="plugin.load.failure.text"
-          defaultMessage="This content failed to load."
-          description="error message when an unexpected error occurs"
-        />
-      );
-    }
-
-    return this.props.children;
-  }
-}
-
-PluginErrorBoundary.propTypes = {
-  children: PropTypes.node,
-};
-
-PluginErrorBoundary.defaultProps = {
-  children: null,
-};
--- a/plugins/PluginSlot.jsx
+++ b/plugins/PluginSlot.jsx
@@ -1,75 +0,0 @@
-/* eslint-disable no-unused-vars */
-import React, { forwardRef } from 'react';
-
-import classNames from 'classnames';
-import { Spinner } from '@edx/paragon';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-
-// import { usePluginSlot } from './data/hooks';
-import PluginContainer from './PluginContainer';
-
-const PluginSlot = forwardRef(({
-  as, id, intl, pluginProps, children, ...props
-}, ref) => {
-  /* the plugins below are obtained by the id passed into PluginSlot by the Host MFE. See example/src/PluginsPage.jsx
-  for an example of how PluginSlot is populated, and example/src/index.jsx for a dummy JS config that holds all plugins
-  */
-  // const { plugins, keepDefault } = usePluginSlot(id);
-
-  const { fallback } = pluginProps;
-
-  // TODO: Add internationalization to the "Loading" text on the spinner.
-  let finalFallback = (
-    <div className={classNames(pluginProps.className, 'd-flex justify-content-center align-items-center')}>
-      <Spinner animation="border" screenReaderText="Loading" />
-    </div>
-  );
-  if (fallback !== undefined) {
-    finalFallback = fallback;
-  }
-
-  let finalChildren = [];
-  // if (plugins.length > 0) {
-  // if (keepDefault) {
-  //   finalChildren.push(children);
-  // }
-  // plugins.forEach((pluginConfig) => {
-  //   finalChildren.push(
-  //     <PluginContainer
-  //       key={pluginConfig.url}
-  //       config={pluginConfig}
-  //       fallback={finalFallback}
-  //       {...pluginProps}
-  //     />,
-  //   );
-  // });
-  // } else {
-  finalChildren = children;
-  // }
-
-  return React.createElement(
-    as,
-    {
-      ...props,
-      ref,
-    },
-    finalChildren,
-  );
-});
-
-export default injectIntl(PluginSlot);
-
-PluginSlot.propTypes = {
-  as: PropTypes.elementType,
-  children: PropTypes.node,
-  id: PropTypes.string.isRequired,
-  intl: intlShape.isRequired,
-  pluginProps: PropTypes.object, // eslint-disable-line
-};
-
-PluginSlot.defaultProps = {
-  as: 'div',
-  children: null,
-  pluginProps: {},
-};
--- a/plugins/data/constants.js
+++ b/plugins/data/constants.js
@@ -1,8 +0,0 @@
-// TODO: We expect other plugin types to be added here, such as LTI_PLUGIN and BUILD_TIME_PLUGIN.
-export const IFRAME_PLUGIN = 'IFRAME_PLUGIN'; // loads iframe at the URL, rather than loading a JS file.
-
-// Plugin lifecycle events
-export const PLUGIN_MOUNTED = 'PLUGIN_MOUNTED';
-export const PLUGIN_READY = 'PLUGIN_READY';
-export const PLUGIN_UNMOUNTED = 'PLUGIN_UNMOUNTED';
-export const PLUGIN_RESIZE = 'PLUGIN_RESIZE';
--- a/plugins/data/hooks.js
+++ b/plugins/data/hooks.js
@@ -1,96 +0,0 @@
-import {
-  useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState,
-} from 'react';
-import { PLUGIN_MOUNTED, PLUGIN_READY, PLUGIN_UNMOUNTED } from './constants';
-
-export function useMessageEvent(srcWindow, type, callback) {
-  useLayoutEffect(() => {
-    const listener = (event) => {
-      // Filter messages to those from our source window.
-      if (event.source === srcWindow) {
-        if (event.data.type === type) {
-          callback({ type, payload: event.data.payload });
-        }
-      }
-    };
-    if (srcWindow !== null) {
-      global.addEventListener('message', listener);
-    }
-    return () => {
-      global.removeEventListener('message', listener);
-    };
-  }, [srcWindow, type, callback]);
-}
-
-export function useHostEvent(type, callback) {
-  useMessageEvent(global.parent, type, callback);
-}
-
-export function usePluginEvent(iframeElement, type, callback) {
-  const contentWindow = iframeElement ? iframeElement.contentWindow : null;
-  useMessageEvent(contentWindow, type, callback);
-}
-
-export function dispatchMessageEvent(targetWindow, message, targetOrigin) {
-  // Checking targetOrigin falsiness here since '', null or undefined would all be reasons not to
-  // try to post a message to the origin.
-  if (targetOrigin) {
-    targetWindow.postMessage(message, targetOrigin);
-  }
-}
-
-export function dispatchPluginEvent(iframeElement, message, targetOrigin) {
-  dispatchMessageEvent(iframeElement.contentWindow, message, targetOrigin);
-}
-
-export function dispatchHostEvent(message) {
-  dispatchMessageEvent(global.parent, message, global.document.referrer);
-}
-
-export function dispatchReadyEvent() {
-  dispatchHostEvent({ type: PLUGIN_READY });
-}
-
-export function dispatchMountedEvent() {
-  dispatchHostEvent({ type: PLUGIN_MOUNTED });
-}
-
-export function dispatchUnmountedEvent() {
-  dispatchHostEvent({ type: PLUGIN_UNMOUNTED });
-}
-
-export function useElementSize() {
-  const observerRef = useRef();
-
-  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
-  const [offset, setOffset] = useState({ x: 0, y: 0 });
-
-  const [element, setElement] = useState(null);
-
-  const measuredRef = useCallback(_element => {
-    setElement(_element);
-  }, []);
-
-  useEffect(() => {
-    observerRef.current = new ResizeObserver(() => {
-      if (element) {
-        setDimensions({
-          width: element.clientWidth,
-          height: element.clientHeight,
-        });
-        setOffset({
-          x: element.offsetLeft,
-          y: element.offsetTop,
-        });
-      }
-    });
-    if (element) {
-      observerRef.current.observe(element);
-    }
-  }, [element]);
-
-  return useMemo(
-    () => ([measuredRef, element, dimensions.width, dimensions.height, offset.x, offset.y]),
-    [measuredRef, element, dimensions, offset],
-  );
-}
--- a/plugins/data/shapes.js
+++ b/plugins/data/shapes.js
@@ -1,10 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-import PropTypes from 'prop-types';
-import { IFRAME_PLUGIN } from './constants';
-
-export const pluginConfigShape = PropTypes.shape({
-  url: PropTypes.string.isRequired,
-  type: PropTypes.oneOf([IFRAME_PLUGIN]).isRequired,
-  // This is a place for us to put any generic props we want to pass to the component.  We need it.
-  props: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-});
--- a/plugins/index.js
+++ b/plugins/index.js
@@ -1,18 +0,0 @@
-// export {
-//   usePluginSlot,
-// } from './data/hooks';
-export {
-  default as Plugin,
-} from './Plugin';
-export {
-  default as PluginContainer,
-} from './PluginContainer';
-export {
-  default as PluginSlot,
-} from './PluginSlot';
-export {
-  IFRAME_PLUGIN,
-} from './data/constants';
-export {
-  default as PluginErrorBoundary,
-} from './PluginErrorBoundary';
--- a/renovate.json
+++ b/renovate.json
@@ -24,7 +24,7 @@
      "automerge": true
    },
    {
-      "matchPackagePatterns": ["@edx", "@openedx"],
+      "matchPackagePatterns": ["@edx"],
      "matchUpdateTypes": ["minor", "patch"],
      "automerge": true
    }
--- a/src/i18n/index.jsx
+++ b/src/i18n/index.jsx
@@ -1,27 +1,19 @@
-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 arMessages from './messages/ar.json';
-import deMessages from './messages/de.json';
-import dedeCAMessages from './messages/de_DE.json';
-import es419Messages from './messages/es_419.json';
-import faIRMessages from './messages/fa_IR.json';
-import frCAMessages from './messages/fr_CA.json';
-import itMessages from './messages/it.json';
-import ititCAMessages from './messages/it_IT.json';
 import frMessages from './messages/fr.json';
-import hiMessages from './messages/hi.json';
-import ptMessages from './messages/pt.json';
-import ptptCAMessages from './messages/pt_PT.json';
-import ruMessages from './messages/ru.json';
-import ukMessages from './messages/uk.json';
+import es419Messages from './messages/es_419.json';
 import zhcnMessages from './messages/zh_CN.json';
+import ptMessages from './messages/pt.json';
+import itMessages from './messages/it.json';
+import ukMessages from './messages/uk.json';
+import deMessages from './messages/de.json';
+import ruMessages from './messages/ru.json';
+import hiMessages from './messages/hi.json';
+import frCAMessages from './messages/fr_CA.json';
 // no need to import en messages-- they are in the defaultMessage field

-const appMessages = {
+const messages = {
  ar: arMessages,
  'es-419': es419Messages,
-  'fa-ir': faIRMessages,
  fr: frMessages,
  'zh-cn': zhcnMessages,
  pt: ptMessages,
@@ -31,14 +23,6 @@ const appMessages = {
  'fr-ca': frCAMessages,
  ru: ruMessages,
  uk: ukMessages,
-  'de-de': dedeCAMessages,
-  'it-it': ititCAMessages,
-  'pt-pt': ptptCAMessages,
 };

-export default [
-  headerMessages,
-  footerMessages,
-  paragonMessages,
-  appMessages,
-];
+export default messages;
--- a/src/i18n/messages/ar.json
+++ b/src/i18n/messages/ar.json
@@ -34,11 +34,11 @@
  "profile.formcontrols.button.saved": "تم الحفظ",
  "profile.visibility.who.just.me": "أنا فقط",
  "profile.visibility.who.everyone": "جميع من على {siteName}",
-  "profile.learningGoal.learningGoal": "هدف التعلم",
-  "profile.learningGoal.options.start_career": "أريد أن أبدأ مسيرتي المهنية",
-  "profile.learningGoal.options.advance_career": "أريد أن ارتقي في مسيرتي المهنية",
-  "profile.learningGoal.options.learn_something_new": "أريد أن أتعلم شيئًا جديدًا",
-  "profile.learningGoal.options.something_else": "شيء آخر",
+  "profile.learningGoal.learningGoal": "Learning Goal",
+  "profile.learningGoal.options.start_career": "I want to start my career",
+  "profile.learningGoal.options.advance_career": "I want to advance my career",
+  "profile.learningGoal.options.learn_something_new": "I want to learn something new",
+  "profile.learningGoal.options.something_else": "Something else",
  "profile.name.full.name": "الاسم الكامل",
  "profile.name.details": "هذا هو الاسم الذي يظهر في حسابك وفي شهاداتك",
  "profile.name.empty": "إضافة الاسم",
@@ -53,5 +53,32 @@
  "profile.notfound.message": "الصفحة التي تبحث عنها غير متوفرة أو هناك خطأ في العنوان. رجاءً تحقق من العنوان و حاول مجدّدًا.",
  "profile.viewMyRecords": "عرض سجلّاتي",
  "profile.loading": "يتم تحميل الملف الشخصي...",
-  "profile.username.description": "معلومات ملفك الشخصي تظهر لك فقط. وحده اسم المستخدم الخاص بك يظهر للآخرين على {siteName}."
+  "profile.username.description": "معلومات ملفك الشخصي تظهر لك فقط. وحده اسم المستخدم الخاص بك يظهر للآخرين على {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/de.json
+++ b/src/i18n/messages/de.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/de_DE.json
+++ b/src/i18n/messages/de_DE.json
@@ -1,57 +0,0 @@
-{
-  "profile.page.title": "Profil | {siteName}",
-  "profile.age.details": "Um Ihr Profil mit anderen {siteName}-Lernern zu teilen, müssen Sie bestätigen, dass Sie über 13 Jahre alt sind.",
-  "profile.age.set.date": "Legen Sie Ihr Geburtsdatum fest",
-  "profile.datejoined.member.since": "Mitglied seit {year}",
-  "profile.bio.empty": "Fügen Sie Ihre Kurzbiografie hinzu",
-  "profile.bio.about.me": "Über mich",
-  "profile.certificate.organization.label": "Von",
-  "profile.certificate.completion.date.label": "Abgeschlossen am {date}",
-  "profile.no.certificates": "Sie haben bisher keine Zertifikate erhalten.",
-  "profile.certificates.my.certificates": "Meine Zertifikate",
-  "profile.certificates.view.certificate": "Zertifikat anschauen",
-  "profile.certificates.types.verified": "Beglaubigtes Zertifikat ",
-  "profile.certificates.types.professional": "Professional Certificate",
-  "profile.certificates.types.unknown": "Zertifikat",
-  "profile.country.label": "Ort",
-  "profile.country.empty": "Standort hinzufügen",
-  "profile.education.empty": "Ausbildung hinzufügen",
-  "profile.education.education": "Bildung",
-  "profile.education.levels.p": "Doktortitel",
-  "profile.education.levels.m": "Master oder gleichwertiger akademischer Bildungsgrad",
-  "profile.education.levels.b": "Bachelor",
-  "profile.education.levels.a": "Allgemeine Hochschulreife oder gleichwertiger Abschluss",
-  "profile.education.levels.hs": "Mittlere Reife",
-  "profile.education.levels.jhs": "Hauptschule",
-  "profile.education.levels.el": "Grundschule",
-  "profile.education.levels.none": "Keinen Bildungsabschluss",
-  "profile.education.levels.o": "Sonstige Bildung",
-  "profile.editbutton.edit": "Bearbeiten",
-  "profile.formcontrols.who.can.see": "Wer kann das sehen:",
-  "profile.formcontrols.button.cancel": "Abbrechen",
-  "profile.formcontrols.button.save": "Speichern",
-  "profile.formcontrols.button.saving": "Speichert",
-  "profile.formcontrols.button.saved": "Gespeichert",
-  "profile.visibility.who.just.me": "Nur ich",
-  "profile.visibility.who.everyone": "Alle auf {siteName}",
-  "profile.learningGoal.learningGoal": "Lernziel",
-  "profile.learningGoal.options.start_career": "Ich möchte meine Karriere starten",
-  "profile.learningGoal.options.advance_career": "Ich möchte mich beruflich weiterentwickeln",
-  "profile.learningGoal.options.learn_something_new": "Ich möchte etwas Neues lernen",
-  "profile.learningGoal.options.something_else": "Etwas anderes",
-  "profile.name.full.name": "Vollständiger Name",
-  "profile.name.details": "Dies ist der Name, der in Ihrem Konto und auf Ihren Zertifikaten erscheint.",
-  "profile.name.empty": "Name hinzufügen",
-  "profile.preferredlanguage.empty": "Sprache hinzufügen",
-  "profile.preferredlanguage.label": "Gesprochene Primärsprache ",
-  "profile.profileavatar.upload-button": "Foto hochladen",
-  "profile.profileavatar.remove.button": "Entfernen",
-  "profile.image.alt.attribute": "Profil Avatar",
-  "profile.profileavatar.change-button": "Ändern",
-  "profile.sociallinks.add": "{network} hinzufügen",
-  "profile.sociallinks.social.links": "Soziale Netzwerke",
-  "profile.notfound.message": "Die gesuchte Seite ist nicht verfügbar oder es liegt ein Fehler in der URL vor. Bitte überprüfen Sie die URL und versuchen Sie es erneut.",
-  "profile.viewMyRecords": "Meine Aufzeichnungen anzeigen",
-  "profile.loading": "Profil lädt...",
-  "profile.username.description": "Ihre Profilinformationen sind nur für Sie sichtbar. Nur Ihr Benutzername ist für andere auf {siteName} sichtbar."
-}
--- a/src/i18n/messages/es_419.json
+++ b/src/i18n/messages/es_419.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "La página que estas buscando no está disponible o hay un error en la URL. Por favor, comprueba la URL y vuelve a intentarlo.",
  "profile.viewMyRecords": "Ver mis registros",
  "profile.loading": "Cargando perfil...",
-  "profile.username.description": "La información del perfil solo la visualiza usted. Solo el nombre de usuario es visible para los demás en {siteName}."
+  "profile.username.description": "La información del perfil solo la visualiza usted. Solo el nombre de usuario es visible para los demás en {siteName}.",
+  "skills.builder.header.title": "Constructor de habilidades",
+  "skills.builder.header.subheading": "Dejanos ser tu guía",
+  "go.back.button": "Volver Atrás",
+  "next.step.button": "Próximo paso",
+  "exit.button": "Salida",
+  "select.preferences": "Seleccionar preferencias",
+  "review.results": "Revisar resultados",
+  "skills.builder.description": "Encontrar los cursos y programas adecuados que lo ayuden a alcanzar sus metas.",
+  "learning.goal.prompt": "Primero, contar qué quieres lograr",
+  "select.learning.goal": "Seleccionar una meta",
+  "learning.goal.start_career": "Quiero empezar mi carrera",
+  "learning.goal.advance_career": "Quiero avanzar en mi carrera",
+  "learning.goal.change_career": "Quiero cambiar de carrera",
+  "learning.goal.something.new": "Quiero aprender algo nuevo",
+  "learning.goal.something.else": "Algo más",
+  "job.title.prompt": "A continuación, busque y seleccione su título de trabajo actual",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "Soy un estudiante",
+  "currently.looking.checkbox.prompt": "Actualmente estoy buscando trabajo",
+  "career.interest.prompt": "¿Qué carreras te interesan?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Eliminar interés profesional:",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/fa_IR.json
+++ b/src/i18n/messages/fa_IR.json
@@ -1,57 +0,0 @@
-{
-  "profile.page.title": "پرونده کاربری {siteName}",
-  "profile.age.details": "برای اشتراک‌گذاری پرونده کاربری خود با سایر یادگیرندگان {siteName}، باید تأیید کنید که  بیش از 13 سال سن دارید.",
-  "profile.age.set.date": "تنظیم تاریخ تولد",
-  "profile.datejoined.member.since": "عضو شده از {year}",
-  "profile.bio.empty": "بیوگرافی کوتاهی اضافه کنید",
-  "profile.bio.about.me": "درباره من",
-  "profile.certificate.organization.label": "از",
-  "profile.certificate.completion.date.label": "تکمیل شده در {date}",
-  "profile.no.certificates": "شما هنوز هیچ گواهی ندارید.",
-  "profile.certificates.my.certificates": "گواهی‌های من",
-  "profile.certificates.view.certificate": "نمایش گواهی",
-  "profile.certificates.types.verified": "گواهی تأییدشده",
-  "profile.certificates.types.professional": "گواهی حرفه‌ای",
-  "profile.certificates.types.unknown": "گواهی",
-  "profile.country.label": "مکان",
-  "profile.country.empty": "افزودن مکان",
-  "profile.education.empty": "افزودن تحصیلات",
-  "profile.education.education": "تحصیلات",
-  "profile.education.levels.p": "درجه دکتری",
-  "profile.education.levels.m": "کارشناسی ارشد یا مدرک حرفه‌ای",
-  "profile.education.levels.b": "مدرک کارشناسی",
-  "profile.education.levels.a": "مدرک کاردانی",
-  "profile.education.levels.hs": "متوسطه/دبیرستان",
-  "profile.education.levels.jhs": "مدرسه متوسطه دوره اول/ راهنمایی",
-  "profile.education.levels.el": "مدرسه ابتدایی",
-  "profile.education.levels.none": "بدون تحصیلات رسمی",
-  "profile.education.levels.o": "تحصیلات متفرقه",
-  "profile.editbutton.edit": " ویرایش",
-  "profile.formcontrols.who.can.see": "کسانی که می‌توانند این را ببینند:",
-  "profile.formcontrols.button.cancel": "لغو‌",
-  "profile.formcontrols.button.save": "ذخیره",
-  "profile.formcontrols.button.saving": "در حال ذخیره",
-  "profile.formcontrols.button.saved": "ذخیره شد",
-  "profile.visibility.who.just.me": "فقط من",
-  "profile.visibility.who.everyone": "هرکسی در {siteName}",
-  "profile.learningGoal.learningGoal": "هدف یادگیری",
-  "profile.learningGoal.options.start_career": "من می خواهم کارم را شروع کنم",
-  "profile.learningGoal.options.advance_career": "من می خواهم حرفه ام را ارتقا دهم",
-  "profile.learningGoal.options.learn_something_new": "می‌خواهم چیز جدیدی یاد بگیرم",
-  "profile.learningGoal.options.something_else": "یک چیز دیگر",
-  "profile.name.full.name": "نام و نام خانوادگی",
-  "profile.name.details": "این همان نامی است که در حساب کاربری و گواهی‌های شما درج می‌شود.",
-  "profile.name.empty": "افزودن نام",
-  "profile.preferredlanguage.empty": "افزودن زبان",
-  "profile.preferredlanguage.label": "زبان اصلی صحبت شده",
-  "profile.profileavatar.upload-button": "بارگذاری عکس",
-  "profile.profileavatar.remove.button": "حذف",
-  "profile.image.alt.attribute": "چهرک پرونده کاربری",
-  "profile.profileavatar.change-button": "تغییر",
-  "profile.sociallinks.add": "افزودن  {network}",
-  "profile.sociallinks.social.links": "پیوندهای رسانه اجتماعی",
-  "profile.notfound.message": "صفحه مورد نظر شما در دسترس نیست یا خطایی در نشانی آن وجود دارد. لطفاً نشانی اینترنتی را بررسی کرده و دوباره امتحان کنید.",
-  "profile.viewMyRecords": "مشاهده سوابق من",
-  "profile.loading": "در حال بارگذاری پرونده کاربری...",
-  "profile.username.description": "اطلاعات پرونده کاربری فقط برای شما قابل مشاهده است. سایرین فقط نام کاربری شما را در  {siteName} می‌توانند ببینند."
-}
--- a/src/i18n/messages/fr.json
+++ b/src/i18n/messages/fr.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "La page que vous recherchez n'est pas disponible ou il y a une erreur dans l'URL. Veuillez vérifier l'URL et réessayer.",
  "profile.viewMyRecords": "Voir mes succès",
  "profile.loading": "Chargement du profil....",
-  "profile.username.description": "Les informations de votre profil ne sont visibles que par vous. Seul votre nom d'utilisateur est visible par les autres sur {siteName}."
+  "profile.username.description": "Les informations de votre profil ne sont visibles que par vous. Seul votre nom d'utilisateur est visible par les autres sur {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/fr_CA.json
+++ b/src/i18n/messages/fr_CA.json
@@ -45,7 +45,7 @@
  "profile.preferredlanguage.empty": "Ajouter une langue",
  "profile.preferredlanguage.label": "Langue principale parlée",
  "profile.profileavatar.upload-button": "Téléverser une photo",
-  "profile.profileavatar.remove.button": "Retirer",
+  "profile.profileavatar.remove.button": "Supprimer",
  "profile.image.alt.attribute": "avatar de profil",
  "profile.profileavatar.change-button": "Modifier",
  "profile.sociallinks.add": "Ajouter {network}",
@@ -53,5 +53,32 @@
  "profile.notfound.message": "La page que vous recherchez n'est pas disponible ou il y a une erreur dans l'URL. Veuillez vérifier l'URL et réessayer.",
  "profile.viewMyRecords": "Afficher mes dossiers",
  "profile.loading": "Chargement du profil...",
-  "profile.username.description": "Les informations de votre profil ne sont visibles que par vous. Seul votre nom d'utilisateur est visible par les autres sur {siteName}."
+  "profile.username.description": "Les informations de votre profil ne sont visibles que par vous. Seul votre nom d'utilisateur est visible par les autres sur {siteName}.",
+  "skills.builder.header.title": "Constructeur de compétences",
+  "skills.builder.header.subheading": "Laissez EDUlib être votre guide",
+  "go.back.button": "Retour",
+  "next.step.button": "Prochaine étape",
+  "exit.button": "Sortie",
+  "select.preferences": "Sélectionnez les préférences",
+  "review.results": "Examiner les résultats",
+  "skills.builder.description": "Trouvez les bons cours et programmes qui vous aideront à atteindre vos objectifs.",
+  "learning.goal.prompt": "Tout d&#39;abord, dites-nous ce que vous voulez réaliser",
+  "select.learning.goal": "Sélectionnez un objectif",
+  "learning.goal.start_career": "Je veux commencer ma carrière",
+  "learning.goal.advance_career": "Je veux faire progresser ma carrière",
+  "learning.goal.change_career": "Je veux changer de métier",
+  "learning.goal.something.new": "Je veux apprendre quelque chose de nouveau",
+  "learning.goal.something.else": "Autre chose",
+  "job.title.prompt": "Ensuite, recherchez et sélectionnez votre titre de poste actuel",
+  "job.title.input.placeholder.text": "Rechercher et sélectionner un intitulé de poste",
+  "student.checkbox.prompt": "Je suis étudiant.e",
+  "currently.looking.checkbox.prompt": "Je suis actuellement à la recherche d&#39;un emploi",
+  "career.interest.prompt": "Quels métiers vous intéressent ?",
+  "career.interest.input.placeholder.text": "Sélectionnez jusqu'à 3 nouveaux intitulés de poste",
+  "career.interest.remove.button.alt.text": "Supprimer l'intérêt professionnel :",
+  "matches.found.success.alert": "Nous avons trouvé des compétences et des cours qui correspondent à vos préférences !",
+  "matches.not.found.danger.alert": "Nous n'avons pas pu récupérer les recommandations pour le moment. Veuillez réessayer plus tard.",
+  "related.skills.heading": "Compétences connexes",
+  "related.skills.selectable.box.label.text": "Compétences connexes:",
+  "product.recommendations.header.text": "{productType} recommandations pour {jobName}"
 }
--- a/src/i18n/messages/hi.json
+++ b/src/i18n/messages/hi.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/it.json
+++ b/src/i18n/messages/it.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/it_IT.json
+++ b/src/i18n/messages/it_IT.json
@@ -1,57 +0,0 @@
-{
-  "profile.page.title": "Profilo | {siteName}",
-  "profile.age.details": "Per condividere il tuo profilo con altri studenti di {siteName}, devi confermare di avere più di 13 anni.",
-  "profile.age.set.date": "Imposta la data di nascita ",
-  "profile.datejoined.member.since": "Membro da {year}",
-  "profile.bio.empty": "Aggiungi una breve biografia ",
-  "profile.bio.about.me": "Su di me",
-  "profile.certificate.organization.label": "Da ",
-  "profile.certificate.completion.date.label": "Completato il {date}",
-  "profile.no.certificates": "Non si dispone ancora di alcun certificato. ",
-  "profile.certificates.my.certificates": "Certificati personali ",
-  "profile.certificates.view.certificate": "Visualizza il certificato",
-  "profile.certificates.types.verified": "Certificato Verificato",
-  "profile.certificates.types.professional": "Certificato professionale ",
-  "profile.certificates.types.unknown": "Certificato ",
-  "profile.country.label": "Posizione",
-  "profile.country.empty": "Aggiungi posizione ",
-  "profile.education.empty": "Aggiungi titolo di studio ",
-  "profile.education.education": "Educazione",
-  "profile.education.levels.p": "Dottorato",
-  "profile.education.levels.m": "Laurea magistrale o titolo accademico professionale",
-  "profile.education.levels.b": "Laurea di primo livello ",
-  "profile.education.levels.a": "Diploma Professionale",
-  "profile.education.levels.hs": "Scuole superiori/liceo",
-  "profile.education.levels.jhs": "Scuole Medie",
-  "profile.education.levels.el": "Scuola Primaria/Elementare",
-  "profile.education.levels.none": "Nessun livello educativo formale",
-  "profile.education.levels.o": "Altro livello educativo",
-  "profile.editbutton.edit": "Modifica",
-  "profile.formcontrols.who.can.see": "Chi può visualizzare: ",
-  "profile.formcontrols.button.cancel": "Annulla",
-  "profile.formcontrols.button.save": "Salva",
-  "profile.formcontrols.button.saving": "Salvataggio in corso",
-  "profile.formcontrols.button.saved": "Salvato",
-  "profile.visibility.who.just.me": "Solo io ",
-  "profile.visibility.who.everyone": "Tutti su {siteName}",
-  "profile.learningGoal.learningGoal": "Obiettivo di apprendimento",
-  "profile.learningGoal.options.start_career": "Voglio iniziare il mio percorso",
-  "profile.learningGoal.options.advance_career": "Voglio avanzare nel mio percorso",
-  "profile.learningGoal.options.learn_something_new": "Voglio imparare qualcosa di nuovo",
-  "profile.learningGoal.options.something_else": "Qualcos'altro",
-  "profile.name.full.name": "Nome e Cognome",
-  "profile.name.details": "Questo è il nome visualizzato nel proprio account e nei propri certificati. ",
-  "profile.name.empty": "Aggiungi nome ",
-  "profile.preferredlanguage.empty": "Aggiungi lingua",
-  "profile.preferredlanguage.label": "Lingua principale ",
-  "profile.profileavatar.upload-button": "Carica foto",
-  "profile.profileavatar.remove.button": "Rimuovi",
-  "profile.image.alt.attribute": "avatar del profilo ",
-  "profile.profileavatar.change-button": "Cambia",
-  "profile.sociallinks.add": "Aggiungi {network}",
-  "profile.sociallinks.social.links": "Link social ",
-  "profile.notfound.message": "La pagina ricercata non è disponibile oppure è presente un errore nell'URL. Controllare l'URL e riprovare. ",
-  "profile.viewMyRecords": "Visualizza record personali ",
-  "profile.loading": "Caricamento del profilo... ",
-  "profile.username.description": "Le informazioni del tuo profilo sono visibili solo a te. Solo il tuo nome utente è visibile agli altri su {siteName}."
-}
--- a/src/i18n/messages/pt.json
+++ b/src/i18n/messages/pt.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/pt_PT.json
+++ b/src/i18n/messages/pt_PT.json
@@ -1,57 +0,0 @@
-{
-  "profile.page.title": "Perfil | {siteName}",
-  "profile.age.details": "Para partilhar o seu perfil com outros estudantes da plataforma {siteName}, tem de confirmar que tem mais de 13 anos de idade.",
-  "profile.age.set.date": "Indique a sua data de nascimento",
-  "profile.datejoined.member.since": "Utilizador desde {year}",
-  "profile.bio.empty": "Adicionar uma breve biografia",
-  "profile.bio.about.me": "Sobre Mim",
-  "profile.certificate.organization.label": "De",
-  "profile.certificate.completion.date.label": "Concluído a {date}",
-  "profile.no.certificates": "Ainda não tem certificados.",
-  "profile.certificates.my.certificates": "Os Meus Certificados",
-  "profile.certificates.view.certificate": "Ver Certificado",
-  "profile.certificates.types.verified": "Certificado Validado",
-  "profile.certificates.types.professional": "Certificado Profissional",
-  "profile.certificates.types.unknown": "Certificado",
-  "profile.country.label": "Localização",
-  "profile.country.empty": "Adicionar localização",
-  "profile.education.empty": "Adicionar  grau de escolaridade",
-  "profile.education.education": "Educação",
-  "profile.education.levels.p": "Doutoramento",
-  "profile.education.levels.m": "Mestrado ou Grau Profissional",
-  "profile.education.levels.b": "Licenciatura",
-  "profile.education.levels.a": "Pós-graduação",
-  "profile.education.levels.hs": "Secundário",
-  "profile.education.levels.jhs": "2ªciclo/3ºciclo",
-  "profile.education.levels.el": "Primária",
-  "profile.education.levels.none": "Sem estudos",
-  "profile.education.levels.o": "Outra formação",
-  "profile.editbutton.edit": "Editar",
-  "profile.formcontrols.who.can.see": "Quem pode ver isto:",
-  "profile.formcontrols.button.cancel": "Cancelar",
-  "profile.formcontrols.button.save": "Guardar",
-  "profile.formcontrols.button.saving": "A Guardar",
-  "profile.formcontrols.button.saved": "Guardado",
-  "profile.visibility.who.just.me": "Apenas eu",
-  "profile.visibility.who.everyone": "Toda a gente em {siteName}",
-  "profile.learningGoal.learningGoal": "Objectivo de aprendizagem",
-  "profile.learningGoal.options.start_career": "Quero começar a minha carreira",
-  "profile.learningGoal.options.advance_career": "Quero progredir na minha carreira",
-  "profile.learningGoal.options.learn_something_new": "Quero aprender algo novo",
-  "profile.learningGoal.options.something_else": "Outra coisa",
-  "profile.name.full.name": "Nome Completo",
-  "profile.name.details": "Este é o nome que aparece na sua conta e nos seus certificados.",
-  "profile.name.empty": "Adicionar nome",
-  "profile.preferredlanguage.empty": "Adicionar idioma",
-  "profile.preferredlanguage.label": "Língua Materna",
-  "profile.profileavatar.upload-button": "Carregar Fotografia",
-  "profile.profileavatar.remove.button": "Eliminar",
-  "profile.image.alt.attribute": "Icon de perfil",
-  "profile.profileavatar.change-button": "Alterar",
-  "profile.sociallinks.add": "Adicionar {network}",
-  "profile.sociallinks.social.links": "Links de Redes Sociais",
-  "profile.notfound.message": "A página que procura não está disponível ou há um erro no URL. Por favor, verifique o URL e tente novamente.",
-  "profile.viewMyRecords": "Ver os Meus Registos",
-  "profile.loading": "A carregar perfil...",
-  "profile.username.description": "As informações do seu perfil só são visíveis para si. Apenas o seu nome de utilizador é visível para outros em {siteName}."
-}
--- a/src/i18n/messages/ru.json
+++ b/src/i18n/messages/ru.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/uk.json
+++ b/src/i18n/messages/uk.json
@@ -8,7 +8,7 @@
  "profile.certificate.organization.label": "From",
  "profile.certificate.completion.date.label": "Completed on {date}",
  "profile.no.certificates": "You don't have any certificates yet.",
-  "profile.certificates.my.certificates": "Мої сертифікати",
+  "profile.certificates.my.certificates": "My Certificates",
  "profile.certificates.view.certificate": "View Certificate",
  "profile.certificates.types.verified": "Verified Certificate",
  "profile.certificates.types.professional": "Professional Certificate",
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/i18n/messages/zh_CN.json
+++ b/src/i18n/messages/zh_CN.json
@@ -53,5 +53,32 @@
  "profile.notfound.message": "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
  "profile.viewMyRecords": "View My Records",
  "profile.loading": "Profile loading...",
-  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}.",
+  "skills.builder.header.title": "Skills Builder",
+  "skills.builder.header.subheading": "Let edX be your guide",
+  "go.back.button": "Go Back",
+  "next.step.button": "Next Step",
+  "exit.button": "Exit",
+  "select.preferences": "Select preferences",
+  "review.results": "Review results",
+  "skills.builder.description": "Find the right courses and programs that help you reach your goals.",
+  "learning.goal.prompt": "First, tell us what you want to achieve",
+  "select.learning.goal": "Select a goal",
+  "learning.goal.start_career": "I want to start my career",
+  "learning.goal.advance_career": "I want to advance my career",
+  "learning.goal.change_career": "I want to change careers",
+  "learning.goal.something.new": "I want to learn something new",
+  "learning.goal.something.else": "Something else",
+  "job.title.prompt": "Next, search and select your current job title",
+  "job.title.input.placeholder.text": "Search and select a job title",
+  "student.checkbox.prompt": "I'm a student",
+  "currently.looking.checkbox.prompt": "I'm currently looking for work",
+  "career.interest.prompt": "What careers are you interested in?",
+  "career.interest.input.placeholder.text": "Select up to 3 new job titles",
+  "career.interest.remove.button.alt.text": "Remove career interest: ",
+  "matches.found.success.alert": "We found skills and courses that match your preferences!",
+  "matches.not.found.danger.alert": "We were not able to retrieve recommendations at this time. Please try again later.",
+  "related.skills.heading": "Related Skills",
+  "related.skills.selectable.box.label.text": "Related skills:",
+  "product.recommendations.header.text": "{productType} recommendations for {jobName}"
 }
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -15,12 +15,11 @@ import {

 import React from 'react';
 import ReactDOM from 'react-dom';
-import { useLocation } from 'react-router-dom';

-import Header from '@edx/frontend-component-header';
-import Footer from '@edx/frontend-component-footer';
+import Header, { messages as headerMessages } from '@edx/frontend-component-header';
+import Footer, { messages as footerMessages } from '@edx/frontend-component-footer';

-import messages from './i18n';
+import appMessages from './i18n';
 import configureStore from './data/configureStore';

 import './index.scss';
@@ -28,25 +27,15 @@ import Head from './head/Head';

 import AppRoutes from './routes/AppRoutes';

-const RenderFooter = () => {
-  const location = useLocation();
-  return location.pathname.includes('/plugin') ? null : <Footer />;
-};
-
-const RenderHeader = () => {
-  const location = useLocation();
-  return location.pathname.includes('/plugin') ? null : <Header />;
-};
-
 subscribe(APP_READY, () => {
  ReactDOM.render(
    <AppProvider store={configureStore()}>
      <Head />
-      <RenderHeader />
-      <main id="main">
+      <Header />
+      <main>
        <AppRoutes />
      </main>
-      <RenderFooter />
+      <Footer />
    </AppProvider>,
    document.getElementById('root'),
  );
@@ -57,7 +46,11 @@ subscribe(APP_INIT_ERROR, (error) => {
 });

 initialize({
-  messages,
+  messages: [
+    appMessages,
+    headerMessages,
+    footerMessages,
+  ],
  hydrateAuthenticatedUser: true,
  handlers: {
    config: () => {
--- a/src/pacts/frontend-app-profile-edx-platform.json
+++ b/src/pacts/frontend-app-profile-edx-platform.json
@@ -1,77 +0,0 @@
-{
-  "consumer": {
-    "name": "frontend-app-profile"
-  },
-  "interactions": [
-    {
-      "description": "A request for user's basic information",
-      "providerStates": [
-        {
-          "name": "Account and user's information does not exist"
-        }
-      ],
-      "request": {
-        "method": "GET",
-        "path": "/api/user/v1/accounts/staff_not_found"
-      },
-      "response": {
-        "status": 404
-      }
-    },
-    {
-      "description": "A request for user's basic information",
-      "providerStates": [
-        {
-          "name": "I have a user's basic information"
-        }
-      ],
-      "request": {
-        "method": "GET",
-        "path": "/api/user/v1/accounts/staff"
-      },
-      "response": {
-        "body": {
-          "bio": "This is my bio",
-          "country": "ME",
-          "dateJoined": "2017-06-07T00:44:23Z",
-          "email": "staff@example.com",
-          "isActive": true,
-          "name": "Lemon Seltzer",
-          "username": "staff",
-          "yearOfBirth": 1901
-        },
-        "headers": {
-          "Content-Type": "application/json"
-        },
-        "matchingRules": {
-          "body": {
-            "$": {
-              "combine": "AND",
-              "matchers": [
-                {
-                  "match": "type"
-                }
-              ]
-            }
-          }
-        },
-        "status": 200
-      }
-    }
-  ],
-  "metadata": {
-    "pact-js": {
-      "version": "11.0.2"
-    },
-    "pactRust": {
-      "ffi": "0.4.0",
-      "models": "1.0.4"
-    },
-    "pactSpecification": {
-      "version": "3.0.0"
-    }
-  },
-  "provider": {
-    "name": "edx-platform"
-  }
-}
--- a/src/profile/DateJoined.jsx
+++ b/src/profile/DateJoined.jsx
@@ -6,6 +6,7 @@ const DateJoined = ({ date }) => {
  if (date == null) {
    return null;
  }
+
  return (
    <p className="mb-0">
      <FormattedMessage
--- a/src/profile/ProfilePage.jsx
+++ b/src/profile/ProfilePage.jsx
@@ -41,8 +41,6 @@ import { profilePageSelector } from './data/selectors';
 // i18n
 import messages from './ProfilePage.messages';

-import withParams from '../utils/hoc';
-
 ensureConfig(['CREDENTIALS_BASE_URL', 'LMS_BASE_URL'], 'ProfilePage');

 class ProfilePage extends React.Component {
@@ -65,9 +63,9 @@ class ProfilePage extends React.Component {
  }

  componentDidMount() {
-    this.props.fetchProfile(this.props.params.username);
+    this.props.fetchProfile(this.props.match.params.username);
    sendTrackingLogEvent('edx.profile.viewed', {
-      username: this.props.params.username,
+      username: this.props.match.params.username,
    });
  }

@@ -104,7 +102,7 @@ class ProfilePage extends React.Component {
  }

  isAuthenticatedUserProfile() {
-    return this.props.params.username === this.context.authenticatedUser.username;
+    return this.props.match.params.username === this.context.authenticatedUser.username;
  }

  // Inserted into the DOM in two places (for responsive layout)
@@ -126,7 +124,7 @@ class ProfilePage extends React.Component {

    return (
      <span data-hj-suppress>
-        <h1 className="h2 mb-0 font-weight-bold">{this.props.params.username}</h1>
+        <h1 className="h2 mb-0 font-weight-bold">{this.props.match.params.username}</h1>
        <DateJoined date={dateJoined} />
        {this.isYOBDisabled() && <UsernameDescription />}
        <hr className="d-none d-md-block" />
@@ -212,7 +210,6 @@ class ProfilePage extends React.Component {
              />
            </div>
          </div>
-          <div>PluginPOC</div>
          <div className="col pl-0">
            <div className="d-md-none">
              {this.renderHeadingLockup()}
@@ -373,8 +370,10 @@ ProfilePage.propTypes = {
  updateDraft: PropTypes.func.isRequired,

  // Router
-  params: PropTypes.shape({
-    username: PropTypes.string.isRequired,
+  match: PropTypes.shape({
+    params: PropTypes.shape({
+      username: PropTypes.string.isRequired,
+    }).isRequired,
  }).isRequired,

  // i18n
@@ -411,4 +410,4 @@ export default connect(
    closeForm,
    updateDraft,
  },
-)(injectIntl(withParams(ProfilePage)));
+)(injectIntl(ProfilePage));
--- a/src/profile/ProfilePage.test.jsx
+++ b/src/profile/ProfilePage.test.jsx
@@ -29,7 +29,7 @@ const requiredProfilePageProps = {
  deleteProfilePhoto: () => {},
  openField: () => {},
  closeField: () => {},
-  params: { username: 'staff' },
+  match: { params: { username: 'staff' } },
 };

 // Mock language cookie
@@ -67,28 +67,29 @@ beforeEach(() => {
 });

 const ProfilePageWrapper = ({
-  contextValue, store, params, requiresParentalConsent,
+  contextValue, store, match, requiresParentalConsent,
 }) => (
  <AppContext.Provider
    value={contextValue}
  >
    <IntlProvider locale="en">
      <Provider store={store}>
-        <ProfilePage {...requiredProfilePageProps} params={params} requiresParentalConsent={requiresParentalConsent} />
+        <ProfilePage {...requiredProfilePageProps} match={match} requiresParentalConsent={requiresParentalConsent} />
      </Provider>
    </IntlProvider>
  </AppContext.Provider>
 );

 ProfilePageWrapper.defaultProps = {
-  params: { username: 'staff' },
+  match: { params: { username: 'staff' } },
  requiresParentalConsent: null,
+
 };

 ProfilePageWrapper.propTypes = {
  contextValue: PropTypes.shape({}).isRequired,
  store: PropTypes.shape({}).isRequired,
-  params: PropTypes.shape({}),
+  match: PropTypes.shape({}),
  requiresParentalConsent: PropTypes.bool,
 };

@@ -123,7 +124,7 @@ describe('<ProfilePage />', () => {
        <ProfilePageWrapper
          contextValue={contextValue}
          store={mockStore(storeMocks.viewOtherProfile)}
-          params={{ username: 'verified' }} // Override default params
+          match={{ params: { username: 'verified' } }} // Override default match
        />
      );
      const tree = renderer.create(component).toJSON();
@@ -278,7 +279,7 @@ describe('<ProfilePage />', () => {
        <ProfilePageWrapper
          contextValue={contextValue}
          store={mockStore(storeMocks.loadingApp)}
-          params={{ username: 'test-username' }}
+          match={{ params: { username: 'test-username' } }}
        />
      );
      const wrapper = mount(component);
--- a/src/profile/ProfilePluginPage.jsx
+++ b/src/profile/ProfilePluginPage.jsx
@@ -1,219 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-
-import { ensureConfig } from '@edx/frontend-platform';
-import { AppContext } from '@edx/frontend-platform/react';
-import { injectIntl, intlShape, FormattedDate } from '@edx/frontend-platform/i18n';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTwitter, faFacebook, faLinkedin } from '@fortawesome/free-brands-svg-icons';
-import {
-  ActionRow, Avatar, Card, Hyperlink, Icon,
-} from '@edx/paragon';
-import { HistoryEdu, VerifiedUser } from '@edx/paragon/icons';
-
-import get from 'lodash.get';
-
-import { Plugin } from '@edx/frontend-plugin-framework/src/plugins';
-import PluginCountry from './forms/PluginCountry';
-
-// Actions
-import {
-  fetchProfile,
-} from './data/actions';
-
-// Components
-import PageLoading from './PageLoading';
-
-// Selectors
-import { profilePageSelector } from './data/selectors';
-
-// i18n
-import messages from './ProfilePage.messages';
-import eduMessages from './forms/Education.messages';
-
-import withParams from '../utils/hoc';
-
-ensureConfig(['CREDENTIALS_BASE_URL', 'LMS_BASE_URL'], 'ProfilePage');
-
-// eslint-disable-next-line react/function-component-definition
-function Fallback() {
-  return (
-    <div>this is broken as all get</div>
-  );
-}
-
-const platformDisplayInfo = {
-  facebook: {
-    icon: faFacebook,
-    name: '',
-  },
-  twitter: {
-    icon: faTwitter,
-    name: '',
-  },
-  linkedin: {
-    icon: faLinkedin,
-    name: '',
-  },
-};
-
-class ProfilePluginPage extends React.Component {
-  componentDidMount() {
-    this.props.fetchProfile(this.props.params.username);
-  }
-
-  renderContent() {
-    const {
-      profileImage,
-      country,
-      levelOfEducation,
-      socialLinks,
-      isLoadingProfile,
-      dateJoined,
-      name,
-      intl,
-    } = this.props;
-
-    if (isLoadingProfile) {
-      return <PageLoading srMessage={this.props.intl.formatMessage(messages['profile.loading'])} />;
-    }
-
-    return (
-      <Plugin fallbackComponent={<Fallback />}>
-        <Card className="mb-2">
-          <Card.Header
-            className="pb-5"
-            subtitle={(
-              <Hyperlink destination={`/u/${this.props.params.username}`}>
-                View public profile
-              </Hyperlink>
-            )}
-            actions={
-              (
-                <ActionRow className="mt-3">
-                  {socialLinks
-                    .filter(({ socialLink }) => Boolean(socialLink))
-                    .map(({ platform, socialLink }) => (
-                      <StaticListItem
-                        key={platform}
-                        name={platformDisplayInfo[platform].name}
-                        url={socialLink}
-                        platform={platform}
-                      />
-                    ))}
-                </ActionRow>
-              )
-            }
-          />
-          <Card.Section className="text-center" muted>
-            <Avatar
-              size="xl"
-              className="profile-plugin-avatar"
-              src={profileImage.src}
-              alt="Profile image"
-            />
-            <p className="h2 mb-0 font-weight-bold">{name}</p>
-            <p className="h3 mb-0 font-weight-bold">{this.props.params.username}</p>
-            <PluginCountry
-              country={country}
-            />
-          </Card.Section>
-          <Card.Footer className="p-0">
-            <Card.Section className="pgn-icons-cell-vertical">
-              <Icon src={VerifiedUser} />
-              <p>
-                since <FormattedDate value={new Date(dateJoined)} year="numeric" />
-              </p>
-            </Card.Section>
-            <Card.Section className="pgn-icons-cell-vertical">
-              <Icon src={HistoryEdu} />
-              <p>
-                {intl.formatMessage(get(
-                  eduMessages,
-                  `profile.education.levels.${levelOfEducation}`,
-                  eduMessages['profile.education.levels.o'],
-                ))}
-              </p>
-            </Card.Section>
-          </Card.Footer>
-        </Card>
-      </Plugin>
-    );
-  }
-
-  render() {
-    return (
-      <div className="profile-page">
-        {this.renderContent()}
-      </div>
-    );
-  }
-}
-
-const SocialLink = ({ url, name, platform }) => (
-  <a href={url} className="font-weight-bold">
-    <FontAwesomeIcon className="mr-2" icon={platformDisplayInfo[platform].icon} />
-    {name}
-  </a>
-);
-
-const StaticListItem = ({ url, name, platform }) => (
-  <ul className="list-inline">
-    <SocialLink name={name} url={url} platform={platform} />
-  </ul>
-);
-
-ProfilePluginPage.contextType = AppContext;
-
-ProfilePluginPage.propTypes = {
-  // Account data
-  dateJoined: PropTypes.string,
-
-  // Country form data
-  country: PropTypes.string,
-
-  // Education form data
-  levelOfEducation: PropTypes.string,
-
-  // Social links form data
-  socialLinks: PropTypes.arrayOf(PropTypes.shape({
-    platform: PropTypes.string,
-    socialLink: PropTypes.string,
-  })),
-
-  // Other data we need
-  profileImage: PropTypes.shape({
-    src: PropTypes.string,
-    isDefault: PropTypes.bool,
-  }),
-  isLoadingProfile: PropTypes.bool.isRequired,
-
-  // Actions
-  fetchProfile: PropTypes.func.isRequired,
-
-  // Router
-  params: PropTypes.shape({
-    username: PropTypes.string.isRequired,
-  }).isRequired,
-
-  // i18n
-  intl: intlShape.isRequired,
-};
-
-ProfilePluginPage.defaultProps = {
-  profileImage: {},
-  levelOfEducation: null,
-  country: null,
-  socialLinks: [],
-  dateJoined: null,
-};
-
-export default connect(
-  profilePageSelector,
-  {
-    fetchProfile,
-  },
-)(injectIntl(withParams(ProfilePluginPage)));
--- a/src/profile/snapshots/ProfilePage.test.jsx.snap
+++ b/src/profile/snapshots/ProfilePage.test.jsx.snap
@@ -103,9 +103,6 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -166,7 +163,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -244,7 +241,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -1652,9 +1649,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
                    id="country-2"
                  >
-                    <div>
-                      country error
-                    </div>
+                    country error
                  </div>
                </div>
                <div
@@ -1750,7 +1745,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
                                fill="currentColor"
                              />
                            </svg>
@@ -2392,7 +2387,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
@@ -2489,9 +2484,6 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -2552,7 +2544,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -2630,7 +2622,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -3012,9 +3004,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
                    id="levelOfEducation-3"
                  >
-                    <div>
-                      education error
-                    </div>
+                    education error
                  </div>
                </div>
                <div
@@ -3110,7 +3100,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
                                fill="currentColor"
                              />
                            </svg>
@@ -3572,7 +3562,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
@@ -3669,9 +3659,6 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -3732,7 +3719,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -3810,7 +3797,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -4977,9 +4964,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
                    id="languageProficiencies-4"
                  >
-                    <div>
-                      preferred language error
-                    </div>
+                    preferred language error
                  </div>
                </div>
                <div
@@ -5075,7 +5060,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
                                fill="currentColor"
                              />
                            </svg>
@@ -5627,7 +5612,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
@@ -5701,9 +5686,6 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -5741,7 +5723,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24ZM3.42 2.45 2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45ZM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5Zm2.97-5.33a2.97 2.97 0 0 0-2.64-2.64l2.64 2.64Z"
+                    d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM3.42 2.45L2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33a2.97 2.97 0 00-2.64-2.64l2.64 2.64z"
                    fill="currentColor"
                  />
                </svg>
@@ -5802,7 +5784,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24ZM3.42 2.45 2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45ZM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5Zm2.97-5.33a2.97 2.97 0 0 0-2.64-2.64l2.64 2.64Z"
+                    d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM3.42 2.45L2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33a2.97 2.97 0 00-2.64-2.64l2.64 2.64z"
                    fill="currentColor"
                  />
                </svg>
@@ -5959,9 +5941,6 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -6022,7 +6001,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -6100,7 +6079,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -6915,7 +6894,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
@@ -7012,9 +6991,6 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -7075,7 +7051,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -7153,7 +7129,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -7842,7 +7818,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
                                fill="currentColor"
                              />
                            </svg>
@@ -8035,7 +8011,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
@@ -8132,9 +8108,6 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -8195,7 +8168,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -8273,7 +8246,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                    fill="currentColor"
                  />
                </svg>
@@ -8872,9 +8845,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
                    id="bio-1"
                  >
-                    <div>
-                      bio error
-                    </div>
+                    bio error
                  </div>
                </div>
                <div
@@ -8970,7 +8941,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
                                fill="currentColor"
                              />
                            </svg>
@@ -9163,7 +9134,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
@@ -9260,9 +9231,6 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
          </div>
        </div>
      </div>
-      <div>
-        PluginPOC
-      </div>
      <div
        className="col pl-0"
      >
@@ -10126,7 +10094,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
                                fill="currentColor"
                              />
                            </svg>
--- a/src/profile/data/pact-profile.test.js
+++ b/src/profile/data/pact-profile.test.js
@@ -1,80 +0,0 @@
-// This test file simply creates a contract that defines
-// expectations and correct responses from the Pact stub server.
-
-import path from 'path';
-
-import { PactV3, MatchersV3 } from '@pact-foundation/pact';
-
-import { initializeMockApp, getConfig, setConfig } from '@edx/frontend-platform';
-import { getAccount } from './services';
-
-const expectedUserInfo200 = {
-  username: 'staff',
-  email: 'staff@example.com',
-  bio: 'This is my bio',
-  name: 'Lemon Seltzer',
-  country: 'ME',
-  dateJoined: '2017-06-07T00:44:23Z',
-  isActive: true,
-  yearOfBirth: 1901,
-};
-
-const provider = new PactV3({
-  log: path.resolve(process.cwd(), 'src/pact-logs/pact.log'),
-  dir: path.resolve(process.cwd(), 'src/pacts'),
-  consumer: 'frontend-app-profile',
-  provider: 'edx-platform',
-});
-
-describe('getAccount for one username', () => {
-  beforeAll(async () => {
-    initializeMockApp();
-  });
-  it('returns a HTTP 200 and user information', async () => {
-    const username200 = 'staff';
-    await provider.addInteraction({
-      states: [{ description: "I have a user's basic information" }],
-      uponReceiving: "A request for user's basic information",
-      withRequest: {
-        method: 'GET',
-        path: `/api/user/v1/accounts/${username200}`,
-        headers: {},
-      },
-      willRespondWith: {
-        status: 200,
-        headers: {},
-        body: MatchersV3.like(expectedUserInfo200),
-      },
-    });
-    return provider.executeTest(async (mockserver) => {
-      setConfig({
-        ...getConfig(),
-        LMS_BASE_URL: mockserver.url,
-      });
-      const response = await getAccount(username200);
-      expect(response).toEqual(expectedUserInfo200);
-    });
-  });
-
-  it('Account does not exist', async () => {
-    const username404 = 'staff_not_found';
-    await provider.addInteraction({
-      states: [{ description: "Account and user's information does not exist" }],
-      uponReceiving: "A request for user's basic information",
-      withRequest: {
-        method: 'GET',
-        path: `/api/user/v1/accounts/${username404}`,
-      },
-      willRespondWith: {
-        status: 404,
-      },
-    });
-    await provider.executeTest(async (mockserver) => {
-      setConfig({
-        ...getConfig(),
-        LMS_BASE_URL: mockserver.url,
-      });
-      await expect(getAccount(username404).then((response) => response.data)).rejects.toThrow('Request failed with status code 404');
-    });
-  });
-});
--- a/src/profile/forms/PluginCountry.jsx
+++ b/src/profile/forms/PluginCountry.jsx
@@ -1,40 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { injectIntl } from '@edx/frontend-platform/i18n';
-import { Icon } from '@edx/paragon';
-import { LocationOn } from '@edx/paragon/icons';
-
-// Selectors
-import { countrySelector } from '../data/selectors';
-
-// eslint-disable-next-line react/prefer-stateless-function
-class PluginCountry extends React.Component {
-  render() {
-    const {
-      country,
-      countryMessages,
-    } = this.props;
-
-    return (
-      <div className="pgn-icons-cell-horizontal">
-        <Icon src={LocationOn} />
-        <p className="h5 mt-1 ml-1">{countryMessages[country]}</p>
-      </div>
-    );
-  }
-}
-
-PluginCountry.propTypes = {
-  country: PropTypes.string,
-  countryMessages: PropTypes.objectOf(PropTypes.string).isRequired,
-};
-
-PluginCountry.defaultProps = {
-  country: null,
-};
-
-export default connect(
-  countrySelector,
-  {},
-)(injectIntl(PluginCountry));
--- a/src/profile/forms/snapshots/SocialLinks.test.jsx.snap
+++ b/src/profile/forms/snapshots/SocialLinks.test.jsx.snap
@@ -170,7 +170,7 @@ exports[`<SocialLinks /> calls social links with edit mode bio 1`] = `
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
-                        d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                        d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
                        fill="currentColor"
                      />
                    </svg>
--- a/src/profile/index.js
+++ b/src/profile/index.js
@@ -3,4 +3,3 @@ export { default as saga } from './data/sagas';
 export { default as ProfilePage } from './ProfilePage';
 export { default as NotFoundPage } from './NotFoundPage';
 export { default as messages } from './ProfilePage.messages';
-export { default as ProfilePluginPage } from './ProfilePluginPage';
--- a/src/profile/index.scss
+++ b/src/profile/index.scss
@@ -162,28 +162,4 @@
      position: relative;
    }
  }
-
-  .pgn-icons-cell-vertical {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    margin: 1px;
-  }
-  .pgn-icons-cell-horizontal {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    margin: 1px;
-  }
-
-  .profile-plugin-avatar {
-    @include media-breakpoint-up(xs) {
-      max-width: 12rem;
-      margin-right: 0;
-      margin-top: -4rem;
-      margin-bottom: 1rem;
-    }
-  }
-
 }
--- a/src/routes/AppRoutes.jsx
+++ b/src/routes/AppRoutes.jsx
@@ -1,18 +1,17 @@
 import React from 'react';
 import {
  AuthenticatedPageRoute,
-  PageWrap,
+  PageRoute,
 } from '@edx/frontend-platform/react';
-import { Routes, Route } from 'react-router-dom';
-import { ProfilePage, NotFoundPage, ProfilePluginPage } from '../profile';
+import { Switch } from 'react-router-dom';
+import { ProfilePage, NotFoundPage } from '../profile';

 const AppRoutes = () => (
-  <Routes>
-    <Route path="/u/:username" element={<AuthenticatedPageRoute><ProfilePage /></AuthenticatedPageRoute>} />
-    <Route path="/u/:username/plugin" element={<AuthenticatedPageRoute><ProfilePluginPage /></AuthenticatedPageRoute>} />
-    <Route path="/notfound" element={<PageWrap><NotFoundPage /></PageWrap>} />
-    <Route path="*" element={<PageWrap><NotFoundPage /></PageWrap>} />
-  </Routes>
+  <Switch>
+    <AuthenticatedPageRoute path="/u/:username" component={ProfilePage} />
+    <PageRoute path="/notfound" component={NotFoundPage} />
+    <PageRoute path="*" component={NotFoundPage} />
+  </Switch>
 );

 export default AppRoutes;
--- a/src/routes/routes.test.jsx
+++ b/src/routes/routes.test.jsx
@@ -1,8 +1,9 @@
 import React from 'react';
 import { AppContext } from '@edx/frontend-platform/react';
 import { getConfig } from '@edx/frontend-platform';
-import { MemoryRouter as Router } from 'react-router-dom';
+import { Router } from 'react-router';
 import { render, screen } from '@testing-library/react';
+import { createMemoryHistory } from 'history';
 import { getLoginRedirectUrl } from '@edx/frontend-platform/auth';
 import AppRoutes from './AppRoutes';

@@ -15,12 +16,11 @@ jest.mock('@edx/frontend-platform/auth', () => ({
 jest.mock('../profile', () => ({
  ProfilePage: () => (<div>Profile page</div>),
  NotFoundPage: () => (<div>Not found page</div>),
-  ProfilePluginPage: () => (<div>Plugin page</div>),
 }));

-const RoutesWithProvider = (context, path) => (
+const RoutesWithProvider = (context, history) => (
  <AppContext.Provider value={context}>
-    <Router initialEntries={[`${path}`]}>
+    <Router history={history}>
      <AppRoutes />
    </Router>
  </AppContext.Provider>
@@ -32,14 +32,22 @@ const unauthenticatedUser = {
 };

 describe('routes', () => {
+  let history;
+
+  beforeEach(() => {
+    history = createMemoryHistory();
+  });
+
  test('Profile page should redirect for unauthenticated users', () => {
+    history.push('/u/edx');
    render(
-      RoutesWithProvider(unauthenticatedUser, '/u/edx'),
+      RoutesWithProvider(unauthenticatedUser, history),
    );
    expect(getLoginRedirectUrl).toHaveBeenCalled();
  });

  test('Profile page should be accessible for authenticated users', () => {
+    history.push('/u/edx');
    render(
      RoutesWithProvider(
        {
@@ -49,31 +57,16 @@ describe('routes', () => {
          },
          config: getConfig(),
        },
-        '/u/edx',
+        history,
      ),
    );
    expect(screen.getByText('Profile page')).toBeTruthy();
  });

-  test('Profile Plugin page should be accessible for authenticated users', () => {
-    render(
-      RoutesWithProvider(
-        {
-          authenticatedUser: {
-            username: 'edx',
-            email: 'edx@example.com',
-          },
-          config: getConfig(),
-        },
-        '/u/edx/plugin',
-      ),
-    );
-    expect(screen.getByText('Plugin page')).toBeTruthy();
-  });
-
  test('should show NotFound page for a bad route', () => {
+    history.push('/nonMatchingRoute');
    render(
-      RoutesWithProvider(unauthenticatedUser, '/nonMatchingRoute'),
+      RoutesWithProvider(unauthenticatedUser, history),
    );
    expect(screen.getByText('Not found page')).toBeTruthy();
  });
--- a/src/setupTest.js
+++ b/src/setupTest.js
@@ -2,6 +2,6 @@ import 'core-js/stable';
 import 'regenerator-runtime/runtime';

 import Enzyme from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import Adapter from 'enzyme-adapter-react-16';

 Enzyme.configure({ adapter: new Adapter() });
--- a/src/utils/hoc.jsx
+++ b/src/utils/hoc.jsx
@@ -1,10 +0,0 @@
-import React from 'react';
-
-import { useParams } from 'react-router-dom';
-
-const withParams = (WrappedComponent) => {
-  const WithParamsComponent = (props) => <WrappedComponent params={useParams()} {...props} />;
-  return WithParamsComponent;
-};
-
-export default withParams;
Author	SHA1	Message	Date
Eugene Dyudyunov	5e3508051c	fix: error when trying to save 'other education' (#746 ) When user selects "Other Education" and clicks save - error occurs. It's caused by the wrong API call payload value `'o'` Fix: use the `'other'` payload value instead (the valid one).	2023-07-03 10:21:51 -07:00
Maxwell Frank	8c779590a1	Merge pull request #788 from openedx/mfrank/palm-release-remove-skills refactor: remove Skills Builder from Palm	2023-06-28 14:21:23 -04:00
Maxwell Frank	b533bf7046	refactor: remove Skills Builder	2023-06-27 15:55:49 +00:00
Bilal Qamar	2af0383847	feat: upgraded to node v18, added .nvmrc and updated workflows (#712 ) * feat: upgraded to node v18, added .nvmrc and updated workflows * build: updated frontend-build, frontend-platform, component-footer & component-header packages * refactor: updated snapshots * refactor: updated snapshots	2023-06-09 08:51:17 +02:00
Sagirov Eugeniy	57e3bd0125	chore: update frontend-platform version to v4.2.0	2023-05-02 17:14:27 -03:00