@openedx/frontend-app-authn 1.0.0-alpha.0 → 1.0.0-alpha.10

package/dist/data/utils/dataUtils.js

@@ -0,0 +1,81 @@
+// Utility functions
+import { getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
+import * as QueryString from 'query-string';
+import { dashboardRole } from '../../constants';
+import { AUTH_PARAMS } from '../constants';
+export const getTpaProvider = (tpaHintProvider, primaryProviders, secondaryProviders) => {
+    let tpaProvider = null;
+    let skipHintedLogin = false;
+    [...primaryProviders, ...secondaryProviders].forEach((provider) => {
+        if (provider.id === tpaHintProvider) {
+            tpaProvider = provider;
+            if (provider.skipHintedLogin) {
+                skipHintedLogin = true;
+            }
+        }
+    });
+    return { provider: tpaProvider, skipHintedLogin };
+};
+export const getTpaHint = () => {
+    const params = QueryString.parse(window.location.search);
+    let tpaHint = null;
+    tpaHint = params.tpa_hint;
+    if (!tpaHint) {
+        const { next } = params;
+        if (next) {
+            const index = next.indexOf('tpa_hint=');
+            if (index !== -1) {
+                tpaHint = next.substring(index + 'tpa_hint='.length, next.length);
+            }
+        }
+    }
+    return tpaHint;
+};
+export const updatePathWithQueryParams = (path) => {
+    let queryParams = window.location.search;
+    if (!queryParams) {
+        return path;
+    }
+    if (queryParams.includes('track=pwreset')) {
+        queryParams = queryParams.replace('?track=pwreset&', '?').replace('?track=pwreset', '').replace('&track=pwreset', '').replace('?&', '?');
+    }
+    return `${path}${queryParams}`;
+};
+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)) {
+            params[key] = value;
+        }
+    });
+    return params;
+};
+export const getActivationStatus = () => {
+    const params = QueryString.parse(window.location.search);
+    return params.account_activation_status;
+};
+export const isScrollBehaviorSupported = () => 'scrollBehavior' in document.documentElement.style;
+export const windowScrollTo = (options) => {
+    if (isScrollBehaviorSupported()) {
+        return window.scrollTo(options);
+    }
+    return window.scrollTo(options.top, options.left);
+};
+/**
+ * Normalize a backend redirect URL: if the backend returns the LMS dashboard
+ * URL (or nothing), replace it with the role-based dashboard URL so that SPA
+ * navigation can be used when the dashboard lives in the same shell.
+ */
+export const normalizeRedirectUrl = (backendUrl) => {
+    const dashboardUrl = getUrlByRouteRole(dashboardRole) || '/';
+    const lmsDashboardUrl = `${getSiteConfig().lmsBaseUrl}/dashboard`;
+    return (!backendUrl || backendUrl.startsWith(lmsDashboardUrl))
+        ? dashboardUrl
+        : backendUrl;
+};
+export const isHostAvailableInQueryParams = () => {
+    const queryParams = getAllPossibleQueryParams();
+    return 'host' in queryParams;
+};
+//# sourceMappingURL=dataUtils.js.map

package/dist/data/utils/dataUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataUtils.js","sourceRoot":"","sources":["../../../src/data/utils/dataUtils.js"],"names":[],"mappings":"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","sourcesContent":["// Utility functions\nimport { getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';\nimport * as QueryString from 'query-string';\n\nimport { dashboardRole } from '../../constants';\nimport { AUTH_PARAMS } from '../constants';\n\nexport const getTpaProvider = (tpaHintProvider, primaryProviders, secondaryProviders) => {\n  let tpaProvider = null;\n  let skipHintedLogin = false;\n  [...primaryProviders, ...secondaryProviders].forEach((provider) => {\n    if (provider.id === tpaHintProvider) {\n      tpaProvider = provider;\n      if (provider.skipHintedLogin) {\n        skipHintedLogin = true;\n      }\n    }\n  });\n  return { provider: tpaProvider, skipHintedLogin };\n};\n\nexport const getTpaHint = () => {\n  const params = QueryString.parse(window.location.search);\n  let tpaHint = null;\n  tpaHint = params.tpa_hint;\n  if (!tpaHint) {\n    const { next } = params;\n    if (next) {\n      const index = next.indexOf('tpa_hint=');\n      if (index !== -1) {\n        tpaHint = next.substring(index + 'tpa_hint='.length, next.length);\n      }\n    }\n  }\n  return tpaHint;\n};\n\nexport const updatePathWithQueryParams = (path) => {\n  let queryParams = window.location.search;\n\n  if (!queryParams) {\n    return path;\n  }\n\n  if (queryParams.includes('track=pwreset')) {\n    queryParams = queryParams.replace('?track=pwreset&', '?',).replace('?track=pwreset', '').replace('&track=pwreset', '').replace('?&', '?');\n  }\n\n  return `${path}${queryParams}`;\n};\n\nexport const getAllPossibleQueryParams = (locationURl = null) => {\n  const urlParams = locationURl ? QueryString.parseUrl(locationURl).query : QueryString.parse(window.location.search);\n  const params = {};\n  Object.entries(urlParams).forEach(([key, value]) => {\n    if (AUTH_PARAMS.includes(key)) {\n      params[key] = value;\n    }\n  });\n\n  return params;\n};\n\nexport const getActivationStatus = () => {\n  const params = QueryString.parse(window.location.search);\n\n  return params.account_activation_status;\n};\n\nexport const isScrollBehaviorSupported = () => 'scrollBehavior' in document.documentElement.style;\n\nexport const windowScrollTo = (options) => {\n  if (isScrollBehaviorSupported()) {\n    return window.scrollTo(options);\n  }\n\n  return window.scrollTo(options.top, options.left);\n};\n\n/**\n * Normalize a backend redirect URL: if the backend returns the LMS dashboard\n * URL (or nothing), replace it with the role-based dashboard URL so that SPA\n * navigation can be used when the dashboard lives in the same shell.\n */\nexport const normalizeRedirectUrl = (backendUrl) => {\n  const dashboardUrl = getUrlByRouteRole(dashboardRole) || '/';\n  const lmsDashboardUrl = `${getSiteConfig().lmsBaseUrl}/dashboard`;\n  return (!backendUrl || backendUrl.startsWith(lmsDashboardUrl))\n    ? dashboardUrl\n    : backendUrl;\n};\n\nexport const isHostAvailableInQueryParams = () => {\n  const queryParams = getAllPossibleQueryParams();\n  return 'host' in queryParams;\n};\n"]}

