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

package/dist/reset-password/data/service.js

@@ -0,0 +1,62 @@
+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 { getSiteConfig, getHttpClient } from '@openedx/frontend-base';
+import formurlencoded from 'form-urlencoded';
+export function validateToken(token) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const requestConfig = {
+            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        };
+        const { data } = yield getHttpClient()
+            .post(`${getSiteConfig().lmsBaseUrl}/user_api/v1/account/password_reset/token/validate/`, formurlencoded({ token }), requestConfig)
+            .catch((e) => {
+            throw (e);
+        });
+        return data;
+    });
+}
+export function resetPassword(payload, token, queryParams) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const requestConfig = {
+            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        };
+        const url = new URL(`${getSiteConfig().lmsBaseUrl}/password/reset/${token}/`);
+        if (queryParams.is_account_recovery) {
+            url.searchParams.append('is_account_recovery', true);
+        }
+        const { data } = yield getHttpClient()
+            .post(url.href, formurlencoded(payload), requestConfig)
+            .catch((e) => {
+            throw (e);
+        });
+        return data;
+    });
+}
+export function validatePassword(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const requestConfig = {
+            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        };
+        const { data } = yield getHttpClient()
+            .post(`${getSiteConfig().lmsBaseUrl}/api/user/v1/validation/registration`, formurlencoded(payload), requestConfig)
+            .catch((e) => {
+            throw (e);
+        });
+        let errorMessage = '';
+        // Be careful about grabbing this message, since we could have received an HTTP error or the
+        // endpoint didn't give us what we expect. We only care if we get a clear error message.
+        if ((_a = data.validation_decisions) === null || _a === void 0 ? void 0 : _a.password) {
+            errorMessage = data.validation_decisions.password;
+        }
+        return errorMessage;
+    });
+}
+//# sourceMappingURL=service.js.map

package/dist/reset-password/data/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../src/reset-password/data/service.js"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAgB,aAAa,CAAC,KAAK;;QACvC,MAAM,aAAa,GAAG;YACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;SACjE,CAAC;QAEF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;aACnC,IAAI,CACH,GAAG,aAAa,EAAE,CAAC,UAAU,qDAAqD,EAClF,cAAc,CAAC,EAAE,KAAK,EAAE,CAAC,EACzB,aAAa,CACd;aACA,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,MAAM,CAAC,CAAC,CAAC,CAAC;QACZ,CAAC,CAAC,CAAC;QACL,OAAO,IAAI,CAAC;IACd,CAAC;CAAA;AAED,MAAM,UAAgB,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW;;QAC7D,MAAM,aAAa,GAAG;YACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;SACjE,CAAC;QACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,mBAAmB,KAAK,GAAG,CAAC,CAAC;QAE9E,IAAI,WAAW,CAAC,mBAAmB,EAAE,CAAC;YACpC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;aACnC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;aACtD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,MAAM,CAAC,CAAC,CAAC,CAAC;QACZ,CAAC,CAAC,CAAC;QACL,OAAO,IAAI,CAAC;IACd,CAAC;CAAA;AAED,MAAM,UAAgB,gBAAgB,CAAC,OAAO;;;QAC5C,MAAM,aAAa,GAAG;YACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;SACjE,CAAC;QACF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;aACnC,IAAI,CACH,GAAG,aAAa,EAAE,CAAC,UAAU,sCAAsC,EACnE,cAAc,CAAC,OAAO,CAAC,EACvB,aAAa,CACd;aACA,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,MAAM,CAAC,CAAC,CAAC,CAAC;QACZ,CAAC,CAAC,CAAC;QAEL,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,4FAA4F;QAC5F,wFAAwF;QACxF,IAAI,MAAA,IAAI,CAAC,oBAAoB,0CAAE,QAAQ,EAAE,CAAC;YACxC,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;QACpD,CAAC;QAED,OAAO,YAAY,CAAC;IACtB,CAAC;CAAA","sourcesContent":["import { getSiteConfig, getHttpClient } from '@openedx/frontend-base';\nimport formurlencoded from 'form-urlencoded';\n\nexport async function validateToken(token) {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n\n  const { data } = await getHttpClient()\n    .post(\n      `${getSiteConfig().lmsBaseUrl}/user_api/v1/account/password_reset/token/validate/`,\n      formurlencoded({ token }),\n      requestConfig,\n    )\n    .catch((e) => {\n      throw (e);\n    });\n  return data;\n}\n\nexport async function resetPassword(payload, token, queryParams) {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n  const url = new URL(`${getSiteConfig().lmsBaseUrl}/password/reset/${token}/`);\n\n  if (queryParams.is_account_recovery) {\n    url.searchParams.append('is_account_recovery', true);\n  }\n\n  const { data } = await getHttpClient()\n    .post(url.href, formurlencoded(payload), requestConfig)\n    .catch((e) => {\n      throw (e);\n    });\n  return data;\n}\n\nexport async function validatePassword(payload) {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n  const { data } = await getHttpClient()\n    .post(\n      `${getSiteConfig().lmsBaseUrl}/api/user/v1/validation/registration`,\n      formurlencoded(payload),\n      requestConfig,\n    )\n    .catch((e) => {\n      throw (e);\n    });\n\n  let errorMessage = '';\n  // Be careful about grabbing this message, since we could have received an HTTP error or the\n  // endpoint didn't give us what we expect. We only care if we get a clear error message.\n  if (data.validation_decisions?.password) {\n    errorMessage = data.validation_decisions.password;\n  }\n\n  return errorMessage;\n}\n"]}

