chore(deps): update actions/setup-node action to v6

chore(deps): update dependency jest to v30.3.0 (#1642 )
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2026-03-10 09:02:34 +00:00 · 2026-03-10 05:30:20 +00:00 · 2026-03-05 20:19:49 +00:00 · 2026-03-05 17:14:50 -03:00 · 2026-03-05 13:46:05 -03:00 · 2026-03-05 10:18:51 -03:00
198 changed files with 16191 additions and 6929 deletions
--- a/.env
+++ b/.env
@@ -0,0 +1,45 @@
+NODE_ENV='production'
+ACCESS_TOKEN_COOKIE_NAME=null
+BASE_URL=null
+CREDENTIALS_BASE_URL=null
+CSRF_TOKEN_API_PATH=null
+ECOMMERCE_BASE_URL=null
+LANGUAGE_PREFERENCE_COOKIE_NAME=null
+LMS_BASE_URL=null
+LOGIN_URL=null
+LOGOUT_URL=null
+MARKETING_SITE_BASE_URL=null
+ORDER_HISTORY_URL=null
+REFRESH_ACCESS_TOKEN_ENDPOINT=null
+SEGMENT_KEY=''
+SITE_NAME=null
+INFO_EMAIL=''
+# ***** Cookies *****
+USER_RETENTION_COOKIE_NAME=null
+# ***** Links *****
+LOGIN_ISSUE_SUPPORT_LINK=''
+AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK=null
+POST_REGISTRATION_REDIRECT_URL=''
+SEARCH_CATALOG_URL=''
+# ***** Features flags *****
+DISABLE_ENTERPRISE_LOGIN=''
+ENABLE_AUTO_GENERATED_USERNAME=''
+ENABLE_DYNAMIC_REGISTRATION_FIELDS=''
+ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN=''
+ENABLE_POST_REGISTRATION_RECOMMENDATIONS=''
+MARKETING_EMAILS_OPT_IN=''
+SHOW_CONFIGURABLE_EDX_FIELDS=''
+ENABLE_IMAGE_LAYOUT=''
+# ***** Zendesk related keys *****
+ZENDESK_KEY=''
+ZENDESK_LOGO_URL=''
+# ***** Base Container Images *****
+BANNER_IMAGE_LARGE=''
+BANNER_IMAGE_MEDIUM=''
+BANNER_IMAGE_SMALL=''
+BANNER_IMAGE_EXTRA_SMALL=''
+# ***** Miscellaneous *****
+APP_ID=''
+MFE_CONFIG_API_URL=''
+# Fallback in local style files
+PARAGON_THEME_URLS={}
--- a/.env.development
+++ b/.env.development
@@ -41,3 +41,5 @@ APP_ID=''
 MFE_CONFIG_API_URL=''
 ZENDESK_KEY=''
 ZENDESK_LOGO_URL=''
+# Fallback in local style files
+PARAGON_THEME_URLS={}
--- a/.env.private.example
+++ b/.env.private.example
@@ -0,0 +1,4 @@
+# Copy these to the .env.private to enable edX specific functionality on local system
+ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN='true'
+MARKETING_EMAILS_OPT_IN='true'
+SHOW_CONFIGURABLE_EDX_FIELDS='true'
--- a/.env.test
+++ b/.env.test
@@ -0,0 +1,21 @@
+ACCESS_TOKEN_COOKIE_NAME='edx-jwt-cookie-header-payload'
+BASE_URL='http://localhost:1995'
+CREDENTIALS_BASE_URL='http://localhost:18150'
+CSRF_TOKEN_API_PATH='/csrf/api/v1/token'
+ECOMMERCE_BASE_URL='http://localhost:18130'
+LANGUAGE_PREFERENCE_COOKIE_NAME='openedx-language-preference'
+LMS_BASE_URL='http://localhost:18000'
+LOGIN_URL='http://localhost:18000/login'
+LOGOUT_URL='http://localhost:18000/logout'
+LOGO_URL=https://edx-cdn.org/v3/default/logo.svg
+LOGO_TRADEMARK_URL=https://edx-cdn.org/v3/default/logo-trademark.svg
+LOGO_WHITE_URL=https://edx-cdn.org/v3/default/logo-white.svg
+FAVICON_URL=https://edx-cdn.org/v3/default/favicon.ico
+MARKETING_SITE_BASE_URL='http://localhost:18000'
+ORDER_HISTORY_URL='http://localhost:1996/orders'
+REFRESH_ACCESS_TOKEN_ENDPOINT='http://localhost:18000/login_refresh'
+SEGMENT_KEY=''
+SITE_NAME='Your Platform Name Here'
+APP_ID=''
+MFE_CONFIG_API_URL=''
+PARAGON_THEME_URLS={}
--- a/.eslintignore
+++ b/.eslintignore
@@ -0,0 +1,6 @@
+coverage/*
+dist/
+docs
+node_modules/
+__mocks__/
+__snapshots__/
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,52 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+const { createConfig } = require('@openedx/frontend-build');
+
+module.exports = createConfig('eslint', {
+  rules: {
+    // Temporarily update the 'indent', 'template-curly-spacing' and
+    // 'no-multiple-empty-lines' rules since they are causing eslint
+    // to fail for no apparent reason since upgrading
+    // @openedx/frontend-build from v3 to v5:
+    // - TypeError: Cannot read property 'range' of null
+    indent: [
+      'error',
+      2,
+      { ignoredNodes: ['TemplateLiteral', 'SwitchCase'] },
+    ],
+    'template-curly-spacing': 'off',
+    'jsx-a11y/label-has-associated-control': ['error', {
+      labelComponents: [],
+      labelAttributes: [],
+      controlComponents: [],
+      assert: 'htmlFor',
+      depth: 25,
+    }],
+    'sort-imports': ['error', { ignoreCase: true, ignoreDeclarationSort: true }],
+    'import/order': [
+      'error',
+      {
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          ['sibling', 'parent'],
+          'index',
+        ],
+        pathGroups: [
+          {
+            pattern: '@(react|react-dom|react-redux)',
+            group: 'external',
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['react'],
+        'newlines-between': 'always',
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+      },
+    ],
+    'function-paren-newline': 'off',
+  },
+});
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -16,7 +16,7 @@ jobs:
    - name: Checkout
      uses: actions/checkout@v4
    - name: Setup Nodejs
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v6
      with:
        node-version-file: '.nvmrc'

--- a/.gitignore
+++ b/.gitignore
@@ -1,15 +1,21 @@
+.DS_Store
+.eslintcache
+.idea
 node_modules
 npm-debug.log
 coverage
 module.config.js
+.env.private
+
 dist/
-/*.tgz
-
-### i18n ###
 src/i18n/transifex_input.json
+temp/babel-plugin-react-intl

-### Editors ###
-.DS_Store
+### pyenv ###
+.python-version
+
+### Emacs ###
 *~
 /temp
 /.vscode
+src/i18n/messages
--- a/.npmignore
+++ b/.npmignore
@@ -1,6 +1,11 @@
-__mocks__
+.eslintignore
+.eslintrc.json
+.gitignore
+docker-compose.yml
+Dockerfile
+Makefile
+npm-debug.log
+
+coverage
 node_modules
-*.test.js
-*.test.jsx
-*.test.ts
-*.test.tsx
+public
--- a/2
+++ b/2
@@ -1,2 +0,0 @@
-# The following users are the owners of all frontend-app-authn files
-*       @openedx/2u-infinity
--- a/13
+++ b/13
@@ -13,19 +13,6 @@ precommit:
 requirements:
 	npm ci

-clean:
-	rm -rf dist
-
-build: clean
-	tsc --project tsconfig.build.json
-	tsc-alias -p tsconfig.build.json
-	find src -type f -name '*.scss' -exec sh -c '\
-	  for f in "$$@"; do \
-	    d="dist/$${f#src/}"; \
-	    mkdir -p "$$(dirname "$$d")"; \
-	    cp "$$f" "$$d"; \
-	  done' sh {} +
-
 i18n.extract:
 	# Pulling display strings from .jsx files into .json files...
 	rm -rf $(transifex_temp)
--- a/README.rst
+++ b/README.rst
@@ -26,14 +26,49 @@ This is a micro-frontend application responsible for the login, registration and
 Getting Started
 ***************

-Installation
-============
+Prerequisites
+=============

 `Tutor`_ is currently recommended as a development environment for your new MFE. Please refer to the `relevant tutor-mfe documentation`_ to get started using it.

 .. _Tutor: https://github.com/overhangio/tutor
 .. _relevant tutor-mfe documentation: https://github.com/overhangio/tutor-mfe?tab=readme-ov-file#mfe-development

+Cloning and Startup
+===================
+
+1. Clone your new repo:
+
+.. code-block:: bash
+
+   git clone https://github.com/edx/frontend-app-authn.git
+
+2. Use the version of Node specified in the ``.nvmrc`` file.
+
+   The current version of the micro-frontend build scripts supports the version of Node found in ``.nvmrc``.
+   Using other major versions of node *may* work, but this is unsupported.  For
+   convenience, this repository includes a ``.nvmrc`` file to help in setting the
+   correct node version via `nvm <https://github.com/nvm-sh/nvm>`_.
+
+3. Install npm dependencies:
+
+.. code-block:: bash
+
+   cd frontend-app-authn && npm install
+
+4. Update the application port to use for local development:
+
+   The default port is 1999. If this does not work for you, update the line
+   ``PORT=1999`` to your port in all ``.env.*`` files
+
+5. Start the devserver. The app will be running at ``localhost:1999``, or whatever port you change it too.
+
+   .. code-block:: bash
+
+      npm run dev
+
+   **Note:** Follow `Enable social auth locally <docs/how_tos/enable_social_auth.rst>`_ for enabling Social Sign-on Buttons (SSO) locally
+
 Environment Variables/Setup Notes
 =================================

@@ -95,7 +130,7 @@ The authentication micro-frontend also requires the following additional variabl

   * - ``MFE_CONFIG_API_URL``
     - Link of the API to get runtime mfe configuration variables from the site configuration or django settings.
-     - ``/api/v1/mfe_config`` | ``''`` (empty strings are falsy)  
+     - ``/api/v1/mfe_config`` | ``''`` (empty strings are falsy)

   * - ``APP_ID``
     - Name of MFE, this will be used by the API to get runtime configurations for the specific micro frontend. For a frontend repo `frontend-app-appName`, use `appName` as APP_ID.
@@ -123,6 +158,10 @@ Furthermore, there are several edX-specific environment variables that enable in
     - Enables support for opting in marketing emails that helps us getting user consent for sending marketing emails.
     - ``true`` | ``''`` (empty strings are falsy)

+   * - ``SHOW_CONFIGURABLE_EDX_FIELDS``
+     - For edX, country and honor code fields are required by default. This flag enables edX specific required fields.
+     - ``true`` | ``''`` (empty strings are falsy)
+
 For more information see the document: `Micro-frontend applications in Open
 edX <https://github.com/overhangio/tutor-mfe?tab=readme-ov-file#mfe-development>`__.

@@ -201,4 +240,4 @@ Please see `LICENSE <https://github.com/openedx/frontend-app-authn/blob/master/L
   :target: https://github.com/openedx/edx-developer-docs/actions/workflows/ci.yml
   :alt: Continuous Integration
 .. |semantic-release| image:: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
-   :target: https://github.com/semantic-release/semantic-release
+   :target: https://github.com/semantic-release/semantic-release
--- a/app.d.ts
+++ b/app.d.ts
@@ -1,5 +0,0 @@
-/// <reference types="@openedx/frontend-base" />
-
-declare module 'site.config' {
-  export default SiteConfig;
-}
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,3 +0,0 @@
-const { createConfig } = require('@openedx/frontend-base/tools');
-
-module.exports = createConfig('babel');
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,22 +0,0 @@
-// @ts-check
-
-const { createLintConfig } = require('@openedx/frontend-base/tools');
-
-module.exports = createLintConfig(
-  {
-    files: [
-      'src/**/*',
-      'site.config.*',
-    ],
-  },
-  {
-    ignores: [
-      'coverage/*',
-      'dist/*',
-      'docs/*',
-      'node_modules/*',
-      '**/__mocks__/*',
-      '**/__snapshots__/*',
-    ],
-  },
-);
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,15 +1,14 @@
-const { createConfig } = require('@openedx/frontend-base/tools');
+const { createConfig } = require('@openedx/frontend-build');