package/dist/data/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { default as setCookie } from "./cookies";
+export { getTpaProvider, getTpaHint, getAllPossibleQueryParams, getActivationStatus, isHostAvailableInQueryParams, updatePathWithQueryParams, normalizeRedirectUrl, windowScrollTo } from "./dataUtils";

package/dist/data/utils/index.js

@@ -0,0 +1,3 @@
+export { getTpaProvider, getTpaHint, getAllPossibleQueryParams, getActivationStatus, isHostAvailableInQueryParams, updatePathWithQueryParams, normalizeRedirectUrl, windowScrollTo, } from './dataUtils';
+export { default as setCookie } from './cookies';
+//# sourceMappingURL=index.js.map

package/dist/data/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/utils/index.js"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,UAAU,EACV,yBAAyB,EACzB,mBAAmB,EACnB,4BAA4B,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,GACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export {\n  getTpaProvider,\n  getTpaHint,\n  getAllPossibleQueryParams,\n  getActivationStatus,\n  isHostAvailableInQueryParams,\n  updatePathWithQueryParams,\n  normalizeRedirectUrl,\n  windowScrollTo,\n} from './dataUtils';\nexport { default as setCookie } from './cookies';\n"]}

package/dist/data/utils/useMobileResponsive.d.ts

@@ -0,0 +1,7 @@
+export default useMobileResponsive;
+/**
+ * A react hook used to determine if the current window is mobile or not.
+ * returns true if the window is of mobile size.
+ * Code source: https://github.com/edx/prospectus/blob/master/src/utils/useMobileResponsive.js
+ */
+declare function useMobileResponsive(breakpoint: any): undefined;

package/dist/data/utils/useMobileResponsive.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react';
+import { breakpoints } from '@openedx/paragon';
+/**
+ * A react hook used to determine if the current window is mobile or not.
+ * returns true if the window is of mobile size.
+ * Code source: https://github.com/edx/prospectus/blob/master/src/utils/useMobileResponsive.js
+ */
+const useMobileResponsive = (breakpoint) => {
+    const [isMobileWindow, setIsMobileWindow] = useState();
+    const checkForMobile = () => {
+        setIsMobileWindow(window.matchMedia(`(max-width: ${breakpoint !== null && breakpoint !== void 0 ? breakpoint : breakpoints.small.maxWidth}px)`).matches);
+    };
+    useEffect(() => {
+        checkForMobile();
+        window.addEventListener('resize', checkForMobile);
+        // return this function here to clean up the event listener
+        return () => window.removeEventListener('resize', checkForMobile);
+    });
+    return isMobileWindow;
+};
+export default useMobileResponsive;
+//# sourceMappingURL=useMobileResponsive.js.map

