@openedx/frontend-app-authn 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/reset-password/messages.js

@@ -0,0 +1,87 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    'sign.in': {
+        id: 'sign.in',
+        defaultMessage: 'Sign in',
+        description: 'Sign in toggle text',
+    },
+    'reset.password.page.title': {
+        id: 'reset.password.page.title',
+        defaultMessage: 'Reset Password | {siteName}',
+        description: 'page title',
+    },
+    'reset.password': {
+        id: 'reset.password',
+        defaultMessage: 'Reset password',
+        description: 'The page heading and button text for reset password page.',
+    },
+    'reset.password.page.instructions': {
+        id: 'reset.password.page.instructions',
+        defaultMessage: 'Enter and confirm your new password.',
+        description: 'Instructions message for reset password page.',
+    },
+    'new.password.label': {
+        id: 'new.password.label',
+        defaultMessage: 'New password',
+        description: 'New password field label for the reset password page.',
+    },
+    'confirm.password.label': {
+        id: 'confirm.password.label',
+        defaultMessage: 'Confirm password',
+        description: 'Confirm password field label for the reset password page.',
+    },
+    // validation errors
+    'password.validation.message': {
+        id: 'password.validation.message',
+        defaultMessage: 'Password criteria has not been met',
+        description: 'Error message for empty or invalid password',
+    },
+    'passwords.do.not.match': {
+        id: 'passwords.do.not.match',
+        defaultMessage: 'Passwords do not match',
+        description: 'Password format error.',
+    },
+    'confirm.your.password': {
+        id: 'confirm.your.password',
+        defaultMessage: 'Confirm your password',
+        description: 'Field validation message when confirm password is empty',
+    },
+    // alert banner strings
+    'reset.password.failure.heading': {
+        id: 'reset.password.failure.heading',
+        defaultMessage: 'We couldn\'t reset your password.',
+        description: 'Heading for reset password request failure',
+    },
+    'reset.password.form.submission.error': {
+        id: 'reset.password.form.submission.error',
+        defaultMessage: 'Please check your responses and try again.',
+        description: 'Error message for reset password page',
+    },
+    'reset.server.rate.limit.error': {
+        id: 'reset.server.rate.limit.error',
+        defaultMessage: 'Too many requests.',
+        description: 'Too many request at server end point',
+    },
+    'reset.password.success.heading': {
+        id: 'reset.password.success.heading',
+        defaultMessage: 'Password reset complete.',
+        description: 'Heading for alert box when reset password is successful',
+    },
+    'reset.password.success': {
+        id: 'reset.password.success',
+        defaultMessage: 'Your password has been reset. Sign in to your account.',
+        description: 'Reset password success message',
+    },
+    'internal.server.error': {
+        id: 'internal.server.error',
+        defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',
+        description: 'Error message that appears when server responds with 500 error code',
+    },
+    'rate.limit.error': {
+        id: 'rate.limit.error',
+        defaultMessage: 'An error has occurred because of too many requests. Please try again after some time.',
+        description: 'Error message that appears when server responds with 429 error code',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/reset-password/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/reset-password/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,SAAS;QACb,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,qBAAqB;KACnC;IACD,2BAA2B,EAAE;QAC3B,EAAE,EAAE,2BAA2B;QAC/B,cAAc,EAAE,6BAA6B;QAC7C,WAAW,EAAE,YAAY;KAC1B;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,2DAA2D;KACzE;IACD,kCAAkC,EAAE;QAClC,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,sCAAsC;QACtD,WAAW,EAAE,+CAA+C;KAC7D;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,oBAAoB;QACxB,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,uDAAuD;KACrE;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,wBAAwB;QAC5B,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,2DAA2D;KACzE;IACD,oBAAoB;IACpB,6BAA6B,EAAE;QAC7B,EAAE,EAAE,6BAA6B;QACjC,cAAc,EAAE,oCAAoC;QACpD,WAAW,EAAE,6CAA6C;KAC3D;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,wBAAwB;QAC5B,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,wBAAwB;KACtC;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,uBAAuB;QAC3B,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,yDAAyD;KACvE;IACD,uBAAuB;IACvB,gCAAgC,EAAE;QAChC,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,mCAAmC;QACnD,WAAW,EAAE,4CAA4C;KAC1D;IACD,sCAAsC,EAAE;QACtC,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,4CAA4C;QAC5D,WAAW,EAAE,uCAAuC;KACrD;IACD,+BAA+B,EAAE;QAC/B,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,oBAAoB;QACpC,WAAW,EAAE,sCAAsC;KACpD;IACD,gCAAgC,EAAE;QAChC,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,0BAA0B;QAC1C,WAAW,EAAE,yDAAyD;KACvE;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,wBAAwB;QAC5B,cAAc,EAAE,wDAAwD;QACxE,WAAW,EAAE,gCAAgC;KAC9C;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,uBAAuB;QAC3B,cAAc,EAAE,oFAAoF;QACpG,WAAW,EAAE,qEAAqE;KACnF;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,kBAAkB;QACtB,cAAc,EAAE,uFAAuF;QACvG,WAAW,EAAE,qEAAqE;KACnF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'sign.in': {\n    id: 'sign.in',\n    defaultMessage: 'Sign in',\n    description: 'Sign in toggle text',\n  },\n  'reset.password.page.title': {\n    id: 'reset.password.page.title',\n    defaultMessage: 'Reset Password | {siteName}',\n    description: 'page title',\n  },\n  'reset.password': {\n    id: 'reset.password',\n    defaultMessage: 'Reset password',\n    description: 'The page heading and button text for reset password page.',\n  },\n  'reset.password.page.instructions': {\n    id: 'reset.password.page.instructions',\n    defaultMessage: 'Enter and confirm your new password.',\n    description: 'Instructions message for reset password page.',\n  },\n  'new.password.label': {\n    id: 'new.password.label',\n    defaultMessage: 'New password',\n    description: 'New password field label for the reset password page.',\n  },\n  'confirm.password.label': {\n    id: 'confirm.password.label',\n    defaultMessage: 'Confirm password',\n    description: 'Confirm password field label for the reset password page.',\n  },\n  // validation errors\n  'password.validation.message': {\n    id: 'password.validation.message',\n    defaultMessage: 'Password criteria has not been met',\n    description: 'Error message for empty or invalid password',\n  },\n  'passwords.do.not.match': {\n    id: 'passwords.do.not.match',\n    defaultMessage: 'Passwords do not match',\n    description: 'Password format error.',\n  },\n  'confirm.your.password': {\n    id: 'confirm.your.password',\n    defaultMessage: 'Confirm your password',\n    description: 'Field validation message when confirm password is empty',\n  },\n  // alert banner strings\n  'reset.password.failure.heading': {\n    id: 'reset.password.failure.heading',\n    defaultMessage: 'We couldn\\'t reset your password.',\n    description: 'Heading for reset password request failure',\n  },\n  'reset.password.form.submission.error': {\n    id: 'reset.password.form.submission.error',\n    defaultMessage: 'Please check your responses and try again.',\n    description: 'Error message for reset password page',\n  },\n  'reset.server.rate.limit.error': {\n    id: 'reset.server.rate.limit.error',\n    defaultMessage: 'Too many requests.',\n    description: 'Too many request at server end point',\n  },\n  'reset.password.success.heading': {\n    id: 'reset.password.success.heading',\n    defaultMessage: 'Password reset complete.',\n    description: 'Heading for alert box when reset password is successful',\n  },\n  'reset.password.success': {\n    id: 'reset.password.success',\n    defaultMessage: 'Your password has been reset. Sign in to your account.',\n    description: 'Reset password success message',\n  },\n  'internal.server.error': {\n    id: 'internal.server.error',\n    defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',\n    description: 'Error message that appears when server responds with 500 error code',\n  },\n  'rate.limit.error': {\n    id: 'rate.limit.error',\n    defaultMessage: 'An error has occurred because of too many requests. Please try again after some time.',\n    description: 'Error message that appears when server responds with 429 error code',\n  },\n});\n\nexport default messages;\n"]}

package/dist/routes.d.ts

@@ -0,0 +1,19 @@
+export default routes;
+declare const routes: {
+    id: string;
+    path: string;
+    lazy(): Promise<{
+        Component: () => import("react/jsx-runtime").JSX.Element;
+    }>;
+    children: ({
+        path: string;
+        element: import("react/jsx-runtime").JSX.Element;
+        handle?: undefined;
+    } | {
+        path: string;
+        handle: {
+            role: string;
+        };
+        element: import("react/jsx-runtime").JSX.Element;
+    })[];
+}[];

package/dist/routes.js

@@ -0,0 +1,76 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmbeddedRegistrationRoute, NotFoundPage, UnAuthOnlyRoute } from './common-components';
+import { confirmPasswordRole, loginPath, loginRole, notFoundPath, passwordResetConfirmPath, registerEmbeddedPath, registerPath, registerRole, resetPath, resetPasswordRole, welcomePath, welcomeRole, } from './constants';
+import { ForgotPasswordPage } from './forgot-password';
+import Logistration from './logistration/Logistration';
+import { ProgressiveProfiling } from './progressive-profiling';
+import { RegistrationPage } from './register';
+import { ResetPasswordPage } from './reset-password';
+const routes = [
+    {
+        id: 'org.openedx.frontend.route.authn.main',
+        path: '/authn',
+        lazy() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const module = yield import('./Main');
+                return { Component: module.default };
+            });
+        },
+        children: [
+            {
+                path: registerEmbeddedPath,
+                element: (_jsx(EmbeddedRegistrationRoute, { children: _jsx(RegistrationPage, {}) })),
+            },
+            {
+                path: loginPath,
+                handle: {
+                    role: loginRole,
+                },
+                element: (_jsx(UnAuthOnlyRoute, { children: _jsx(Logistration, { selectedPage: loginPath }) })),
+            },
+            {
+                path: registerPath,
+                handle: {
+                    role: registerRole,
+                },
+                element: (_jsx(UnAuthOnlyRoute, { children: _jsx(Logistration, {}) })),
+            },
+            {
+                path: resetPath,
+                handle: {
+                    role: resetPasswordRole,
+                },
+                element: (_jsx(UnAuthOnlyRoute, { children: _jsx(ForgotPasswordPage, {}) })),
+            },
+            {
+                path: `${passwordResetConfirmPath}/:token`,
+                handle: {
+                    role: confirmPasswordRole,
+                },
+                element: (_jsx(ResetPasswordPage, {})),
+            },
+            {
+                path: welcomePath,
+                handle: {
+                    role: welcomeRole,
+                },
+                element: (_jsx(ProgressiveProfiling, {})),
+            },
+            {
+                path: notFoundPath,
+                element: (_jsx(NotFoundPage, {})),
+            },
+        ]
+    }
+];
+export default routes;
+//# sourceMappingURL=routes.js.map

