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

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,36 @@
+declare const _default: import("react-redux").ConnectedComponent<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        email: PropTypes.Requireable<string>;
+        emailValidationError: PropTypes.Requireable<string>;
+        forgotPassword: PropTypes.Validator<(...args: any[]) => any>;
+        setForgotPasswordFormData: PropTypes.Validator<(...args: any[]) => any>;
+        status: PropTypes.Requireable<string>;
+        submitState: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        email: string;
+        emailValidationError: string;
+        status: null;
+        submitState: string;
+    };
+}, {
+    email?: string | null | undefined;
+    forgotPassword: (...args: any[]) => any;
+    status?: string | null | undefined;
+    setForgotPasswordFormData: (...args: any[]) => any;
+    emailValidationError?: string | null | undefined;
+    submitState?: string | null | undefined;
+    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
+    store?: import("redux").Store | undefined;
+} | {
+    email?: string | null | undefined;
+    forgotPassword: (...args: any[]) => any;
+    status?: string | null | undefined;
+    setForgotPasswordFormData: (...args: any[]) => any;
+    emailValidationError?: string | null | undefined;
+    submitState?: string | null | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+export default _default;
+import PropTypes from 'prop-types';

package/dist/forgot-password/ForgotPasswordPage.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { useAppConfig, getSiteConfig, sendPageEvent, sendTrackEvent, useIntl } from '@openedx/frontend-base';
+import { Form, Hyperlink, Icon, StatefulButton, Tab, Tabs, } from '@openedx/paragon';
+import { ChevronLeft } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import { useNavigate } from 'react-router-dom';
+import BaseContainer from '../base-container';
+import { FormGroup } from '../common-components';
+import { DEFAULT_STATE, LOGIN_PAGE, VALID_EMAIL_REGEX } from '../data/constants';
+import { updatePathWithQueryParams, windowScrollTo } from '../data/utils';
+import { forgotPassword, setForgotPasswordFormData } from './data/actions';
+import { forgotPasswordResultSelector } from './data/selectors';
+import ForgotPasswordAlert from './ForgotPasswordAlert';
+import messages from './messages';
+const ForgotPasswordPage = (props) => {
+    const platformName = getSiteConfig().siteName;
+    const emailRegex = new RegExp(VALID_EMAIL_REGEX, 'i');
+    const { status, submitState, emailValidationError, } = props;
+    const { formatMessage } = useIntl();
+    const [email, setEmail] = useState(props.email);
+    const [bannerEmail, setBannerEmail] = useState('');
+    const [formErrors, setFormErrors] = useState('');
+    const [validationError, setValidationError] = useState(emailValidationError);
+    const navigate = useNavigate();
+    useEffect(() => {
+        sendPageEvent('login_and_registration', 'reset');
+        sendTrackEvent('edx.bi.password_reset_form.viewed', { category: 'user-engagement' });
+    }, []);
+    useEffect(() => {
+        setValidationError(emailValidationError);
+    }, [emailValidationError]);
+    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 = () => {
+        props.setForgotPasswordFormData({ email, emailValidationError: getValidationMessage(email) });
+    };
+    const handleFocus = () => props.setForgotPasswordFormData({ emailValidationError: '' });
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        setBannerEmail(email);
+        const error = getValidationMessage(email);
+        if (error) {
+            setFormErrors(error);
+            props.setForgotPasswordFormData({ email, emailValidationError: error });
+            windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });
+        }
+        else {
+            props.forgotPassword(email);
+        }
+    };
+    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: (key) => navigate(updatePathWithQueryParams(key)), children: _jsx(Tab, { title: tabTitle, eventKey: LOGIN_PAGE }) }), _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() }), (useAppConfig().LOGIN_ISSUE_SUPPORT_LINK) && (_jsx(Hyperlink, { id: "forgot-password", name: "forgot-password", className: "ml-4 font-weight-500 text-body", destination: useAppConfig().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", { children: _jsx(Hyperlink, { isInline: true, destination: `mailto:${useAppConfig().INFO_EMAIL}`, children: useAppConfig().INFO_EMAIL }) })] })] }) })] })] }));
+};
+ForgotPasswordPage.propTypes = {
+    email: PropTypes.string,
+    emailValidationError: PropTypes.string,
+    forgotPassword: PropTypes.func.isRequired,
+    setForgotPasswordFormData: PropTypes.func.isRequired,
+    status: PropTypes.string,
+    submitState: PropTypes.string,
+};
+ForgotPasswordPage.defaultProps = {
+    email: '',
+    emailValidationError: '',
+    status: null,
+    submitState: DEFAULT_STATE,
+};
+export default connect(forgotPasswordResultSelector, {
+    forgotPassword,
+    setForgotPasswordFormData,
+})(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';\nimport { connect } from 'react-redux';\n\nimport {\n  useAppConfig,\n  getSiteConfig, sendPageEvent, sendTrackEvent, 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 PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport { useNavigate } from 'react-router-dom';\n\nimport BaseContainer from '../base-container';\nimport { FormGroup } from '../common-components';\nimport { DEFAULT_STATE, LOGIN_PAGE, VALID_EMAIL_REGEX } from '../data/constants';\nimport { updatePathWithQueryParams, windowScrollTo } from '../data/utils';\nimport { forgotPassword, setForgotPasswordFormData } from './data/actions';\nimport { forgotPasswordResultSelector } from './data/selectors';\nimport ForgotPasswordAlert from './ForgotPasswordAlert';\nimport messages from './messages';\n\nconst ForgotPasswordPage = (props) => {\n  const platformName = getSiteConfig().siteName;\n  const emailRegex = new RegExp(VALID_EMAIL_REGEX, 'i');\n  const {\n    status, submitState, emailValidationError,\n  } = props;\n\n  const { formatMessage } = useIntl();\n  const [email, setEmail] = useState(props.email);\n  const [bannerEmail, setBannerEmail] = useState('');\n  const [formErrors, setFormErrors] = useState('');\n  const [validationError, setValidationError] = useState(emailValidationError);\n  const navigate = useNavigate();\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    setValidationError(emailValidationError);\n  }, [emailValidationError]);\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    props.setForgotPasswordFormData({ email, emailValidationError: getValidationMessage(email) });\n  };\n\n  const handleFocus = () => props.setForgotPasswordFormData({ emailValidationError: '' });\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    setBannerEmail(email);\n\n    const error = getValidationMessage(email);\n    if (error) {\n      setFormErrors(error);\n      props.setForgotPasswordFormData({ email, emailValidationError: error });\n      windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });\n    } else {\n      props.forgotPassword(email);\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>\n          {formatMessage(\n            messages['forgot.password.page.title'],\n            { siteName: getSiteConfig().siteName }\n          )}\n        </title>\n      </Helmet>\n      <div>\n        <Tabs activeKey=\"\" id=\"controlled-tab\" onSelect={(key) => navigate(updatePathWithQueryParams(key))}>\n          <Tab title={tabTitle} eventKey={LOGIN_PAGE} />\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            {(useAppConfig().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={useAppConfig().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>\n                <Hyperlink isInline destination={`mailto:${useAppConfig().INFO_EMAIL}`}>{useAppConfig().INFO_EMAIL}</Hyperlink>\n              </span>\n            </p>\n          </Form>\n        </div>\n      </div>\n    </BaseContainer>\n  );\n};\n\nForgotPasswordPage.propTypes = {\n  email: PropTypes.string,\n  emailValidationError: PropTypes.string,\n  forgotPassword: PropTypes.func.isRequired,\n  setForgotPasswordFormData: PropTypes.func.isRequired,\n  status: PropTypes.string,\n  submitState: PropTypes.string,\n};\n\nForgotPasswordPage.defaultProps = {\n  email: '',\n  emailValidationError: '',\n  status: null,\n  submitState: DEFAULT_STATE,\n};\n\nexport default connect(\n  forgotPasswordResultSelector,\n  {\n    forgotPassword,\n    setForgotPasswordFormData,\n  },\n)(ForgotPasswordPage);\n"]}

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

@@ -0,0 +1,30 @@
+export const FORGOT_PASSWORD: AsyncActionType;
+export const FORGOT_PASSWORD_PERSIST_FORM_DATA: "FORGOT_PASSWORD_PERSIST_FORM_DATA";
+export function forgotPassword(email: any): {
+    type: string;
+    payload: {
+        email: any;
+    };
+};
+export function forgotPasswordBegin(): {
+    type: string;
+};
+export function forgotPasswordSuccess(email: any): {
+    type: string;
+    payload: {
+        email: any;
+    };
+};
+export function forgotPasswordForbidden(): {
+    type: string;
+};
+export function forgotPasswordServerError(): {
+    type: string;
+};
+export function setForgotPasswordFormData(forgotPasswordFormData: any): {
+    type: string;
+    payload: {
+        forgotPasswordFormData: any;
+    };
+};
+import { AsyncActionType } from '../../data/utils';

package/{src → dist}/forgot-password/data/actions.js

@@ -1,32 +1,26 @@
 import { AsyncActionType } from '../../data/utils';
-
 export const FORGOT_PASSWORD = new AsyncActionType('FORGOT', 'PASSWORD');
 export const FORGOT_PASSWORD_PERSIST_FORM_DATA = 'FORGOT_PASSWORD_PERSIST_FORM_DATA';
-
 // Forgot Password
 export const forgotPassword = email => ({
-  type: FORGOT_PASSWORD.BASE,
-  payload: { email },
+    type: FORGOT_PASSWORD.BASE,
+    payload: { email },
 });
-
 export const forgotPasswordBegin = () => ({
-  type: FORGOT_PASSWORD.BEGIN,
+    type: FORGOT_PASSWORD.BEGIN,
 });
-
 export const forgotPasswordSuccess = email => ({
-  type: FORGOT_PASSWORD.SUCCESS,
-  payload: { email },
+    type: FORGOT_PASSWORD.SUCCESS,
+    payload: { email },
 });
-
 export const forgotPasswordForbidden = () => ({
-  type: FORGOT_PASSWORD.FORBIDDEN,
+    type: FORGOT_PASSWORD.FORBIDDEN,
 });
-
 export const forgotPasswordServerError = () => ({
-  type: FORGOT_PASSWORD.FAILURE,
+    type: FORGOT_PASSWORD.FAILURE,
 });
-
 export const setForgotPasswordFormData = (forgotPasswordFormData) => ({
-  type: FORGOT_PASSWORD_PERSIST_FORM_DATA,
-  payload: { forgotPasswordFormData },
+    type: FORGOT_PASSWORD_PERSIST_FORM_DATA,
+    payload: { forgotPasswordFormData },
 });
+//# sourceMappingURL=actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/forgot-password/data/actions.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,iCAAiC,GAAG,mCAAmC,CAAC;AAErF,kBAAkB;AAClB,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IACtC,IAAI,EAAE,eAAe,CAAC,IAAI;IAC1B,OAAO,EAAE,EAAE,KAAK,EAAE;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAAC;IACxC,IAAI,EAAE,eAAe,CAAC,KAAK;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,IAAI,EAAE,eAAe,CAAC,OAAO;IAC7B,OAAO,EAAE,EAAE,KAAK,EAAE;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC5C,IAAI,EAAE,eAAe,CAAC,SAAS;CAChC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC9C,IAAI,EAAE,eAAe,CAAC,OAAO;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;IACpE,IAAI,EAAE,iCAAiC;IACvC,OAAO,EAAE,EAAE,sBAAsB,EAAE;CACpC,CAAC,CAAC","sourcesContent":["import { AsyncActionType } from '../../data/utils';\n\nexport const FORGOT_PASSWORD = new AsyncActionType('FORGOT', 'PASSWORD');\nexport const FORGOT_PASSWORD_PERSIST_FORM_DATA = 'FORGOT_PASSWORD_PERSIST_FORM_DATA';\n\n// Forgot Password\nexport const forgotPassword = email => ({\n  type: FORGOT_PASSWORD.BASE,\n  payload: { email },\n});\n\nexport const forgotPasswordBegin = () => ({\n  type: FORGOT_PASSWORD.BEGIN,\n});\n\nexport const forgotPasswordSuccess = email => ({\n  type: FORGOT_PASSWORD.SUCCESS,\n  payload: { email },\n});\n\nexport const forgotPasswordForbidden = () => ({\n  type: FORGOT_PASSWORD.FORBIDDEN,\n});\n\nexport const forgotPasswordServerError = () => ({\n  type: FORGOT_PASSWORD.FAILURE,\n});\n\nexport const setForgotPasswordFormData = (forgotPasswordFormData) => ({\n  type: FORGOT_PASSWORD_PERSIST_FORM_DATA,\n  payload: { forgotPasswordFormData },\n});\n"]}

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

@@ -0,0 +1,13 @@
+export namespace defaultState {
+    let status: string;
+    let submitState: string;
+    let email: string;
+    let emailValidationError: string;
+}
+export default reducer;
+declare function reducer(state?: {
+    status: string;
+    submitState: string;
+    email: string;
+    emailValidationError: string;
+}, action?: null): any;

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

@@ -0,0 +1,46 @@
+import { FORGOT_PASSWORD, FORGOT_PASSWORD_PERSIST_FORM_DATA } from './actions';
+import { INTERNAL_SERVER_ERROR, PENDING_STATE } from '../../data/constants';
+import { PASSWORD_RESET_FAILURE } from '../../reset-password/data/actions';
+export const defaultState = {
+    status: '',
+    submitState: '',
+    email: '',
+    emailValidationError: '',
+};
+const reducer = (state = defaultState, action = null) => {
+    if (action !== null) {
+        switch (action.type) {
+            case FORGOT_PASSWORD.BEGIN:
+                return {
+                    email: state.email,
+                    status: 'pending',
+                    submitState: PENDING_STATE,
+                };
+            case FORGOT_PASSWORD.SUCCESS:
+                return Object.assign(Object.assign({}, defaultState), { status: 'complete' });
+            case FORGOT_PASSWORD.FORBIDDEN:
+                return {
+                    email: state.email,
+                    status: 'forbidden',
+                };
+            case FORGOT_PASSWORD.FAILURE:
+                return {
+                    email: state.email,
+                    status: INTERNAL_SERVER_ERROR,
+                };
+            case PASSWORD_RESET_FAILURE:
+                return {
+                    status: action.payload.errorCode,
+                };
+            case FORGOT_PASSWORD_PERSIST_FORM_DATA: {
+                const { forgotPasswordFormData } = action.payload;
+                return Object.assign(Object.assign({}, state), forgotPasswordFormData);
+            }
+            default:
+                return Object.assign(Object.assign({}, defaultState), { email: state.email, emailValidationError: state.emailValidationError });
+        }
+    }
+    return state;
+};
+export default reducer;
+//# sourceMappingURL=reducers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.js","sourceRoot":"","sources":["../../../src/forgot-password/data/reducers.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iCAAiC,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,oBAAoB,EAAE,EAAE;CACzB,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE;IACtD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;YACpB,KAAK,eAAe,CAAC,KAAK;gBACxB,OAAO;oBACL,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,MAAM,EAAE,SAAS;oBACjB,WAAW,EAAE,aAAa;iBAC3B,CAAC;YACJ,KAAK,eAAe,CAAC,OAAO;gBAC1B,uCACK,YAAY,KACf,MAAM,EAAE,UAAU,IAClB;YACJ,KAAK,eAAe,CAAC,SAAS;gBAC5B,OAAO;oBACL,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,MAAM,EAAE,WAAW;iBACpB,CAAC;YACJ,KAAK,eAAe,CAAC,OAAO;gBAC1B,OAAO;oBACL,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,MAAM,EAAE,qBAAqB;iBAC9B,CAAC;YACJ,KAAK,sBAAsB;gBACzB,OAAO;oBACL,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS;iBACjC,CAAC;YACJ,KAAK,iCAAiC,CAAC,CAAC,CAAC;gBACvC,MAAM,EAAE,sBAAsB,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;gBAClD,uCACK,KAAK,GACL,sBAAsB,EACzB;YACJ,CAAC;YACD;gBACE,uCACK,YAAY,KACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,IAChD;QACN,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import { FORGOT_PASSWORD, FORGOT_PASSWORD_PERSIST_FORM_DATA } from './actions';\nimport { INTERNAL_SERVER_ERROR, PENDING_STATE } from '../../data/constants';\nimport { PASSWORD_RESET_FAILURE } from '../../reset-password/data/actions';\n\nexport const defaultState = {\n  status: '',\n  submitState: '',\n  email: '',\n  emailValidationError: '',\n};\n\nconst reducer = (state = defaultState, action = null) => {\n  if (action !== null) {\n    switch (action.type) {\n      case FORGOT_PASSWORD.BEGIN:\n        return {\n          email: state.email,\n          status: 'pending',\n          submitState: PENDING_STATE,\n        };\n      case FORGOT_PASSWORD.SUCCESS:\n        return {\n          ...defaultState,\n          status: 'complete',\n        };\n      case FORGOT_PASSWORD.FORBIDDEN:\n        return {\n          email: state.email,\n          status: 'forbidden',\n        };\n      case FORGOT_PASSWORD.FAILURE:\n        return {\n          email: state.email,\n          status: INTERNAL_SERVER_ERROR,\n        };\n      case PASSWORD_RESET_FAILURE:\n        return {\n          status: action.payload.errorCode,\n        };\n      case FORGOT_PASSWORD_PERSIST_FORM_DATA: {\n        const { forgotPasswordFormData } = action.payload;\n        return {\n          ...state,\n          ...forgotPasswordFormData,\n        };\n      }\n      default:\n        return {\n          ...defaultState,\n          email: state.email,\n          emailValidationError: state.emailValidationError,\n        };\n    }\n  }\n  return state;\n};\n\nexport default reducer;\n"]}

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

@@ -0,0 +1,4 @@
+export function handleForgotPassword(action: any): Generator<import("redux-saga/effects").PutEffect<{
+    type: string;
+}> | import("redux-saga/effects").CallEffect<any>, void, unknown>;
+export default function saga(): Generator<import("redux-saga/effects").ForkEffect<never>, void, unknown>;

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

@@ -0,0 +1,28 @@
+import { logError, logInfo } from '@openedx/frontend-base';
+import { call, put, takeEvery } from 'redux-saga/effects';
+// Actions
+import { FORGOT_PASSWORD, forgotPasswordBegin, forgotPasswordForbidden, forgotPasswordServerError, forgotPasswordSuccess, } from './actions';
+import { forgotPassword } from './service';
+// Services
+export function* handleForgotPassword(action) {
+    var _a;
+    try {
+        yield put(forgotPasswordBegin());
+        yield call(forgotPassword, action.payload.email);
+        yield put(forgotPasswordSuccess(action.payload.email));
+    }
+    catch (e) {
+        if (((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 403) {
+            yield put(forgotPasswordForbidden());
+            logInfo(e);
+        }
+        else {
+            yield put(forgotPasswordServerError());
+            logError(e);
+        }
+    }
+}
+export default function* saga() {
+    yield takeEvery(FORGOT_PASSWORD.BASE, handleForgotPassword);
+}
+//# sourceMappingURL=sagas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sagas.js","sourceRoot":"","sources":["../../../src/forgot-password/data/sagas.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,UAAU;AACV,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,WAAW;AACX,MAAM,SAAS,CAAC,CAAC,oBAAoB,CAAC,MAAM;;IAC1C,IAAI,CAAC;QACH,MAAM,GAAG,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAEjC,MAAM,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAEjD,MAAM,GAAG,CAAC,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,IAAI,CAAA,MAAA,CAAC,CAAC,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;YAC/B,MAAM,GAAG,CAAC,uBAAuB,EAAE,CAAC,CAAC;YACrC,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,CAAC,yBAAyB,EAAE,CAAC,CAAC;YACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,CAAC,OAAO,SAAS,CAAC,CAAC,IAAI;IAC3B,MAAM,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;AAC9D,CAAC","sourcesContent":["import { logError, logInfo } from '@openedx/frontend-base';\nimport { call, put, takeEvery } from 'redux-saga/effects';\n\n// Actions\nimport {\n  FORGOT_PASSWORD,\n  forgotPasswordBegin,\n  forgotPasswordForbidden,\n  forgotPasswordServerError,\n  forgotPasswordSuccess,\n} from './actions';\nimport { forgotPassword } from './service';\n\n// Services\nexport function* handleForgotPassword(action) {\n  try {\n    yield put(forgotPasswordBegin());\n\n    yield call(forgotPassword, action.payload.email);\n\n    yield put(forgotPasswordSuccess(action.payload.email));\n  } catch (e) {\n    if (e.response?.status === 403) {\n      yield put(forgotPasswordForbidden());\n      logInfo(e);\n    } else {\n      yield put(forgotPasswordServerError());\n      logError(e);\n    }\n  }\n}\n\nexport default function* saga() {\n  yield takeEvery(FORGOT_PASSWORD.BASE, handleForgotPassword);\n}\n"]}