package/dist/data/utils/useMobileResponsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobileResponsive.js","sourceRoot":"","sources":["../../../src/data/utils/useMobileResponsive.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,EAAE;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAE,CAAC;IACvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,iBAAiB,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,WAAW,CAAC,KAAK,CAAC,QAAQ,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7G,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,EAAE,CAAC;QACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,2DAA2D;QAC3D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IACH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { breakpoints } from '@openedx/paragon';\n\n/**\n * A react hook used to determine if the current window is mobile or not.\n * returns true if the window is of mobile size.\n * Code source: https://github.com/edx/prospectus/blob/master/src/utils/useMobileResponsive.js\n */\nconst useMobileResponsive = (breakpoint) => {\n  const [isMobileWindow, setIsMobileWindow] = useState();\n  const checkForMobile = () => {\n    setIsMobileWindow(window.matchMedia(`(max-width: ${breakpoint ?? breakpoints.small.maxWidth}px)`).matches);\n  };\n  useEffect(() => {\n    checkForMobile();\n    window.addEventListener('resize', checkForMobile);\n    // return this function here to clean up the event listener\n    return () => window.removeEventListener('resize', checkForMobile);\n  });\n  return isMobileWindow;\n};\n\nexport default useMobileResponsive;\n"]}

package/dist/field-renderer/FieldRenderer.d.ts

@@ -0,0 +1,34 @@
+export default FormFieldRenderer;
+declare function FormFieldRenderer(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace FormFieldRenderer {
+    namespace defaultProps {
+        let className: string;
+        let value: string;
+        let handleBlur: null;
+        let handleFocus: null;
+        let errorMessage: string;
+        let isRequired: boolean;
+    }
+    namespace propTypes {
+        let className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
+        export let fieldData: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<((string | null | undefined)[] | null | undefined)[]>;
+        }>>>;
+        export let onChangeHandler: PropTypes.Validator<(...args: any[]) => any>;
+        let handleBlur_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { handleBlur_1 as handleBlur };
+        let handleFocus_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { handleFocus_1 as handleFocus };
+        let errorMessage_1: PropTypes.Requireable<string>;
+        export { errorMessage_1 as errorMessage };
+        let isRequired_1: PropTypes.Requireable<boolean>;
+        export { isRequired_1 as isRequired };
+        let value_1: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        export { value_1 as value };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/field-renderer/FieldRenderer.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form, Icon } from '@openedx/paragon';
+import { ExpandMore } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';
+const FormFieldRenderer = (props) => {
+    let formField = null;
+    const { className, errorMessage, fieldData, onChangeHandler, isRequired, value, } = props;
+    const handleFocus = (e) => {
+        if (props.handleFocus) {
+            props.handleFocus(e);
+        }
+    };
+    const handleOnBlur = (e) => {
+        if (props.handleBlur) {
+            props.handleBlur(e);
+        }
+    };
+    switch (fieldData.type) {
+        case 'select': {
+            if (!fieldData.options) {
+                return null;
+            }
+            formField = (_jsxs(Form.Group, { controlId: fieldData.name, isInvalid: !!(isRequired && errorMessage), children: [_jsxs(Form.Control, { className: className, as: "select", name: fieldData.name, value: value, "aria-invalid": isRequired && Boolean(errorMessage), onChange: (e) => onChangeHandler(e), trailingElement: _jsx(Icon, { src: ExpandMore }), floatingLabel: fieldData.label, onBlur: handleOnBlur, onFocus: handleFocus, children: [_jsx("option", { value: "", children: fieldData.label }, "default"), fieldData.options.map(option => (_jsx("option", { className: "data-hj-suppress", value: option[0], children: option[1] }, option[0])))] }), isRequired && errorMessage && (_jsx(Form.Control.Feedback, { id: `${fieldData.name}-error`, type: "invalid", className: "form-text-size", hasIcon: false, children: errorMessage }))] }));
+            break;
+        }
+        case 'textarea': {
+            formField = (_jsxs(Form.Group, { controlId: fieldData.name, isInvalid: !!(isRequired && errorMessage), children: [_jsx(Form.Control, { className: className, as: "textarea", name: fieldData.name, value: value, "aria-invalid": isRequired && Boolean(errorMessage), onChange: (e) => onChangeHandler(e), floatingLabel: fieldData.label, onBlur: handleOnBlur, onFocus: handleFocus }), isRequired && errorMessage && (_jsx(Form.Control.Feedback, { id: `${fieldData.name}-error`, type: "invalid", className: "form-text-size", hasIcon: false, children: errorMessage }))] }));
+            break;
+        }
+        case 'text': {
+            formField = (_jsxs(Form.Group, { controlId: fieldData.name, isInvalid: !!(isRequired && errorMessage), children: [_jsx(Form.Control, { className: className, name: fieldData.name, value: value, "aria-invalid": isRequired && Boolean(errorMessage), onChange: (e) => onChangeHandler(e), floatingLabel: fieldData.label, onBlur: handleOnBlur, onFocus: handleFocus }), isRequired && errorMessage && (_jsx(Form.Control.Feedback, { id: `${fieldData.name}-error`, type: "invalid", className: "form-text-size", hasIcon: false, children: errorMessage }))] }));
+            break;
+        }
+        case 'checkbox': {
+            formField = (_jsxs(Form.Group, { isInvalid: !!(isRequired && errorMessage), children: [_jsx(Form.Checkbox, { className: className, id: fieldData.name, checked: !!value, name: fieldData.name, value: value, "aria-invalid": isRequired && Boolean(errorMessage), onChange: (e) => onChangeHandler(e), onBlur: handleOnBlur, onFocus: handleFocus, children: fieldData.label }), isRequired && errorMessage && (_jsx(Form.Control.Feedback, { id: `${fieldData.name}-error`, type: "invalid", className: "form-text-size", hasIcon: false, children: errorMessage }))] }));
+            break;
+        }
+        default:
+            break;
+    }
+    return formField;
+};
+FormFieldRenderer.defaultProps = {
+    className: '',
+    value: '',
+    handleBlur: null,
+    handleFocus: null,
+    errorMessage: '',
+    isRequired: false,
+};
+FormFieldRenderer.propTypes = {
+    className: PropTypes.string,
+    fieldData: PropTypes.shape({
+        type: PropTypes.string,
+        label: PropTypes.string,
+        name: PropTypes.string,
+        options: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
+    }).isRequired,
+    onChangeHandler: PropTypes.func.isRequired,
+    handleBlur: PropTypes.func,
+    handleFocus: PropTypes.func,
+    errorMessage: PropTypes.string,
+    isRequired: PropTypes.bool,
+    value: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.bool,
+    ]),
+};
+export default FormFieldRenderer;
+//# sourceMappingURL=FieldRenderer.js.map

package/dist/field-renderer/FieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRenderer.js","sourceRoot":"","sources":["../../src/field-renderer/FieldRenderer.jsx"],"names":[],"mappings":"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","sourcesContent":["import { Form, Icon } from '@openedx/paragon';\nimport { ExpandMore } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nconst FormFieldRenderer = (props) => {\n  let formField = null;\n  const {\n    className, errorMessage, fieldData, onChangeHandler, isRequired, value,\n  } = props;\n\n  const handleFocus = (e) => {\n    if (props.handleFocus) { props.handleFocus(e); }\n  };\n\n  const handleOnBlur = (e) => {\n    if (props.handleBlur) { props.handleBlur(e); }\n  };\n\n  switch (fieldData.type) {\n    case 'select': {\n      if (!fieldData.options) {\n        return null;\n      }\n      formField = (\n        <Form.Group controlId={fieldData.name} isInvalid={!!(isRequired && errorMessage)}>\n          <Form.Control\n            className={className}\n            as=\"select\"\n            name={fieldData.name}\n            value={value}\n            aria-invalid={isRequired && Boolean(errorMessage)}\n            onChange={(e) => onChangeHandler(e)}\n            trailingElement={<Icon src={ExpandMore} />}\n            floatingLabel={fieldData.label}\n            onBlur={handleOnBlur}\n            onFocus={handleFocus}\n          >\n            <option key=\"default\" value=\"\">{fieldData.label}</option>\n            {fieldData.options.map(option => (\n              <option className=\"data-hj-suppress\" key={option[0]} value={option[0]}>{option[1]}</option>\n            ))}\n          </Form.Control>\n          {isRequired && errorMessage && (\n            <Form.Control.Feedback id={`${fieldData.name}-error`} type=\"invalid\" className=\"form-text-size\" hasIcon={false}>\n              {errorMessage}\n            </Form.Control.Feedback>\n          )}\n        </Form.Group>\n      );\n      break;\n    }\n    case 'textarea': {\n      formField = (\n        <Form.Group controlId={fieldData.name} isInvalid={!!(isRequired && errorMessage)}>\n          <Form.Control\n            className={className}\n            as=\"textarea\"\n            name={fieldData.name}\n            value={value}\n            aria-invalid={isRequired && Boolean(errorMessage)}\n            onChange={(e) => onChangeHandler(e)}\n            floatingLabel={fieldData.label}\n            onBlur={handleOnBlur}\n            onFocus={handleFocus}\n          />\n          {isRequired && errorMessage && (\n            <Form.Control.Feedback id={`${fieldData.name}-error`} type=\"invalid\" className=\"form-text-size\" hasIcon={false}>\n              {errorMessage}\n            </Form.Control.Feedback>\n          )}\n        </Form.Group>\n      );\n      break;\n    }\n    case 'text': {\n      formField = (\n        <Form.Group controlId={fieldData.name} isInvalid={!!(isRequired && errorMessage)}>\n          <Form.Control\n            className={className}\n            name={fieldData.name}\n            value={value}\n            aria-invalid={isRequired && Boolean(errorMessage)}\n            onChange={(e) => onChangeHandler(e)}\n            floatingLabel={fieldData.label}\n            onBlur={handleOnBlur}\n            onFocus={handleFocus}\n          />\n          {isRequired && errorMessage && (\n            <Form.Control.Feedback id={`${fieldData.name}-error`} type=\"invalid\" className=\"form-text-size\" hasIcon={false}>\n              {errorMessage}\n            </Form.Control.Feedback>\n          )}\n        </Form.Group>\n      );\n      break;\n    }\n    case 'checkbox': {\n      formField = (\n        <Form.Group isInvalid={!!(isRequired && errorMessage)}>\n          <Form.Checkbox\n            className={className}\n            id={fieldData.name}\n            checked={!!value}\n            name={fieldData.name}\n            value={value}\n            aria-invalid={isRequired && Boolean(errorMessage)}\n            onChange={(e) => onChangeHandler(e)}\n            onBlur={handleOnBlur}\n            onFocus={handleFocus}\n          >\n            {fieldData.label}\n          </Form.Checkbox>\n          {isRequired && errorMessage && (\n            <Form.Control.Feedback id={`${fieldData.name}-error`} type=\"invalid\" className=\"form-text-size\" hasIcon={false}>\n              {errorMessage}\n            </Form.Control.Feedback>\n          )}\n        </Form.Group>\n      );\n      break;\n    }\n    default:\n      break;\n  }\n\n  return formField;\n};\nFormFieldRenderer.defaultProps = {\n  className: '',\n  value: '',\n  handleBlur: null,\n  handleFocus: null,\n  errorMessage: '',\n  isRequired: false,\n};\n\nFormFieldRenderer.propTypes = {\n  className: PropTypes.string,\n  fieldData: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    name: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),\n  }).isRequired,\n  onChangeHandler: PropTypes.func.isRequired,\n  handleBlur: PropTypes.func,\n  handleFocus: PropTypes.func,\n  errorMessage: PropTypes.string,\n  isRequired: PropTypes.bool,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n};\n\nexport default FormFieldRenderer;\n"]}

package/dist/field-renderer/index.d.ts

@@ -0,0 +1 @@
+export { default as FormFieldRenderer } from "./FieldRenderer";

package/{src/field-renderer/index.jsx → dist/field-renderer/index.js}

@@ -1,2 +1,3 @@
 /* eslint-disable import/prefer-default-export */
 export { default as FormFieldRenderer } from './FieldRenderer';
+//# sourceMappingURL=index.js.map

package/dist/field-renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-renderer/index.jsx"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { default as FormFieldRenderer } from './FieldRenderer';\n"]}

package/dist/forgot-password/ForgotPasswordAlert.d.ts

@@ -0,0 +1,16 @@
+export default ForgotPasswordAlert;
+declare function ForgotPasswordAlert(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ForgotPasswordAlert {
+    namespace defaultProps {
+        let email: string;
+        let emailError: string;
+    }
+    namespace propTypes {
+        export let status: PropTypes.Validator<string>;
+        let email_1: PropTypes.Requireable<string>;
+        export { email_1 as email };
+        let emailError_1: PropTypes.Requireable<string>;
+        export { emailError_1 as emailError };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/forgot-password/ForgotPasswordAlert.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormattedMessage, useAppConfig, useIntl } from '@openedx/frontend-base';
+import { Alert } from '@openedx/paragon';
+import { CheckCircle, Error } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';
+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();
+    const { email, emailError } = props;
+    let message = '';
+    let heading = formatMessage(messages['forgot.password.error.alert.title']);
+    let { status } = props;
+    if (emailError) {
+        status = FORM_SUBMISSION_ERROR;
+    }
+    switch (status) {
+        case COMPLETE_STATE:
+            heading = formatMessage(messages['confirmation.message.title']);
+            message = (_jsx(FormattedMessage, { id: "forgot.password.confirmation.message", defaultMessage: "We sent an email to {email} with instructions to reset your password.\n          If you do not receive a password reset message after 1 minute, verify that you entered\n          the correct email address, or check your spam folder. If you need further assistance, {supportLink}.", description: "Forgot password confirmation message", values: {
+                    email: _jsx("span", { className: "data-hj-suppress", children: email }),
+                    supportLink: (_jsx(Alert.Link, { href: useAppConfig().PASSWORD_RESET_SUPPORT_LINK, target: "_blank", children: formatMessage(messages['confirmation.support.link']) })),
+                } }));
+            break;
+        case INTERNAL_SERVER_ERROR:
+            message = formatMessage(messages['internal.server.error']);
+            break;
+        case FORBIDDEN_STATE:
+            heading = formatMessage(messages['forgot.password.error.message.title']);
+            message = formatMessage(messages['forgot.password.request.in.progress.message']);
+            break;
+        case FORM_SUBMISSION_ERROR:
+            message = formatMessage(messages['extend.field.errors'], { emailError });
+            break;
+        case PASSWORD_RESET.INVALID_TOKEN:
+            heading = formatMessage(messages['invalid.token.heading']);
+            message = formatMessage(messages['invalid.token.error.message']);
+            break;
+        case PASSWORD_RESET.FORBIDDEN_REQUEST:
+            heading = formatMessage(messages['token.validation.rate.limit.error.heading']);
+            message = formatMessage(messages['token.validation.rate.limit.error']);
+            break;
+        case PASSWORD_RESET.INTERNAL_SERVER_ERROR:
+            heading = formatMessage(messages['token.validation.internal.sever.error.heading']);
+            message = formatMessage(messages['token.validation.internal.sever.error']);
+            break;
+        default:
+            break;
+    }
+    if (message) {
+        return (_jsxs(Alert, { id: "validation-errors", className: "mb-4", variant: `${status === 'complete' ? 'success' : 'danger'}`, icon: status === 'complete' ? CheckCircle : Error, children: [_jsx(Alert.Heading, { children: heading }), _jsx("p", { children: message })] }));
+    }
+    return null;
+};
+ForgotPasswordAlert.defaultProps = {
+    email: '',
+    emailError: '',
+};
+ForgotPasswordAlert.propTypes = {
+    status: PropTypes.string.isRequired,
+    email: PropTypes.string,
+    emailError: PropTypes.string,
+};
+export default ForgotPasswordAlert;
+//# sourceMappingURL=ForgotPasswordAlert.js.map

package/dist/forgot-password/ForgotPasswordAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordAlert.js","sourceRoot":"","sources":["../../src/forgot-password/ForgotPasswordAlert.jsx"],"names":[],"mappings":"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","sourcesContent":["import { FormattedMessage, useAppConfig, useIntl } from '@openedx/frontend-base';\nimport { Alert } from '@openedx/paragon';\nimport { CheckCircle, Error } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport {\n  COMPLETE_STATE, FORBIDDEN_STATE, FORM_SUBMISSION_ERROR, INTERNAL_SERVER_ERROR,\n} from '../data/constants';\nimport { PASSWORD_RESET } from '../reset-password/data/constants';\nimport messages from './messages';\n\nconst ForgotPasswordAlert = (props) => {\n  const { formatMessage } = useIntl();\n  const { email, emailError } = props;\n  let message = '';\n  let heading = formatMessage(messages['forgot.password.error.alert.title']);\n  let { status } = props;\n\n  if (emailError) {\n    status = FORM_SUBMISSION_ERROR;\n  }\n\n  switch (status) {\n    case COMPLETE_STATE:\n      heading = formatMessage(messages['confirmation.message.title']);\n      message = (\n        <FormattedMessage\n          id=\"forgot.password.confirmation.message\"\n          defaultMessage=\"We sent an email to {email} with instructions to reset your password.\n          If you do not receive a password reset message after 1 minute, verify that you entered\n          the correct email address, or check your spam folder. If you need further assistance, {supportLink}.\"\n          description=\"Forgot password confirmation message\"\n          values={{\n            email: <span className=\"data-hj-suppress\">{email}</span>,\n            supportLink: (\n              <Alert.Link href={useAppConfig().PASSWORD_RESET_SUPPORT_LINK} target=\"_blank\">\n                {formatMessage(messages['confirmation.support.link'])}\n              </Alert.Link>\n            ),\n          }}\n        />\n      );\n      break;\n    case INTERNAL_SERVER_ERROR:\n      message = formatMessage(messages['internal.server.error']);\n      break;\n    case FORBIDDEN_STATE:\n      heading = formatMessage(messages['forgot.password.error.message.title']);\n      message = formatMessage(messages['forgot.password.request.in.progress.message']);\n      break;\n    case FORM_SUBMISSION_ERROR:\n      message = formatMessage(messages['extend.field.errors'], { emailError });\n      break;\n    case PASSWORD_RESET.INVALID_TOKEN:\n      heading = formatMessage(messages['invalid.token.heading']);\n      message = formatMessage(messages['invalid.token.error.message']);\n      break;\n    case PASSWORD_RESET.FORBIDDEN_REQUEST:\n      heading = formatMessage(messages['token.validation.rate.limit.error.heading']);\n      message = formatMessage(messages['token.validation.rate.limit.error']);\n      break;\n    case PASSWORD_RESET.INTERNAL_SERVER_ERROR:\n      heading = formatMessage(messages['token.validation.internal.sever.error.heading']);\n      message = formatMessage(messages['token.validation.internal.sever.error']);\n      break;\n    default:\n      break;\n  }\n\n  if (message) {\n    return (\n      <Alert\n        id=\"validation-errors\"\n        className=\"mb-4\"\n        variant={`${status === 'complete' ? 'success' : 'danger'}`}\n        icon={status === 'complete' ? CheckCircle : Error}\n      >\n        <Alert.Heading>{heading}</Alert.Heading>\n        <p>{message}</p>\n      </Alert>\n    );\n  }\n  return null;\n};\n\nForgotPasswordAlert.defaultProps = {\n  email: '',\n  emailError: '',\n};\n\nForgotPasswordAlert.propTypes = {\n  status: PropTypes.string.isRequired,\n  email: PropTypes.string,\n  emailError: PropTypes.string,\n};\n\nexport default ForgotPasswordAlert;\n"]}

package/dist/forgot-password/ForgotPasswordPage.d.ts

@@ -0,0 +1,2 @@
+export default ForgotPasswordPage;
+declare function ForgotPasswordPage(): import("react/jsx-runtime").JSX.Element;

package/dist/forgot-password/ForgotPasswordPage.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { getSiteConfig, getUrlByRouteRole, sendPageEvent, sendTrackEvent, useAppConfig, useIntl, } from '@openedx/frontend-base';
+import { Form, Hyperlink, Icon, StatefulButton, Tab, Tabs, } from '@openedx/paragon';
+import { ChevronLeft } from '@openedx/paragon/icons';
+import { Helmet } from 'react-helmet';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { useForgotPassword } from './data/apiHook';
+import ForgotPasswordAlert from './ForgotPasswordAlert';
+import messages from './messages';
+import BaseContainer from '../base-container';
+import { FormGroup } from '../common-components';
+import { loginPath, loginRole } from '../constants';
+import { VALID_EMAIL_REGEX } from '../data/constants';
+import { updatePathWithQueryParams, windowScrollTo } from '../data/utils';
+const ForgotPasswordPage = () => {
+    var _a;
+    const platformName = getSiteConfig().siteName;
+    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('');
+    const [validationError, setValidationError] = useState('');
+    const [status, setStatus] = useState(((_a = location.state) === null || _a === void 0 ? void 0 : _a.status) || null);
+    // React Query hook for forgot password
+    const { mutate: sendForgotPassword, isPending: isSending } = useForgotPassword();
+    const submitState = isSending ? 'pending' : 'default';
+    useEffect(() => {
+        sendPageEvent('login_and_registration', 'reset');
+        sendTrackEvent('edx.bi.password_reset_form.viewed', { category: 'user-engagement' });
+    }, []);
+    useEffect(() => {
+        if (status === 'complete') {
+            setEmail('');
+        }
+    }, [status]);
+    const getValidationMessage = (value) => {
+        let error = '';
+        if (value === '') {
+            error = formatMessage(messages['forgot.password.empty.email.field.error']);
+        }
+        else if (!emailRegex.test(value)) {
+            error = formatMessage(messages['forgot.password.page.invalid.email.message']);
+        }
+        return error;
+    };
+    const handleBlur = () => {
+        setValidationError(getValidationMessage(email));
+    };
+    const handleFocus = () => {
+        setValidationError('');
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        setBannerEmail(email);
+        const validateError = getValidationMessage(email);
+        if (validateError) {
+            setFormErrors(validateError);
+            setValidationError(validateError);
+            windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });
+        }
+        else {
+            setFormErrors('');
+            sendForgotPassword(email, {
+                onSuccess: (data, emailUsed) => {
+                    setStatus('complete');
+                    setBannerEmail(emailUsed);
+                    setFormErrors('');
+                },
+                onError: (error) => {
+                    if (error.response && error.response.status === 403) {
+                        setStatus('forbidden');
+                    }
+                    else {
+                        setStatus('server-error');
+                    }
+                },
+            });
+        }
+    };
+    const tabTitle = (_jsxs("div", { className: "d-inline-flex flex-wrap align-items-center", children: [_jsx(Icon, { src: ChevronLeft }), _jsx("span", { className: "ml-2", children: formatMessage(messages['sign.in.text']) })] }));
+    return (_jsxs(BaseContainer, { children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['forgot.password.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsxs("div", { children: [_jsx(Tabs, { activeKey: "", id: "controlled-tab", onSelect: () => navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole))), children: _jsx(Tab, { title: tabTitle, eventKey: loginPath }) }), _jsx("div", { id: "main-content", className: "main-content", children: _jsxs(Form, { id: "forget-password-form", name: "forget-password-form", className: "mw-xs", children: [_jsx(ForgotPasswordAlert, { email: bannerEmail, emailError: formErrors, status: status }), _jsx("h2", { className: "h4", children: formatMessage(messages['forgot.password.page.heading']) }), _jsx("p", { className: "mb-4", children: formatMessage(messages['forgot.password.page.instructions']) }), _jsx(FormGroup, { floatingLabel: formatMessage(messages['forgot.password.page.email.field.label']), name: "email", value: email, autoComplete: "on", errorMessage: validationError, handleChange: (e) => setEmail(e.target.value), handleBlur: handleBlur, handleFocus: handleFocus, helpText: [formatMessage(messages['forgot.password.email.help.text'], { platformName })] }), _jsx(StatefulButton, { id: "submit-forget-password", name: "submit-forget-password", type: "submit", variant: "brand", className: "forgot-password--button", state: submitState, labels: {
+                                        default: formatMessage(messages['forgot.password.page.submit.button']),
+                                        pending: '',
+                                    }, onClick: handleSubmit, onMouseDown: (e) => e.preventDefault() }), (appConfig.LOGIN_ISSUE_SUPPORT_LINK) && (_jsx(Hyperlink, { id: "forgot-password", name: "forgot-password", className: "ml-4 font-weight-500 text-body", destination: appConfig.LOGIN_ISSUE_SUPPORT_LINK, target: "_blank", showLaunchIcon: false, children: formatMessage(messages['need.help.sign.in.text']) })), _jsxs("p", { className: "mt-5.5 small text-gray-700", children: [formatMessage(messages['additional.help.text'], { platformName }), _jsx("span", { className: "mx-1", children: _jsx(Hyperlink, { isInline: true, destination: `mailto:${appConfig.INFO_EMAIL}`, children: appConfig.INFO_EMAIL }) })] })] }) })] })] }));
+};
+export default ForgotPasswordPage;
+//# sourceMappingURL=ForgotPasswordPage.js.map