package/dist/reset-password/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ResetPasswordPage } from "./ResetPasswordPage";
+export { default as reducer } from "./data/reducers";
+export { RESET_PASSWORD } from "./data/actions";
+export { default as saga } from "./data/sagas";
+export { storeName } from "./data/selectors";

package/{src → dist}/reset-password/index.js

@@ -3,3 +3,4 @@ export { default as reducer } from './data/reducers';
 export { RESET_PASSWORD } from './data/actions';
 export { default as saga } from './data/sagas';
 export { storeName } from './data/selectors';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/reset-password/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default as ResetPasswordPage } from './ResetPasswordPage';\nexport { default as reducer } from './data/reducers';\nexport { RESET_PASSWORD } from './data/actions';\nexport { default as saga } from './data/sagas';\nexport { storeName } from './data/selectors';\n"]}

package/dist/reset-password/messages.d.ts

@@ -0,0 +1,83 @@
+export default messages;
+declare const messages: {
+    'sign.in': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.page.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.page.instructions': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'new.password.label': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'confirm.password.label': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'password.validation.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'passwords.do.not.match': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'confirm.your.password': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.failure.heading': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.form.submission.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.server.rate.limit.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.success.heading': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.success': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'internal.server.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'rate.limit.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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,18 @@
+export default routes;
+declare const routes: {
+    id: 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,75 @@
+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 { LOGIN_PAGE } from './data/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',
+        lazy() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const module = yield import('./Main');
+                return { Component: module.default };
+            });
+        },
+        children: [
+            {
+                path: 'register-embedded',
+                element: (_jsx(EmbeddedRegistrationRoute, { children: _jsx(RegistrationPage, {}) })),
+            },
+            {
+                path: 'login',
+                handle: {
+                    role: 'org.openedx.frontend.role.login',
+                },
+                element: (_jsx(UnAuthOnlyRoute, { children: _jsx(Logistration, { selectedPage: LOGIN_PAGE }) })),
+            },
+            {
+                path: 'register',
+                handle: {
+                    role: 'org.openedx.frontend.role.register',
+                },
+                element: (_jsx(UnAuthOnlyRoute, { children: _jsx(Logistration, {}) })),
+            },
+            {
+                path: 'reset',
+                handle: {
+                    role: 'org.openedx.frontend.role.resetPassword',
+                },
+                element: (_jsx(UnAuthOnlyRoute, { children: _jsx(ForgotPasswordPage, {}) })),
+            },
+            {
+                path: 'password_reset_confirm/:token',
+                handle: {
+                    role: 'org.openedx.frontend.role.confirmPassword',
+                },
+                element: (_jsx(ResetPasswordPage, {})),
+            },
+            {
+                path: 'welcome',
+                handle: {
+                    role: 'org.openedx.frontend.role.welcome',
+                },
+                element: (_jsx(ProgressiveProfiling, {})),
+            },
+            {
+                path: 'notfound',
+                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,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,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;QACrC,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,mBAAmB;gBACzB,OAAO,EAAE,CACP,KAAC,yBAAyB,cAAC,KAAC,gBAAgB,KAAG,GAA4B,CAC5E;aACF;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE;oBACN,IAAI,EAAE,iCAAiC;iBACxC;gBACD,OAAO,EAAE,CACP,KAAC,eAAe,cAAC,KAAC,YAAY,IAAC,YAAY,EAAE,UAAU,GAAI,GAAkB,CAC9E;aACF;YACD;gBACE,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE;oBACN,IAAI,EAAE,oCAAoC;iBAC3C;gBACD,OAAO,EAAE,CACP,KAAC,eAAe,cAAC,KAAC,YAAY,KAAG,GAAkB,CACpD;aACF;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE;oBACN,IAAI,EAAE,yCAAyC;iBAChD;gBACD,OAAO,EAAE,CACP,KAAC,eAAe,cAAC,KAAC,kBAAkB,KAAG,GAAkB,CAC1D;aACF;YACD;gBACE,IAAI,EAAE,+BAA+B;gBACrC,MAAM,EAAE;oBACN,IAAI,EAAE,2CAA2C;iBAClD;gBACD,OAAO,EAAE,CACP,KAAC,iBAAiB,KAAG,CACtB;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE;oBACN,IAAI,EAAE,mCAAmC;iBAC1C;gBACD,OAAO,EAAE,CACP,KAAC,oBAAoB,KAAG,CACzB;aACF;YACD;gBACE,IAAI,EAAE,UAAU;gBAChB,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 { LOGIN_PAGE } from './data/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    async lazy() {\n      const module = await import('./Main');\n      return { Component: module.default };\n    },\n    children: [\n      {\n        path: 'register-embedded',\n        element: (\n          <EmbeddedRegistrationRoute><RegistrationPage /></EmbeddedRegistrationRoute>\n        ),\n      },\n      {\n        path: 'login',\n        handle: {\n          role: 'org.openedx.frontend.role.login',\n        },\n        element: (\n          <UnAuthOnlyRoute><Logistration selectedPage={LOGIN_PAGE} /></UnAuthOnlyRoute>\n        ),\n      },\n      {\n        path: 'register',\n        handle: {\n          role: 'org.openedx.frontend.role.register',\n        },\n        element: (\n          <UnAuthOnlyRoute><Logistration /></UnAuthOnlyRoute>\n        ),\n      },\n      {\n        path: 'reset',\n        handle: {\n          role: 'org.openedx.frontend.role.resetPassword',\n        },\n        element: (\n          <UnAuthOnlyRoute><ForgotPasswordPage /></UnAuthOnlyRoute>\n        ),\n      },\n      {\n        path: 'password_reset_confirm/:token',\n        handle: {\n          role: 'org.openedx.frontend.role.confirmPassword',\n        },\n        element: (\n          <ResetPasswordPage />\n        ),\n      },\n      {\n        path: 'welcome',\n        handle: {\n          role: 'org.openedx.frontend.role.welcome',\n        },\n        element: (\n          <ProgressiveProfiling />\n        ),\n      },\n      {\n        path: 'notfound',\n        element: (\n          <NotFoundPage />\n        ),\n      },\n    ]\n  }\n];\n\nexport default routes;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/frontend-app-authn",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.6",
   "description": "Frontend authentication",
   "engines": {
     "node": "^24.12"
@@ -9,9 +9,12 @@
     "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"
   ],
   "browserslist": [
     "extends @edx/browserslist-config"
@@ -21,10 +24,13 @@
     "*.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"
   },
@@ -68,10 +74,11 @@
     "eslint-plugin-import": "2.31.0",
     "jest": "^29.7.0",
     "react-test-renderer": "^18.3.1",
-    "ts-jest": "^29.4.0"
+    "ts-jest": "^29.4.0",
+    "tsc-alias": "^1.8.16"
   },
   "peerDependencies": {
-    "@openedx/frontend-base": "^1.0.0-alpha.8",
+    "@openedx/frontend-base": "^1.0.0-alpha.13",
     "@openedx/paragon": "^23",
     "react": "^18",
     "react-dom": "^18",

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;