-module.exports = createConfig('test', {
-  setupFilesAfterEnv: [
+module.exports = createConfig('jest', {
+  setupFiles: [
    '<rootDir>/src/setupTest.js',
  ],
  coveragePathIgnorePatterns: [
    'src/setupTest.js',
    'src/i18n',
+    'src/index.jsx',
+    'MainApp.jsx',
  ],
-  moduleNameMapper: {
-    '\\.svg$': '<rootDir>/src/__mocks__/svg.js',
-    '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/src/__mocks__/file.js',
-  },
+  testEnvironment: 'jsdom',
 });
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,40 +1,25 @@
 {
-  "name": "@openedx/frontend-app-authn",
-  "version": "1.0.0-alpha.6",
-  "description": "Frontend authentication",
-  "engines": {
-    "node": "^24.12"
-  },
+  "name": "@edx/frontend-app-authn",
+  "version": "0.1.0",
+  "description": "Frontend application template",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/openedx/frontend-app-authn.git"
  },
-  "exports": {
-    ".": "./dist/index.js",
-    "./app.scss": "./dist/app.scss"
-  },
-  "files": [
-    "/dist"
-  ],
  "browserslist": [
    "extends @edx/browserslist-config"
  ],
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
  "scripts": {
-    "build": "make build",
-    "clean": "make clean",
-    "dev": "PORT=1999 PUBLIC_PATH=/authn openedx dev",
-    "i18n_extract": "openedx formatjs extract",
-    "lint": "openedx lint .",
-    "lint:fix": "openedx lint --fix .",
-    "prepack": "npm run build",
-    "snapshot": "openedx test --updateSnapshot",
-    "test": "openedx test --coverage --passWithNoTests"
+    "build": "fedx-scripts webpack",
+    "i18n_extract": "fedx-scripts formatjs extract",
+    "lint": "fedx-scripts eslint --ext .js --ext .jsx .",
+    "lint:fix": "fedx-scripts eslint --fix --ext .js --ext .jsx .",
+    "snapshot": "fedx-scripts jest --updateSnapshot",
+    "start": "fedx-scripts webpack-dev-server --progress",
+    "dev": "PUBLIC_PATH=/authn/ MFE_CONFIG_API_URL='http://localhost:8000/api/mfe_config/v1' fedx-scripts webpack-dev-server --progress --host apps.local.openedx.io",
+    "test": "fedx-scripts jest --coverage --passWithNoTests"
  },
-  "author": "Open edX",
+  "author": "edX",
  "license": "AGPL-3.0",
  "homepage": "https://github.com/openedx/frontend-app-authn#readme",
  "publishConfig": {
@@ -44,41 +29,48 @@
    "url": "https://github.com/openedx/frontend-app-authn/issues"
  },
  "dependencies": {
-    "@edx/brand": "npm:@openedx/brand-openedx@^1.2.3",
-    "@edx/openedx-atlas": "^0.7.0",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "classnames": "^2.5.1",
-    "fastest-levenshtein": "^1.0.16",
-    "form-urlencoded": "^6.1.5",
-    "i18n-iso-countries": "^7.13.0",
-    "prop-types": "^15.8.1",
-    "query-string": "^7.1.3",
-    "react-helmet": "^6.1.0",
-    "react-loading-skeleton": "^3.5.0",
-    "react-responsive": "^8.2.0",
-    "universal-cookie": "^8.0.1"
+    "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
+    "@edx/frontend-platform": "^8.3.1",
+    "@edx/openedx-atlas": "^0.6.0",
+    "@fortawesome/fontawesome-svg-core": "6.7.2",
+    "@fortawesome/free-brands-svg-icons": "6.7.2",
+    "@fortawesome/free-solid-svg-icons": "6.7.2",
+    "@fortawesome/react-fontawesome": "0.2.6",
+    "@openedx/frontend-plugin-framework": "^1.7.0",
+    "@openedx/paragon": "^23.4.2",
+    "@optimizely/react-sdk": "^2.9.1",
+    "@tanstack/react-query": "^5.90.19",
+    "@testing-library/react": "^16.2.0",
+    "algoliasearch": "^4.14.3",
+    "algoliasearch-helper": "^3.26.0",
+    "classnames": "2.5.1",
+    "core-js": "3.43.0",
+    "fastest-levenshtein": "1.0.16",
+    "form-urlencoded": "6.1.6",
+    "prop-types": "15.8.1",
+    "query-string": "7.1.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-helmet": "6.1.0",
+    "react-loading-skeleton": "3.5.0",
+    "react-responsive": "8.2.0",
+    "react-router": "6.30.3",
+    "react-router-dom": "6.30.3",
+    "react-zendesk": "^0.1.13",
+    "regenerator-runtime": "0.14.1",
+    "universal-cookie": "7.2.2"
  },
  "devDependencies": {
-    "@edx/browserslist-config": "^1.5.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/jest": "^29.5.14",
-    "babel-plugin-formatjs": "10.5.38",
-    "eslint-plugin-import": "2.31.0",
-    "jest": "^29.7.0",
+    "@edx/browserslist-config": "^1.1.1",
+    "@edx/typescript-config": "^1.1.0",
+    "@openedx/frontend-build": "^14.6.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "babel-plugin-formatjs": "10.5.41",
+    "eslint-plugin-import": "2.32.0",
+    "glob": "7.2.3",
+    "history": "5.3.0",
+    "jest": "30.3.0",
    "react-test-renderer": "^18.3.1",
-    "ts-jest": "^29.4.0",
-    "tsc-alias": "^1.8.16"
-  },
-  "peerDependencies": {
-    "@openedx/frontend-base": "^1.0.0-alpha.14",
-    "@openedx/paragon": "^23",
-    "@tanstack/react-query": "^5",
-    "react": "^18",
-    "react-dom": "^18",
-    "react-router": "^6",
-    "react-router-dom": "^6"
+    "ts-jest": "^29.4.0"
  }
 }
--- a/public/index.html
+++ b/public/index.html
@@ -1,9 +1,24 @@
 <!doctype html>
 <html lang="en-us">
  <head>
-      <title>Authentication Development Site></title>
+      <title><%= (process.env.SITE_NAME && process.env.SITE_NAME != 'null') ? 'Authentication | ' + process.env.SITE_NAME : 'Authentication' %></title>    
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <link rel="shortcut icon" href="<%=htmlWebpackPlugin.options.FAVICON_URL%>" type="image/x-icon"/>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.4.4/iframeResizer.contentWindow.min.js"
+              integrity="sha512-IWwZFBvHzN41wNI6etRLLuLrDDj/6AwJcPt7cmKJAzluYTIHHQ1PF8wh0rSy05jxEvvjflVvH2MxeV6riyEEXg=="
+              crossorigin="anonymous"
+              referrerpolicy="no-referrer">
+      </script>
+      <% if (process.env.OPTIMIZELY_URL) { %>
+        <script
+          src="<%= process.env.OPTIMIZELY_URL %>"
+        ></script>
+      <% } else if (process.env.OPTIMIZELY_PROJECT_ID) { %>
+        <script
+          src="<%= process.env.MARKETING_SITE_BASE_URL %>/optimizelyjs/<%= process.env.OPTIMIZELY_PROJECT_ID %>.js"
+        ></script>
+      <% } %>
  </head>
  <body>
    <div id="root"></div>
--- a/site.config.dev.tsx
+++ b/site.config.dev.tsx
@@ -1,19 +0,0 @@
-import { EnvironmentTypes, SiteConfig } from '@openedx/frontend-base';
-
-import { authnApp } from './src';
-
-import './src/app.scss';
-
-const siteConfig: SiteConfig = {
-  siteId: 'authn-dev',
-  siteName: 'Authn Dev',
-  baseUrl: 'http://apps.local.openedx.io:8080',
-  lmsBaseUrl: 'http://local.openedx.io:8000',
-  loginUrl: 'http://local.openedx.io:8000/login',
-  logoutUrl: 'http://local.openedx.io:8000/logout',
-
-  environment: EnvironmentTypes.DEVELOPMENT,
-  apps: [authnApp],
-};
-
-export default siteConfig;
--- a/site.config.test.tsx
+++ b/site.config.test.tsx
@@ -1,52 +0,0 @@
-import type { SiteConfig } from '@openedx/frontend-base';
-
-import { appId } from './src/constants';
-
-const siteConfig: SiteConfig = {
-  siteId: 'test-site',
-  siteName: 'Test Site',
-  baseUrl: 'http://localhost:1996',
-  lmsBaseUrl: 'http://localhost:8000',
-  loginUrl: 'http://localhost:8000/login',
-  logoutUrl: 'http://localhost:8000/logout',
-
-  // Use 'test' instead of EnvironmentTypes.TEST to break a circular dependency
-  // when mocking `@openedx/frontend-base` itself.
-  environment: 'test' as SiteConfig['environment'],
-  apps: [{
-    appId,
-    config: {
-      ACTIVATION_EMAIL_SUPPORT_LINK: null,
-      ALLOW_PUBLIC_ACCOUNT_CREATION: false,
-      AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK: null,
-      BANNER_IMAGE_EXTRA_SMALL: '',
-      BANNER_IMAGE_LARGE: '',
-      BANNER_IMAGE_MEDIUM: '',
-      BANNER_IMAGE_SMALL: '',
-      DISABLE_ENTERPRISE_LOGIN: true,
-      ENABLE_AUTO_GENERATED_USERNAME: false,
-      ENABLE_DYNAMIC_REGISTRATION_FIELDS: false,
-      ENABLE_IMAGE_LAYOUT: false,
-      ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN: false,
-      FAVICON_URL: 'https://edx-cdn.org/v3/default/favicon.ico',
-      INFO_EMAIL: '',
-      LOGIN_ISSUE_SUPPORT_LINK: null,
-      LOGO_TRADEMARK_URL: 'https://edx-cdn.org/v3/default/logo-trademark.svg',
-      LOGO_URL: 'https://edx-cdn.org/v3/default/logo.svg',
-      LOGO_WHITE_URL: 'https://edx-cdn.org/v3/default/logo-white.svg',
-      MARKETING_EMAILS_OPT_IN: '',
-      MARKETING_SITE_BASE_URL: 'http://localhost:18000',
-      PASSWORD_RESET_SUPPORT_LINK: null,
-      POST_REGISTRATION_REDIRECT_URL: '',
-      PRIVACY_POLICY: null,
-      SEARCH_CATALOG_URL: null,
-      SESSION_COOKIE_DOMAIN: 'local.openedx.io',
-      SHOW_REGISTRATION_LINKS: false,
-      TOS_AND_HONOR_CODE: null,
-      TOS_LINK: null,
-      USER_RETENTION_COOKIE_NAME: '',
-    },
-  }],
-};
-
-export default siteConfig;
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -1,19 +0,0 @@
-import { Outlet } from 'react-router-dom';
-import { CurrentAppProvider } from '@openedx/frontend-base';
-
-import { appId } from './constants';
-import {
-  registerIcons,
-} from './common-components';
-
-import './sass/_style.scss';
-
-registerIcons();
-
-const Main = () => (
-  <CurrentAppProvider appId={appId}>
-    <Outlet />
-  </CurrentAppProvider>
-);
-
-export default Main;
--- a/src/MainApp.jsx
+++ b/src/MainApp.jsx
@@ -0,0 +1,76 @@
+import { getConfig } from '@edx/frontend-platform';
+import { AppProvider } from '@edx/frontend-platform/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { Helmet } from 'react-helmet';
+import { Navigate, Route, Routes } from 'react-router-dom';
+
+import {
+  EmbeddedRegistrationRoute, NotFoundPage, registerIcons, UnAuthOnlyRoute, Zendesk,
+} from './common-components';
+import {
+  AUTHN_PROGRESSIVE_PROFILING,
+  LOGIN_PAGE,
+  PAGE_NOT_FOUND,
+  PASSWORD_RESET_CONFIRM,
+  RECOMMENDATIONS,
+  REGISTER_EMBEDDED_PAGE,
+  REGISTER_PAGE,
+  RESET_PAGE,
+} from './data/constants';
+import { updatePathWithQueryParams } from './data/utils';
+import { ForgotPasswordPage } from './forgot-password';
+import Logistration from './logistration/Logistration';
+import { ProgressiveProfiling } from './progressive-profiling';
+import { RecommendationsPage } from './recommendations';
+import { RegistrationPage } from './register';
+import { ResetPasswordPage } from './reset-password';
+
+import './index.scss';
+
+registerIcons();
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    mutations: {
+      retry: false,
+    },
+  },
+});
+
+const MainApp = () => (
+  <QueryClientProvider client={queryClient}>
+    <AppProvider>
+      <Helmet>
+        <link rel="shortcut icon" href={getConfig().FAVICON_URL} type="image/x-icon" />
+      </Helmet>
+      {getConfig().ZENDESK_KEY && <Zendesk />}
+      <Routes>
+        <Route path="/" element={<Navigate replace to={updatePathWithQueryParams(REGISTER_PAGE)} />} />
+        <Route
+          path={REGISTER_EMBEDDED_PAGE}
+          element={<EmbeddedRegistrationRoute><RegistrationPage /></EmbeddedRegistrationRoute>}
+        />
+        <Route
+          path={LOGIN_PAGE}
+          element={
+            <UnAuthOnlyRoute><Logistration selectedPage={LOGIN_PAGE} /></UnAuthOnlyRoute>
+          }
+        />
+        <Route
+          path={REGISTER_PAGE}
+          element={
+            <UnAuthOnlyRoute><Logistration selectedPage={REGISTER_PAGE} /></UnAuthOnlyRoute>
+          }
+        />
+        <Route path={RESET_PAGE} element={<UnAuthOnlyRoute><ForgotPasswordPage /></UnAuthOnlyRoute>} />
+        <Route path={PASSWORD_RESET_CONFIRM} element={<ResetPasswordPage />} />
+        <Route path={AUTHN_PROGRESSIVE_PROFILING} element={<ProgressiveProfiling />} />
+        <Route path={RECOMMENDATIONS} element={<RecommendationsPage />} />
+        <Route path={PAGE_NOT_FOUND} element={<NotFoundPage />} />
+        <Route path="*" element={<Navigate replace to={PAGE_NOT_FOUND} />} />
+      </Routes>
+    </AppProvider>
+  </QueryClientProvider>
+);
+
+export default MainApp;
--- a/src/mocks/file.js
+++ b/src/mocks/file.js
@@ -1 +0,0 @@
-module.exports = 'FileMock';
--- a/src/mocks/svg.js
+++ b/src/mocks/svg.js
@@ -1 +0,0 @@
-module.exports = 'SvgURL';
--- a/src/app.scss
+++ b/src/app.scss
@@ -1,2 +0,0 @@
-@use "@openedx/frontend-base/shell/app.scss";
-@use "./sass/style";
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,43 +0,0 @@
-import { App } from '@openedx/frontend-base';
-import { appId } from './constants';
-import routes from './routes';
-import messages from './i18n';
-
-const app: App = {
-  appId,
-  routes,
-  messages,
-  config: {
-    ACTIVATION_EMAIL_SUPPORT_LINK: null,
-    ALLOW_PUBLIC_ACCOUNT_CREATION: true,
-    AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK: null,
-    BANNER_IMAGE_EXTRA_SMALL: '',
-    BANNER_IMAGE_LARGE: '',
-    BANNER_IMAGE_MEDIUM: '',
-    BANNER_IMAGE_SMALL: '',
-    DISABLE_ENTERPRISE_LOGIN: true,
-    ENABLE_AUTO_GENERATED_USERNAME: false,
-    ENABLE_DYNAMIC_REGISTRATION_FIELDS: false,
-    ENABLE_IMAGE_LAYOUT: false,
-    ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN: false,
-    FAVICON_URL: 'https://edx-cdn.org/v3/default/favicon.ico',
-    INFO_EMAIL: '',
-    LOGIN_ISSUE_SUPPORT_LINK: null,
-    LOGO_TRADEMARK_URL: 'https://edx-cdn.org/v3/default/logo-trademark.svg',
-    LOGO_URL: 'https://edx-cdn.org/v3/default/logo.svg',
-    LOGO_WHITE_URL: 'https://edx-cdn.org/v3/default/logo-white.svg',
-    MARKETING_EMAILS_OPT_IN: '',
-    MARKETING_SITE_BASE_URL: 'http://local.openedx.io',
-    PASSWORD_RESET_SUPPORT_LINK: null,
-    POST_REGISTRATION_REDIRECT_URL: '',
-    PRIVACY_POLICY: null,
-    SEARCH_CATALOG_URL: null,
-    SESSION_COOKIE_DOMAIN: 'local.openedx.io',
-    SHOW_REGISTRATION_LINKS: true,
-    TOS_AND_HONOR_CODE: null,
-    TOS_LINK: null,
-    USER_RETENTION_COOKIE_NAME: '',
-  },
-};
-
-export default app;
--- a/src/base-container/components/default-layout/DefaultLayout.test.jsx
+++ b/src/base-container/components/default-layout/DefaultLayout.test.jsx
@@ -1,4 +1,4 @@
-import { IntlProvider } from '@openedx/frontend-base';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { render, screen } from '@testing-library/react';

 import { DefaultLargeLayout, DefaultMediumLayout, DefaultSmallLayout } from './index';
--- a/src/base-container/components/default-layout/LargeLayout.jsx
+++ b/src/base-container/components/default-layout/LargeLayout.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';
 import classNames from 'classnames';