package/dist/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.jsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,yBAAyB,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EACL,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EACvD,wBAAwB,EAAE,oBAAoB,EAAE,YAAY,EAAE,YAAY,EAC1E,SAAS,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,GACvD,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,uCAAuC;QAC3C,IAAI,EAAE,QAAQ;QACR,IAAI;;gBACR,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACtC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACvC,CAAC;SAAA;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,oBAAoB;gBAC1B,OAAO,EAAE,CACP,KAAC,yBAAyB,cAAC,KAAC,gBAAgB,KAAG,GAA4B,CAC5E;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;gBACD,OAAO,EAAE,CACP,KAAC,eAAe,cAAC,KAAC,YAAY,IAAC,YAAY,EAAE,SAAS,GAAI,GAAkB,CAC7E;aACF;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,MAAM,EAAE;oBACN,IAAI,EAAE,YAAY;iBACnB;gBACD,OAAO,EAAE,CACP,KAAC,eAAe,cAAC,KAAC,YAAY,KAAG,GAAkB,CACpD;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE;oBACN,IAAI,EAAE,iBAAiB;iBACxB;gBACD,OAAO,EAAE,CACP,KAAC,eAAe,cAAC,KAAC,kBAAkB,KAAG,GAAkB,CAC1D;aACF;YACD;gBACE,IAAI,EAAE,GAAG,wBAAwB,SAAS;gBAC1C,MAAM,EAAE;oBACN,IAAI,EAAE,mBAAmB;iBAC1B;gBACD,OAAO,EAAE,CACP,KAAC,iBAAiB,KAAG,CACtB;aACF;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE;oBACN,IAAI,EAAE,WAAW;iBAClB;gBACD,OAAO,EAAE,CACP,KAAC,oBAAoB,KAAG,CACzB;aACF;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE,CACP,KAAC,YAAY,KAAG,CACjB;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { EmbeddedRegistrationRoute, NotFoundPage, UnAuthOnlyRoute } from './common-components';\nimport {\n  confirmPasswordRole, loginPath, loginRole, notFoundPath,\n  passwordResetConfirmPath, registerEmbeddedPath, registerPath, registerRole,\n  resetPath, resetPasswordRole, welcomePath, welcomeRole,\n} from './constants';\nimport { ForgotPasswordPage } from './forgot-password';\nimport Logistration from './logistration/Logistration';\nimport { ProgressiveProfiling } from './progressive-profiling';\nimport { RegistrationPage } from './register';\nimport { ResetPasswordPage } from './reset-password';\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.authn.main',\n    path: '/authn',\n    async lazy() {\n      const module = await import('./Main');\n      return { Component: module.default };\n    },\n    children: [\n      {\n        path: registerEmbeddedPath,\n        element: (\n          <EmbeddedRegistrationRoute><RegistrationPage /></EmbeddedRegistrationRoute>\n        ),\n      },\n      {\n        path: loginPath,\n        handle: {\n          role: loginRole,\n        },\n        element: (\n          <UnAuthOnlyRoute><Logistration selectedPage={loginPath} /></UnAuthOnlyRoute>\n        ),\n      },\n      {\n        path: registerPath,\n        handle: {\n          role: registerRole,\n        },\n        element: (\n          <UnAuthOnlyRoute><Logistration /></UnAuthOnlyRoute>\n        ),\n      },\n      {\n        path: resetPath,\n        handle: {\n          role: resetPasswordRole,\n        },\n        element: (\n          <UnAuthOnlyRoute><ForgotPasswordPage /></UnAuthOnlyRoute>\n        ),\n      },\n      {\n        path: `${passwordResetConfirmPath}/:token`,\n        handle: {\n          role: confirmPasswordRole,\n        },\n        element: (\n          <ResetPasswordPage />\n        ),\n      },\n      {\n        path: welcomePath,\n        handle: {\n          role: welcomeRole,\n        },\n        element: (\n          <ProgressiveProfiling />\n        ),\n      },\n      {\n        path: notFoundPath,\n        element: (\n          <NotFoundPage />\n        ),\n      },\n    ]\n  }\n];\n\nexport default routes;\n"]}