package/dist/forgot-password/ForgotPasswordPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordPage.js","sourceRoot":"","sources":["../../src/forgot-password/ForgotPasswordPage.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  getSiteConfig, getUrlByRouteRole, sendPageEvent, sendTrackEvent, useAppConfig, useIntl,\n} from '@openedx/frontend-base';\nimport {\n  Form,\n  Hyperlink,\n  Icon,\n  StatefulButton,\n  Tab,\n  Tabs,\n} from '@openedx/paragon';\nimport { ChevronLeft } from '@openedx/paragon/icons';\nimport { Helmet } from 'react-helmet';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport { useForgotPassword } from './data/apiHook';\nimport ForgotPasswordAlert from './ForgotPasswordAlert';\nimport messages from './messages';\nimport BaseContainer from '../base-container';\nimport { FormGroup } from '../common-components';\nimport { loginPath, loginRole } from '../constants';\nimport { VALID_EMAIL_REGEX } from '../data/constants';\nimport { updatePathWithQueryParams, windowScrollTo } from '../data/utils';\n\nconst ForgotPasswordPage = () => {\n  const platformName = getSiteConfig().siteName;\n  const emailRegex = new RegExp(VALID_EMAIL_REGEX, 'i');\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const appConfig = useAppConfig();\n  const [email, setEmail] = useState('');\n  const [bannerEmail, setBannerEmail] = useState('');\n  const [formErrors, setFormErrors] = useState('');\n  const [validationError, setValidationError] = useState('');\n  const [status, setStatus] = useState(location.state?.status || null);\n\n  // React Query hook for forgot password\n  const { mutate: sendForgotPassword, isPending: isSending } = useForgotPassword();\n\n  const submitState = isSending ? 'pending' : 'default';\n\n  useEffect(() => {\n    sendPageEvent('login_and_registration', 'reset');\n    sendTrackEvent('edx.bi.password_reset_form.viewed', { category: 'user-engagement' });\n  }, []);\n\n  useEffect(() => {\n    if (status === 'complete') {\n      setEmail('');\n    }\n  }, [status]);\n\n  const getValidationMessage = (value) => {\n    let error = '';\n\n    if (value === '') {\n      error = formatMessage(messages['forgot.password.empty.email.field.error']);\n    } else if (!emailRegex.test(value)) {\n      error = formatMessage(messages['forgot.password.page.invalid.email.message']);\n    }\n\n    return error;\n  };\n\n  const handleBlur = () => {\n    setValidationError(getValidationMessage(email));\n  };\n\n  const handleFocus = () => {\n    setValidationError('');\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    setBannerEmail(email);\n\n    const validateError = getValidationMessage(email);\n    if (validateError) {\n      setFormErrors(validateError);\n      setValidationError(validateError);\n      windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });\n    } else {\n      setFormErrors('');\n      sendForgotPassword(email, {\n        onSuccess: (data, emailUsed) => {\n          setStatus('complete');\n          setBannerEmail(emailUsed);\n          setFormErrors('');\n        },\n        onError: (error) => {\n          if (error.response && error.response.status === 403) {\n            setStatus('forbidden');\n          } else {\n            setStatus('server-error');\n          }\n        },\n      });\n    }\n  };\n\n  const tabTitle = (\n    <div className=\"d-inline-flex flex-wrap align-items-center\">\n      <Icon src={ChevronLeft} />\n      <span className=\"ml-2\">{formatMessage(messages['sign.in.text'])}</span>\n    </div>\n  );\n\n  return (\n    <BaseContainer>\n      <Helmet>\n        <title>{formatMessage(messages['forgot.password.page.title'],\n          { siteName: getSiteConfig().siteName })}\n        </title>\n      </Helmet>\n      <div>\n        <Tabs activeKey=\"\" id=\"controlled-tab\" onSelect={() => navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole)))}>\n          <Tab title={tabTitle} eventKey={loginPath} />\n        </Tabs>\n        <div id=\"main-content\" className=\"main-content\">\n          <Form id=\"forget-password-form\" name=\"forget-password-form\" className=\"mw-xs\">\n            <ForgotPasswordAlert email={bannerEmail} emailError={formErrors} status={status} />\n            <h2 className=\"h4\">\n              {formatMessage(messages['forgot.password.page.heading'])}\n            </h2>\n            <p className=\"mb-4\">\n              {formatMessage(messages['forgot.password.page.instructions'])}\n            </p>\n            <FormGroup\n              floatingLabel={formatMessage(messages['forgot.password.page.email.field.label'])}\n              name=\"email\"\n              value={email}\n              autoComplete=\"on\"\n              errorMessage={validationError}\n              handleChange={(e) => setEmail(e.target.value)}\n              handleBlur={handleBlur}\n              handleFocus={handleFocus}\n              helpText={[formatMessage(messages['forgot.password.email.help.text'], { platformName })]}\n            />\n            <StatefulButton\n              id=\"submit-forget-password\"\n              name=\"submit-forget-password\"\n              type=\"submit\"\n              variant=\"brand\"\n              className=\"forgot-password--button\"\n              state={submitState}\n              labels={{\n                default: formatMessage(messages['forgot.password.page.submit.button']),\n                pending: '',\n              }}\n              onClick={handleSubmit}\n              onMouseDown={(e) => e.preventDefault()}\n            />\n            {(appConfig.LOGIN_ISSUE_SUPPORT_LINK) && (\n              <Hyperlink\n                id=\"forgot-password\"\n                name=\"forgot-password\"\n                className=\"ml-4 font-weight-500 text-body\"\n                destination={appConfig.LOGIN_ISSUE_SUPPORT_LINK}\n                target=\"_blank\"\n                showLaunchIcon={false}\n              >\n                {formatMessage(messages['need.help.sign.in.text'])}\n              </Hyperlink>\n            )}\n            <p className=\"mt-5.5 small text-gray-700\">\n              {formatMessage(messages['additional.help.text'], { platformName })}\n              <span className=\"mx-1\">\n                <Hyperlink isInline destination={`mailto:${appConfig.INFO_EMAIL}`}>{appConfig.INFO_EMAIL}</Hyperlink>\n              </span>\n            </p>\n          </Form>\n        </div>\n      </div>\n    </BaseContainer>\n  );\n};\n\nexport default ForgotPasswordPage;\n"]}

package/dist/forgot-password/data/api.d.ts

@@ -0,0 +1,2 @@
+declare const forgotPassword: (email: string) => Promise<any>;
+export { forgotPassword, };

package/dist/forgot-password/data/api.js

@@ -0,0 +1,25 @@
+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 { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import formurlencoded from 'form-urlencoded';
+const forgotPassword = (email) => __awaiter(void 0, void 0, void 0, function* () {
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        isPublic: true,
+    };
+    const { data } = yield getAuthenticatedHttpClient()
+        .post(`${getSiteConfig().lmsBaseUrl}/account/password`, formurlencoded({ email }), requestConfig)
+        .catch((e) => {
+        throw (e);
+    });
+    return data;
+});
+export { forgotPassword, };
+//# sourceMappingURL=api.js.map

package/dist/forgot-password/data/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/forgot-password/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACnF,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,MAAM,cAAc,GAAG,CAAO,KAAa,EAAE,EAAE;IAC7C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;QAChE,QAAQ,EAAE,IAAI;KACf,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,IAAI,CACH,GAAG,aAAa,EAAE,CAAC,UAAU,mBAAmB,EAChD,cAAc,CAAC,EAAE,KAAK,EAAE,CAAC,EACzB,aAAa,CACd;SACA,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,MAAM,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEL,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF,OAAO,EACL,cAAc,GACf,CAAC","sourcesContent":["import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';\nimport formurlencoded from 'form-urlencoded';\n\nconst forgotPassword = async (email: string) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n    isPublic: true,\n  };\n\n  const { data } = await getAuthenticatedHttpClient()\n    .post(\n      `${getSiteConfig().lmsBaseUrl}/account/password`,\n      formurlencoded({ email }),\n      requestConfig,\n    )\n    .catch((e) => {\n      throw (e);\n    });\n\n  return data;\n};\n\nexport {\n  forgotPassword,\n};\n"]}

package/dist/forgot-password/data/apiHook.d.ts

@@ -0,0 +1,16 @@
+interface ForgotPasswordResult {
+    success: boolean;
+    message?: string;
+}
+interface UseForgotPasswordOptions {
+    onSuccess?: (data: ForgotPasswordResult, email: string) => void;
+    onError?: (error: Error) => void;
+}
+interface ApiError extends Error {
+    response?: {
+        status: number;
+        data: Record<string, unknown>;
+    };
+}
+declare const useForgotPassword: (options?: UseForgotPasswordOptions) => import("@tanstack/react-query").UseMutationResult<any, ApiError, string, unknown>;
+export { useForgotPassword, };

package/dist/forgot-password/data/apiHook.js

@@ -0,0 +1,26 @@
+import { logError, logInfo } from '@openedx/frontend-base';
+import { useMutation } from '@tanstack/react-query';
+import { forgotPassword } from './api';
+const useForgotPassword = (options = {}) => useMutation({
+    mutationFn: (email) => (forgotPassword(email)),
+    onSuccess: (data, email) => {
+        if (options.onSuccess) {
+            options.onSuccess(data, email);
+        }
+    },
+    onError: (error) => {
+        var _a;
+        // Handle different error types like the saga did
+        if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 403) {
+            logInfo(error);
+        }
+        else {
+            logError(error);
+        }
+        if (options.onError) {
+            options.onError(error);
+        }
+    },
+});
+export { useForgotPassword, };
+//# sourceMappingURL=apiHook.js.map