@@ -10,20 +11,20 @@ const LargeLayout = () => {
  return (
    <div className="w-50 d-flex">
      <div className="col-md-9 bg-primary-400">
-        <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-          <Image className="logo position-absolute" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />
+        <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+          <Image className="logo position-absolute" alt={getConfig().SITE_NAME} src={getConfig().LOGO_WHITE_URL} />
        </Hyperlink>
        <div className="min-vh-100 d-flex align-items-center">
-          <div className={classNames({ 'large-yellow-line mr-n4.5': getSiteConfig().siteName === 'edX' })} />
+          <div className={classNames({ 'large-yellow-line mr-n4.5': getConfig().SITE_NAME === 'edX' })} />
          <h1
            className={classNames(
              'display-2 text-white mw-xs',
-              { 'ml-6': getSiteConfig().siteName !== 'edX' },
+              { 'ml-6': getConfig().SITE_NAME !== 'edX' },
            )}
          >
            {formatMessage(messages['start.learning'])}
            <div className="text-accent-a">
-              {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}
+              {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
            </div>
          </h1>
        </div>
--- a/src/base-container/components/default-layout/MediumLayout.jsx
+++ b/src/base-container/components/default-layout/MediumLayout.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';
 import classNames from 'classnames';

@@ -12,22 +13,22 @@ const MediumLayout = () => {
      <div className="w-100 medium-screen-top-stripe" />
      <div className="w-100 p-0 mb-3 d-flex">
        <div className="col-md-10 bg-primary-400">
-          <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-            <Image alt={getSiteConfig().siteName} className="logo" src={useAppConfig().LOGO_WHITE_URL} />
+          <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+            <Image alt={getConfig().SITE_NAME} className="logo" src={getConfig().LOGO_WHITE_URL} />
          </Hyperlink>
          <div className="d-flex align-items-center justify-content-center mb-4 ">
-            <div className={classNames({ 'mt-1 medium-yellow-line': getSiteConfig().siteName === 'edX' })} />
+            <div className={classNames({ 'mt-1 medium-yellow-line': getConfig().SITE_NAME === 'edX' })} />
            <div>
              <h1
                className={classNames(
                  'display-1 text-white mt-5 mb-5 mr-2 main-heading',
-                  { 'ml-4.5': getSiteConfig().siteName !== 'edX' },
+                  { 'ml-4.5': getConfig().SITE_NAME !== 'edX' },
                )}
              >
                <span>
                  {formatMessage(messages['start.learning'])}{' '}
                  <span className="text-accent-a d-inline-block">
-                    {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}
+                    {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
                  </span>
                </span>
              </h1>
--- a/src/base-container/components/default-layout/SmallLayout.jsx
+++ b/src/base-container/components/default-layout/SmallLayout.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';
 import classNames from 'classnames';

@@ -11,11 +12,11 @@ const SmallLayout = () => {
    <span className="bg-primary-400 w-100">
      <div className="col-md-12 small-screen-top-stripe" />
      <div>
-        <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-          <Image className="logo-small" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />
+        <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+          <Image className="logo-small" alt={getConfig().SITE_NAME} src={getConfig().LOGO_WHITE_URL} />
        </Hyperlink>
        <div className="d-flex align-items-center m-3.5">
-          <div className={classNames({ 'small-yellow-line mr-n2.5': getSiteConfig().siteName === 'edX' })} />
+          <div className={classNames({ 'small-yellow-line mr-n2.5': getConfig().SITE_NAME === 'edX' })} />
          <h1
            className={classNames(
              'text-white mt-3.5 mb-3.5',
@@ -24,7 +25,7 @@ const SmallLayout = () => {
            <span>
              {formatMessage(messages['start.learning'])}{' '}
              <span className="text-accent-a d-inline-block">
-                {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}
+                {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
              </span>
            </span>
          </h1>
--- a/src/base-container/components/default-layout/messages.js
+++ b/src/base-container/components/default-layout/messages.js
@@ -1,4 +1,4 @@
-import { defineMessages } from '@openedx/frontend-base';
+import { defineMessages } from '@edx/frontend-platform/i18n';

 const messages = defineMessages({
  'start.learning': {
--- a/src/base-container/components/image-layout/ExtraSmallLayout.jsx
+++ b/src/base-container/components/image-layout/ExtraSmallLayout.jsx
@@ -1,4 +1,7 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import React from 'react';
+
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';

 import messages from './messages';
@@ -9,10 +12,10 @@ const ExtraSmallLayout = () => {
  return (
    <span
      className="w-100 bg-primary-500 banner__image extra-small-layout"
-      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_EXTRA_SMALL})` }}
+      style={{ backgroundImage: `url(${getConfig().BANNER_IMAGE_EXTRA_SMALL})` }}
    >
-      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-        <Image className="company-logo" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />
+      <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+        <Image className="company-logo" alt={getConfig().SITE_NAME} src={getConfig().LOGO_WHITE_URL} />
      </Hyperlink>
      <div className="ml-4.5 mr-1 pb-3.5 pt-3.5">
        <h1 className="banner__heading">
--- a/src/base-container/components/image-layout/LargeLayout.jsx
+++ b/src/base-container/components/image-layout/LargeLayout.jsx
@@ -1,4 +1,7 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import React from 'react';
+
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';

 import './index.scss';
@@ -10,10 +13,10 @@ const LargeLayout = () => {
  return (
    <div
      className="w-50 bg-primary-500 banner__image large-layout"
-      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_LARGE})` }}
+      style={{ backgroundImage: `url(${getConfig().BANNER_IMAGE_LARGE})` }}
    >
-      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-        <Image className="company-logo position-absolute" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />
+      <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+        <Image className="company-logo position-absolute" alt={getConfig().SITE_NAME} src={getConfig().LOGO_WHITE_URL} />
      </Hyperlink>
      <div className="min-vh-100 p-5 d-flex align-items-end">
        <h1 className="display-2 mw-sm mb-3 d-flex flex-column flex-shrink-0 justify-content-center">
--- a/src/base-container/components/image-layout/MediumLayout.jsx
+++ b/src/base-container/components/image-layout/MediumLayout.jsx
@@ -1,4 +1,7 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import React from 'react';
+
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';

 import './index.scss';
@@ -10,10 +13,10 @@ const MediumLayout = () => {
  return (
    <div
      className="w-100 mb-3 bg-primary-500 banner__image medium-layout"
-      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_MEDIUM})` }}
+      style={{ backgroundImage: `url(${getConfig().BANNER_IMAGE_MEDIUM})` }}
    >
-      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-        <Image className="company-logo" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />
+      <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+        <Image className="company-logo" alt={getConfig().SITE_NAME} src={getConfig().LOGO_WHITE_URL} />
      </Hyperlink>
      <div className="ml-5 pb-4 pt-4">
        <h1 className="display-2 banner__heading">
--- a/src/base-container/components/image-layout/SmallLayout.jsx
+++ b/src/base-container/components/image-layout/SmallLayout.jsx
@@ -1,4 +1,7 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import React from 'react';
+
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';

 import messages from './messages';
@@ -9,10 +12,10 @@ const SmallLayout = () => {
  return (
    <span
      className="w-100 bg-primary-500 banner__image small-layout"
-      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_SMALL})` }}
+      style={{ backgroundImage: `url(${getConfig().BANNER_IMAGE_SMALL})` }}
    >
-      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-        <Image className="company-logo" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />
+      <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+        <Image className="company-logo" alt={getConfig().SITE_NAME} src={getConfig().LOGO_WHITE_URL} />
      </Hyperlink>
      <div className="ml-5 mr-1 pb-3.5 pt-3.5">
        <h1 className="display-2">
--- a/src/base-container/components/image-layout/messages.js
+++ b/src/base-container/components/image-layout/messages.js
@@ -1,4 +1,4 @@
-import { defineMessages } from '@openedx/frontend-base';
+import { defineMessages } from '@edx/frontend-platform/i18n';

 const messages = defineMessages({
  'your.career.turning.point': {
--- a/src/base-container/components/welcome-page-layout/LargeLayout.jsx
+++ b/src/base-container/components/welcome-page-layout/LargeLayout.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';
 import PropTypes from 'prop-types';

@@ -10,14 +11,14 @@ const LargeLayout = ({ fullName }) => {
  return (
    <div className="w-50 d-flex">
      <div className="col-md-10 bg-light-200 p-0">
-        <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-          <Image className="logo position-absolute" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_URL} />
+        <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+          <Image className="logo position-absolute" alt={getConfig().SITE_NAME} src={getConfig().LOGO_URL} />
        </Hyperlink>
        <div className="min-vh-100 d-flex align-items-center">
          <div className="large-screen-left-container mr-n4.5 large-yellow-line mt-5" />
          <div>
            <h1 className="welcome-to-platform data-hj-suppress">
-              {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}
+              {formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, fullName })}
            </h1>
            <h2 className="complete-your-profile">
              {formatMessage(messages['complete.your.profile.1'])}
--- a/src/base-container/components/welcome-page-layout/MediumLayout.jsx
+++ b/src/base-container/components/welcome-page-layout/MediumLayout.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';
 import PropTypes from 'prop-types';

@@ -12,14 +13,14 @@ const MediumLayout = ({ fullName }) => {
      <div className="w-100 medium-screen-top-stripe" />
      <div className="w-100 p-0 mb-3 d-flex">
        <div className="col-md-10 bg-light-200">
-          <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-            <Image className="logo" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_URL} />
+          <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+            <Image className="logo" alt={getConfig().SITE_NAME} src={getConfig().LOGO_URL} />
          </Hyperlink>
          <div className="d-flex align-items-center justify-content-center mb-4 ml-5">
            <div className="medium-yellow-line mt-5 mr-n2" />
            <div>
              <h1 className="h3 data-hj-suppress mw-320">
-                {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}
+                {formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, fullName })}
              </h1>
              <h2 className="display-1">
                {formatMessage(messages['complete.your.profile.1'])}
--- a/src/base-container/components/welcome-page-layout/SmallLayout.jsx
+++ b/src/base-container/components/welcome-page-layout/SmallLayout.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Hyperlink, Image } from '@openedx/paragon';
 import PropTypes from 'prop-types';

@@ -10,14 +11,14 @@ const SmallLayout = ({ fullName }) => {
  return (
    <div className="min-vw-100 bg-light-200">
      <div className="col-md-12 small-screen-top-stripe" />
-      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>
-        <Image className="logo-small" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_URL} />
+      <Hyperlink destination={getConfig().MARKETING_SITE_BASE_URL}>
+        <Image className="logo-small" alt={getConfig().SITE_NAME} src={getConfig().LOGO_URL} />
      </Hyperlink>
      <div className="d-flex align-items-center m-3.5">
        <div className="small-yellow-line mt-4.5" />
        <div>
          <h1 className="h5 data-hj-suppress">
-            {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}
+            {formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, fullName })}
          </h1>
          <h2 className="h1">
            {formatMessage(messages['complete.your.profile.1'])}
--- a/src/base-container/components/welcome-page-layout/messages.js
+++ b/src/base-container/components/welcome-page-layout/messages.js
@@ -1,4 +1,4 @@
-import { defineMessages } from '@openedx/frontend-base';
+import { defineMessages } from '@edx/frontend-platform/i18n';

 const messages = defineMessages({
  'welcome.to.platform': {
--- a/src/base-container/index.jsx
+++ b/src/base-container/index.jsx
@@ -1,4 +1,4 @@
-import { useAppConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
 import { breakpoints } from '@openedx/paragon';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -11,7 +11,7 @@ import {
 import { AuthLargeLayout, AuthMediumLayout, AuthSmallLayout } from './components/welcome-page-layout';

 const BaseContainer = ({ children, showWelcomeBanner, fullName }) => {
-  const enableImageLayout = useAppConfig().ENABLE_IMAGE_LAYOUT;
+  const enableImageLayout = getConfig().ENABLE_IMAGE_LAYOUT;

  if (enableImageLayout) {
    return (
--- a/src/base-container/tests/BaseContainer.test.jsx
+++ b/src/base-container/tests/BaseContainer.test.jsx
@@ -1,9 +1,9 @@
-import { IntlProvider, mergeAppConfig } from '@openedx/frontend-base';
+import { mergeConfig } from '@edx/frontend-platform';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { render } from '@testing-library/react';
 import { Context as ResponsiveContext } from 'react-responsive';

 import BaseContainer from '../index';
-import { appId } from '../../constants';

 const LargeScreen = {
  wrappingComponent: ResponsiveContext.Provider,
@@ -26,7 +26,7 @@ describe('Base component tests', () => {
  });

  it('renders Image layout when ENABLE_IMAGE_LAYOUT configuration is enabled', () => {
-    mergeAppConfig(appId, {
+    mergeConfig({
      ENABLE_IMAGE_LAYOUT: true,
    });

--- a/src/common-components/EnterpriseSSO.jsx
+++ b/src/common-components/EnterpriseSSO.jsx
@@ -1,5 +1,6 @@
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
 import {
  Button, Form,
  Icon,
@@ -7,8 +8,8 @@ import {
 import { Login } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';

-import { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';
 import messages from './messages';
+import { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';

 /**
 * This component renders the Single sign-on (SSO) button only for the tpa provider passed
@@ -16,12 +17,12 @@ import messages from './messages';
 const EnterpriseSSO = (props) => {
  const { formatMessage } = useIntl();
  const tpaProvider = props.provider;
-  const hideRegistrationLink = useAppConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false
-    || useAppConfig().SHOW_REGISTRATION_LINKS === false;
+  const hideRegistrationLink = getConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false
+    || getConfig().SHOW_REGISTRATION_LINKS === false;

  const handleSubmit = (e, url) => {
    e.preventDefault();
-    window.location.href = getSiteConfig().lmsBaseUrl + url;
+    window.location.href = getConfig().LMS_BASE_URL + url;
  };

  const handleClick = (e) => {
@@ -47,7 +48,7 @@ const EnterpriseSSO = (props) => {
                {tpaProvider.iconImage ? (
                  <div aria-hidden="true">
                    <img className="btn-tpa__image-icon" src={tpaProvider.iconImage} alt={`icon ${tpaProvider.name}`} />
-                    <span className="pl-2" aria-hidden="true">{tpaProvider.name}</span>
+                    <span className="pl-2" aria-hidden="true">{ tpaProvider.name }</span>
                  </div>
                )
                  : (
@@ -59,7 +60,7 @@ const EnterpriseSSO = (props) => {
                            <Icon className="h-75" src={Login} />
                          )}
                      </div>
-                      <span className="pl-2" aria-hidden="true">{tpaProvider.name}</span>
+                      <span className="pl-2" aria-hidden="true">{ tpaProvider.name }</span>
                    </>
                  )}
              </Button>
--- a/src/common-components/InstitutionLogistration.jsx
+++ b/src/common-components/InstitutionLogistration.jsx
@@ -1,4 +1,5 @@
-import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Button, Hyperlink, Icon } from '@openedx/paragon';
 import { Institution } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
@@ -28,7 +29,7 @@ export const RenderInstitutionButton = props => {
 * This component renders the page list of available institutions for login
 * */
 const InstitutionLogistration = props => {
-  const lmsBaseUrl = getSiteConfig().lmsBaseUrl;
+  const lmsBaseUrl = getConfig().LMS_BASE_URL;
  const { formatMessage } = useIntl();
  const {
    secondaryProviders,
--- a/src/common-components/NotFoundPage.jsx
+++ b/src/common-components/NotFoundPage.jsx
@@ -1,4 +1,4 @@
-import { FormattedMessage } from '@openedx/frontend-base';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';

 const NotFoundPage = () => (
  <div className="container-fluid d-flex py-5 justify-content-center align-items-start text-center">
--- a/src/common-components/PasswordField.jsx
+++ b/src/common-components/PasswordField.jsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';

-import { useIntl } from '@openedx/frontend-base';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import {
  Form, Icon, IconButton, OverlayTrigger, Tooltip, useToggle,
 } from '@openedx/paragon';
@@ -9,11 +9,11 @@ import {
 } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';

-import { LETTER_REGEX, NUMBER_REGEX } from '../data/constants';
-import { validatePasswordField } from '../register/data/utils';
 import messages from './messages';
-
-const noopFn = () => {};
+import { LETTER_REGEX, NUMBER_REGEX } from '../data/constants';
+import { useRegisterContext } from '../register/components/RegisterContext';
+import { useFieldValidations } from '../register/data/apiHook';
+import { validatePasswordField } from '../register/data/utils';

 const PasswordField = (props) => {
  const { formatMessage } = useIntl();
@@ -21,10 +21,20 @@ const PasswordField = (props) => {
  const [showTooltip, setShowTooltip] = useState(false);

  const {
-    validationApiRateLimited = false,
-    clearRegistrationBackendError = noopFn,
-    validateField = noopFn,
-  } = props;
+    setValidationsSuccess,
+    setValidationsFailure,
+    validationApiRateLimited,
+    clearRegistrationBackendError,
+  } = useRegisterContext();
+
+  const fieldValidationsMutation = useFieldValidations({
+    onSuccess: (data) => {
+      setValidationsSuccess(data);
+    },
+    onError: () => {
+      setValidationsFailure();
+    },
+  });

  const handleBlur = (e) => {
    const { name, value } = e.target;
@@ -53,7 +63,7 @@ const PasswordField = (props) => {
      if (fieldError) {
        props.handleErrorChange('password', fieldError);
      } else if (!validationApiRateLimited) {
-        validateField({ password: passwordValue });
+        fieldValidationsMutation.mutate({ password: passwordValue });
      }
    }
  };
@@ -158,9 +168,6 @@ PasswordField.defaultProps = {
  showRequirements: true,
  showScreenReaderText: true,
  autoComplete: null,
-  clearRegistrationBackendError: noopFn,
-  validateField: noopFn,
-  validationApiRateLimited: false,
 };

 PasswordField.propTypes = {
@@ -176,9 +183,6 @@ PasswordField.propTypes = {
  value: PropTypes.string.isRequired,
  autoComplete: PropTypes.string,
  showScreenReaderText: PropTypes.bool,
-  clearRegistrationBackendError: PropTypes.func,
-  validateField: PropTypes.func,
-  validationApiRateLimited: PropTypes.bool,
 };

 export default PasswordField;
--- a/src/common-components/RedirectLogistration.jsx
+++ b/src/common-components/RedirectLogistration.jsx
@@ -1,9 +1,9 @@
-import { useAppConfig, getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
 import PropTypes from 'prop-types';
 import { Navigate } from 'react-router-dom';

 import {
-  AUTHN_PROGRESSIVE_PROFILING, REDIRECT,
+  AUTHN_PROGRESSIVE_PROFILING, RECOMMENDATIONS, REDIRECT,
 } from '../data/constants';
 import { setCookie } from '../data/utils';

@@ -15,20 +15,20 @@ const RedirectLogistration = (props) => {
    redirectToProgressiveProfilingPage,
    success,
    optionalFields,
+    redirectToRecommendationsPage,
    educationLevel,
    userId,
    registrationEmbedded,
    host,
  } = props;
  let finalRedirectUrl = '';
-
  if (success) {
    // If we're in a third party auth pipeline, we must complete the pipeline
    // once user has successfully logged in. Otherwise, redirect to the specified redirect url.
    // Note: For multiple enterprise use case, we need to make sure that user first visits the
    // enterprise selection page and then complete the auth workflow
    if (finishAuthUrl && !redirectUrl.includes(finishAuthUrl)) {
-      finalRedirectUrl = getSiteConfig().lmsBaseUrl + finishAuthUrl;
+      finalRedirectUrl = getConfig().LMS_BASE_URL + finishAuthUrl;
    } else {
      finalRedirectUrl = redirectUrl;
    }
@@ -36,12 +36,12 @@ const RedirectLogistration = (props) => {
    // Redirect to Progressive Profiling after successful registration
    if (redirectToProgressiveProfilingPage) {
      // TODO: Do we still need this cookie?
-      setCookie('van-504-returning-user', true, useAppConfig().SESSION_COOKIE_DOMAIN);
+      setCookie('van-504-returning-user', true);

      if (registrationEmbedded) {
        window.parent.postMessage({
          action: REDIRECT,
-          redirectUrl: useAppConfig().POST_REGISTRATION_REDIRECT_URL,
+          redirectUrl: getConfig().POST_REGISTRATION_REDIRECT_URL,
        }, host);
        return null;
      }
@@ -59,6 +59,22 @@ const RedirectLogistration = (props) => {
      );
    }

+    // Redirect to Recommendation page
+    if (redirectToRecommendationsPage) {
+      const registrationResult = { redirectUrl: finalRedirectUrl, success };
+      return (
+        <Navigate
+          to={RECOMMENDATIONS}
+          state={{
+            registrationResult,
+            educationLevel,
+            userId,
+          }}
+          replace
+        />
+      );
+    }
+
    window.location.href = finalRedirectUrl;
  }

@@ -73,6 +89,7 @@ RedirectLogistration.defaultProps = {
  redirectUrl: '',
  redirectToProgressiveProfilingPage: false,
  optionalFields: {},
+  redirectToRecommendationsPage: false,
  userId: null,
  registrationEmbedded: false,
  host: '',
@@ -86,6 +103,7 @@ RedirectLogistration.propTypes = {
  redirectUrl: PropTypes.string,
  redirectToProgressiveProfilingPage: PropTypes.bool,
  optionalFields: PropTypes.shape({}),
+  redirectToRecommendationsPage: PropTypes.bool,
  userId: PropTypes.number,
  registrationEmbedded: PropTypes.bool,
  host: PropTypes.string,
--- a/src/common-components/SocialAuthProviders.jsx
+++ b/src/common-components/SocialAuthProviders.jsx
@@ -1,11 +1,12 @@
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import { Icon } from '@openedx/paragon';
 import { Login } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';

-import { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';
 import messages from './messages';
+import { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';

 const SocialAuthProviders = (props) => {
  const { formatMessage } = useIntl();
@@ -15,7 +16,7 @@ const SocialAuthProviders = (props) => {
    e.preventDefault();

    const url = e.currentTarget.dataset.providerUrl;
-    window.location.href = getSiteConfig().lmsBaseUrl + url;
+    window.location.href = getConfig().LMS_BASE_URL + url;
  }

  const socialAuth = socialAuthProviders.map((provider, index) => (
--- a/src/common-components/ThirdPartyAuth.jsx
+++ b/src/common-components/ThirdPartyAuth.jsx
@@ -1,4 +1,5 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import {
  Hyperlink, Icon,
 } from '@openedx/paragon';
@@ -7,10 +8,10 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Skeleton from 'react-loading-skeleton';

+import messages from './messages';
 import {
  ENTERPRISE_LOGIN_URL, LOGIN_PAGE, PENDING_STATE, REGISTER_PAGE,
 } from '../data/constants';
-import messages from './messages';

 import {
  RenderInstitutionButton,
@@ -32,8 +33,8 @@ const ThirdPartyAuth = (props) => {
  } = props;
  const isInstitutionAuthActive = !!secondaryProviders.length && !currentProvider;
  const isSocialAuthActive = !!providers.length && !currentProvider;
-  const isEnterpriseLoginDisabled = useAppConfig().DISABLE_ENTERPRISE_LOGIN;
-  const enterpriseLoginURL = getSiteConfig().lmsBaseUrl + ENTERPRISE_LOGIN_URL;
+  const isEnterpriseLoginDisabled = getConfig().DISABLE_ENTERPRISE_LOGIN;
+  const enterpriseLoginURL = getConfig().LMS_BASE_URL + ENTERPRISE_LOGIN_URL;
  const isThirdPartyAuthActive = isSocialAuthActive || (isEnterpriseLoginDisabled && isInstitutionAuthActive);

  return (
--- a/src/common-components/ThirdPartyAuthAlert.jsx
+++ b/src/common-components/ThirdPartyAuthAlert.jsx
@@ -1,14 +1,15 @@
-import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Alert } from '@openedx/paragon';
 import PropTypes from 'prop-types';

-import { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';
 import messages from './messages';
+import { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';

 const ThirdPartyAuthAlert = (props) => {
  const { formatMessage } = useIntl();
  const { currentProvider, referrer } = props;
-  const platformName = getSiteConfig().siteName;
+  const platformName = getConfig().SITE_NAME;
  let message;

  if (referrer === LOGIN_PAGE) {
@@ -27,7 +28,7 @@ const ThirdPartyAuthAlert = (props) => {
        {referrer === REGISTER_PAGE ? (
          <Alert.Heading>{formatMessage(messages['tpa.alert.heading'])}</Alert.Heading>
        ) : null}
-        <p>{message}</p>
+        <p>{ message }</p>
      </Alert>
      {referrer === REGISTER_PAGE ? (
        <h4 className="mt-4 mb-4">{formatMessage(messages['registration.using.tpa.form.heading'])}</h4>
--- a/src/common-components/UnAuthOnlyRoute.jsx
+++ b/src/common-components/UnAuthOnlyRoute.jsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';

-import { fetchAuthenticatedUser, getAuthenticatedUser, getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { fetchAuthenticatedUser, getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import PropTypes from 'prop-types';

 import {
@@ -24,7 +25,7 @@ const UnAuthOnlyRoute = ({ children }) => {

  if (isReady) {
    if (authUser && authUser.username) {
-      global.location.href = getSiteConfig().lmsBaseUrl.concat(DEFAULT_REDIRECT_URL);
+      global.location.href = getConfig().LMS_BASE_URL.concat(DEFAULT_REDIRECT_URL);
      return null;
    }

--- a/src/common-components/Zendesk.jsx
+++ b/src/common-components/Zendesk.jsx
@@ -0,0 +1,59 @@
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
+import Zendesk from 'react-zendesk';
+
+import messages from './messages';
+import { REGISTER_EMBEDDED_PAGE } from '../data/constants';
+
+const ZendeskHelp = () => {
+  const { formatMessage } = useIntl();
+  const setting = {
+    cookies: true,
+    webWidget: {
+      contactOptions: {
+        enabled: false,
+      },
+      chat: {
+        suppress: false,
+        departments: {
+          enabled: ['account settings', 'billing and payments', 'certificates', 'deadlines', 'errors and technical issues', 'other', 'proctoring'],
+        },
+      },
+      contactForm: {
+        ticketForms: [
+          {
+            id: 360003368814,
+            subject: false,
+            fields: [{ id: 'description', prefill: { '*': '' } }],
+          },
+        ],
+        selectTicketForm: {
+          '*': formatMessage(messages.selectTicketForm),
+        },
+        attachments: true,
+      },
+      helpCenter: {
+        originalArticleButton: true,
+      },
+      answerBot: {
+        suppress: false,
+        contactOnlyAfterQuery: true,
+        title: { '*': formatMessage(messages.supportTitle) },
+        avatar: {
+          url: getConfig().ZENDESK_LOGO_URL,
+          name: { '*': formatMessage(messages.supportTitle) },
+        },
+      },
+    },
+  };
+
+  if (window.location.pathname === REGISTER_EMBEDDED_PAGE) {
+    return null;
+  }
+
+  return (
+    <Zendesk defer zendeskKey={getConfig().ZENDESK_KEY} {...setting} />
+  );
+};
+
+export default ZendeskHelp;
--- a/src/common-components/components/ThirdPartyAuthContext.test.tsx
+++ b/src/common-components/components/ThirdPartyAuthContext.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen } from '@testing-library/react';

+import '@testing-library/jest-dom';
 import { ThirdPartyAuthProvider, useThirdPartyAuthContext } from './ThirdPartyAuthContext';

 const TestComponent = () => {
@@ -28,7 +29,7 @@ describe('ThirdPartyAuthContext', () => {
      </ThirdPartyAuthProvider>,
    );

-    expect(screen.getByText('Test Child')).toBeTruthy();
+    expect(screen.getByText('Test Child')).toBeInTheDocument();
  });

  it('should provide all context values to children', () => {
@@ -38,10 +39,10 @@ describe('ThirdPartyAuthContext', () => {
      </ThirdPartyAuthProvider>,
    );

-    expect(screen.getByText('FieldDescriptions Available')).toBeTruthy();
-    expect(screen.getByText('OptionalFields Available')).toBeTruthy();
-    expect(screen.getByText('AuthApiStatus Not Available')).toBeTruthy(); // Initially null
-    expect(screen.getByText('AuthContext Available')).toBeTruthy();
+    expect(screen.getByText('FieldDescriptions Available')).toBeInTheDocument();
+    expect(screen.getByText('OptionalFields Available')).toBeInTheDocument();
+    expect(screen.getByText('AuthApiStatus Not Available')).toBeInTheDocument(); // Initially null
+    expect(screen.getByText('AuthContext Available')).toBeInTheDocument();
  });

  it('should render multiple children', () => {
@@ -53,8 +54,8 @@ describe('ThirdPartyAuthContext', () => {
      </ThirdPartyAuthProvider>,
    );

-    expect(screen.getByText('First Child')).toBeTruthy();
-    expect(screen.getByText('Second Child')).toBeTruthy();
-    expect(screen.getByText('Third Child')).toBeTruthy();
+    expect(screen.getByText('First Child')).toBeInTheDocument();
+    expect(screen.getByText('Second Child')).toBeInTheDocument();
+    expect(screen.getByText('Third Child')).toBeInTheDocument();
  });
 });
--- a/src/common-components/components/ThirdPartyAuthContext.tsx
+++ b/src/common-components/components/ThirdPartyAuthContext.tsx
@@ -5,34 +5,34 @@ import {
 import { COMPLETE_STATE, FAILURE_STATE, PENDING_STATE } from '../../data/constants';

 interface ThirdPartyAuthContextType {
-  fieldDescriptions: any,
+  fieldDescriptions: any;
  optionalFields: {
-    fields: any,
-    extended_profile: any[],
-  },
-  thirdPartyAuthApiStatus: string | null,
+    fields: any;
+    extended_profile: any[];
+  };
+  thirdPartyAuthApiStatus: string | null;
  thirdPartyAuthContext: {
-    platformName: string | null,
-    autoSubmitRegForm: boolean,
-    currentProvider: string | null,
-    finishAuthUrl: string | null,
-    countryCode: string | null,
-    providers: any[],
-    secondaryProviders: any[],
-    pipelineUserDetails: any | null,
-    errorMessage: string | null,
-    welcomePageRedirectUrl: string | null,
-  },
-  setThirdPartyAuthContextBegin: () => void,
-  setThirdPartyAuthContextSuccess: (fieldDescData: any, optionalFieldsData: any, contextData: any) => void,
-  setThirdPartyAuthContextFailure: () => void,
-  clearThirdPartyAuthErrorMessage: () => void,
+    platformName: string | null;
+    autoSubmitRegForm: boolean;
+    currentProvider: string | null;
+    finishAuthUrl: string | null;
+    countryCode: string | null;
+    providers: any[];
+    secondaryProviders: any[];
+    pipelineUserDetails: any | null;
+    errorMessage: string | null;
+    welcomePageRedirectUrl: string | null;
+  };
+  setThirdPartyAuthContextBegin: () => void;
+  setThirdPartyAuthContextSuccess: (fieldDescData: any, optionalFieldsData: any, contextData: any) => void;
+  setThirdPartyAuthContextFailure: () => void;
+  clearThirdPartyAuthErrorMessage: () => void;
 }

 const ThirdPartyAuthContext = createContext<ThirdPartyAuthContextType | undefined>(undefined);

 interface ThirdPartyAuthProviderProps {
-  children: ReactNode,
+  children: ReactNode;
 }

 export const ThirdPartyAuthProvider: FC<ThirdPartyAuthProviderProps> = ({ children }) => {
--- a/src/common-components/data/api.ts
+++ b/src/common-components/data/api.ts
@@ -1,6 +1,7 @@
-import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';

-const getThirdPartyAuthContext = async (urlParams: string) => {
+const getThirdPartyAuthContext = async (urlParams : string) => {
  const requestConfig = {
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    params: urlParams,
@@ -9,7 +10,7 @@ const getThirdPartyAuthContext = async (urlParams: string) => {

  const { data } = await getAuthenticatedHttpClient()
    .get(
-      `${getSiteConfig().lmsBaseUrl}/api/mfe_context`,
+      `${getConfig().LMS_BASE_URL}/api/mfe_context`,
      requestConfig,
    );
  return {
--- a/src/common-components/data/apiHook.ts
+++ b/src/common-components/data/apiHook.ts
@@ -6,12 +6,10 @@ import { ThirdPartyAuthQueryKeys } from './queryKeys';
 // Error constants
 export const THIRD_PARTY_AUTH_ERROR = 'third-party-auth-error';

-const useThirdPartyAuthHook = (pageId, payload, { enabled = true } = {}) => useQuery({
-  queryKey: ThirdPartyAuthQueryKeys.byPage(pageId, payload),
+const useThirdPartyAuthHook = (pageId, payload) => useQuery({
+  queryKey: ThirdPartyAuthQueryKeys.byPage(pageId),
  queryFn: () => getThirdPartyAuthContext(payload),
  retry: false,
-  staleTime: 5 * 60 * 1000, // 5 minutes — TPA context is effectively static per session
-  enabled,
 });

 export {
--- a/src/common-components/data/queryKeys.ts
+++ b/src/common-components/data/queryKeys.ts
@@ -2,5 +2,5 @@ import { appId } from '../../constants';

 export const ThirdPartyAuthQueryKeys = {
  all: [appId, 'ThirdPartyAuth'] as const,
-  byPage: (pageId: string, payload?: unknown) => [appId, 'ThirdPartyAuth', pageId, payload] as const,
+  byPage: (pageId: string) => [appId, 'ThirdPartyAuth', pageId] as const,
 };
--- a/src/common-components/index.jsx
+++ b/src/common-components/index.jsx
@@ -9,3 +9,4 @@ export { default as InstitutionLogistration } from './InstitutionLogistration';
 export { RenderInstitutionButton } from './InstitutionLogistration';
 export { default as FormGroup } from './FormGroup';
 export { default as PasswordField } from './PasswordField';
+export { default as Zendesk } from './Zendesk';
--- a/src/common-components/messages.jsx
+++ b/src/common-components/messages.jsx
@@ -1,4 +1,4 @@
-import { defineMessages } from '@openedx/frontend-base';
+import { defineMessages } from '@edx/frontend-platform/i18n';

 const messages = defineMessages({
  // institution login strings
@@ -85,23 +85,33 @@ const messages = defineMessages({
  'login.third.party.auth.account.not.linked': {
    id: 'login.third.party.auth.account.not.linked',
    defaultMessage: 'You have successfully signed into {currentProvider}, but your {currentProvider} '
-      + 'account does not have a linked {platformName} account. To link your accounts, '
-      + 'sign in now using your {platformName} password.',
+                    + 'account does not have a linked {platformName} account. To link your accounts, '
+                    + 'sign in now using your {platformName} password.',
    description: 'Message that appears on login page if user has successfully authenticated with social '
-      + 'auth but no associated platform account exists',
+                  + 'auth but no associated platform account exists',
  },
  'register.third.party.auth.account.not.linked': {
    id: 'register.third.party.auth.account.not.linked',
    defaultMessage: 'You\'ve successfully signed into {currentProvider}! We just need a little more information '
-      + 'before you start learning with {platformName}.',
+                    + 'before you start learning with {platformName}.',
    description: 'Message that appears on register page if user has successfully authenticated with TPA '
-      + 'but no associated platform account exists',
+                  + 'but no associated platform account exists',
  },
  'registration.using.tpa.form.heading': {
    id: 'registration.using.tpa.form.heading',
    defaultMessage: 'Finish creating your account',
    description: 'Heading that appears above form when user is trying to create account using social auth',
  },
+  supportTitle: {
+    id: 'zendesk.supportTitle',
+    description: 'Title for the support button',
+    defaultMessage: 'edX Support',
+  },
+  selectTicketForm: {
+    id: 'zendesk.selectTicketForm',
+    description: 'Select ticket form',
+    defaultMessage: 'Please choose your request type:',
+  },
  'registration.other.options.heading': {
    id: 'registration.other.options.heading',
    defaultMessage: 'Or register with:',
--- a/src/common-components/tests/EmbeddedRegistrationRoute.test.jsx
+++ b/src/common-components/tests/EmbeddedRegistrationRoute.test.jsx
@@ -1,7 +1,8 @@
 /* eslint-disable import/no-import-module-exports */
 /* eslint-disable react/function-component-definition */
+import React from 'react';

-import { getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
 import { render } from '@testing-library/react';
 import { act } from 'react-dom/test-utils';
 import {
@@ -14,7 +15,7 @@ import EmbeddedRegistrationRoute from '../EmbeddedRegistrationRoute';
 const RRD = require('react-router-dom');
 // Just render plain div with its children
 // eslint-disable-next-line react/prop-types
-RRD.BrowserRouter = ({ children }) => <div>{children}</div>;
+RRD.BrowserRouter = ({ children }) => <div>{ children }</div>;
 module.exports = RRD;

 const TestApp = () => (
@@ -59,7 +60,7 @@ describe('EmbeddedRegistrationRoute', () => {
  it('should render embedded register page if host query param is available in the url (embedded)', async () => {
    delete window.location;
    window.location = {
-      href: getSiteConfig().baseUrl.concat(REGISTER_EMBEDDED_PAGE),
+      href: getConfig().BASE_URL.concat(REGISTER_EMBEDDED_PAGE),
      search: '?host=http://localhost/host-websit',
    };

--- a/src/common-components/tests/FormField.test.jsx
+++ b/src/common-components/tests/FormField.test.jsx
@@ -1,10 +1,20 @@
-import { IntlProvider } from '@openedx/frontend-base';
+import React from 'react';
+
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { fireEvent, render } from '@testing-library/react';
 import { act } from 'react-dom/test-utils';
+import { MemoryRouter } from 'react-router-dom';

+import { RegisterProvider } from '../../register/components/RegisterContext';
+import { useFieldValidations } from '../../register/data/apiHook';
 import FormGroup from '../FormGroup';
 import PasswordField from '../PasswordField';

+// Mock the useFieldValidations hook
+jest.mock('../../register/data/apiHook', () => ({
+  useFieldValidations: jest.fn(),
+}));

 describe('FormGroup', () => {
  const props = {
@@ -32,24 +42,51 @@ describe('FormGroup', () => {

 describe('PasswordField', () => {
  let props = {};
+  let queryClient;
+  let mockMutate;

-  const wrapper = children => (
-    <IntlProvider locale="en">
-      {children}
-    </IntlProvider>
+  const renderWrapper = (children) => (
+    <QueryClientProvider client={queryClient}>
+      <IntlProvider locale="en">
+        <MemoryRouter>
+          <RegisterProvider>
+            {children}
+          </RegisterProvider>
+        </MemoryRouter>
+      </IntlProvider>
+    </QueryClientProvider>
  );

  beforeEach(() => {
+    queryClient = new QueryClient({
+      defaultOptions: {
+        queries: {
+          retry: false,
+        },
+        mutations: {
+          retry: false,
+        },
+      },
+    });
+
+    mockMutate = jest.fn();
+    useFieldValidations.mockReturnValue({
+      mutate: mockMutate,
+      isPending: false,
+    });
+
    props = {
      floatingLabel: 'Password',
      name: 'password',
      value: 'password123',
      handleFocus: jest.fn(),
    };
+
+    jest.clearAllMocks();
  });

  it('should show/hide password on icon click', () => {
-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = getByLabelText('Password');

    const showPasswordButton = getByLabelText('Show password');
@@ -62,7 +99,7 @@ describe('PasswordField', () => {
  });

  it('should show password requirement tooltip on focus', async () => {
-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = getByLabelText('Password');
    jest.useFakeTimers();
    await act(async () => {
@@ -79,7 +116,7 @@ describe('PasswordField', () => {
      ...props,
      value: '',
    };
-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = getByLabelText('Password');
    jest.useFakeTimers();
    await act(async () => {
@@ -102,7 +139,7 @@ describe('PasswordField', () => {
  });

  it('should update password requirement checks', async () => {
-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = getByLabelText('Password');
    jest.useFakeTimers();
    await act(async () => {
@@ -125,7 +162,7 @@ describe('PasswordField', () => {
  });

  it('should not run validations when blur is fired on password icon click', () => {
-    const { container, getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { container, getByLabelText } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = container.querySelector('input[name="password"]');

    const passwordIcon = getByLabelText('Show password');
@@ -146,7 +183,7 @@ describe('PasswordField', () => {
      ...props,
      handleBlur: jest.fn(),
    };
-    const { container } = render(wrapper(<PasswordField {...props} />));
+    const { container } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = container.querySelector('input[name="password"]');

    fireEvent.blur(passwordInput, {
@@ -164,7 +201,7 @@ describe('PasswordField', () => {
      ...props,
      handleErrorChange: jest.fn(),
    };
-    const { container } = render(wrapper(<PasswordField {...props} />));
+    const { container } = render(renderWrapper(<PasswordField {...props} />));
    const passwordInput = container.querySelector('input[name="password"]');

    fireEvent.blur(passwordInput, {
@@ -187,7 +224,7 @@ describe('PasswordField', () => {
      handleErrorChange: jest.fn(),
    };

-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));

    const passwordIcon = getByLabelText('Show password');

@@ -207,7 +244,7 @@ describe('PasswordField', () => {
      handleErrorChange: jest.fn(),
    };

-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));

    const passwordIcon = getByLabelText('Show password');

@@ -226,13 +263,11 @@ describe('PasswordField', () => {
  });

  it('should run backend validations when frontend validations pass on blur when rendered from register page', () => {
-    const mockValidateField = jest.fn();
    props = {
      ...props,
      handleErrorChange: jest.fn(),
-      validateField: mockValidateField,
    };
-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));
    const passwordField = getByLabelText('Password');
    fireEvent.blur(passwordField, {
      target: {
@@ -241,7 +276,7 @@ describe('PasswordField', () => {
      },
    });

-    expect(mockValidateField).toHaveBeenCalledWith({ password: 'password123' });
+    expect(mockMutate).toHaveBeenCalledWith({ password: 'password123' });
  });

  it('should use password value from prop when password icon is focused out (blur due to icon)', () => {
@@ -251,7 +286,7 @@ describe('PasswordField', () => {
      handleErrorChange: jest.fn(),
      handleBlur: jest.fn(),
    };
-    const { getByLabelText } = render(wrapper(<PasswordField {...props} />));
+    const { getByLabelText } = render(renderWrapper(<PasswordField {...props} />));

    const passwordIcon = getByLabelText('Show password');

--- a/src/common-components/tests/SocialAuthProviders.test.jsx
+++ b/src/common-components/tests/SocialAuthProviders.test.jsx
@@ -1,4 +1,4 @@
-import { IntlProvider } from '@openedx/frontend-base';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import renderer from 'react-test-renderer';

 import registerIcons from '../RegisterFaIcons';
--- a/src/common-components/tests/ThirdPartyAuthAlert.test.jsx
+++ b/src/common-components/tests/ThirdPartyAuthAlert.test.jsx
@@ -1,4 +1,4 @@
-import { IntlProvider } from '@openedx/frontend-base';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import renderer from 'react-test-renderer';

 import { PENDING_STATE, REGISTER_PAGE } from '../../data/constants';
--- a/src/common-components/tests/UnAuthOnlyRoute.test.jsx
+++ b/src/common-components/tests/UnAuthOnlyRoute.test.jsx
@@ -1,7 +1,6 @@
 /* eslint-disable import/no-import-module-exports */
 /* eslint-disable react/function-component-definition */
-
-import { fetchAuthenticatedUser, getAuthenticatedUser } from '@openedx/frontend-base';
+import { fetchAuthenticatedUser, getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import { render } from '@testing-library/react';
 import { act } from 'react-dom/test-utils';
 import {
@@ -11,8 +10,7 @@ import {
 import { UnAuthOnlyRoute } from '..';
 import { REGISTER_PAGE } from '../../data/constants';

-jest.mock('@openedx/frontend-base', () => ({
-  ...jest.requireActual('@openedx/frontend-base'),
+jest.mock('@edx/frontend-platform/auth', () => ({
  getAuthenticatedUser: jest.fn(),
  fetchAuthenticatedUser: jest.fn(),
 }));
--- a/src/common-components/tests/Zendesk.test.jsx
+++ b/src/common-components/tests/Zendesk.test.jsx
@@ -0,0 +1,17 @@
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import renderer from 'react-test-renderer';
+
+import Zendesk from '../Zendesk';
+
+jest.mock('react-zendesk', () => 'Zendesk');
+
+describe('Zendesk Help', () => {
+  it('should match login page third party auth alert message snapshot', () => {
+    const tree = renderer.create(
+      <IntlProvider locale="en">
+        <Zendesk />
+      </IntlProvider>,
+    ).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});
--- a/src/common-components/tests/snapshots/ThirdPartyAuthAlert.test.jsx.snap
+++ b/src/common-components/tests/snapshots/ThirdPartyAuthAlert.test.jsx.snap
@@ -13,7 +13,7 @@ exports[`ThirdPartyAuthAlert renders skeleton for pending third-party auth 1`] =
      className="alert-message-content"
    >
      <p>
-        You have successfully signed into Google, but your Google account does not have a linked Test Site account. To link your accounts, sign in now using your Test Site password.
+        You have successfully signed into Google, but your Google account does not have a linked Your Platform Name Here account. To link your accounts, sign in now using your Your Platform Name Here password.
      </p>
    </div>
  </div>
@@ -33,7 +33,7 @@ exports[`ThirdPartyAuthAlert should match login page third party auth alert mess
      className="alert-message-content"
    >
      <p>
-        You have successfully signed into Google, but your Google account does not have a linked Test Site account. To link your accounts, sign in now using your Test Site password.
+        You have successfully signed into Google, but your Google account does not have a linked Your Platform Name Here account. To link your accounts, sign in now using your Your Platform Name Here password.
      </p>
    </div>
  </div>
@@ -59,7 +59,7 @@ exports[`ThirdPartyAuthAlert should match register page third party auth alert m
          Almost done!
        </div>
        <p>
-          You've successfully signed into Google! We just need a little more information before you start learning with Test Site.
+          You've successfully signed into Google! We just need a little more information before you start learning with Your Platform Name Here.
        </p>
      </div>
    </div>
--- a/src/common-components/tests/snapshots/Zendesk.test.jsx.snap
+++ b/src/common-components/tests/snapshots/Zendesk.test.jsx.snap
@@ -0,0 +1,65 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Zendesk Help should match login page third party auth alert message snapshot 1`] = `
+<Zendesk
+  cookies={true}
+  defer={true}
+  webWidget={
+    {
+      "answerBot": {
+        "avatar": {
+          "name": {
+            "*": "edX Support",
+          },
+          "url": undefined,
+        },
+        "contactOnlyAfterQuery": true,
+        "suppress": false,
+        "title": {
+          "*": "edX Support",
+        },
+      },
+      "chat": {
+        "departments": {
+          "enabled": [
+            "account settings",
+            "billing and payments",
+            "certificates",
+            "deadlines",
+            "errors and technical issues",
+            "other",
+            "proctoring",
+          ],
+        },
+        "suppress": false,
+      },
+      "contactForm": {
+        "attachments": true,
+        "selectTicketForm": {
+          "*": "Please choose your request type:",
+        },
+        "ticketForms": [
+          {
+            "fields": [
+              {
+                "id": "description",
+                "prefill": {
+                  "*": "",
+                },
+              },
+            ],
+            "id": 360003368814,
+            "subject": false,
+          },
+        ],
+      },
+      "contactOptions": {
+        "enabled": false,
+      },
+      "helpCenter": {
+        "originalArticleButton": true,
+      },
+    }
+  }
+/>
+`;
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -0,0 +1,40 @@
+const configuration = {
+  // Cookies related configs
+  SESSION_COOKIE_DOMAIN: process.env.SESSION_COOKIE_DOMAIN,
+  USER_RETENTION_COOKIE_NAME: process.env.USER_RETENTION_COOKIE_NAME || '',
+  // Features
+  DISABLE_ENTERPRISE_LOGIN: process.env.DISABLE_ENTERPRISE_LOGIN || '',
+  ENABLE_AUTO_GENERATED_USERNAME: process.env.ENABLE_AUTO_GENERATED_USERNAME || false,
+  ENABLE_DYNAMIC_REGISTRATION_FIELDS: process.env.ENABLE_DYNAMIC_REGISTRATION_FIELDS || false,
+  ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN: process.env.ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN || false,
+  ENABLE_POST_REGISTRATION_RECOMMENDATIONS: process.env.ENABLE_POST_REGISTRATION_RECOMMENDATIONS || false,
+  MARKETING_EMAILS_OPT_IN: process.env.MARKETING_EMAILS_OPT_IN || '',
+  SHOW_CONFIGURABLE_EDX_FIELDS: process.env.SHOW_CONFIGURABLE_EDX_FIELDS || false,
+  SHOW_REGISTRATION_LINKS: process.env.SHOW_REGISTRATION_LINKS !== 'false',
+  ENABLE_IMAGE_LAYOUT: process.env.ENABLE_IMAGE_LAYOUT || false,
+  // Links
+  ACTIVATION_EMAIL_SUPPORT_LINK: process.env.ACTIVATION_EMAIL_SUPPORT_LINK || null,
+  AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK: process.env.AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK || null,
+  LOGIN_ISSUE_SUPPORT_LINK: process.env.LOGIN_ISSUE_SUPPORT_LINK || null,
+  PASSWORD_RESET_SUPPORT_LINK: process.env.PASSWORD_RESET_SUPPORT_LINK || null,
+  POST_REGISTRATION_REDIRECT_URL: process.env.POST_REGISTRATION_REDIRECT_URL || '',
+  PRIVACY_POLICY: process.env.PRIVACY_POLICY || null,
+  SEARCH_CATALOG_URL: process.env.SEARCH_CATALOG_URL || null,
+  TOS_AND_HONOR_CODE: process.env.TOS_AND_HONOR_CODE || null,
+  TOS_LINK: process.env.TOS_LINK || null,
+  // Base container images
+  BANNER_IMAGE_LARGE: process.env.BANNER_IMAGE_LARGE || '',
+  BANNER_IMAGE_MEDIUM: process.env.BANNER_IMAGE_MEDIUM || '',
+  BANNER_IMAGE_SMALL: process.env.BANNER_IMAGE_SMALL || '',
+  BANNER_IMAGE_EXTRA_SMALL: process.env.BANNER_IMAGE_EXTRA_SMALL || '',
+  // Recommendation constants
+  GENERAL_RECOMMENDATIONS: process.env.GENERAL_RECOMMENDATIONS || '[]',
+  // Miscellaneous
+  INFO_EMAIL: process.env.INFO_EMAIL || '',
+  ZENDESK_KEY: process.env.ZENDESK_KEY,
+  ZENDESK_LOGO_URL: process.env.ZENDESK_LOGO_URL,
+  ALGOLIA_APP_ID: process.env.ALGOLIA_APP_ID || '',
+  ALGOLIA_SEARCH_API_KEY: process.env.ALGOLIA_SEARCH_API_KEY || '',
+};
+
+export default configuration;
--- a/src/data/algolia.js
+++ b/src/data/algolia.js
@@ -0,0 +1,20 @@
+import { getConfig } from '@edx/frontend-platform';
+import algoliasearch from 'algoliasearch';
+
+// initialize Algolia workers
+const initializeSearchClient = () => algoliasearch(
+  getConfig().ALGOLIA_APP_ID,
+  getConfig().ALGOLIA_SEARCH_API_KEY,
+);
+
+const getLocationRestrictionFilter = (userCountry) => {
+  if (userCountry) {
+    return `NOT blocked_in:"${userCountry}" AND (allowed_in:"null" OR allowed_in:"${userCountry}")`;
+  }
+  return '';
+};
+
+export {
+  initializeSearchClient,
+  getLocationRestrictionFilter,
+};
--- a/src/data/constants.js
+++ b/src/data/constants.js
@@ -5,6 +5,7 @@ export const REGISTER_EMBEDDED_PAGE = '/register-embedded';
 export const RESET_PAGE = '/reset';
 export const AUTHN_PROGRESSIVE_PROFILING = '/welcome';
 export const DEFAULT_REDIRECT_URL = '/dashboard';
+export const RECOMMENDATIONS = '/recommendations';
 export const PASSWORD_RESET_CONFIRM = '/password_reset_confirm/:token/';
 export const PAGE_NOT_FOUND = '/notfound';
 export const ENTERPRISE_LOGIN_URL = '/enterprise/login';
@@ -28,9 +29,9 @@ export const EMBEDDED = 'embedded';
 export const LETTER_REGEX = /[a-zA-Z]/;
 export const NUMBER_REGEX = /\d/;
 export const VALID_EMAIL_REGEX = '(^[-!#$%&\'*+/=?^_`{}|~0-9A-Z]+(\\.[-!#$%&\'*+/=?^_`{}|~0-9A-Z]+)*'
-  + '|^"([\\001-\\010\\013\\014\\016-\\037!#-\\[\\]-\\177]|\\\\[\\001-\\011\\013\\014\\016-\\177])*"'
-  + ')@((?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\\.)+)(?:[A-Z0-9-]{2,63})'
-  + '|\\[(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)(\\.(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)){3}\\]$';
+                                 + '|^"([\\001-\\010\\013\\014\\016-\\037!#-\\[\\]-\\177]|\\\\[\\001-\\011\\013\\014\\016-\\177])*"'
+                                 + ')@((?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\\.)+)(?:[A-Z0-9-]{2,63})'
+                                 + '|\\[(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)(\\.(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)){3}\\]$';

 // Query string parameters that can be passed to LMS to manage
 // things like auto-enrollment upon login and registration.
--- a/src/data/countries.ts
+++ b/src/data/countries.ts
@@ -1,59 +0,0 @@
-import { getPrimaryLanguageSubtag } from '@openedx/frontend-base';
-import COUNTRIES, { langs as countryLangs } from 'i18n-iso-countries';
-import arLocale from 'i18n-iso-countries/langs/ar.json';
-import caLocale from 'i18n-iso-countries/langs/ca.json';
-import enLocale from 'i18n-iso-countries/langs/en.json';
-import esLocale from 'i18n-iso-countries/langs/es.json';
-import frLocale from 'i18n-iso-countries/langs/fr.json';
-import heLocale from 'i18n-iso-countries/langs/he.json';
-import idLocale from 'i18n-iso-countries/langs/id.json';
-import koLocale from 'i18n-iso-countries/langs/ko.json';
-import plLocale from 'i18n-iso-countries/langs/pl.json';
-import ptLocale from 'i18n-iso-countries/langs/pt.json';
-import ruLocale from 'i18n-iso-countries/langs/ru.json';
-import ukLocale from 'i18n-iso-countries/langs/uk.json';
-import zhLocale from 'i18n-iso-countries/langs/zh.json';
-
-COUNTRIES.registerLocale(arLocale);
-COUNTRIES.registerLocale(enLocale);
-COUNTRIES.registerLocale(esLocale);
-COUNTRIES.registerLocale(frLocale);
-COUNTRIES.registerLocale(zhLocale);
-COUNTRIES.registerLocale(caLocale);
-COUNTRIES.registerLocale(heLocale);
-COUNTRIES.registerLocale(idLocale);
-COUNTRIES.registerLocale(koLocale);
-COUNTRIES.registerLocale(plLocale);
-COUNTRIES.registerLocale(ptLocale);
-COUNTRIES.registerLocale(ruLocale);
-COUNTRIES.registerLocale(ukLocale);
-
-/**
- * Provides a lookup table of country IDs to country names for the current locale.
- *
- * @memberof module:I18n
- */
-export function getCountryMessages(locale) {
-  const primaryLanguageSubtag = getPrimaryLanguageSubtag(locale);
-  const languageCode = countryLangs().includes(primaryLanguageSubtag) ? primaryLanguageSubtag : 'en';
-
-  return COUNTRIES.getNames(languageCode);
-}
-
-/**
- * Provides a list of countries represented as objects of the following shape:
- *
- * {
- *   key, // The ID of the country
- *   name // The localized name of the country
- * }
- *
- * TODO: ARCH-878: The list should be sorted alphabetically in the current locale.
- * This is useful for populating dropdowns.
- *
- * @memberof module:I18n
- */
-export function getCountryList(locale) {
-  const countryMessages = getCountryMessages(locale);
-  return Object.entries(countryMessages).map(([code, name]) => ({ code, name }));
-}
--- a/src/data/optimizely.js
+++ b/src/data/optimizely.js
@@ -0,0 +1,17 @@
+import {
+  createInstance,
+} from '@optimizely/react-sdk';
+
+const OPTIMIZELY_SDK_KEY = process.env.OPTIMIZELY_FULL_STACK_SDK_KEY;
+
+const getOptimizelyInstance = () => {
+  if (OPTIMIZELY_SDK_KEY) {
+    return createInstance({
+      sdkKey: OPTIMIZELY_SDK_KEY,
+    });
+  }
+
+  return null;
+};
+
+export default getOptimizelyInstance();
--- a/src/data/tests/algolia.test.js
+++ b/src/data/tests/algolia.test.js
@@ -0,0 +1,16 @@
+import { getLocationRestrictionFilter } from '../algolia';
+
+describe('algoliaUtilsTests', () => {
+  it('test getLocationRestrictionFilter returns filter if country is passed', () => {
+    const countryCode = 'PK';
+    const filter = getLocationRestrictionFilter(countryCode);
+    const expectedFilter = `NOT blocked_in:"${countryCode}" AND (allowed_in:"null" OR allowed_in:"${countryCode}")`;
+    expect(filter).toEqual(expectedFilter);
+  });
+  it('test getLocationRestrictionFilter returns empty string if country is not passed', () => {
+    const countryCode = '';
+    const filter = getLocationRestrictionFilter(countryCode);
+    const expectedFilter = '';
+    expect(filter).toEqual(expectedFilter);
+  });
+});
--- a/src/data/tests/cookies.test.js
+++ b/src/data/tests/cookies.test.js
@@ -1,7 +1,13 @@
+import { getConfig } from '@edx/frontend-platform';
 import Cookies from 'universal-cookie';

 import { setCookie } from '../utils';

+// Mock getConfig function
+jest.mock('@edx/frontend-platform', () => ({
+  getConfig: jest.fn(),
+}));
+
 // Mock Cookies class
 jest.mock('universal-cookie');

@@ -11,7 +17,9 @@ describe('setCookie function', () => {
  });

  it('should set a cookie with default options', () => {
-    setCookie('testCookie', 'testValue', 'example.com');
+    getConfig.mockReturnValue({ SESSION_COOKIE_DOMAIN: 'example.com' });
+
+    setCookie('testCookie', 'testValue');

    expect(Cookies).toHaveBeenCalled();
    expect(Cookies).toHaveBeenCalledWith();
@@ -22,8 +30,10 @@ describe('setCookie function', () => {
  });

  it('should set a cookie with specified expiry', () => {
+    getConfig.mockReturnValue({ SESSION_COOKIE_DOMAIN: 'example.com' });
+
    const expiry = new Date('2023-12-31');
-    setCookie('testCookie', 'testValue', 'example.com', expiry);
+    setCookie('testCookie', 'testValue', expiry);

    expect(Cookies).toHaveBeenCalled();
    expect(Cookies).toHaveBeenCalledWith();
@@ -35,7 +45,7 @@ describe('setCookie function', () => {
  });

  it('should not set a cookie if cookieName is undefined', () => {
-    setCookie(undefined, 'testValue', 'example.com');
+    setCookie(undefined, 'testValue');

    expect(Cookies).not.toHaveBeenCalled();
  });
--- a/src/data/utils/cookies.js
+++ b/src/data/utils/cookies.js
@@ -1,9 +1,10 @@
+import { getConfig } from '@edx/frontend-platform';
 import Cookies from 'universal-cookie';

-export default function setCookie(cookieName, cookieValue, cookieDomain, cookieExpiry) {
+export default function setCookie(cookieName, cookieValue, cookieExpiry) {
  if (cookieName) { // To avoid setting getting exception when setting cookie with undefined names.
    const cookies = new Cookies();
-    const options = { domain: cookieDomain, path: '/' };
+    const options = { domain: getConfig().SESSION_COOKIE_DOMAIN, path: '/' };
    if (cookieExpiry) {
      options.expires = cookieExpiry;
    }
--- a/src/data/utils/dataUtils.js
+++ b/src/data/utils/dataUtils.js
@@ -40,8 +40,10 @@ export const updatePathWithQueryParams = (path) => {
    return path;
  }

-  if (queryParams.includes('track=pwreset')) {
-    queryParams = queryParams.replace('?track=pwreset&', '?',).replace('?track=pwreset', '').replace('&track=pwreset', '').replace('?&', '?');
+  if (queryParams.indexOf('track=pwreset') > -1) {
+    queryParams = queryParams.replace(
+      '?track=pwreset&', '?',
+    ).replace('?track=pwreset', '').replace('&track=pwreset', '').replace('?&', '?');
  }

  return `${path}${queryParams}`;
@@ -51,7 +53,7 @@ export const getAllPossibleQueryParams = (locationURl = null) => {
  const urlParams = locationURl ? QueryString.parseUrl(locationURl).query : QueryString.parse(window.location.search);
  const params = {};
  Object.entries(urlParams).forEach(([key, value]) => {
-    if (AUTH_PARAMS.includes(key)) {
+    if (AUTH_PARAMS.indexOf(key) > -1) {
      params[key] = value;
    }
  });
--- a/src/data/utils/useMobileResponsive.js
+++ b/src/data/utils/useMobileResponsive.js
@@ -10,7 +10,7 @@ import { breakpoints } from '@openedx/paragon';
 const useMobileResponsive = (breakpoint) => {
  const [isMobileWindow, setIsMobileWindow] = useState();
  const checkForMobile = () => {
-    setIsMobileWindow(window.matchMedia(`(max-width: ${breakpoint ?? breakpoints.small.maxWidth}px)`).matches);
+    setIsMobileWindow(window.matchMedia(`(max-width: ${breakpoint || breakpoints.small.maxWidth}px)`).matches);
  };
  useEffect(() => {
    checkForMobile();
--- a/src/field-renderer/tests/FieldRenderer.test.jsx
+++ b/src/field-renderer/tests/FieldRenderer.test.jsx
@@ -1,4 +1,4 @@
-import { getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
 import { fireEvent, render } from '@testing-library/react';

 import FieldRenderer from '../FieldRenderer';
@@ -43,7 +43,7 @@ describe('FieldRendererTests', () => {
      name: 'yob-field',
    };

-    const { container } = render(<FieldRenderer fieldData={fieldData} onChangeHandler={() => { }} />);
+    const { container } = render(<FieldRenderer fieldData={fieldData} onChangeHandler={() => {}} />);
    expect(container.innerHTML).toEqual('');
  });

@@ -84,7 +84,7 @@ describe('FieldRendererTests', () => {
  it('should render checkbox field', () => {
    const fieldData = {
      type: 'checkbox',
-      label: `I agree that ${getSiteConfig().siteName} may send me marketing messages.`,
+      label: `I agree that ${getConfig().SITE_NAME} may send me marketing messages.`,
      name: 'marketing-emails-opt-in-field',
    };

@@ -103,7 +103,7 @@ describe('FieldRendererTests', () => {
      type: 'unknown',
    };

-    const { container } = render(<FieldRenderer fieldData={fieldData} onChangeHandler={() => { }} />);
+    const { container } = render(<FieldRenderer fieldData={fieldData} onChangeHandler={() => {}} />);
    expect(container.innerHTML).toContain('');
  });

--- a/src/forgot-password/ForgotPasswordAlert.jsx
+++ b/src/forgot-password/ForgotPasswordAlert.jsx
@@ -1,13 +1,14 @@
-import { FormattedMessage, useAppConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import { Alert } from '@openedx/paragon';
 import { CheckCircle, Error } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';

+import messages from './messages';
 import {
  COMPLETE_STATE, FORBIDDEN_STATE, FORM_SUBMISSION_ERROR, INTERNAL_SERVER_ERROR,
 } from '../data/constants';
 import { PASSWORD_RESET } from '../reset-password/data/constants';
-import messages from './messages';

 const ForgotPasswordAlert = (props) => {
  const { formatMessage } = useIntl();
@@ -33,7 +34,7 @@ const ForgotPasswordAlert = (props) => {
          values={{
            email: <span className="data-hj-suppress">{email}</span>,
            supportLink: (
-              <Alert.Link href={useAppConfig().PASSWORD_RESET_SUPPORT_LINK} target="_blank">
+              <Alert.Link href={getConfig().PASSWORD_RESET_SUPPORT_LINK} target="_blank">
                {formatMessage(messages['confirmation.support.link'])}
              </Alert.Link>
            ),
--- a/src/forgot-password/ForgotPasswordPage.jsx
+++ b/src/forgot-password/ForgotPasswordPage.jsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';

-import {
-  getSiteConfig, sendPageEvent, sendTrackEvent, useAppConfig, useIntl,
-} from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import {
  Form,
  Hyperlink,
@@ -24,12 +24,11 @@ import { LOGIN_PAGE, VALID_EMAIL_REGEX } from '../data/constants';
 import { updatePathWithQueryParams, windowScrollTo } from '../data/utils';

 const ForgotPasswordPage = () => {
-  const platformName = getSiteConfig().siteName;
+  const platformName = getConfig().SITE_NAME;
  const emailRegex = new RegExp(VALID_EMAIL_REGEX, 'i');
  const { formatMessage } = useIntl();
  const navigate = useNavigate();
  const location = useLocation();
-  const appConfig = useAppConfig();
  const [email, setEmail] = useState('');
  const [bannerEmail, setBannerEmail] = useState('');
  const [formErrors, setFormErrors] = useState('');
@@ -111,7 +110,7 @@ const ForgotPasswordPage = () => {
    <BaseContainer>
      <Helmet>
        <title>{formatMessage(messages['forgot.password.page.title'],
-          { siteName: getSiteConfig().siteName })}
+          { siteName: getConfig().SITE_NAME })}
        </title>
      </Helmet>
      <div>
@@ -152,12 +151,12 @@ const ForgotPasswordPage = () => {
              onClick={handleSubmit}
              onMouseDown={(e) => e.preventDefault()}
            />
-            {(appConfig.LOGIN_ISSUE_SUPPORT_LINK) && (
+            {(getConfig().LOGIN_ISSUE_SUPPORT_LINK) && (
              <Hyperlink
                id="forgot-password"
                name="forgot-password"
                className="ml-4 font-weight-500 text-body"
-                destination={appConfig.LOGIN_ISSUE_SUPPORT_LINK}
+                destination={getConfig().LOGIN_ISSUE_SUPPORT_LINK}
                target="_blank"
                showLaunchIcon={false}
              >
@@ -167,7 +166,7 @@ const ForgotPasswordPage = () => {
            <p className="mt-5.5 small text-gray-700">
              {formatMessage(messages['additional.help.text'], { platformName })}
              <span className="mx-1">
-                <Hyperlink isInline destination={`mailto:${appConfig.INFO_EMAIL}`}>{appConfig.INFO_EMAIL}</Hyperlink>
+                <Hyperlink isInline destination={`mailto:${getConfig().INFO_EMAIL}`}>{getConfig().INFO_EMAIL}</Hyperlink>
              </span>
            </p>
          </Form>
--- a/src/forgot-password/data/api.test.ts
+++ b/src/forgot-password/data/api.test.ts
@@ -1,17 +1,21 @@
-import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import formurlencoded from 'form-urlencoded';

 import { forgotPassword } from './api';

 // Mock the platform dependencies
-jest.mock('@openedx/frontend-base', () => ({
-  getSiteConfig: jest.fn(),
+jest.mock('@edx/frontend-platform', () => ({
+  getConfig: jest.fn(),
+}));
+
+jest.mock('@edx/frontend-platform/auth', () => ({
  getAuthenticatedHttpClient: jest.fn(),
 }));

 jest.mock('form-urlencoded', () => jest.fn());

-const mockGetSiteConfig = getSiteConfig as jest.MockedFunction<typeof getSiteConfig>;
+const mockGetConfig = getConfig as jest.MockedFunction<typeof getConfig>;
 const mockGetAuthenticatedHttpClient = getAuthenticatedHttpClient as
 jest.MockedFunction<typeof getAuthenticatedHttpClient>;
 const mockFormurlencoded = formurlencoded as jest.MockedFunction<typeof formurlencoded>;
@@ -22,19 +26,19 @@ describe('forgot-password api', () => {
  };

  const mockConfig = {
-    lmsBaseUrl: 'http://localhost:18000',
-  } as ReturnType<typeof getSiteConfig>;
+    LMS_BASE_URL: 'http://localhost:18000',
+  };

  beforeEach(() => {
    jest.clearAllMocks();
-    mockGetSiteConfig.mockReturnValue(mockConfig);
+    mockGetConfig.mockReturnValue(mockConfig);
    mockGetAuthenticatedHttpClient.mockReturnValue(mockHttpClient as any);
    mockFormurlencoded.mockImplementation((data) => `encoded=${JSON.stringify(data)}`);
  });

  describe('forgotPassword', () => {
    const testEmail = 'test@example.com';
-    const expectedUrl = `${mockConfig.lmsBaseUrl}/account/password`;
+    const expectedUrl = `${mockConfig.LMS_BASE_URL}/account/password`;
    const expectedConfig = {
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      isPublic: true,
@@ -56,7 +60,7 @@ describe('forgot-password api', () => {
      expect(mockHttpClient.post).toHaveBeenCalledWith(
        expectedUrl,
        `encoded=${JSON.stringify({ email: testEmail })}`,
-        expectedConfig,
+        expectedConfig
      );
      expect(result).toEqual(mockResponse.data);
    });
@@ -67,7 +71,7 @@ describe('forgot-password api', () => {
        data: {
          message: 'Email is required',
          success: false,
-        },
+        }
      };
      mockHttpClient.post.mockResolvedValueOnce(mockResponse);

@@ -92,7 +96,7 @@ describe('forgot-password api', () => {
      expect(mockHttpClient.post).toHaveBeenCalledWith(
        expectedUrl,
        expect.any(String),
-        expectedConfig,
+        expectedConfig
      );
    });

@@ -106,6 +110,7 @@ describe('forgot-password api', () => {

    it('should handle response with no data field', async () => {
      const mockResponse = {
+        // No data field
        status: 200,
        statusText: 'OK',
      };
--- a/src/forgot-password/data/api.ts
+++ b/src/forgot-password/data/api.ts
@@ -1,4 +1,5 @@
-import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import formurlencoded from 'form-urlencoded';

 const forgotPassword = async (email: string) => {
@@ -9,7 +10,7 @@ const forgotPassword = async (email: string) => {

  const { data } = await getAuthenticatedHttpClient()
    .post(
-      `${getSiteConfig().lmsBaseUrl}/account/password`,
+      `${getConfig().LMS_BASE_URL}/account/password`,
      formurlencoded({ email }),
      requestConfig,
    )
--- a/src/forgot-password/data/apiHook.test.ts
+++ b/src/forgot-password/data/apiHook.test.ts
@@ -1,6 +1,6 @@
 import React from 'react';

-import { logError, logInfo } from '@openedx/frontend-base';
+import { logError, logInfo } from '@edx/frontend-platform/logging';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { renderHook, waitFor } from '@testing-library/react';

@@ -8,7 +8,7 @@ import * as api from './api';
 import { useForgotPassword } from './apiHook';

 // Mock the logging functions
-jest.mock('@openedx/frontend-base', () => ({
+jest.mock('@edx/frontend-platform/logging', () => ({
  logError: jest.fn(),
  logInfo: jest.fn(),
 }));
--- a/src/forgot-password/data/apiHook.ts
+++ b/src/forgot-password/data/apiHook.ts
@@ -1,23 +1,23 @@
-import { logError, logInfo } from '@openedx/frontend-base';
+import { logError, logInfo } from '@edx/frontend-platform/logging';
 import { useMutation } from '@tanstack/react-query';

 import { forgotPassword } from './api';

 interface ForgotPasswordResult {
-  success: boolean,
-  message?: string,
+  success: boolean;
+  message?: string;
 }

 interface UseForgotPasswordOptions {
-  onSuccess?: (data: ForgotPasswordResult, email: string) => void,
-  onError?: (error: Error) => void,
+  onSuccess?: (data: ForgotPasswordResult, email: string) => void;
+  onError?: (error: Error) => void;
 }

-interface ApiError extends Error {
+interface ApiError {
  response?: {
-    status: number,
-    data: Record<string, unknown>,
-  },
+    status: number;
+    data: Record<string, unknown>;
+  };
 }

 const useForgotPassword = (options: UseForgotPasswordOptions = {}) => useMutation({
@@ -31,13 +31,13 @@ const useForgotPassword = (options: UseForgotPasswordOptions = {}) => useMutatio
  },
  onError: (error: ApiError) => {
    // Handle different error types like the saga did
-    if (error.response?.status === 403) {
+    if (error.response && error.response.status === 403) {
      logInfo(error);
    } else {
      logError(error);
    }
    if (options.onError) {
-      options.onError(error);
+      options.onError(error as Error);
    }
  },
 });
--- a/src/forgot-password/messages.js
+++ b/src/forgot-password/messages.js
@@ -1,4 +1,4 @@
-import { defineMessages } from '@openedx/frontend-base';
+import { defineMessages } from '@edx/frontend-platform/i18n';

 const messages = defineMessages({
  'forgot.password.page.title': {
--- a/src/forgot-password/tests/ForgotPasswordPage.test.jsx
+++ b/src/forgot-password/tests/ForgotPasswordPage.test.jsx
@@ -1,13 +1,11 @@
-import {
-  CurrentAppProvider, IntlProvider, mergeAppConfig,
-} from '@openedx/frontend-base';
+import { mergeConfig } from '@edx/frontend-platform';
+import { configure, IntlProvider } from '@edx/frontend-platform/i18n';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import {
  fireEvent, render, screen, waitFor,
 } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';

-import { appId } from '../../constants';
 import {
  FORBIDDEN_STATE, FORM_SUBMISSION_ERROR, INTERNAL_SERVER_ERROR, LOGIN_PAGE,
 } from '../../data/constants';
@@ -18,15 +16,11 @@ import ForgotPasswordPage from '../ForgotPasswordPage';

 const mockedNavigator = jest.fn();

-jest.mock('@openedx/frontend-base', () => ({
-  ...jest.requireActual('@openedx/frontend-base'),
+jest.mock('@edx/frontend-platform/analytics', () => ({
  sendPageEvent: jest.fn(),
  sendTrackEvent: jest.fn(),
-  getAuthenticatedUser: jest.fn(() => ({
-    userId: 3,
-    username: 'test-user',
-  })),
 }));
+jest.mock('@edx/frontend-platform/auth');
 jest.mock('react-router-dom', () => ({
  ...(jest.requireActual('react-router-dom')),
  useNavigate: () => mockedNavigator,
@@ -37,7 +31,7 @@ jest.mock('../data/apiHook', () => ({
 }));

 describe('ForgotPasswordPage', () => {
-  mergeAppConfig(appId, {
+  mergeConfig({
    LOGIN_ISSUE_SUPPORT_LINK: '',
    INFO_EMAIL: '',
  });
@@ -71,9 +65,7 @@ describe('ForgotPasswordPage', () => {
      <QueryClientProvider client={queryClient}>
        <IntlProvider locale="en">
          <MemoryRouter>
-            <CurrentAppProvider appId={appId}>
-              {component}
-            </CurrentAppProvider>
+            {component}
          </MemoryRouter>
        </IntlProvider>
      </QueryClientProvider>
@@ -93,6 +85,21 @@ describe('ForgotPasswordPage', () => {
      },
    });

+    jest.mock('@edx/frontend-platform/auth', () => ({
+      getAuthenticatedUser: jest.fn(() => ({
+        userId: 3,
+        username: 'test-user',
+      })),
+    }));
+    configure({
+      loggingService: { logError: jest.fn() },
+      config: {
+        ENVIRONMENT: 'production',
+        LANGUAGE_PREFERENCE_COOKIE_NAME: 'yum',
+      },
+      messages: { 'es-419': {}, de: {}, 'en-us': {} },
+    });
+
    // Clear mock calls between tests
    jest.clearAllMocks();
  });
@@ -104,7 +111,7 @@ describe('ForgotPasswordPage', () => {
  });

  it('should display need other help signing in button', () => {
-    mergeAppConfig(appId, {
+    mergeConfig({
      LOGIN_ISSUE_SUPPORT_LINK: '/support',
    });
    render(renderWrapper(<ForgotPasswordPage />));
@@ -347,9 +354,7 @@ describe('ForgotPasswordAlert', () => {
      <QueryClientProvider client={queryClient}>
        <IntlProvider locale="en">
          <MemoryRouter>
-            <CurrentAppProvider appId={appId}>
-              <ForgotPasswordAlert {...props} />
-            </CurrentAppProvider>
+            <ForgotPasswordAlert {...props} />
          </MemoryRouter>
        </IntlProvider>
      </QueryClientProvider>,
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -1,25 +1 @@
-// Placeholder be overridden by `make pull_translations`
-export default {
-  ar: {},
-  'zh-hk': {},
-  'zh-cn': {},
-  uk: {},
-  'tr-tr': {},
-  th: {},
-  te: {},
-  ru: {},
-  'pt-pt': {},
-  'pt-br': {},
-  'it-it': {},
-  id: {},
-  hi: {},
-  he: {},
-  'fr-ca': {},
-  fa: {},
-  'es-es': {},
-  'es-419': {},
-  el: {},
-  'de-de': {},
-  da: {},
-  bo: {},
-};
+export default [];
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -0,0 +1,43 @@
+import 'core-js/stable';
+import 'regenerator-runtime/runtime';
+
+import { StrictMode } from 'react';
+
+import {
+  APP_INIT_ERROR, APP_READY, initialize, mergeConfig, subscribe,
+} from '@edx/frontend-platform';
+import { ErrorPage } from '@edx/frontend-platform/react';
+import { createRoot } from 'react-dom/client';
+
+import configuration from './config';
+import messages from './i18n';
+import MainApp from './MainApp';
+
+subscribe(APP_READY, () => {
+  const root = createRoot(document.getElementById('root'));
+
+  root.render(
+    <StrictMode>
+      <MainApp />
+    </StrictMode>,
+  );
+});
+
+subscribe(APP_INIT_ERROR, (error) => {
+  const root = createRoot(document.getElementById('root'));
+
+  root.render(
+    <StrictMode>
+      <ErrorPage message={error.message} />
+    </StrictMode>,
+  );
+});
+
+initialize({
+  handlers: {
+    config: () => {
+      mergeConfig(configuration);
+    },
+  },
+  messages,
+});
--- a/src/index.scss
+++ b/src/index.scss
@@ -0,0 +1,2 @@
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints;
+@import "sass/style";
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +0,0 @@
-export { default as authnApp } from './app';
-export { default as authnRoutes } from './routes';
-export { default as authnMessages } from './i18n';
--- a/src/login/AccountActivationMessage.jsx
+++ b/src/login/AccountActivationMessage.jsx
@@ -1,4 +1,5 @@
-import { FormattedMessage, useAppConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import { Alert } from '@openedx/paragon';
 import { CheckCircle, Error } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
@@ -14,7 +15,7 @@ const AccountActivationMessage = ({ messageType }) => {
  }

  const variant = messageType === ACCOUNT_ACTIVATION_MESSAGE.ERROR ? 'danger' : messageType;
-  const activationOrConfirmation = useAppConfig().MARKETING_EMAILS_OPT_IN ? 'confirmation' : 'activation';
+  const activationOrConfirmation = getConfig().MARKETING_EMAILS_OPT_IN ? 'confirmation' : 'activation';
  const iconMapping = {
    [ACCOUNT_ACTIVATION_MESSAGE.SUCCESS]: CheckCircle,
    [ACCOUNT_ACTIVATION_MESSAGE.ERROR]: Error,
@@ -34,7 +35,7 @@ const AccountActivationMessage = ({ messageType }) => {
    }
    case ACCOUNT_ACTIVATION_MESSAGE.ERROR: {
      const supportLink = (
-        <Alert.Link href={useAppConfig().ACTIVATION_EMAIL_SUPPORT_LINK}>
+        <Alert.Link href={getConfig().ACTIVATION_EMAIL_SUPPORT_LINK}>
          {formatMessage(messages['account.activation.support.link'])}
        </Alert.Link>
      );
--- a/src/login/ChangePasswordPrompt.jsx
+++ b/src/login/ChangePasswordPrompt.jsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';

-import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import {
  ActionRow, ModalDialog, useToggle,
 } from '@openedx/paragon';
@@ -8,10 +9,10 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { Link, useNavigate } from 'react-router-dom';

+import messages from './messages';
 import { DEFAULT_REDIRECT_URL, RESET_PAGE } from '../data/constants';
 import { updatePathWithQueryParams } from '../data/utils';
 import useMobileResponsive from '../data/utils/useMobileResponsive';
-import messages from './messages';

 const ChangePasswordPrompt = ({ variant, redirectUrl }) => {
  const isMobileView = useMobileResponsive();
@@ -21,11 +22,11 @@ const ChangePasswordPrompt = ({ variant, redirectUrl }) => {
      if (variant === 'block') {
        setRedirectToResetPasswordPage(true);
      } else {
-        window.location.href = redirectUrl || getSiteConfig().lmsBaseUrl.concat(DEFAULT_REDIRECT_URL);
+        window.location.href = redirectUrl || getConfig().LMS_BASE_URL.concat(DEFAULT_REDIRECT_URL);
      }
    },
  };
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
  const [isOpen, open, close] = useToggle(true, handlers);
  const { formatMessage } = useIntl();
  const navigate = useNavigate();
--- a/src/login/LoginFailure.jsx
+++ b/src/login/LoginFailure.jsx
@@ -1,13 +1,12 @@
 import { useEffect } from 'react';

-import {
-  FormattedMessage, getAuthService, getSiteConfig, useIntl
-} from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { getAuthService } from '@edx/frontend-platform/auth';
+import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import { Alert, Hyperlink } from '@openedx/paragon';
 import { Error } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';

-import { windowScrollTo } from '../data/utils';
 import ChangePasswordPrompt from './ChangePasswordPrompt';
 import {
  ACCOUNT_LOCKED_OUT,
@@ -24,6 +23,7 @@ import {
  TPA_AUTHENTICATION_FAILURE,
 } from './data/constants';
 import messages from './messages';
+import { windowScrollTo } from '../data/utils';

 const LoginFailureMessage = (props) => {
  const { formatMessage } = useIntl();
@@ -75,7 +75,6 @@ const LoginFailureMessage = (props) => {
            defaultMessage="In order to sign in, you need to activate your account.{lineBreak}
            {lineBreak}We just sent an activation link to {email}. If you do not receive an email,
            check your spam folders or {supportLink}."
-            description="An error message shown to users when they sign in if they have not yet activated their account. It attempts to explain to them how to activate their account by looking for an email from the system."
            values={{
              lineBreak: <br />,
              email: <strong className="data-hj-suppress">{context.email}</strong>,
@@ -87,7 +86,7 @@ const LoginFailureMessage = (props) => {
      break;
    }
    case ALLOWED_DOMAIN_LOGIN_ERROR: {
-      const url = `${getSiteConfig().lmsBaseUrl}/dashboard/?tpa_hint=${context.tpaHint}`;
+      const url = `${getConfig().LMS_BASE_URL}/dashboard/?tpa_hint=${context.tpaHint}`;
      const tpaLink = (
        <a href={url}>
          {formatMessage(messages['tpa.account.link'], { provider: context.provider })}
@@ -162,7 +161,6 @@ const LoginFailureMessage = (props) => {
            <FormattedMessage
              id="login.incorrect.credentials.error.with.reset.link"
              defaultMessage="The username, email, or password you entered is incorrect. Please try again or {resetLink}."
-              description="An error message shown to users if some part of their login information was incorrect."
              values={{ resetLink }}
            />
          </p>
@@ -186,7 +184,7 @@ const LoginFailureMessage = (props) => {
      errorMessage = (
        <p>
          {formatMessage(messages['login.tpa.authentication.failure'], {
-            platform_name: getSiteConfig().siteName,
+            platform_name: getConfig().SITE_NAME,
            lineBreak: <br />,
            errorMessage: context.errorMessage,
          })}
@@ -202,7 +200,7 @@ const LoginFailureMessage = (props) => {
  return (
    <Alert id="login-failure-alert" className="mb-5" variant="danger" icon={Error}>
      <Alert.Heading>{formatMessage(messages['login.failure.header.title'])}</Alert.Heading>
-      {errorMessage}
+      { errorMessage }
    </Alert>
  );
 };
--- a/src/login/LoginPage.jsx
+++ b/src/login/LoginPage.jsx
@@ -1,8 +1,8 @@
 import { useEffect, useMemo, useState } from 'react';

-import {
-  getSiteConfig, sendPageEvent, sendTrackEvent, useIntl
-} from '@openedx/frontend-base';
+import { getConfig } from '@edx/frontend-platform';
+import { sendPageEvent, sendTrackEvent } from '@edx/frontend-platform/analytics';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { Form, StatefulButton } from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';
@@ -100,11 +100,11 @@ const LoginPage = ({

  useEffect(() => {
    sendPageEvent('login_and_registration', 'login');
-    setThirdPartyAuthContextBegin();
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+  }, []);

-  // Sync third-party auth context data
+  // Fetch third-party auth context data
  useEffect(() => {
+    setThirdPartyAuthContextBegin();
    if (isSuccess && data) {
      setThirdPartyAuthContextSuccess(
        data.fieldDescriptions,
@@ -116,7 +116,7 @@ const LoginPage = ({
      setThirdPartyAuthContextFailure();
    }
  }, [tpaHint, queryParams, isSuccess, data, error,
-    setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);
+    setThirdPartyAuthContextBegin, setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);

  useEffect(() => {
    if (thirdPartyErrorMessage) {
@@ -210,7 +210,7 @@ const LoginPage = ({
    }

    if (skipHintedLogin) {
-      window.location.href = getSiteConfig().lmsBaseUrl + provider.loginUrl;
+      window.location.href = getConfig().LMS_BASE_URL + provider.loginUrl;
      return null;
    }

@@ -227,10 +227,11 @@ const LoginPage = ({
      />
    );
  }
+
  return (
    <>
      <Helmet>
-        <title>{formatMessage(messages['login.page.title'], { siteName: getSiteConfig().siteName })}</title>
+        <title>{formatMessage(messages['login.page.title'], { siteName: getConfig().SITE_NAME })}</title>
      </Helmet>
      <RedirectLogistration
        success={loginResult.success}
--- a/src/login/components/LoginContext.test.tsx
+++ b/src/login/components/LoginContext.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen } from '@testing-library/react';

+import '@testing-library/jest-dom';
 import { LoginProvider, useLoginContext } from './LoginContext';

 const TestComponent = () => {
@@ -28,7 +29,7 @@ describe('LoginContext', () => {
      </LoginProvider>,
    );

-    expect(screen.getByText('Test Child')).toBeTruthy();
+    expect(screen.getByText('Test Child')).toBeInTheDocument();
  });

  it('should provide all context values to children', () => {
@@ -38,12 +39,12 @@ describe('LoginContext', () => {
      </LoginProvider>,
    );

-    expect(screen.getByText('FormFields Available')).toBeTruthy();
-    expect(screen.getByText('EmailOrUsername Field Available')).toBeTruthy();
-    expect(screen.getByText('Password Field Available')).toBeTruthy();
-    expect(screen.getByText('Errors Available')).toBeTruthy();
-    expect(screen.getByText('EmailOrUsername Error Available')).toBeTruthy();
-    expect(screen.getByText('Password Error Available')).toBeTruthy();
+    expect(screen.getByText('FormFields Available')).toBeInTheDocument();
+    expect(screen.getByText('EmailOrUsername Field Available')).toBeInTheDocument();
+    expect(screen.getByText('Password Field Available')).toBeInTheDocument();
+    expect(screen.getByText('Errors Available')).toBeInTheDocument();
+    expect(screen.getByText('EmailOrUsername Error Available')).toBeInTheDocument();
+    expect(screen.getByText('Password Error Available')).toBeInTheDocument();
  });

  it('should render multiple children', () => {
@@ -55,8 +56,8 @@ describe('LoginContext', () => {
      </LoginProvider>,
    );

-    expect(screen.getByText('First Child')).toBeTruthy();
-    expect(screen.getByText('Second Child')).toBeTruthy();
-    expect(screen.getByText('Third Child')).toBeTruthy();
+    expect(screen.getByText('First Child')).toBeInTheDocument();
+    expect(screen.getByText('Second Child')).toBeInTheDocument();
+    expect(screen.getByText('Third Child')).toBeInTheDocument();
  });
 });
--- a/src/login/components/LoginContext.tsx
+++ b/src/login/components/LoginContext.tsx
@@ -1,28 +1,28 @@
 import {
-  createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useMemo, useState,
+  createContext, FC, ReactNode, useContext, useMemo, useState,
 } from 'react';

 export interface FormFields {
-  emailOrUsername: string,
-  password: string,
+  emailOrUsername: string;
+  password: string;
 }

 export interface FormErrors {
-  emailOrUsername: string,
-  password: string,
+  emailOrUsername: string;
+  password: string;
 }

 interface LoginContextType {
-  formFields: FormFields,
-  setFormFields: Dispatch<SetStateAction<FormFields>>,
-  errors: FormErrors,
-  setErrors: Dispatch<SetStateAction<FormErrors>>,
+  formFields: FormFields;
+  setFormFields: (fields: FormFields) => void;
+  errors: FormErrors;
+  setErrors: (errors: FormErrors) => void;
 }

 const LoginContext = createContext<LoginContextType | undefined>(undefined);

 interface LoginProviderProps {
-  children: ReactNode,
+  children: ReactNode;
 }

 export const LoginProvider: FC<LoginProviderProps> = ({ children }) => {
--- a/src/login/data/api.test.ts
+++ b/src/login/data/api.test.ts
@@ -1,25 +1,27 @@
-import { camelCaseObject, getAuthenticatedHttpClient, getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
+import { camelCaseObject, getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import * as QueryString from 'query-string';

 import { login } from './api';

 // Mock the platform dependencies
-jest.mock('@openedx/frontend-base', () => ({
-  getSiteConfig: jest.fn(),
-  getAuthenticatedHttpClient: jest.fn(),
-  getUrlByRouteRole: jest.fn(),
+jest.mock('@edx/frontend-platform', () => ({
+  getConfig: jest.fn(),
  camelCaseObject: jest.fn(),
 }));

+jest.mock('@edx/frontend-platform/auth', () => ({
+  getAuthenticatedHttpClient: jest.fn(),
+}));
+
 jest.mock('query-string', () => ({
  stringify: jest.fn(),
 }));

-const mockGetSiteConfig = getSiteConfig as jest.MockedFunction<typeof getSiteConfig>;
+const mockGetConfig = getConfig as jest.MockedFunction<typeof getConfig>;
 const mockCamelCaseObject = camelCaseObject as jest.MockedFunction<typeof camelCaseObject>;
 const mockGetAuthenticatedHttpClient = getAuthenticatedHttpClient as
 jest.MockedFunction<typeof getAuthenticatedHttpClient>;
-const mockGetUrlByRouteRole = getUrlByRouteRole as jest.MockedFunction<typeof getUrlByRouteRole>;
 const mockQueryStringify = QueryString.stringify as jest.MockedFunction<typeof QueryString.stringify>;

 describe('login api', () => {
@@ -28,14 +30,13 @@ describe('login api', () => {
  };

  const mockConfig = {
-    lmsBaseUrl: 'http://localhost:18000',
-  } as ReturnType<typeof getSiteConfig>;
+    LMS_BASE_URL: 'http://localhost:18000',
+  };

  beforeEach(() => {
    jest.clearAllMocks();
-    mockGetSiteConfig.mockReturnValue(mockConfig);
+    mockGetConfig.mockReturnValue(mockConfig);
    mockGetAuthenticatedHttpClient.mockReturnValue(mockHttpClient as any);
-    mockGetUrlByRouteRole.mockReturnValue('/dashboard');
    mockCamelCaseObject.mockImplementation((obj) => obj);
    mockQueryStringify.mockImplementation((obj) => `stringified=${JSON.stringify(obj)}`);
  });
@@ -45,7 +46,7 @@ describe('login api', () => {
      email_or_username: 'testuser@example.com',
      password: 'password123',
    };
-    const expectedUrl = `${mockConfig.lmsBaseUrl}/api/user/v2/account/login_session/`;
+    const expectedUrl = `${mockConfig.LMS_BASE_URL}/api/user/v2/account/login_session/`;
    const expectedConfig = {
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      isPublic: true,
@@ -150,7 +151,7 @@ describe('login api', () => {
      expect(mockHttpClient.post).toHaveBeenCalledWith(
        expectedUrl,
        `stringified=${JSON.stringify(mockCredentials)}`,
-        expectedConfig,
+        expectedConfig
      );
    });

--- a/src/login/data/api.ts
+++ b/src/login/data/api.ts
@@ -1,4 +1,5 @@
-import { camelCaseObject, getAuthenticatedHttpClient, getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
+import { camelCaseObject, getConfig } from '@edx/frontend-platform';
+import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import * as QueryString from 'query-string';

 const login = async (creds) => {
@@ -6,12 +7,11 @@ const login = async (creds) => {
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    isPublic: true,
  };
-  const url = `${getSiteConfig().lmsBaseUrl}/api/user/v2/account/login_session/`;
+  const url = `${getConfig().LMS_BASE_URL}/api/user/v2/account/login_session/`;
  const { data } = await getAuthenticatedHttpClient()
    .post(url, QueryString.stringify(creds), requestConfig);
-  const defaultRedirectUrl = getUrlByRouteRole('org.openedx.frontend.role.dashboard');
  return camelCaseObject({
-    redirectUrl: data.redirect_url || defaultRedirectUrl,
+    redirectUrl: data.redirect_url || `${getConfig().LMS_BASE_URL}/dashboard`,
    success: data.success || false,
  });
 };
--- a/src/login/data/apiHook.test.ts
+++ b/src/login/data/apiHook.test.ts
@@ -1,6 +1,7 @@
 import React from 'react';

-import { camelCaseObject, logError, logInfo } from '@openedx/frontend-base';
+import { logError, logInfo } from '@edx/frontend-platform/logging';
+import { camelCaseObject } from '@edx/frontend-platform/utils';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { renderHook, waitFor } from '@testing-library/react';

@@ -11,9 +12,12 @@ import {
 import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from './constants';

 // Mock the dependencies
-jest.mock('@openedx/frontend-base', () => ({
+jest.mock('@edx/frontend-platform/logging', () => ({
  logError: jest.fn(),
  logInfo: jest.fn(),
+}));
+
+jest.mock('@edx/frontend-platform/utils', () => ({
  camelCaseObject: jest.fn(),
 }));

--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
renovate[bot]	a5a12cb7fb	chore(deps): update actions/setup-node action to v6	2026-03-10 09:02:34 +00:00
renovate[bot]	604a785007	chore(deps): update dependency jest to v30.3.0 (#1642 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-03-10 05:30:20 +00:00
renovate[bot]	0d2e41244a	chore(deps): update dependency @tanstack/react-query to v5.90.21 (#1639 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-03-05 20:19:49 +00:00
Adolfo R. Brandes	93bd0f24fe	fix: prioritize registration errors over inline validations in backendValidations Registration errors from form submission (e.g., "password too similar to username") were being masked by stale inline validation results. The backendValidations memo checked state.validations first, which was set during on-blur field validation with no errors, causing it to never reach the registrationError branch. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>	2026-03-05 17:14:50 -03:00
Jesus Balderrama	0d709d1565	feat: React Query migration (#1629 ) Move from Redux to React Query across the board.	2026-03-05 13:46:05 -03:00
Max Sokolski	642853e001	fix: adding value length check for full name field (#1561 ) Co-authored-by: Artur Filippovskii <118079918+filippovskii09@users.noreply.github.com>	2026-03-05 10:18:51 -03:00
bydawen	4cb79223b2	fix: add missing space symbol to the 'additional.help.text' field (#1521 )	2026-02-27 10:35:43 -03:00
renovate[bot]	bbccd79785	chore(deps): update dependency algoliasearch to v4.27.0 (#1638 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-02-27 10:15:58 +00:00
renovate[bot]	359c349d50	chore(deps): update dependency algoliasearch-helper to v3.28.0 (#1637 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-02-25 18:54:18 +00:00
renovate[bot]	3942378177	chore(deps): update dependency algoliasearch to v4.26.0 (#1635 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-02-17 17:25:22 +00:00
renovate[bot]	4be8a2a452	chore(deps): update dependency @edx/frontend-platform to v8.5.5 (#1634 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-02-16 01:15:59 +00:00
renovate[bot]	f3a353245f	chore(deps): update dependency algoliasearch-helper to v3.27.1 (#1630 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-02-10 12:52:09 +00:00
Anton Melser	063bf759d4	docs: include 'standard' dev instructions	2026-01-29 06:35:35 -03:00
renovate[bot]	b54ad18da2	chore(deps): update dependency @edx/browserslist-config to v1.5.1 (#1626 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-01-27 17:45:16 +00:00
renovate[bot]	3ef7bb2dc7	chore(deps): update dependency @openedx/frontend-plugin-framework to v1.8.0 (#1625 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-01-27 14:45:44 +00:00
renovate[bot]	dd3ba31529	chore(deps): update dependency @edx/frontend-platform to v8.5.4 (#1623 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-01-23 22:09:21 +00:00
renovate[bot]	9b7be2aade	chore(deps): update dependency @openedx/paragon to v23.19.1 (#1618 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-01-12 10:00:43 +00:00
renovate[bot]	c3a14286d0	chore(deps): update dependency @openedx/paragon to v23.19.0 (#1617 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-01-12 02:01:22 +00:00
renovate[bot]	6f2e519b3c	fix(deps): update react-router monorepo to v6.30.3 (#1616 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-01-07 21:39:01 +00:00
renovate[bot]	f6a06d7f86	chore(deps): update dependency algoliasearch-helper to v3.27.0 (#1615 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-12-30 13:51:30 +00:00
renovate[bot]	b7decc3c73	chore(deps): update dependency @openedx/paragon to v23.18.2 (#1614 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-12-18 17:08:46 +00:00
renovate[bot]	0e2e802f9d	chore(deps): update dependency ts-jest to v29.4.6 (#1610 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-12-01 19:17:29 +00:00
renovate[bot]	882545be12	chore(deps): update dependency @openedx/paragon to v23.18.1 (#1608 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-25 18:00:06 +00:00
renovate[bot]	34a334fabc	chore(deps): update dependency @openedx/paragon to v23.18.0 (#1603 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-17 12:06:07 +00:00
renovate[bot]	1fd6e94792	chore(deps): update dependency @openedx/paragon to v23.17.0 (#1602 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-17 02:42:26 +00:00
renovate[bot]	e9b0902f49	fix(deps): update react-router monorepo to v6.30.2 (#1601 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-13 23:55:54 +00:00
renovate[bot]	a6ab635ea6	chore(deps): update dependency @openedx/paragon to v23.16.1 (#1600 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-12 21:48:30 +00:00
renovate[bot]	a22e0c80ca	chore(deps): update dependency algoliasearch-helper to v3.26.1 (#1599 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-10 18:48:58 +00:00
renovate[bot]	cff8da5a5e	chore(deps): update dependency algoliasearch to v4.25.3 (#1598 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-06 17:56:08 +00:00
renovate[bot]	70f11247d8	chore(deps): update dependency @openedx/paragon to v23.16.0 (#1597 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-11-03 19:12:38 +00:00
renovate[bot]	362a2962af	chore(deps): update dependency @openedx/paragon to v23.15.2 (#1596 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-30 05:21:11 +00:00
renovate[bot]	80760103a2	chore(deps): update dependency @openedx/paragon to v23.15.1 (#1594 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-29 03:04:18 +00:00
Feanil Patel	bee0afd611	Merge pull request #1354 from open-craft/kshitij/plugin-slot feat: Add plugin slot for login page	2025-10-24 09:53:15 -04:00
kshitij.sobti	0418a04fff	feat: Add plugin slot for login page This change adds a plugin slot for the login page allowing it to be customised. Since there was a dependency conflict between frontend-plugin-framework and the react-hooks testing package, the react-hooks testing package has been removed and a replaced with a simple mechanism for testing hooks. Since this touched the Login Page those have also been refactored to move away from redux connect.	2025-10-24 15:57:09 +05:30
renovate[bot]	5061391122	chore(deps): update dependency @edx/frontend-platform to v8.5.2 (#1593 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-24 04:10:39 +00:00
renovate[bot]	deb7cef005	chore(deps): update dependency @openedx/paragon to v23.15.0 (#1592 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-23 18:27:36 +00:00
renovate[bot]	9bd9d31599	fix(deps): update dependency redux-saga to v1.4.2 (#1591 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-21 22:53:05 +00:00
renovate[bot]	aec68e7c18	fix(deps): update dependency redux-saga to v1.4.1 (#1590 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-21 08:43:12 +00:00
renovate[bot]	f8868b1e36	chore(deps): update dependency @openedx/paragon to v23.14.9 (#1586 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-15 18:41:27 +00:00
Ihor Romaniuk	ffb8a2d434	fix: username suggestions alignment (#1584 ) Co-authored-by: Kyrylo Hudym-Levkovych <kyr.hudym@kyrs-MacBook-Pro.local>	2025-10-15 01:51:39 +05:00
renovate[bot]	a615cba2fa	chore(deps): update dependency @openedx/paragon to v23.14.8 (#1583 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-10 21:11:29 +00:00
renovate[bot]	c09d7f4eec	chore(deps): update dependency ts-jest to v29.4.5 (#1582 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-10 18:04:03 +00:00
renovate[bot]	a67a08a5fb	chore(deps): update dependency @openedx/paragon to v23.14.6 (#1581 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-10 13:10:59 +00:00
renovate[bot]	43ef53b703	chore(deps): update dependency babel-plugin-formatjs to v10.5.41 (#1580 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-09 18:05:55 +00:00
renovate[bot]	1dc39fcce1	chore(deps): update dependency @openedx/paragon to v23.14.5 (#1579 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-08 20:51:02 +00:00
renovate[bot]	0a28ef2fb4	chore(deps): update dependency babel-plugin-formatjs to v10.5.40 (#1578 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-06 01:36:40 +00:00
renovate[bot]	c2fa1fa2df	chore(deps): update dependency @openedx/paragon to v23.14.4 (#1577 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-10-01 21:33:53 +00:00
renovate[bot]	44cf541b06	chore(deps): update dependency jest to v30.2.0 (#1576 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-29 01:01:52 +00:00
Feanil Patel	b5b12d0e87	Merge pull request #1574 from openedx/feanil/remove-reactifex-packages build: remove unused @edx/reactifex package	2025-09-26 16:14:56 -04:00
Feanil Patel	b2862eeb42	build: remove unused @edx/reactifex package Remove @edx/reactifex package from devDependencies as it is no longer needed. Translation extraction functionality has been verified to work correctly without this dependency. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-26 16:11:41 -04:00
renovate[bot]	92a333cc66	chore(deps): update dependency @openedx/paragon to v23.14.3 (#1575 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-26 16:10:20 -04:00
oleksandr.buhaienko	7a9d9bb300	test: Remove support for Node 20	2025-09-26 10:50:26 -03:00
oleksandr.buhaienko	fc4eb61ec9	build: Upgrade to Node 24	2025-09-26 09:17:49 -03:00
renovate[bot]	b2972929c9	chore(deps): update dependency ts-jest to v29.4.4 (#1573 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-19 18:00:14 +00:00
bydawen	bc251a61b2	test: Add Node 24 to CI matrix (#1564 )	2025-09-19 13:56:48 -04:00
renovate[bot]	632e962161	chore(deps): update dependency ts-jest to v29.4.3 (#1572 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-18 10:35:42 +00:00
renovate[bot]	5d913b720e	chore(deps): update dependency ts-jest to v29.4.2 (#1570 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-16 10:17:33 +00:00
renovate[bot]	f8a5cb50ed	fix(deps): update dependency @edx/frontend-platform to v8.5.1 (#1568 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-15 02:15:50 +00:00
Samuel Allan	b97f777b6f	fix: update frontend-build to fix install issues (#1553 ) Earlier versions of @openedx/frontend-build used on older version of 'sharp', which caused intermittent installation issues. The version of 'sharp' was updated in @openedx/frontend-build to fix these issues, so the frontend-build version can be updated here, to fix the issues in this project too. See https://github.com/openedx/frontend-build/issues/664 and https://github.com/openedx/frontend-build/pull/665 for more information. The frontend-build dependency was updated by: ``` npm install --package-lock-only @openedx/frontend-build ``` Private-ref: https://tasks.opencraft.com/browse/BB-9953	2025-09-08 13:39:50 -06:00
renovate[bot]	b2f7579054	fix(deps): update dependency form-urlencoded to v6.1.6 (#1560 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-04 08:36:57 +00:00
renovate[bot]	24742c1cf5	chore(deps): update dependency jest to v30.1.3 (#1557 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-02 16:30:15 +00:00
renovate[bot]	051383e68a	chore(deps): update dependency jest to v30.1.2 (#1555 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-01 08:23:58 +00:00
renovate[bot]	5443ebd01b	chore(deps): update dependency @openedx/frontend-build to v14.6.2 (#1554 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-09-01 07:55:50 +00:00
renovate[bot]	3aa2422735	chore(deps): update dependency jest to v30.1.1 (#1552 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-27 20:30:04 +00:00
renovate[bot]	90a7dfeb15	chore(deps): update dependency jest to v30.1.0 (#1551 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-27 05:27:12 +00:00
renovate[bot]	97c7bd744f	fix(deps): update dependency @fortawesome/react-fontawesome to v0.2.6 (#1549 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-22 02:27:19 +00:00
renovate[bot]	55c5f705fb	fix(deps): update dependency @fortawesome/react-fontawesome to v0.2.5 (#1548 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-20 03:30:08 +00:00
renovate[bot]	f4e2adc261	fix(deps): update dependency @openedx/paragon to v23.14.2 (#1546 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-13 16:49:41 +00:00
Hassan Raza	58ec90aca6	chore: Handle forbidden username exceptions on registration (#1545 )	2025-08-13 07:35:30 +00:00
Diana Villalvazo	76e400f0ad	refactor: Replace of injectIntl with useIntl (#1540 )	2025-08-12 11:00:33 -04:00
Diana Villalvazo	5bd6926f2f	refactor: Replace of injectIntl with useIntl (#1539 )	2025-08-12 10:46:01 -04:00
Diana Villalvazo	43a584ebd1	refactor: Replace of injectIntl with useIntl (#1538 )	2025-08-12 09:42:57 -04:00
sundasnoreen12	4cf0a64d81	Merge pull request #1541 from WGU-Open-edX/1526/injectIntl-4of4 Replace of injectIntl with useIntl() 4/4	2025-08-11 12:31:50 +05:00
diana-villalvazo-wgu	db3d007c51	refactor: Replace of injectIntl with useIntl	2025-08-07 10:50:11 -05:00
renovate[bot]	55a930840f	fix(deps): update dependency @edx/frontend-platform to v8.5.0 (#1543 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-06 21:25:05 +00:00
renovate[bot]	fad82b52ad	fix(deps): update dependency @openedx/paragon to v23.14.1 (#1537 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-04 14:50:25 +00:00
renovate[bot]	41450686aa	chore(deps): update dependency ts-jest to v29.4.1 (#1536 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-08-04 02:11:37 +00:00
Kyle McCormick	2fcda640f5	chore: Delete CODEOWNERS (#1535 ) See: https://github.com/openedx/axim-engineering/issues/1511	2025-07-31 16:18:27 -04:00
renovate[bot]	82252f9a7c	fix(deps): update dependency @fortawesome/react-fontawesome to v0.2.3 (#1531 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-07-24 15:03:04 +00:00
renovate[bot]	818d0278a5	chore(deps): update dependency jest to v30.0.5 (#1527 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-07-22 08:44:21 +00:00
renovate[bot]	ff3fce99db	fix(deps): update dependency @openedx/paragon to v23.14.0 (#1517 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-07-03 19:01:47 +00:00
renovate[bot]	157c302384	chore(deps): update dependency jest to v30.0.4 (#1516 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-07-03 00:16:29 +00:00
renovate[bot]	f2a905d373	fix(deps): update dependency @openedx/paragon to v23.13.0 (#1514 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-26 23:59:51 +00:00
renovate[bot]	e984a0b07b	chore(deps): update dependency jest to v30.0.3 (#1513 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-25 03:34:38 +00:00
renovate[bot]	7150d4562a	fix(deps): update dependency algoliasearch to v4.25.2 (#1510 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-23 17:06:34 +00:00
renovate[bot]	451056866f	chore(deps): update dependency eslint-plugin-import to v2.32.0 (#1509 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-20 23:30:16 +00:00
renovate[bot]	76f0cc54d9	fix(deps): update dependency algoliasearch to v4.25.0 (#1508 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-19 19:51:42 +00:00
renovate[bot]	fb70f7a1c2	chore(deps): update dependency jest to v30.0.2 (#1507 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-19 15:46:32 +00:00
renovate[bot]	b664150b4d	chore(deps): update dependency jest to v30.0.1 (#1506 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-18 22:50:33 +00:00
Brian Smith	da5a2e31b6	feat!: add design tokens support (#1504 ) BREAKING CHANGE: Pre-design-tokens theming is no longer supported. Co-authored-by: Diana Olarte <diana.olarte@edunext.co>	2025-06-18 14:29:11 -04:00
renovate[bot]	486d0bfd37	chore(deps): update dependency @openedx/frontend-build to v14.6.1 (#1503 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-18 03:45:28 +00:00
renovate[bot]	9332fc113a	fix(deps): update dependency algoliasearch-helper to v3.26.0 (#1501 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-16 17:05:31 +00:00
renovate[bot]	181e837ca4	fix(deps): update dependency @openedx/paragon to v22.20.2 (#1500 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-16 06:13:56 +00:00
renovate[bot]	735a9afc3c	chore(deps): update dependency babel-plugin-formatjs to v10.5.39 (#1499 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-06-16 00:51:57 +00:00