package/{src → dist}/sass/_registration.scss

@@ -68,22 +68,20 @@
   margin-right: 0.25rem;
 }
 
-.username-suggestions {
+.username__form-group-wrapper {
   position: relative;
-  margin-top: -2.5rem;
-  margin-left: 15px;
 }
 
-.username-suggestions__close__button {
-  right: 1rem;
+.username-suggestions {
   position: absolute;
+  inset: 0;
+  padding-left: 15px;
+  z-index: 100;
 }
 
-.username-suggestions__error {
-  position: relative;
-  margin-top: -13.7%;
-  margin-bottom: 11%;
-  margin-left: 15px;
+.username-suggestions__close__button {
+  right: 1rem;
+  position: absolute;
 }
 
 .username-scroll-suggested--form-field {

package/dist/slots/LoginComponentSlot/index.d.ts

@@ -0,0 +1,12 @@
+export default LoginComponentSlot;
+declare function LoginComponentSlot({ institutionLogin, handleInstitutionLogin, }: {
+    institutionLogin: any;
+    handleInstitutionLogin: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace LoginComponentSlot {
+    namespace propTypes {
+        let institutionLogin: PropTypes.Requireable<boolean>;
+        let handleInstitutionLogin: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/slots/LoginComponentSlot/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+import PropTypes from 'prop-types';
+import LoginPage from '../../login/LoginPage';
+const LoginComponentSlot = ({ institutionLogin, handleInstitutionLogin, }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.authn.loginComponent.v1", institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin, children: _jsx(LoginPage, { institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin }) }));
+LoginComponentSlot.propTypes = {
+    institutionLogin: PropTypes.bool,
+    handleInstitutionLogin: PropTypes.func,
+};
+export default LoginComponentSlot;
+//# sourceMappingURL=index.js.map

package/dist/slots/LoginComponentSlot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/LoginComponentSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,EAC1B,gBAAgB,EAChB,sBAAsB,GACvB,EAAE,EAAE,CAAC,CACJ,KAAC,IAAI,IACH,EAAE,EAAC,mDAAmD,EACtD,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,sBAAsB,YAE9C,KAAC,SAAS,IACR,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,sBAAsB,GAC9C,GACG,CACR,CAAC;AAEF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,gBAAgB,EAAE,SAAS,CAAC,IAAI;IAChC,sBAAsB,EAAE,SAAS,CAAC,IAAI;CACvC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\nimport PropTypes from 'prop-types';\n\nimport LoginPage from '../../login/LoginPage';\n\nconst LoginComponentSlot = ({\n  institutionLogin,\n  handleInstitutionLogin,\n}) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.authn.loginComponent.v1\"\n    institutionLogin={institutionLogin}\n    handleInstitutionLogin={handleInstitutionLogin}\n  >\n    <LoginPage\n      institutionLogin={institutionLogin}\n      handleInstitutionLogin={handleInstitutionLogin}\n    />\n  </Slot>\n);\n\nLoginComponentSlot.propTypes = {\n  institutionLogin: PropTypes.bool,\n  handleInstitutionLogin: PropTypes.func,\n};\n\nexport default LoginComponentSlot;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/frontend-app-authn",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.7",
   "description": "Frontend authentication",
   "engines": {
     "node": "^24.12"
@@ -9,9 +9,15 @@
     "type": "git",
     "url": "git+https://github.com/openedx/frontend-app-authn.git"
   },
-  "main": "src/index.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./app.scss": "./dist/app.scss"
+  },
   "files": [
-    "/src"
+    "/dist"
+  ],
+  "workspaces": [
+    "packages/*"
   ],
   "browserslist": [
     "extends @edx/browserslist-config"
@@ -21,12 +27,20 @@
     "*.scss"
   ],
   "scripts": {
+    "build": "make build",
+    "build:packages": "make build-packages",
+    "clean": "make clean",
+    "clean:packages": "make clean-packages",
     "dev": "PORT=1999 PUBLIC_PATH=/authn openedx dev",
+    "dev:site": "make dev-site",
+    "dev:packages": "make dev-packages",
     "i18n_extract": "openedx formatjs extract",
     "lint": "openedx lint .",
     "lint:fix": "openedx lint --fix .",
+    "prepack": "npm run clean && npm run build",
     "snapshot": "openedx test --updateSnapshot",
-    "test": "openedx test --coverage --passWithNoTests"
+    "test": "openedx test --coverage --passWithNoTests",
+    "watch:build": "nodemon --exec 'npm run build'"
   },
   "author": "Open edX",
   "license": "AGPL-3.0",
@@ -44,7 +58,6 @@
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@redux-devtools/extension": "^3.3.0",
     "classnames": "^2.5.1",
     "fastest-levenshtein": "^1.0.16",
     "form-urlencoded": "^6.1.5",
@@ -54,30 +67,28 @@
     "react-helmet": "^6.1.0",
     "react-loading-skeleton": "^3.5.0",
     "react-responsive": "^8.2.0",
-    "redux-logger": "^3.0.6",
-    "redux-mock-store": "^1.5.5",
-    "redux-saga": "^1.3.0",
-    "redux-thunk": "^2.4.2",
-    "reselect": "^5.1.1",
     "universal-cookie": "^8.0.1"
   },
   "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",
+    "nodemon": "^3.1.14",
     "react-test-renderer": "^18.3.1",
-    "ts-jest": "^29.4.0"
+    "ts-jest": "^29.4.0",
+    "tsc-alias": "^1.8.16",
+    "turbo": "^2.8.16"
   },
   "peerDependencies": {
-    "@openedx/frontend-base": "^1.0.0-alpha.8",
+    "@openedx/frontend-base": "^1.0.0-alpha || 0.0.0-dev",
     "@openedx/paragon": "^23",
+    "@tanstack/react-query": "^5",
     "react": "^18",
     "react-dom": "^18",
-    "react-redux": "^8",
     "react-router": "^6",
-    "react-router-dom": "^6",
-    "redux": "^4"
+    "react-router-dom": "^6"
   }
 }

package/src/Main.tsx

@@ -1,23 +0,0 @@
-import { Provider as ReduxProvider } from 'react-redux';
-import { Outlet } from 'react-router-dom';
-import { CurrentAppProvider } from '@openedx/frontend-base';
-
-import { appId } from './constants';
-import {
-  registerIcons,
-} from './common-components';
-import configureStore from './data/configureStore';
-
-import './sass/_style.scss';
-
-registerIcons();
-
-const Main = () => (
-  <CurrentAppProvider appId={appId}>
-    <ReduxProvider store={configureStore()}>
-      <Outlet />
-    </ReduxProvider>
-  </CurrentAppProvider>
-);
-
-export default Main;

package/src/__mocks__/file.js

@@ -1 +0,0 @@
-module.exports = 'FileMock';

package/src/__mocks__/svg.js

@@ -1 +0,0 @@
-module.exports = 'SvgURL';

package/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;

package/src/base-container/components/default-layout/DefaultLayout.test.jsx

@@ -1,48 +0,0 @@
-import { IntlProvider } from '@openedx/frontend-base';
-import { render, screen } from '@testing-library/react';
-
-import { DefaultLargeLayout, DefaultMediumLayout, DefaultSmallLayout } from './index';
-
-describe('Default Layout tests', () => {
-  it('should display the form passed as a child in SmallScreenLayout', () => {
-    render(
-      <IntlProvider locale="en">
-        <div>
-          <DefaultSmallLayout />
-          <form aria-label="form">
-            <input type="text" />
-          </form>
-        </div>
-      </IntlProvider>,
-    );
-    expect(screen.getByRole('form')).toBeDefined();
-  });
-
-  it('should display the form passed as a child in MediumScreenLayout', () => {
-    render(
-      <IntlProvider locale="en">
-        <div>
-          <DefaultMediumLayout />
-          <form aria-label="form">
-            <input type="text" />
-          </form>
-        </div>
-      </IntlProvider>,
-    );
-    expect(screen.getByRole('form')).toBeDefined();
-  });
-
-  it('should display the form passed as a child in LargeScreenLayout', () => {
-    render(
-      <IntlProvider locale="en">
-        <div>
-          <DefaultLargeLayout />
-          <form aria-label="form">
-            <input type="text" />
-          </form>
-        </div>
-      </IntlProvider>,
-    );
-    expect(screen.getByRole('form')).toBeDefined();
-  });
-});

package/src/base-container/components/default-layout/LargeLayout.jsx

@@ -1,42 +0,0 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
-import classNames from 'classnames';
-
-import messages from './messages';
-
-const LargeLayout = () => {
-  const { formatMessage } = useIntl();
-
-  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>
-        <div className="min-vh-100 d-flex align-items-center">
-          <div className={classNames({ 'large-yellow-line mr-n4.5': getSiteConfig().siteName === 'edX' })} />
-          <h1
-            className={classNames(
-              'display-2 text-white mw-xs',
-              { 'ml-6': getSiteConfig().siteName !== 'edX' },
-            )}
-          >
-            {formatMessage(messages['start.learning'])}
-            <div className="text-accent-a">
-              {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}
-            </div>
-          </h1>
-        </div>
-      </div>
-      <div className="col-md-3 bg-white p-0">
-        <svg className="ml-n1 w-100 h-100 large-screen-svg-primary" preserveAspectRatio="xMaxYMin meet">
-          <g transform="skewX(171.6)">
-            <rect x="0" y="0" height="100%" width="100%" />
-          </g>
-        </svg>
-      </div>
-    </div>
-  );
-};
-
-export default LargeLayout;

package/src/base-container/components/default-layout/MediumLayout.jsx

@@ -1,49 +0,0 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
-import classNames from 'classnames';
-
-import messages from './messages';
-
-const MediumLayout = () => {
-  const { formatMessage } = useIntl();
-
-  return (
-    <>
-      <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>
-          <div className="d-flex align-items-center justify-content-center mb-4 ">
-            <div className={classNames({ 'mt-1 medium-yellow-line': getSiteConfig().siteName === 'edX' })} />
-            <div>
-              <h1
-                className={classNames(
-                  'display-1 text-white mt-5 mb-5 mr-2 main-heading',
-                  { 'ml-4.5': getSiteConfig().siteName !== 'edX' },
-                )}
-              >
-                <span>
-                  {formatMessage(messages['start.learning'])}{' '}
-                  <span className="text-accent-a d-inline-block">
-                    {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}
-                  </span>
-                </span>
-              </h1>
-            </div>
-          </div>
-        </div>
-        <div className="col-md-2 bg-white p-0">
-          <svg className="w-100 h-100 medium-screen-svg-primary" preserveAspectRatio="xMaxYMin meet">
-            <g transform="skewX(168)">
-              <rect x="0" y="0" height="100%" width="100%" />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default MediumLayout;

package/src/base-container/components/default-layout/SmallLayout.jsx

@@ -1,37 +0,0 @@
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
-import classNames from 'classnames';
-
-import messages from './messages';
-
-const SmallLayout = () => {
-  const { formatMessage } = useIntl();
-
-  return (
-    <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>
-        <div className="d-flex align-items-center m-3.5">
-          <div className={classNames({ 'small-yellow-line mr-n2.5': getSiteConfig().siteName === 'edX' })} />
-          <h1
-            className={classNames(
-              'text-white mt-3.5 mb-3.5',
-            )}
-          >
-            <span>
-              {formatMessage(messages['start.learning'])}{' '}
-              <span className="text-accent-a d-inline-block">
-                {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}
-              </span>
-            </span>
-          </h1>
-        </div>
-      </div>
-    </span>
-  );
-};
-
-export default SmallLayout;

package/src/base-container/components/default-layout/messages.js

@@ -1,16 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-
-const messages = defineMessages({
-  'start.learning': {
-    id: 'start.learning',
-    defaultMessage: 'Start learning',
-    description: 'Header text for logistration MFE pages',
-  },
-  'with.site.name': {
-    id: 'with.site.name',
-    defaultMessage: 'with {siteName}',
-    description: 'Header text with site name for logistration MFE pages',
-  },
-});
-
-export default messages;