package/dist/forgot-password/data/apiHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/forgot-password/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBvC,MAAM,iBAAiB,GAAG,CAAC,UAAoC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC;IAChF,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAC7B,cAAc,CAAC,KAAK,CAAC,CACtB;IACD,SAAS,EAAE,CAAC,IAA0B,EAAE,KAAa,EAAE,EAAE;QACvD,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,CAAC,KAAe,EAAE,EAAE;;QAC3B,iDAAiD;QACjD,IAAI,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;YACnC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,OAAO,EACL,iBAAiB,GAClB,CAAC","sourcesContent":["import { logError, logInfo } from '@openedx/frontend-base';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { forgotPassword } from './api';\n\ninterface ForgotPasswordResult {\n  success: boolean,\n  message?: string,\n}\n\ninterface UseForgotPasswordOptions {\n  onSuccess?: (data: ForgotPasswordResult, email: string) => void,\n  onError?: (error: Error) => void,\n}\n\ninterface ApiError extends Error {\n  response?: {\n    status: number,\n    data: Record<string, unknown>,\n  },\n}\n\nconst useForgotPassword = (options: UseForgotPasswordOptions = {}) => useMutation({\n  mutationFn: (email: string) => (\n    forgotPassword(email)\n  ),\n  onSuccess: (data: ForgotPasswordResult, email: string) => {\n    if (options.onSuccess) {\n      options.onSuccess(data, email);\n    }\n  },\n  onError: (error: ApiError) => {\n    // Handle different error types like the saga did\n    if (error.response?.status === 403) {\n      logInfo(error);\n    } else {\n      logError(error);\n    }\n    if (options.onError) {\n      options.onError(error);\n    }\n  },\n});\n\nexport {\n  useForgotPassword,\n};\n"]}

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

@@ -0,0 +1 @@
+export { default as ForgotPasswordPage } from "./ForgotPasswordPage";

package/dist/forgot-password/index.js

@@ -0,0 +1,2 @@
+export { default as ForgotPasswordPage } from './ForgotPasswordPage';
+//# sourceMappingURL=index.js.map