update: profile POC from master (#926 )

* Update dependencies and visibility in Profile page --------- Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>
Merge pull request #920 from openedx/mfrank/remove-scrollbars
2023-11-27 09:23:50 -08:00 · 2023-11-22 13:00:35 -05:00 · 2023-11-22 16:17:06 +00:00 · 2023-11-22 16:01:47 +00:00 · 2023-11-14 08:38:07 -08:00 · 2023-11-14 07:08:09 -08:00
53 changed files with 8236 additions and 5006 deletions
--- a/.env
+++ b/.env
@@ -25,4 +25,5 @@ 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,4 +26,5 @@ 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/lockfileversion-check-v3.yml@master
+    uses: openedx/.github/.github/workflows/lockfile-check.yml@master
--- a/20
+++ b/20
@@ -1,12 +1,13 @@
 export TRANSIFEX_RESOURCE = frontend-app-profile
 transifex_resource = frontend-app-profile
-transifex_langs = "ar,fr,es_419,zh_CN,pt,it,de,uk,ru,hi,fr_CA"
+transifex_langs = "ar,de,de_DE,es_419,fa_IR,fr,fr_CA,hi,it,it_IT,pt,pt_PT,ru,uk,zh_CN"

+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-react-intl
+transifex_temp = ./temp/babel-plugin-formatjs

 NPM_TESTS=build i18n_extract lint test

@@ -49,9 +50,24 @@ 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,57 +1,147 @@
-|Build Status| |Codecov| |license|
-
+#####################
 frontend-app-profile
-====================
+#####################

-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.
+|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.

 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
+***************

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

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

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

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

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

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

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

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

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

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

-Configuration and Deployment
----------------------------
+    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
+=============

 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:: bash
+.. code-block::

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

+Getting Help
+============

-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>`__.
+If you're having trouble, we have discussion forums at
+https://discuss.openedx.org where you can connect with others in the community.

-.. |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
+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.
--- a/catalog-info.yaml
+++ b/catalog-info.yaml
@@ -0,0 +1,24 @@
+# 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,11 +10,12 @@
  },
  "scripts": {
    "build": "fedx-scripts webpack",
-    "i18n_extract": "BABEL_ENV=i18n fedx-scripts babel src --quiet > /dev/null",
+    "i18n_extract": "fedx-scripts formatjs extract",
    "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"
+    "test": "TZ=UTC fedx-scripts jest --coverage --passWithNoTests",
+    "stubs": "pact-stub-service ./src/pacts/frontend-app-profile-edx-platform.json --port 18000"
  },
  "bugs": {
    "url": "https://github.com/openedx/frontend-app-profile/issues"
@@ -27,51 +28,52 @@
    "extends @edx/browserslist-config"
  ],
  "dependencies": {
-    "@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",
+    "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
+    "@edx/frontend-component-footer": "12.6.0",
+    "@edx/frontend-component-header": "4.10.1",
+    "@edx/frontend-platform": "5.6.1",
+    "@edx/paragon": "^20.44.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.27.2",
-    "history": "4.10.1",
+    "core-js": "3.33.3",
+    "history": "5.3.0",
    "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": "16.14.0",
-    "react-dom": "16.14.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-error-boundary": "^4.0.11",
    "react-helmet": "6.1.0",
    "react-redux": "7.2.9",
-    "react-router": "5.3.4",
-    "react-router-dom": "5.3.4",
+    "react-router": "6.16.0",
+    "react-router-dom": "6.16.0",
    "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.13.11",
-    "reselect": "4.1.7",
+    "regenerator-runtime": "0.14.0",
+    "reselect": "4.1.8",
    "universal-cookie": "4.0.4"
  },
  "devDependencies": {
-    "@commitlint/cli": "17.5.1",
-    "@commitlint/config-angular": "17.4.4",
+    "@commitlint/cli": "17.8.1",
+    "@commitlint/config-angular": "17.8.1",
    "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-build": "12.8.6",
-    "@edx/reactifex": "2.1.1",
-    "@testing-library/react": "11.2.7",
-    "codecov": "3.8.3",
+    "@edx/frontend-build": "13.0.8",
+    "@edx/reactifex": "2.2.0",
+    "@testing-library/react": "12.1.5",
+    "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
    "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.7",
-    "glob": "8.1.0",
-    "react-test-renderer": "16.14.0",
+    "glob": "10.3.10",
+    "react-test-renderer": "17.0.2",
    "reactifex": "1.1.1",
    "redux-mock-store": "1.5.4"
  }
--- a/plugins/Plugin.jsx
+++ b/plugins/Plugin.jsx
@@ -0,0 +1,93 @@
+'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
@@ -0,0 +1,42 @@
+'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
@@ -0,0 +1,99 @@
+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
@@ -0,0 +1,45 @@
+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
@@ -0,0 +1,75 @@
+/* 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
@@ -0,0 +1,8 @@
+// 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
@@ -0,0 +1,96 @@
+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
@@ -0,0 +1,10 @@
+/* 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
@@ -0,0 +1,18 @@
+// 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"],
+      "matchPackagePatterns": ["@edx", "@openedx"],
      "matchUpdateTypes": ["minor", "patch"],
      "automerge": true
    }
--- a/src/i18n/index.jsx
+++ b/src/i18n/index.jsx
@@ -1,19 +1,27 @@
+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 frMessages from './messages/fr.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 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 zhcnMessages from './messages/zh_CN.json';
 // no need to import en messages-- they are in the defaultMessage field

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

-export default messages;
+export default [
+  headerMessages,
+  footerMessages,
+  paragonMessages,
+  appMessages,
+];
--- 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": "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.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": "إضافة الاسم",
@@ -53,32 +53,5 @@
  "profile.notfound.message": "الصفحة التي تبحث عنها غير متوفرة أو هناك خطأ في العنوان. رجاءً تحقق من العنوان و حاول مجدّدًا.",
  "profile.viewMyRecords": "عرض سجلّاتي",
  "profile.loading": "يتم تحميل الملف الشخصي...",
-  "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}"
+  "profile.username.description": "معلومات ملفك الشخصي تظهر لك فقط. وحده اسم المستخدم الخاص بك يظهر للآخرين على {siteName}."
 }
--- a/src/i18n/messages/de.json
+++ b/src/i18n/messages/de.json
@@ -53,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- a/src/i18n/messages/de_DE.json
+++ b/src/i18n/messages/de_DE.json
@@ -0,0 +1,57 @@
+{
+  "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,32 +53,5 @@
  "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}.",
-  "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}"
+  "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}."
 }
--- a/src/i18n/messages/fa_IR.json
+++ b/src/i18n/messages/fa_IR.json
@@ -0,0 +1,57 @@
+{
+  "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,32 +53,5 @@
  "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}.",
-  "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}"
+  "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}."
 }
--- 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": "Supprimer",
+  "profile.profileavatar.remove.button": "Retirer",
  "profile.image.alt.attribute": "avatar de profil",
  "profile.profileavatar.change-button": "Modifier",
  "profile.sociallinks.add": "Ajouter {network}",
@@ -53,32 +53,5 @@
  "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}.",
-  "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}"
+  "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}."
 }
--- a/src/i18n/messages/hi.json
+++ b/src/i18n/messages/hi.json
@@ -53,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- a/src/i18n/messages/it.json
+++ b/src/i18n/messages/it.json
@@ -53,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- a/src/i18n/messages/it_IT.json
+++ b/src/i18n/messages/it_IT.json
@@ -0,0 +1,57 @@
+{
+  "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,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- a/src/i18n/messages/pt_PT.json
+++ b/src/i18n/messages/pt_PT.json
@@ -0,0 +1,57 @@
+{
+  "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,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- 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": "My Certificates",
+  "profile.certificates.my.certificates": "Мої сертифікати",
  "profile.certificates.view.certificate": "View Certificate",
  "profile.certificates.types.verified": "Verified Certificate",
  "profile.certificates.types.professional": "Professional Certificate",
@@ -53,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- a/src/i18n/messages/zh_CN.json
+++ b/src/i18n/messages/zh_CN.json
@@ -53,32 +53,5 @@
  "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}.",
-  "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}"
+  "profile.username.description": "Your profile information is only visible to you. Only your username is visible to others on {siteName}."
 }
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -15,11 +15,12 @@ import {

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

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

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

 import './index.scss';
@@ -27,15 +28,25 @@ 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 />
-      <Header />
-      <main>
+      <RenderHeader />
+      <main id="main">
        <AppRoutes />
      </main>
-      <Footer />
+      <RenderFooter />
    </AppProvider>,
    document.getElementById('root'),
  );
@@ -46,11 +57,7 @@ subscribe(APP_INIT_ERROR, (error) => {
 });

 initialize({
-  messages: [
-    appMessages,
-    headerMessages,
-    footerMessages,
-  ],
+  messages,
  hydrateAuthenticatedUser: true,
  handlers: {
    config: () => {
--- a/src/pacts/frontend-app-profile-edx-platform.json
+++ b/src/pacts/frontend-app-profile-edx-platform.json
@@ -0,0 +1,77 @@
+{
+  "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,7 +6,6 @@ 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,6 +41,8 @@ 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 {
@@ -63,9 +65,9 @@ class ProfilePage extends React.Component {
  }

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

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

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

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

    return (
      <span data-hj-suppress>
-        <h1 className="h2 mb-0 font-weight-bold">{this.props.match.params.username}</h1>
+        <h1 className="h2 mb-0 font-weight-bold text-truncate">{this.props.params.username}</h1>
        <DateJoined date={dateJoined} />
        {this.isYOBDisabled() && <UsernameDescription />}
        <hr className="d-none d-md-block" />
@@ -176,6 +178,7 @@ class ProfilePage extends React.Component {
      visibilityLearningGoal,
      languageProficiencies,
      visibilityLanguageProficiencies,
+      courseCertificates,
      visibilityCourseCertificates,
      bio,
      visibilityBio,
@@ -194,6 +197,17 @@ class ProfilePage extends React.Component {
      changeHandler: this.handleChange,
    };

+    const isBlockVisible = (blockInfo) => this.isAuthenticatedUserProfile()
+      || (!this.isAuthenticatedUserProfile() && Boolean(blockInfo));
+
+    const isLanguageBlockVisible = isBlockVisible(languageProficiencies.length);
+    const isEducationBlockVisible = isBlockVisible(levelOfEducation);
+    const isSocialLinksBLockVisible = isBlockVisible(socialLinks.some((link) => link.socialLink !== null));
+    const isBioBlockVisible = isBlockVisible(bio);
+    const isCertificatesBlockVisible = isBlockVisible(courseCertificates.length);
+    const isNameBlockVisible = isBlockVisible(name);
+    const isLocationBlockVisible = isBlockVisible(country);
+
    return (
      <div className="container-fluid">
        <div className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0">
@@ -210,7 +224,8 @@ class ProfilePage extends React.Component {
              />
            </div>
          </div>
-          <div className="col pl-0">
+          <div>PluginPOC</div>
+          <div className="col">
            <div className="d-md-none">
              {this.renderHeadingLockup()}
            </div>
@@ -228,46 +243,58 @@ class ProfilePage extends React.Component {
            <div className="d-md-none mb-4">
              {this.renderViewMyRecordsButton()}
            </div>
-            <Name
-              name={name}
-              visibilityName={visibilityName}
-              formId="name"
-              {...commonFormProps}
-            />
-            <Country
-              country={country}
-              visibilityCountry={visibilityCountry}
-              formId="country"
-              {...commonFormProps}
-            />
-            <PreferredLanguage
-              languageProficiencies={languageProficiencies}
-              visibilityLanguageProficiencies={visibilityLanguageProficiencies}
-              formId="languageProficiencies"
-              {...commonFormProps}
-            />
-            <Education
-              levelOfEducation={levelOfEducation}
-              visibilityLevelOfEducation={visibilityLevelOfEducation}
-              formId="levelOfEducation"
-              {...commonFormProps}
-            />
-            <SocialLinks
-              socialLinks={socialLinks}
-              draftSocialLinksByPlatform={draftSocialLinksByPlatform}
-              visibilitySocialLinks={visibilitySocialLinks}
-              formId="socialLinks"
-              {...commonFormProps}
-            />
+            {isNameBlockVisible && (
+              <Name
+                name={name}
+                visibilityName={visibilityName}
+                formId="name"
+                {...commonFormProps}
+              />
+            )}
+            {isLocationBlockVisible && (
+              <Country
+                country={country}
+                visibilityCountry={visibilityCountry}
+                formId="country"
+                {...commonFormProps}
+              />
+            )}
+            {isLanguageBlockVisible && (
+              <PreferredLanguage
+                languageProficiencies={languageProficiencies}
+                visibilityLanguageProficiencies={visibilityLanguageProficiencies}
+                formId="languageProficiencies"
+                {...commonFormProps}
+              />
+            )}
+            {isEducationBlockVisible && (
+              <Education
+                levelOfEducation={levelOfEducation}
+                visibilityLevelOfEducation={visibilityLevelOfEducation}
+                formId="levelOfEducation"
+                {...commonFormProps}
+              />
+            )}
+            {isSocialLinksBLockVisible && (
+              <SocialLinks
+                socialLinks={socialLinks}
+                draftSocialLinksByPlatform={draftSocialLinksByPlatform}
+                visibilitySocialLinks={visibilitySocialLinks}
+                formId="socialLinks"
+                {...commonFormProps}
+              />
+            )}
          </div>
          <div className="pt-md-3 col-md-8 col-lg-7 offset-lg-1">
            {!this.isYOBDisabled() && this.renderAgeMessage()}
-            <Bio
-              bio={bio}
-              visibilityBio={visibilityBio}
-              formId="bio"
-              {...commonFormProps}
-            />
+            {isBioBlockVisible && (
+              <Bio
+                bio={bio}
+                visibilityBio={visibilityBio}
+                formId="bio"
+                {...commonFormProps}
+              />
+            )}
            {getConfig().ENABLE_SKILLS_BUILDER_PROFILE && (
              <LearningGoal
                learningGoal={learningGoal}
@@ -276,11 +303,13 @@ class ProfilePage extends React.Component {
                {...commonFormProps}
              />
            )}
-            <Certificates
-              visibilityCourseCertificates={visibilityCourseCertificates}
-              formId="certificates"
-              {...commonFormProps}
-            />
+            {isCertificatesBlockVisible && (
+              <Certificates
+                visibilityCourseCertificates={visibilityCourseCertificates}
+                formId="certificates"
+                {...commonFormProps}
+              />
+            )}
          </div>
        </div>
      </div>
@@ -370,10 +399,8 @@ ProfilePage.propTypes = {
  updateDraft: PropTypes.func.isRequired,

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

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

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

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

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

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

@@ -115,15 +114,33 @@ describe('<ProfilePage />', () => {
      expect(tree).toMatchSnapshot();
    });

-    it('viewing other profile', () => {
+    it('viewing other profile with all fields', () => {
      const contextValue = {
        authenticatedUser: { userId: 123, username: 'staff', administrator: true },
        config: getConfig(),
      };
+
      const component = (
        <ProfilePageWrapper
          contextValue={contextValue}
-          store={mockStore(storeMocks.viewOtherProfile)}
+          store={mockStore({
+            ...storeMocks.viewOtherProfile,
+            profilePage: {
+              ...storeMocks.viewOtherProfile.profilePage,
+              account: {
+                ...storeMocks.viewOtherProfile.profilePage.account,
+                name: 'user',
+                country: 'EN',
+                bio: 'bio',
+                courseCertificates: ['course certificates'],
+                levelOfEducation: 'some level',
+                languageProficiencies: ['some lang'],
+                socialLinks: ['twitter'],
+                timeZone: 'time zone',
+                accountPrivacy: 'all_users',
+              },
+            },
+          })}
          match={{ params: { username: 'verified' } }} // Override default match
        />
      );
@@ -279,7 +296,7 @@ describe('<ProfilePage />', () => {
        <ProfilePageWrapper
          contextValue={contextValue}
          store={mockStore(storeMocks.loadingApp)}
-          match={{ params: { username: 'test-username' } }}
+          params={{ username: 'test-username' }}
        />
      );
      const wrapper = mount(component);
--- a/src/profile/ProfilePluginPage.jsx
+++ b/src/profile/ProfilePluginPage.jsx
@@ -0,0 +1,219 @@
+/* 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 PluginCountry from './forms/PluginCountry';
+import { Plugin } from '../../plugins';
+
+// 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}`} target="_parent">
+                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 overflow-hidden">
+        {this.renderContent()}
+      </div>
+    );
+  }
+}
+
+const SocialLink = ({ url, name, platform }) => (
+  <a href={url} className="font-weight-bold" target="_parent">
+    <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,8 +103,11 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -113,7 +116,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -163,7 +166,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>
@@ -191,7 +194,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -241,7 +244,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>
@@ -1649,7 +1652,9 @@ 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"
                  >
-                    country error
+                    <div>
+                      country error
+                    </div>
                  </div>
                </div>
                <div
@@ -1694,7 +1699,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                        </svg>
                      </span>
                      <select
-                        className="d-inline-block w-auto form-control"
+                        className="d-inline-block form-control"
                        id="visibilityCountry"
                        name="visibilityCountry"
                        onChange={[Function]}
@@ -1745,7 +1750,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 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
                                fill="currentColor"
                              />
                            </svg>
@@ -2387,7 +2392,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>
@@ -2484,8 +2489,11 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -2494,7 +2502,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -2544,7 +2552,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>
@@ -2572,7 +2580,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -2622,7 +2630,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>
@@ -3004,7 +3012,9 @@ 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"
                  >
-                    education error
+                    <div>
+                      education error
+                    </div>
                  </div>
                </div>
                <div
@@ -3049,7 +3059,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                        </svg>
                      </span>
                      <select
-                        className="d-inline-block w-auto form-control"
+                        className="d-inline-block form-control"
                        id="visibilityLevelOfEducation"
                        name="visibilityLevelOfEducation"
                        onChange={[Function]}
@@ -3100,7 +3110,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
                                fill="currentColor"
                              />
                            </svg>
@@ -3562,7 +3572,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>
@@ -3659,8 +3669,11 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -3669,7 +3682,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -3719,7 +3732,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>
@@ -3747,7 +3760,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -3797,7 +3810,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>
@@ -4964,7 +4977,9 @@ 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"
                  >
-                    preferred language error
+                    <div>
+                      preferred language error
+                    </div>
                  </div>
                </div>
                <div
@@ -5009,7 +5024,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                        </svg>
                      </span>
                      <select
-                        className="d-inline-block w-auto form-control"
+                        className="d-inline-block form-control"
                        id="visibilityLanguageProficiencies"
                        name="visibilityLanguageProficiencies"
                        onChange={[Function]}
@@ -5060,7 +5075,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
-                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
                                fill="currentColor"
                              />
                            </svg>
@@ -5612,7 +5627,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>
@@ -5637,7 +5652,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
 </div>
 `;

-exports[`<ProfilePage /> Renders correctly in various states viewing other profile 1`] = `
+exports[`<ProfilePage /> Renders correctly in various states viewing other profile with all fields 1`] = `
 <div
  className="profile-page"
 >
@@ -5686,8 +5701,11 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -5696,9 +5714,9 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
-              verified
+              staff
            </h1>
            <p
              className="mb-0"
@@ -5723,7 +5741,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.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"
+                    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"
                    fill="currentColor"
                  />
                </svg>
@@ -5741,7 +5759,52 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
        </div>
        <div
          className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  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"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
      </div>
    </div>
    <div
@@ -5757,9 +5820,9 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
-              verified
+              staff
            </h1>
            <p
              className="mb-0"
@@ -5784,7 +5847,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.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"
+                    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"
                    fill="currentColor"
                  />
                </svg>
@@ -5802,7 +5865,52 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
        </div>
        <div
          className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  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"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
        <div
          className="pgn-transition-replace-group position-relative mb-5"
          style={
@@ -5810,7 +5918,32 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                Full Name
+              </h2>
+            </div>
+            <p
+              className="h5"
+              data-hj-suppress={true}
+            >
+              user
+            </p>
+          </div>
+        </div>
        <div
          className="pgn-transition-replace-group position-relative mb-5"
          style={
@@ -5818,7 +5951,30 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                Location
+              </h2>
+            </div>
+            <p
+              className="h5"
+              data-hj-suppress={true}
+            />
+          </div>
+        </div>
        <div
          className="pgn-transition-replace-group position-relative mb-5"
          style={
@@ -5826,7 +5982,30 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                Primary Language Spoken
+              </h2>
+            </div>
+            <p
+              className="h5"
+              data-hj-suppress={true}
+            />
+          </div>
+        </div>
        <div
          className="pgn-transition-replace-group position-relative mb-5"
          style={
@@ -5834,7 +6013,32 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                Education
+              </h2>
+            </div>
+            <p
+              className="h5"
+              data-hj-suppress={true}
+            >
+              Other education
+            </p>
+          </div>
+        </div>
        <div
          className="pgn-transition-replace-group position-relative mb-5"
          style={
@@ -5842,7 +6046,29 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                Social Links
+              </h2>
+            </div>
+            <ul
+              className="list-unstyled"
+            />
+          </div>
+        </div>
      </div>
      <div
        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
@@ -5854,7 +6080,32 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                About Me
+              </h2>
+            </div>
+            <p
+              className="lead"
+              data-hj-suppress={true}
+            >
+              bio
+            </p>
+          </div>
+        </div>
        <div
          className="pgn-transition-replace-group position-relative mb-4"
          style={
@@ -5862,7 +6113,27 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
              "height": null,
            }
          }
-        />
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                My Certificates
+              </h2>
+            </div>
+            You don't have any certificates yet.
+          </div>
+        </div>
      </div>
    </div>
  </div>
@@ -5941,8 +6212,11 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -5951,7 +6225,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -6001,7 +6275,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>
@@ -6029,7 +6303,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -6079,7 +6353,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>
@@ -6894,7 +7168,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>
@@ -6991,8 +7265,11 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -7001,7 +7278,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -7051,7 +7328,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>
@@ -7079,7 +7356,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -7129,7 +7406,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>
@@ -7767,7 +8044,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                        </svg>
                      </span>
                      <select
-                        className="d-inline-block w-auto form-control"
+                        className="d-inline-block form-control"
                        id="visibilityBio"
                        name="visibilityBio"
                        onChange={[Function]}
@@ -7818,7 +8095,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 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
                                fill="currentColor"
                              />
                            </svg>
@@ -8011,7 +8288,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>
@@ -8108,8 +8385,11 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -8118,7 +8398,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -8168,7 +8448,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>
@@ -8196,7 +8476,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -8246,7 +8526,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>
@@ -8845,7 +9125,9 @@ 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"
                  >
-                    bio error
+                    <div>
+                      bio error
+                    </div>
                  </div>
                </div>
                <div
@@ -8890,7 +9172,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                        </svg>
                      </span>
                      <select
-                        className="d-inline-block w-auto form-control"
+                        className="d-inline-block form-control"
                        id="visibilityBio"
                        name="visibilityBio"
                        onChange={[Function]}
@@ -8941,7 +9223,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 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
                                fill="currentColor"
                              />
                            </svg>
@@ -9134,7 +9416,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>
@@ -9231,8 +9513,11 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
          </div>
        </div>
      </div>
+      <div>
+        PluginPOC
+      </div>
      <div
-        className="col pl-0"
+        className="col"
      >
        <div
          className="d-md-none"
@@ -9241,7 +9526,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -9274,7 +9559,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
            data-hj-suppress={true}
          >
            <h1
-              className="h2 mb-0 font-weight-bold"
+              className="h2 mb-0 font-weight-bold text-truncate"
            >
              staff
            </h1>
@@ -10094,7 +10379,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
@@ -0,0 +1,80 @@
+// 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/data/sagas.js
+++ b/src/profile/data/sagas.js
@@ -66,6 +66,25 @@ export function* handleFetchProfile(action) {
    } else {
      [account, courseCertificates] = result;
    }
+
+    // Set initial visibility values for account
+    // Set account_privacy as custom is necessary so that when viewing another user's profile,
+    // their full name is displayed and change visibility forms are worked correctly
+    if (isAuthenticatedUserProfile && result[0].accountPrivacy === 'all_users') {
+      yield call(ProfileApiService.patchPreferences, action.payload.username, {
+        account_privacy: 'custom',
+        'visibility.name': 'all_users',
+        'visibility.bio': 'all_users',
+        'visibility.course_certificates': 'all_users',
+        'visibility.country': 'all_users',
+        'visibility.date_joined': 'all_users',
+        'visibility.level_of_education': 'all_users',
+        'visibility.language_proficiencies': 'all_users',
+        'visibility.social_links': 'all_users',
+        'visibility.time_zone': 'all_users',
+      });
+    }
+
    yield put(fetchProfileSuccess(
      account,
      preferences,
--- a/src/profile/data/selectors.js
+++ b/src/profile/data/selectors.js
@@ -35,9 +35,12 @@ export const editableFormModeSelector = createSelector(
    // or is being hidden from us (for other users' profiles)
    let propExists = account[formId] != null && account[formId].length > 0;
    propExists = formId === 'certificates' ? certificates.length > 0 : propExists; // overwrite for certificates
-    // If this isn't the current user's profile or if
+    // If this isn't the current user's profile
+    if (!isAuthenticatedUserProfile) {
+      return 'static';
+    }
    // the current user has no age set / under 13 ...
-    if (!isAuthenticatedUserProfile || account.requiresParentalConsent) {
+    if (account.requiresParentalConsent) {
      // then there are only two options: static or nothing.
      // We use 'null' as a return value because the consumers of
      // getMode render nothing at all on a mode of null.
@@ -228,13 +231,13 @@ export const visibilitiesSelector = createSelector(
    switch (accountPrivacy) {
      case 'custom':
        return {
-          visibilityBio: preferences.visibilityBio || 'private',
-          visibilityCourseCertificates: preferences.visibilityCourseCertificates || 'private',
-          visibilityCountry: preferences.visibilityCountry || 'private',
-          visibilityLevelOfEducation: preferences.visibilityLevelOfEducation || 'private',
-          visibilityLanguageProficiencies: preferences.visibilityLanguageProficiencies || 'private',
-          visibilityName: preferences.visibilityName || 'private',
-          visibilitySocialLinks: preferences.visibilitySocialLinks || 'private',
+          visibilityBio: preferences.visibilityBio || 'all_users',
+          visibilityCourseCertificates: preferences.visibilityCourseCertificates || 'all_users',
+          visibilityCountry: preferences.visibilityCountry || 'all_users',
+          visibilityLevelOfEducation: preferences.visibilityLevelOfEducation || 'all_users',
+          visibilityLanguageProficiencies: preferences.visibilityLanguageProficiencies || 'all_users',
+          visibilityName: preferences.visibilityName || 'all_users',
+          visibilitySocialLinks: preferences.visibilitySocialLinks || 'all_users',
        };
      case 'private':
        return {
--- a/src/profile/forms/PluginCountry.jsx
+++ b/src/profile/forms/PluginCountry.jsx
@@ -0,0 +1,40 @@
+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
@@ -119,7 +119,7 @@ exports[`<SocialLinks /> calls social links with edit mode bio 1`] = `
                </svg>
              </span>
              <select
-                className="d-inline-block w-auto form-control"
+                className="d-inline-block form-control"
                id="visibilitySocialLinks"
                name="visibilitySocialLinks"
                onChange={[Function]}
@@ -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 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                        d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
                        fill="currentColor"
                      />
                    </svg>
--- a/src/profile/forms/elements/Visibility.jsx
+++ b/src/profile/forms/elements/Visibility.jsx
@@ -39,7 +39,7 @@ const VisibilitySelect = ({ intl, className, ...props }) => {
      <span className="d-inline-block ml-1 mr-2" style={{ width: '1.5rem' }}>
        <FontAwesomeIcon icon={icon} />
      </span>
-      <select className="d-inline-block w-auto form-control" {...props}>
+      <select className="d-inline-block form-control" {...props}>
        <option key="private" value="private">
          {intl.formatMessage(messages['profile.visibility.who.just.me'])}
        </option>
--- a/src/profile/index.js
+++ b/src/profile/index.js
@@ -3,3 +3,4 @@ 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,4 +162,28 @@
      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,17 +1,18 @@
 import React from 'react';
 import {
  AuthenticatedPageRoute,
-  PageRoute,
+  PageWrap,
 } from '@edx/frontend-platform/react';
-import { Switch } from 'react-router-dom';
-import { ProfilePage, NotFoundPage } from '../profile';
+import { Routes, Route } from 'react-router-dom';
+import { ProfilePage, NotFoundPage, ProfilePluginPage } from '../profile';

 const AppRoutes = () => (
-  <Switch>
-    <AuthenticatedPageRoute path="/u/:username" component={ProfilePage} />
-    <PageRoute path="/notfound" component={NotFoundPage} />
-    <PageRoute path="*" component={NotFoundPage} />
-  </Switch>
+  <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>
 );

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

@@ -16,11 +15,12 @@ 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, history) => (
+const RoutesWithProvider = (context, path) => (
  <AppContext.Provider value={context}>
-    <Router history={history}>
+    <Router initialEntries={[`${path}`]}>
      <AppRoutes />
    </Router>
  </AppContext.Provider>
@@ -32,22 +32,14 @@ const unauthenticatedUser = {
 };

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

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

-  test('should show NotFound page for a bad route', () => {
-    history.push('/nonMatchingRoute');
+  test('Profile Plugin page should be accessible for authenticated users', () => {
    render(
-      RoutesWithProvider(unauthenticatedUser, history),
+      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', () => {
+    render(
+      RoutesWithProvider(unauthenticatedUser, '/nonMatchingRoute'),
    );
    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 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';

 Enzyme.configure({ adapter: new Adapter() });
--- a/src/utils/hoc.jsx
+++ b/src/utils/hoc.jsx
@@ -0,0 +1,10 @@
+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
Jason Wesson	2904168ed4	update: profile POC from master (#926 ) * Update dependencies and visibility in Profile page --------- Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-11-27 09:23:50 -08:00
Maxwell Frank	ad80493869	Merge pull request #920 from openedx/mfrank/remove-scrollbars fix: remove scrollbars	2023-11-22 13:00:35 -05:00
Maxwell Frank	a8b803d344	fix: linting errors	2023-11-22 16:17:06 +00:00
Maxwell Frank	0340b94add	fix: remove scrollbars	2023-11-22 16:01:47 +00:00
Jason Wesson	b665d3897b	Jwesson/fix target link (#914 ) * fix: add _parent to social media links --------- Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-11-14 08:38:07 -08:00
Jason Wesson	542fa3d5ce	fix: "view public profile" link sends parent frame to URL (#913 ) Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-11-14 07:08:09 -08:00
Jason Wesson	d5949f55c2	Merge master into PluggablePOCFeature (#908 ) --------- Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-11-07 20:03:44 -08:00
Jason Wesson	cd28310937	fix: hyperlink in plugin page should redirect to user profile (#897 ) * add user's full name to plugn page Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-10-24 13:04:55 -07:00
Jason Wesson	b75347ad06	Merge master into PluginPOCFeature (#896 )	2023-10-24 09:51:12 -07:00
Chris Deery	bd931338d8	Merge pull request #885 from openedx/PluginPOC/addTag feat: add little tag to identify POC	2023-10-19 12:08:44 -04:00
Chris Deery	f03d5afa0d	fix: update snapshot	2023-10-19 15:58:39 +00:00
Chris Deery	910e17f75d	feat: add little tag to identify POC	2023-10-19 15:34:04 +00:00
Jason Wesson	2fa5cadf22	fix: rebase pluginPOCFeature with master branch (#884 ) * fix(deps): update dependency @edx/paragon to v20.46.3 * chore(deps): update commitlint monorepo to v17.8.0 * fix(deps): update dependency @edx/frontend-component-footer to v12.4.0 * chore: bump frontend-platform (#869) * fix: Add ID attribute to the main content (#845) * chore: update browserslist DB (#871) * fix(deps): update dependency @edx/frontend-platform to v5.6.1 (#875) * build(deps): bump @babel/traverse from 7.22.5 to 7.23.2 (#879) * bumps [@babel/traverse](https://github.com/babel/babel/tree/HEAD/packages/babel-traverse) from 7.22.5 to 7.23.2. * fix(deps): update dependency core-js to v3.33.0 (#876)	2023-10-18 11:58:21 -07:00
Jason Wesson	bd8221997e	Move changes from ProfilePluginPOC to aperture/PluginPOCFeature (#883 ) * build: create profile plugin page * build: add plugins folder to Profile * build: wrap Profile Plugin Page with Plugin Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-10-18 11:43:43 -07:00
Deborah Kaplan	43f485d841	Merge pull request #850 from openedx/update-browserslist-db Update browserslist DB	2023-10-10 11:06:24 -04:00
renovate[bot]	b892ba763e	fix(deps): update dependency @edx/frontend-component-header to v4.7.1	2023-10-09 16:53:45 +00:00
renovate[bot]	896905b457	fix(deps): update dependency @edx/frontend-component-footer to v12.3.0	2023-10-09 10:34:37 +00:00
jsnwesson	095b91c8cb	chore: update browserslist DB	2023-10-09 00:09:13 +00:00
renovate[bot]	a6e63a8686	chore(deps): update dependency glob to v10.3.10	2023-10-02 17:03:40 +00:00
renovate[bot]	67c8d79aa2	fix(deps): update dependency @edx/frontend-component-header to v4.6.1	2023-10-02 13:24:41 +00:00
renovate[bot]	f76185d57d	chore(deps): update dependency @edx/frontend-build to v12.9.17	2023-10-02 09:40:44 +00:00
renovate[bot]	f0678ca94c	chore(deps): update dependency @commitlint/cli to v17.7.2	2023-10-02 06:30:56 +00:00
Mashal Malik	e73b646263	refactor: add openedx in renovate automate configuration (#849 )	2023-09-28 12:21:18 -04:00
renovate[bot]	ddb8494471	fix(deps): update dependency @edx/frontend-platform to v5.4.0	2023-09-25 15:09:40 +00:00
edX requirements bot	a576bdf98b	chore: update browserslist DB (#846 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-09-25 09:01:20 -04:00
renovate[bot]	21dcadba5b	chore(deps): update dependency glob to v10.3.7	2023-09-25 09:21:59 +00:00
Deborah Kaplan	e770101e4e	Merge pull request #842 from openedx/update-browserslist-db Update browserslist DB	2023-09-18 12:49:47 -04:00
renovate[bot]	8ca5ea5809	fix(deps): update react-router monorepo to v6.16.0	2023-09-18 10:09:02 +00:00
renovate[bot]	d687ea30cb	fix(deps): update dependency regenerator-runtime to v0.14.0	2023-09-18 07:58:45 +00:00
jsnwesson	ecda751786	chore: update browserslist DB	2023-09-18 00:08:53 +00:00
edX requirements bot	e58b174c9e	chore: update browserslist DB (#839 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-09-15 14:37:58 -07:00
edx-transifex-bot	6c82805c7a	chore(i18n): update translations (#838 ) Co-authored-by: Jenkins <sre+jenkins@edx.org>	2023-09-15 14:37:47 -07:00
renovate[bot]	d1d98794ab	fix(deps): update dependency @edx/frontend-platform to v5.3.2	2023-09-11 16:58:08 +00:00
renovate[bot]	3c7baaa91b	fix(deps): update dependency core-js to v3.32.2	2023-09-11 09:39:16 +00:00
Syed Ali Abbas Zaidi	fe800f2ee9	feat: upgrade react router to v6 (#716 ) * feat: upgrade react router to v6 * refactor: add hoc to use params * fix: lint issue	2023-09-05 14:55:23 -04:00
Mashal Malik	e1d4e9b474	refactor: update lock file version (#834 )	2023-09-05 14:49:02 -04:00
edX requirements bot	cf7568bcfb	chore: update browserslist DB (#829 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-09-05 14:46:18 -04:00
renovate[bot]	a0fd863bc4	fix(deps): update dependency @edx/frontend-component-footer to v12.2.1	2023-09-04 09:53:06 +00:00
renovate[bot]	b63341fe99	chore(deps): update dependency glob to v10.3.4	2023-09-04 08:36:20 +00:00
renovate[bot]	1887167d0e	fix(deps): update dependency core-js to v3.32.1	2023-08-21 13:43:20 +00:00
renovate[bot]	57de2b4156	chore(deps): update dependency @edx/frontend-build to v12.9.10	2023-08-21 10:09:12 +00:00
renovate[bot]	aaf6935577	fix(deps): update dependency @edx/frontend-component-header to v4.5.2	2023-08-14 16:30:15 +00:00
renovate[bot]	03b7859b20	chore(deps): update commitlint monorepo	2023-08-14 09:24:21 +00:00
edX requirements bot	2800e89f02	chore: update browserslist DB (#825 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-08-10 07:40:49 -04:00
Emad Rad	0cc03e5fec	chore: translations updated (#828 )	2023-08-07 14:02:54 -07:00
renovate[bot]	44f1a5f0cd	fix(deps): update dependency @edx/frontend-platform to v4.6.1	2023-08-07 09:09:08 +00:00
renovate[bot]	2694f6f754	chore(deps): update dependency @edx/frontend-build to v12.9.4	2023-08-07 08:28:02 +00:00
renovate[bot]	18afe62590	fix(deps): update dependency core-js to v3.32.0	2023-07-31 10:26:36 +00:00
renovate[bot]	0b6d3dc9ac	chore(deps): update dependency @edx/frontend-build to v12.9.3	2023-07-31 06:56:55 +00:00
edX requirements bot	bd5984f27b	chore: update browserslist DB (#813 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-07-25 14:48:37 -04:00
Omar Al-Ithawi	f899727f8d	feat: include paragon in atlas pull (#811 ) This pull request is part of the [FC-0012 project](https://openedx.atlassian.net/l/cp/XGS0iCcQ) which is sparked by the [Translation Infrastructure update OEP-58](https://open-edx-proposals.readthedocs.io/en/latest/architectural-decisions/oep-0058-arch-translations-management.html#specification).	2023-07-25 11:22:15 -04:00
renovate[bot]	803a2d5572	fix(deps): update dependency core-js to v3.31.1	2023-07-24 13:49:10 +00:00
renovate[bot]	93b0b1b9da	fix(deps): update dependency @edx/frontend-component-header to v4.4.4	2023-07-24 10:27:39 +00:00
renovate[bot]	22b01f347d	chore(deps): update commitlint monorepo to v17.6.7	2023-07-24 07:53:18 +00:00
Mashal Malik	b537f1f82d	chore: add paragon messages (#798 )	2023-07-21 11:08:29 +05:00
Deborah Kaplan	c42e339051	Merge pull request #800 from openedx/update-browserslist-db Update browserslist DB	2023-07-20 11:15:12 -04:00
Deborah Kaplan	528bbcbad8	Merge pull request #805 from openedx/dependabot/npm_and_yarn/semver-5.7.2 build(deps): bump semver from 5.7.1 to 5.7.2	2023-07-20 11:02:08 -04:00
renovate[bot]	fcc5ce77e7	fix(deps): update dependency @edx/paragon to v20.45.2	2023-07-17 17:19:14 +00:00
renovate[bot]	ff4cd80ff2	fix(deps): update dependency @edx/frontend-component-header to v4.4.3	2023-07-17 12:24:56 +00:00
dependabot[bot]	25a6093a78	build(deps): bump semver from 5.7.1 to 5.7.2 Bumps [semver](https://github.com/npm/node-semver) from 5.7.1 to 5.7.2. - [Release notes](https://github.com/npm/node-semver/releases) - [Changelog](https://github.com/npm/node-semver/blob/v5.7.2/CHANGELOG.md) - [Commits](https://github.com/npm/node-semver/compare/v5.7.1...v5.7.2) --- updated-dependencies: - dependency-name: semver dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2023-07-17 09:41:10 +00:00
renovate[bot]	d3a4b4b62d	chore(deps): update dependency @edx/frontend-build to v12.8.66	2023-07-17 09:39:54 +00:00
renovate[bot]	fd52682b5c	fix(deps): update dependency @edx/frontend-component-footer to v12.1.2	2023-07-17 06:41:39 +00:00
jsnwesson	a6eb5f75d1	chore: update browserslist DB	2023-07-17 00:10:44 +00:00
Emad Rad	6803fb5199	Feature: Persian language (#620 ) * feat: Persian translations added * feat: persian language added to messages * feat: fa_IR added to transifex_langs	2023-07-12 10:07:50 -07:00
Swayam Rana	f05db64d49	Merge pull request #790 from openedx/swayamrana-pact feat: Pact Consumer Contract Testing on LMS Account API	2023-07-11 11:22:08 -04:00
Swayam Rana	038c2a845f	feat: Pact Contract Consumer testing with the Account API, and implement stub script	2023-07-11 15:15:33 +00:00
renovate[bot]	105486a44a	fix(deps): update dependency @edx/frontend-component-header to v4.4.0	2023-07-10 15:51:59 +00:00
renovate[bot]	7b44687db9	fix(deps): update dependency @edx/frontend-component-footer to v12.1.1	2023-07-10 14:36:42 +00:00
renovate[bot]	7aeac7be3b	chore(deps): update dependency glob to v10.3.3	2023-07-10 11:08:03 +00:00
renovate[bot]	d4665797a1	chore(deps): update dependency @edx/frontend-build to v12.8.60	2023-07-10 07:14:11 +00:00
Bilal Qamar	4a02f0ef6d	feat: update react & react-dom to v17 (#769 ) * feat: update react & react-dom to v17 * build: update lock file and paragon * Merge branch 'master' of github.com:openedx/frontend-app-profile into bilalqamar95/react-upgrade-to-v17 * refactor: updated edx packages --------- Co-authored-by: mashal-m <mashal.malik@arbisoft.com>	2023-07-07 10:17:53 -04:00
Jason Wesson	b0b8e96025	build: add catalog-info yaml and update README (#797 ) * These updates and additions aim to meet the Maintainership Pilot Phase 1 requirements Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-07-05 12:08:06 -07:00
renovate[bot]	6d5c150d2f	chore(deps): update dependency glob to v10 (#793 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2023-07-03 10:55:50 -07:00
Eugene Dyudyunov	549d51509b	fix: error when trying to save 'other education' (#667 ) 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:22:13 -07:00
Yoiber	ba74aef631	chore(i18n): add more languages (#689 ) * chore(i18n): add more languages	2023-07-03 10:20:05 -07:00
edX requirements bot	941652aba2	chore: update browserslist DB (#781 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-07-03 10:15:59 -07:00
renovate[bot]	3b68201748	fix(deps): update dependency @edx/frontend-component-header to v4.2.3 (#743 ) * fix(deps): update dependency @edx/frontend-component-header to v4.2.3 --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-07-03 10:13:11 -07:00
renovate[bot]	2b8f5a8b3d	fix(deps): update dependency history to v5 (#794 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2023-07-03 10:04:22 -07:00
Maxwell Frank	235644e570	Merge pull request #791 from openedx/mfrank/remove-skills-builder-master refactor: remove Skills Builder	2023-07-03 09:11:34 -04:00
Maxwell Frank	5e0eef68e3	refactor: remove Skills Builder	2023-07-03 13:00:47 +00:00
renovate[bot]	4692477738	fix(deps): update dependency react-instantsearch-hooks-web to v6.45.0	2023-07-03 06:15:35 +00:00
renovate[bot]	465d3b481a	fix(deps): update dependency algoliasearch to v4.18.0	2023-06-26 15:57:05 +00:00
renovate[bot]	79e29c46c5	fix(deps): update dependency @edx/paragon to v20.45.0	2023-06-26 13:32:44 +00:00
renovate[bot]	97e70fa4ab	chore(deps): update dependency @edx/frontend-build to v12.8.57	2023-06-26 10:16:08 +00:00
renovate[bot]	60fec4152f	chore(deps): update commitlint monorepo to v17.6.6	2023-06-26 07:16:12 +00:00
Maxwell Frank	26a82ec109	Merge pull request #776 from openedx/update-browserslist-db Update browserslist DB	2023-06-21 13:09:03 -04:00
renovate[bot]	bf03f8b5ef	fix(deps): update dependency react-instantsearch-hooks-web to v6.44.3	2023-06-19 17:51:20 +00:00
renovate[bot]	2a4addbb38	fix(deps): update dependency core-js to v3.31.0	2023-06-19 14:19:55 +00:00
renovate[bot]	e2b9ef7a2f	fix(deps): update dependency @edx/paragon to v20.44.0	2023-06-19 11:34:11 +00:00
renovate[bot]	a6bcc9c054	chore(deps): update dependency @edx/frontend-build to v12.8.54	2023-06-19 06:49:52 +00:00
jsnwesson	31d2c07c5b	chore: update browserslist DB	2023-06-19 00:08:41 +00:00
Jason Wesson	03e352208f	fix: switch out class overwrite in SCSS for an aria-label selector (#771 ) * fix: switch out class overwrite in SCSS for an aria-label selector --------- Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-06-15 11:22:46 -07:00
Maxwell Frank	ac7285dac5	Merge pull request #775 from openedx/mfrank/switch-for-lob Query string to act as switch for lines of business	2023-06-15 10:01:36 -04:00
Maxwell Frank	60fe9cff9a	feat: adding lines of business	2023-06-15 13:27:10 +00:00
edX requirements bot	93f757f3d7	chore: update browserslist DB (#699 ) Co-authored-by: jsnwesson <jsnwesson@users.noreply.github.com>	2023-06-14 13:36:48 -07:00
renovate[bot]	6740ad3672	fix(deps): update dependency algoliasearch to v4.17.2	2023-06-12 16:25:54 +00:00
renovate[bot]	ca14d3d279	chore(deps): update dependency @edx/frontend-build to v12.8.51	2023-06-12 12:00:55 +00:00
Jenkins	9dbe58b10f	chore(i18n): update translations	2023-06-11 16:40:53 -04:00
Jason Wesson	50d80ef614	fix: adjust header height and content when window is medium in width or less (#756 ) * fix: adjust header height and content when window is medium in width or less * feat: convert stepper header's contents to compact view for medium windows (or less) --------- Co-authored-by: Jason Wesson <jwesson@2u.com>	2023-06-06 11:10:00 -07:00
renovate[bot]	fe6b76da7e	fix(deps): update dependency @edx/frontend-platform to v4.5.1	2023-06-05 12:46:05 +00:00
renovate[bot]	7fff13137d	chore(deps): update dependency @edx/frontend-build to v12.8.40	2023-06-05 10:26:23 +00:00
renovate[bot]	91282cff74	chore(deps): update commitlint monorepo to v17.6.5	2023-06-05 07:50:24 +00:00
renovate[bot]	45be830f18	fix(deps): update dependency core-js to v3.30.2	2023-05-29 12:15:11 +00:00
renovate[bot]	122affbb6d	fix(deps): update dependency @edx/frontend-platform to v4.5.0	2023-05-29 11:07:30 +00:00
renovate[bot]	48a97b769f	fix(deps): update dependency algoliasearch to v4.17.1	2023-05-29 08:24:04 +00:00
renovate[bot]	bdcc09f6ba	chore(deps): update dependency @edx/frontend-build to v12.8.38	2023-05-29 06:05:47 +00:00
Maxwell Frank	ac4fb6a340	Merge pull request #757 from openedx/mfrank/fallback-img-typo fix: fallback src typo for course cards	2023-05-25 13:01:59 -04:00
Maxwell Frank	409d365125	fix: fallback src typo for course cards	2023-05-25 16:15:20 +00:00
Jason Wesson	53985e94d8	fix: disable 'select a goal' from goal dropdown when a goal has been selected (#755 ) * hide the second and third portion of skills form if currentGoal is false	2023-05-23 07:57:25 -07:00
renovate[bot]	0d9a39afd7	fix(deps): update dependency @edx/frontend-platform to v4.4.0	2023-05-23 04:18:26 +00:00
renovate[bot]	cbb860bb16	chore(deps): update dependency @edx/reactifex to v2.2.0	2023-05-23 01:34:22 +00:00
Justin Hynes	695df9aa0b	fix: filter out non-English courses from recommendations (#752 ) [APER-2444] This PR updates the `getProductRecommendations` utiltiy function, adding a filter to only include English courses in our recommendations.	2023-05-22 13:13:43 -04:00
Maxwell Frank	603304b799	Merge pull request #751 from openedx/mfrank/fix-close-exit-buttons fix: close and exit buttons	2023-05-18 13:58:42 -04:00
Maxwell Frank	d3e5931d05	fix: close and exit buttons	2023-05-18 17:52:40 +00:00
renovate[bot]	6804f7e127	fix(deps): update dependency algoliasearch to v4.17.0	2023-05-17 22:25:05 +00:00
Maxwell Frank	4b16673780	Merge pull request #750 from openedx/mfrank/reduce-event-payload fix: reduce event payload	2023-05-17 11:12:10 -04:00
Maxwell Frank	6674025bd4	fix: reduce event payload	2023-05-17 14:38:15 +00:00
renovate[bot]	0dab2d03eb	chore(deps): update commitlint monorepo to v17.6.3	2023-05-15 09:41:55 +00:00
Jenkins	df1a84feb7	chore(i18n): update translations	2023-05-14 16:40:48 -04:00
Bilal Qamar	334a9b090e	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-05-12 14:09:48 -04:00
Maxwell Frank	5d06276838	Merge pull request #745 from openedx/mfrank/adding-configure-component fix: remove filtering from current job select	2023-05-11 09:20:43 -04:00
Maxwell Frank	e391e427f1	fix: remove filtering from current job select	2023-05-11 13:05:04 +00:00
Maxwell Frank	b71328fd3f	Merge pull request #744 from openedx/mfrank/adding-configure-component fix: adding configure component to filter jobs	2023-05-10 16:40:11 -04:00
Maxwell Frank	3b9b3f8840	fix: adding configure component to filter jobs	2023-05-10 20:34:29 +00:00
Maxwell Frank	30e837306f	Merge pull request #739 from openedx/mfrank/segement-events APER-2333: Dispatch segment events from JS components	2023-05-10 15:45:35 -04:00
Maxwell Frank	c7a0c1d799	feat: adding analytics	2023-05-09 13:29:38 +00:00
renovate[bot]	337c97e3a0	chore(deps): update dependency @edx/frontend-build to v12.8.27	2023-05-08 09:32:26 +00:00
renovate[bot]	0de4496953	fix(deps): update dependency @edx/paragon to v20.32.3	2023-05-01 10:06:44 +00:00
renovate[bot]	359ae7f1fb	chore(deps): update dependency @edx/frontend-build to v12.8.16	2023-05-01 07:10:23 +00:00
Omar Al-Ithawi	8d467f01dc	feat: use `atlas` in `make pull_translations` (#732 ) - Bump frontend-platform to bring intl-imports.js script - Move all i18n imports into `src/i18n/index.js` so intl-imports.js can override it with latest translations - Add `atlas` into `make pull_translations` when `OPENEDX_ATLAS_PULL` environment variable is set. This pull request is part of the [FC-0012 project](https://openedx.atlassian.net/l/cp/XGS0iCcQ) which is sparked by the [Translation Infrastructure update OEP-58](https://open-edx-proposals.readthedocs.io/en/latest/architectural-decisions/oep-0058-arch-translations-management.html#specification).	2023-04-25 09:33:22 -04:00
renovate[bot]	20debcd79e	fix(deps): update dependency reselect to v4.1.8	2023-04-24 13:13:42 +00:00
renovate[bot]	6a7cbf88df	fix(deps): update dependency @edx/frontend-component-footer to v11.7.4	2023-04-24 09:34:43 +00:00
Jenkins	1b3880ee1b	chore(i18n): update translations	2023-04-23 16:40:44 -04:00
renovate[bot]	79cebaf6df	fix(deps): update dependency @edx/frontend-component-footer to v11.7.2	2023-04-17 15:00:56 +00:00
renovate[bot]	8686af563e	chore(deps): update dependency @edx/frontend-build to v12.8.10	2023-04-17 10:24:54 +00:00