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

package/dist/common-components/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../src/common-components/PasswordField.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  Form, Icon, IconButton, OverlayTrigger, Tooltip, useToggle,\n} from '@openedx/paragon';\nimport {\n  Check, Remove, Visibility, VisibilityOff,\n} from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport { LETTER_REGEX, NUMBER_REGEX } from '../data/constants';\nimport { validatePasswordField } from '../register/data/utils';\nimport messages from './messages';\n\nconst noopFn = () => {};\n\nconst PasswordField = (props) => {\n  const { formatMessage } = useIntl();\n  const [isPasswordHidden, setHiddenTrue, setHiddenFalse] = useToggle(true);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const {\n    validationApiRateLimited = false,\n    clearRegistrationBackendError = noopFn,\n    validateField = noopFn,\n  } = props;\n\n  const handleBlur = (e) => {\n    const { name, value } = e.target;\n    if (name === props.name && e.relatedTarget?.name === 'passwordIcon') {\n      return; // Do not run validations on password icon click\n    }\n\n    let passwordValue = value;\n    if (name === 'passwordIcon') {\n      // To validate actual password value when onBlur is triggered by focusing out the password icon\n      passwordValue = props.value;\n    }\n\n    if (props.handleBlur) {\n      props.handleBlur({\n        target: {\n          name: props.name,\n          value: passwordValue,\n        },\n      });\n    }\n\n    setShowTooltip(props.showRequirements && false);\n    if (props.handleErrorChange) { // If rendering from register page\n      const fieldError = validatePasswordField(passwordValue, formatMessage);\n      if (fieldError) {\n        props.handleErrorChange('password', fieldError);\n      } else if (!validationApiRateLimited) {\n        validateField({ password: passwordValue });\n      }\n    }\n  };\n\n  const handleFocus = (e) => {\n    if (e.target?.name === 'passwordIcon') {\n      return; // Do not clear error on password icon focus\n    }\n\n    if (props.handleFocus) {\n      props.handleFocus(e);\n    }\n    if (props.handleErrorChange) {\n      props.handleErrorChange('password', '');\n      clearRegistrationBackendError('password');\n    }\n    setTimeout(() => setShowTooltip(props.showRequirements && true), 150);\n  };\n\n  const HideButton = (\n    <IconButton\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      name=\"passwordIcon\"\n      src={VisibilityOff}\n      iconAs={Icon}\n      onClick={setHiddenTrue}\n      size=\"sm\"\n      variant=\"secondary\"\n      alt={formatMessage(messages['hide.password'])}\n    />\n  );\n\n  const ShowButton = (\n    <IconButton\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      name=\"passwordIcon\"\n      src={Visibility}\n      iconAs={Icon}\n      onClick={setHiddenFalse}\n      size=\"sm\"\n      variant=\"secondary\"\n      alt={formatMessage(messages['show.password'])}\n    />\n  );\n\n  const placement = window.innerWidth < 768 ? 'top' : 'left';\n  const tooltip = (\n    <Tooltip id={`password-requirement-${placement}`}>\n      <span id=\"letter-check\" className=\"d-flex align-items-center\">\n        {LETTER_REGEX.test(props.value) ? <Icon className=\"text-success mr-1\" src={Check} /> : <Icon className=\"mr-1 text-light-700\" src={Remove} />}\n        {formatMessage(messages['one.letter'])}\n      </span>\n      <span id=\"number-check\" className=\"d-flex align-items-center\">\n        {NUMBER_REGEX.test(props.value) ? <Icon className=\"text-success mr-1\" src={Check} /> : <Icon className=\"mr-1 text-light-700\" src={Remove} />}\n        {formatMessage(messages['one.number'])}\n      </span>\n      <span id=\"characters-check\" className=\"d-flex align-items-center\">\n        {props.value.length >= 8 ? <Icon className=\"text-success mr-1\" src={Check} /> : <Icon className=\"mr-1 text-light-700\" src={Remove} />}\n        {formatMessage(messages['eight.characters'])}\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <Form.Group controlId={props.name} isInvalid={props.errorMessage !== ''}>\n      <OverlayTrigger key=\"tooltip\" placement={placement} overlay={tooltip} show={showTooltip}>\n        <Form.Control\n          as=\"input\"\n          className=\"form-group__form-field\"\n          type={isPasswordHidden ? 'password' : 'text'}\n          name={props.name}\n          value={props.value}\n          autoComplete={props.autoComplete}\n          aria-invalid={props.errorMessage !== ''}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={props.handleChange}\n          controlClassName={props.borderClass}\n          trailingElement={isPasswordHidden ? ShowButton : HideButton}\n          floatingLabel={props.floatingLabel}\n        />\n      </OverlayTrigger>\n      {props.errorMessage !== '' && (\n        <Form.Control.Feedback key=\"error\" className=\"form-text-size\" hasIcon={false} feedback-for={props.name} type=\"invalid\">\n          {props.errorMessage}\n          {props.showScreenReaderText && <span className=\"sr-only\">{formatMessage(messages['password.sr.only.helping.text'])}</span>}\n        </Form.Control.Feedback>\n      )}\n    </Form.Group>\n  );\n};\n\nPasswordField.defaultProps = {\n  borderClass: '',\n  errorMessage: '',\n  handleBlur: null,\n  handleFocus: null,\n  handleChange: () => {},\n  handleErrorChange: null,\n  showRequirements: true,\n  showScreenReaderText: true,\n  autoComplete: null,\n  clearRegistrationBackendError: noopFn,\n  validateField: noopFn,\n  validationApiRateLimited: false,\n};\n\nPasswordField.propTypes = {\n  borderClass: PropTypes.string,\n  errorMessage: PropTypes.string,\n  floatingLabel: PropTypes.string.isRequired,\n  handleBlur: PropTypes.func,\n  handleFocus: PropTypes.func,\n  handleChange: PropTypes.func,\n  handleErrorChange: PropTypes.func,\n  name: PropTypes.string.isRequired,\n  showRequirements: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  autoComplete: PropTypes.string,\n  showScreenReaderText: PropTypes.bool,\n  clearRegistrationBackendError: PropTypes.func,\n  validateField: PropTypes.func,\n  validationApiRateLimited: PropTypes.bool,\n};\n\nexport default PasswordField;\n"]}

package/dist/common-components/RedirectLogistration.d.ts

@@ -0,0 +1,39 @@
+export default RedirectLogistration;
+declare function RedirectLogistration(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace RedirectLogistration {
+    namespace defaultProps {
+        let authenticatedUser: {};
+        let educationLevel: null;
+        let finishAuthUrl: null;
+        let success: boolean;
+        let redirectUrl: string;
+        let redirectToProgressiveProfilingPage: boolean;
+        let optionalFields: {};
+        let userId: null;
+        let registrationEmbedded: boolean;
+        let host: string;
+    }
+    namespace propTypes {
+        let authenticatedUser_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        export { authenticatedUser_1 as authenticatedUser };
+        let educationLevel_1: PropTypes.Requireable<string>;
+        export { educationLevel_1 as educationLevel };
+        let finishAuthUrl_1: PropTypes.Requireable<string>;
+        export { finishAuthUrl_1 as finishAuthUrl };
+        let success_1: PropTypes.Requireable<boolean>;
+        export { success_1 as success };
+        let redirectUrl_1: PropTypes.Requireable<string>;
+        export { redirectUrl_1 as redirectUrl };
+        let redirectToProgressiveProfilingPage_1: PropTypes.Requireable<boolean>;
+        export { redirectToProgressiveProfilingPage_1 as redirectToProgressiveProfilingPage };
+        let optionalFields_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        export { optionalFields_1 as optionalFields };
+        let userId_1: PropTypes.Requireable<number>;
+        export { userId_1 as userId };
+        let registrationEmbedded_1: PropTypes.Requireable<boolean>;
+        export { registrationEmbedded_1 as registrationEmbedded };
+        let host_1: PropTypes.Requireable<string>;
+        export { host_1 as host };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/common-components/RedirectLogistration.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAppConfig, getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
+import PropTypes from 'prop-types';
+import { Navigate } from 'react-router-dom';
+import { welcomeRole } from '../constants';
+import { REDIRECT } from '../data/constants';
+import { setCookie } from '../data/utils';
+const RedirectLogistration = (props) => {
+    const { authenticatedUser, finishAuthUrl, redirectUrl, redirectToProgressiveProfilingPage, success, optionalFields, educationLevel, userId, registrationEmbedded, host, } = props;
+    let finalRedirectUrl = '';
+    if (success) {
+        // If we're in a third party auth pipeline, we must complete the pipeline
+        // once user has successfully logged in. Otherwise, redirect to the specified redirect url.
+        // Note: For multiple enterprise use case, we need to make sure that user first visits the
+        // enterprise selection page and then complete the auth workflow
+        if (finishAuthUrl && !redirectUrl.includes(finishAuthUrl)) {
+            finalRedirectUrl = getSiteConfig().lmsBaseUrl + finishAuthUrl;
+        }
+        else {
+            finalRedirectUrl = redirectUrl;
+        }
+        // Redirect to Progressive Profiling after successful registration
+        if (redirectToProgressiveProfilingPage) {
+            // TODO: Do we still need this cookie?
+            setCookie('van-504-returning-user', true, useAppConfig().SESSION_COOKIE_DOMAIN);
+            if (registrationEmbedded) {
+                window.parent.postMessage({
+                    action: REDIRECT,
+                    redirectUrl: useAppConfig().POST_REGISTRATION_REDIRECT_URL,
+                }, host);
+                return null;
+            }
+            const registrationResult = { redirectUrl: finalRedirectUrl, success };
+            return (_jsx(Navigate, { to: getUrlByRouteRole(welcomeRole), state: {
+                    registrationResult,
+                    optionalFields,
+                    authenticatedUser,
+                }, replace: true }));
+        }
+        if (finalRedirectUrl.startsWith('/')) {
+            return _jsx(Navigate, { to: finalRedirectUrl, replace: true });
+        }
+        window.location.href = finalRedirectUrl;
+    }
+    return null;
+};
+RedirectLogistration.defaultProps = {
+    authenticatedUser: {},
+    educationLevel: null,
+    finishAuthUrl: null,
+    success: false,
+    redirectUrl: '',
+    redirectToProgressiveProfilingPage: false,
+    optionalFields: {},
+    userId: null,
+    registrationEmbedded: false,
+    host: '',
+};
+RedirectLogistration.propTypes = {
+    authenticatedUser: PropTypes.shape({}),
+    educationLevel: PropTypes.string,
+    finishAuthUrl: PropTypes.string,
+    success: PropTypes.bool,
+    redirectUrl: PropTypes.string,
+    redirectToProgressiveProfilingPage: PropTypes.bool,
+    optionalFields: PropTypes.shape({}),
+    userId: PropTypes.number,
+    registrationEmbedded: PropTypes.bool,
+    host: PropTypes.string,
+};
+export default RedirectLogistration;
+//# sourceMappingURL=RedirectLogistration.js.map

package/dist/common-components/RedirectLogistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedirectLogistration.js","sourceRoot":"","sources":["../../src/common-components/RedirectLogistration.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACxF,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,EACJ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,kCAAkC,EAClC,OAAO,EACP,cAAc,EACd,cAAc,EACd,MAAM,EACN,oBAAoB,EACpB,IAAI,GACL,GAAG,KAAK,CAAC;IACV,IAAI,gBAAgB,GAAG,EAAE,CAAC;IAE1B,IAAI,OAAO,EAAE,CAAC;QACZ,yEAAyE;QACzE,2FAA2F;QAC3F,0FAA0F;QAC1F,gEAAgE;QAChE,IAAI,aAAa,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAC1D,gBAAgB,GAAG,aAAa,EAAE,CAAC,UAAU,GAAG,aAAa,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,gBAAgB,GAAG,WAAW,CAAC;QACjC,CAAC;QAED,kEAAkE;QAClE,IAAI,kCAAkC,EAAE,CAAC;YACvC,sCAAsC;YACtC,SAAS,CAAC,wBAAwB,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,qBAAqB,CAAC,CAAC;YAEhF,IAAI,oBAAoB,EAAE,CAAC;gBACzB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;oBACxB,MAAM,EAAE,QAAQ;oBAChB,WAAW,EAAE,YAAY,EAAE,CAAC,8BAA8B;iBAC3D,EAAE,IAAI,CAAC,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,kBAAkB,GAAG,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC;YACtE,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC,EAClC,KAAK,EAAE;oBACL,kBAAkB;oBAClB,cAAc;oBACd,iBAAiB;iBAClB,EACD,OAAO,SACP,CACH,CAAC;QACJ,CAAC;QAED,IAAI,gBAAgB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACrC,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAE,gBAAgB,EAAE,OAAO,SAAG,CAAC;QACpD,CAAC;QACD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,gBAAgB,CAAC;IAC1C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG;IAClC,iBAAiB,EAAE,EAAE;IACrB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,EAAE;IACf,kCAAkC,EAAE,KAAK;IACzC,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,IAAI;IACZ,oBAAoB,EAAE,KAAK;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACtC,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,kCAAkC,EAAE,SAAS,CAAC,IAAI;IAClD,cAAc,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACnC,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,oBAAoB,EAAE,SAAS,CAAC,IAAI;IACpC,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';\nimport PropTypes from 'prop-types';\nimport { Navigate } from 'react-router-dom';\n\nimport { welcomeRole } from '../constants';\nimport { REDIRECT } from '../data/constants';\nimport { setCookie } from '../data/utils';\n\nconst RedirectLogistration = (props) => {\n  const {\n    authenticatedUser,\n    finishAuthUrl,\n    redirectUrl,\n    redirectToProgressiveProfilingPage,\n    success,\n    optionalFields,\n    educationLevel,\n    userId,\n    registrationEmbedded,\n    host,\n  } = props;\n  let finalRedirectUrl = '';\n\n  if (success) {\n    // If we're in a third party auth pipeline, we must complete the pipeline\n    // once user has successfully logged in. Otherwise, redirect to the specified redirect url.\n    // Note: For multiple enterprise use case, we need to make sure that user first visits the\n    // enterprise selection page and then complete the auth workflow\n    if (finishAuthUrl && !redirectUrl.includes(finishAuthUrl)) {\n      finalRedirectUrl = getSiteConfig().lmsBaseUrl + finishAuthUrl;\n    } else {\n      finalRedirectUrl = redirectUrl;\n    }\n\n    // Redirect to Progressive Profiling after successful registration\n    if (redirectToProgressiveProfilingPage) {\n      // TODO: Do we still need this cookie?\n      setCookie('van-504-returning-user', true, useAppConfig().SESSION_COOKIE_DOMAIN);\n\n      if (registrationEmbedded) {\n        window.parent.postMessage({\n          action: REDIRECT,\n          redirectUrl: useAppConfig().POST_REGISTRATION_REDIRECT_URL,\n        }, host);\n        return null;\n      }\n      const registrationResult = { redirectUrl: finalRedirectUrl, success };\n      return (\n        <Navigate\n          to={getUrlByRouteRole(welcomeRole)}\n          state={{\n            registrationResult,\n            optionalFields,\n            authenticatedUser,\n          }}\n          replace\n        />\n      );\n    }\n\n    if (finalRedirectUrl.startsWith('/')) {\n      return <Navigate to={finalRedirectUrl} replace />;\n    }\n    window.location.href = finalRedirectUrl;\n  }\n\n  return null;\n};\n\nRedirectLogistration.defaultProps = {\n  authenticatedUser: {},\n  educationLevel: null,\n  finishAuthUrl: null,\n  success: false,\n  redirectUrl: '',\n  redirectToProgressiveProfilingPage: false,\n  optionalFields: {},\n  userId: null,\n  registrationEmbedded: false,\n  host: '',\n};\n\nRedirectLogistration.propTypes = {\n  authenticatedUser: PropTypes.shape({}),\n  educationLevel: PropTypes.string,\n  finishAuthUrl: PropTypes.string,\n  success: PropTypes.bool,\n  redirectUrl: PropTypes.string,\n  redirectToProgressiveProfilingPage: PropTypes.bool,\n  optionalFields: PropTypes.shape({}),\n  userId: PropTypes.number,\n  registrationEmbedded: PropTypes.bool,\n  host: PropTypes.string,\n};\n\nexport default RedirectLogistration;\n"]}

package/dist/common-components/RegisterFaIcons.d.ts

@@ -0,0 +1 @@
+export default function registerIcons(): void;

package/dist/common-components/RegisterFaIcons.js

@@ -0,0 +1,6 @@
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faApple, faFacebook, faGoogle, faMicrosoft, } from '@fortawesome/free-brands-svg-icons';
+export default function registerIcons() {
+    library.add(faApple, faFacebook, faGoogle, faMicrosoft);
+}
+//# sourceMappingURL=RegisterFaIcons.js.map

package/dist/common-components/RegisterFaIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterFaIcons.js","sourceRoot":"","sources":["../../src/common-components/RegisterFaIcons.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EACL,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,GAC3C,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC1D,CAAC","sourcesContent":["import { library } from '@fortawesome/fontawesome-svg-core';\nimport {\n  faApple, faFacebook, faGoogle, faMicrosoft,\n} from '@fortawesome/free-brands-svg-icons';\n\nexport default function registerIcons() {\n  library.add(faApple, faFacebook, faGoogle, faMicrosoft);\n}\n"]}

package/dist/common-components/SocialAuthProviders.d.ts

@@ -0,0 +1,23 @@
+export default SocialAuthProviders;
+declare function SocialAuthProviders(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace SocialAuthProviders {
+    namespace defaultProps {
+        export { loginPath as referrer };
+        export let socialAuthProviders: never[];
+    }
+    namespace propTypes {
+        export let referrer: PropTypes.Requireable<string>;
+        let socialAuthProviders_1: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            iconClass: PropTypes.Requireable<string>;
+            iconImage: PropTypes.Requireable<string>;
+            loginUrl: PropTypes.Requireable<string>;
+            registerUrl: PropTypes.Requireable<string>;
+            skipRegistrationForm: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+        export { socialAuthProviders_1 as socialAuthProviders };
+    }
+}
+import { loginPath } from '../constants';
+import PropTypes from 'prop-types';

package/dist/common-components/SocialAuthProviders.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Icon } from '@openedx/paragon';
+import { Login } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';
+import { loginPath } from '../constants';
+import { SUPPORTED_ICON_CLASSES } from '../data/constants';
+import messages from './messages';
+const SocialAuthProviders = (props) => {
+    const { formatMessage } = useIntl();
+    const { referrer, socialAuthProviders } = props;
+    function handleSubmit(e) {
+        e.preventDefault();
+        const url = e.currentTarget.dataset.providerUrl;
+        window.location.href = getSiteConfig().lmsBaseUrl + url;
+    }
+    const socialAuth = socialAuthProviders.map((provider, index) => (_jsxs("button", { id: provider.id, type: "button", className: `btn-social btn-${provider.id} ${index % 2 === 0 ? 'mr-3' : ''}`, "data-provider-url": referrer === loginPath ? provider.loginUrl : provider.registerUrl, onClick: handleSubmit, children: [provider.iconImage ? (_jsx("div", { "aria-hidden": "true", children: _jsx("img", { className: "btn-tpa__image-icon", src: provider.iconImage, alt: `icon ${provider.name}` }) }))
+                : (_jsx("div", { className: "btn-tpa__font-container", "aria-hidden": "true", children: SUPPORTED_ICON_CLASSES.includes(provider.iconClass) ? (_jsx(FontAwesomeIcon, { icon: ['fab', provider.iconClass] }))
+                        : (_jsx(Icon, { className: "h-75", src: Login })) })), _jsx("span", { id: "provider-name", className: "notranslate mr-auto pl-2", "aria-hidden": "true", children: provider.name }), _jsx("span", { className: "sr-only", children: referrer === loginPath
+                    ? formatMessage(messages['sso.sign.in.with'], { providerName: provider.name })
+                    : formatMessage(messages['sso.create.account.using'], { providerName: provider.name }) })] }, provider.id)));
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return _jsx(_Fragment, { children: socialAuth });
+};
+SocialAuthProviders.defaultProps = {
+    referrer: loginPath,
+    socialAuthProviders: [],
+};
+SocialAuthProviders.propTypes = {
+    referrer: PropTypes.string,
+    socialAuthProviders: PropTypes.arrayOf(PropTypes.shape({
+        id: PropTypes.string,
+        name: PropTypes.string,
+        iconClass: PropTypes.string,
+        iconImage: PropTypes.string,
+        loginUrl: PropTypes.string,
+        registerUrl: PropTypes.string,
+        skipRegistrationForm: PropTypes.bool,
+    })),
+};
+export default SocialAuthProviders;
+//# sourceMappingURL=SocialAuthProviders.js.map

package/dist/common-components/SocialAuthProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialAuthProviders.js","sourceRoot":"","sources":["../../src/common-components/SocialAuthProviders.jsx"],"names":[],"mappings":"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","sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Icon } from '@openedx/paragon';\nimport { Login } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport { loginPath } from '../constants';\nimport { SUPPORTED_ICON_CLASSES } from '../data/constants';\nimport messages from './messages';\n\nconst SocialAuthProviders = (props) => {\n  const { formatMessage } = useIntl();\n  const { referrer, socialAuthProviders } = props;\n\n  function handleSubmit(e) {\n    e.preventDefault();\n\n    const url = e.currentTarget.dataset.providerUrl;\n    window.location.href = getSiteConfig().lmsBaseUrl + url;\n  }\n\n  const socialAuth = socialAuthProviders.map((provider, index) => (\n    <button\n      id={provider.id}\n      key={provider.id}\n      type=\"button\"\n      className={`btn-social btn-${provider.id} ${index % 2 === 0 ? 'mr-3' : ''}`}\n      data-provider-url={referrer === loginPath ? provider.loginUrl : provider.registerUrl}\n      onClick={handleSubmit}\n    >\n      {provider.iconImage ? (\n        <div aria-hidden=\"true\">\n          <img className=\"btn-tpa__image-icon\" src={provider.iconImage} alt={`icon ${provider.name}`} />\n        </div>\n      )\n        : (\n          <div className=\"btn-tpa__font-container\" aria-hidden=\"true\">\n            {SUPPORTED_ICON_CLASSES.includes(provider.iconClass) ? (\n              <FontAwesomeIcon icon={['fab', provider.iconClass]} />)\n              : (\n                <Icon className=\"h-75\" src={Login} />\n              )}\n          </div>\n        )}\n      <span id=\"provider-name\" className=\"notranslate mr-auto pl-2\" aria-hidden=\"true\">{provider.name}</span>\n      <span className=\"sr-only\">\n        {referrer === loginPath\n          ? formatMessage(messages['sso.sign.in.with'], { providerName: provider.name })\n          : formatMessage(messages['sso.create.account.using'], { providerName: provider.name })}\n      </span>\n    </button>\n  ));\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{socialAuth}</>;\n};\n\nSocialAuthProviders.defaultProps = {\n  referrer: loginPath,\n  socialAuthProviders: [],\n};\n\nSocialAuthProviders.propTypes = {\n  referrer: PropTypes.string,\n  socialAuthProviders: PropTypes.arrayOf(PropTypes.shape({\n    id: PropTypes.string,\n    name: PropTypes.string,\n    iconClass: PropTypes.string,\n    iconImage: PropTypes.string,\n    loginUrl: PropTypes.string,\n    registerUrl: PropTypes.string,\n    skipRegistrationForm: PropTypes.bool,\n  })),\n};\n\nexport default SocialAuthProviders;\n"]}

package/dist/common-components/ThirdPartyAuth.d.ts

@@ -0,0 +1,42 @@
+export default ThirdPartyAuth;
+/**
+ * This component renders the Single sign-on (SSO) buttons for the providers passed.
+ * */
+declare function ThirdPartyAuth(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ThirdPartyAuth {
+    namespace defaultProps {
+        export let currentProvider: null;
+        export let providers: never[];
+        export let secondaryProviders: never[];
+        export { PENDING_STATE as thirdPartyAuthApiStatus };
+        export let isLoginPage: boolean;
+    }
+    namespace propTypes {
+        let currentProvider_1: PropTypes.Requireable<string>;
+        export { currentProvider_1 as currentProvider };
+        export let handleInstitutionLogin: PropTypes.Validator<(...args: any[]) => any>;
+        let providers_1: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            iconClass: PropTypes.Requireable<string>;
+            iconImage: PropTypes.Requireable<string>;
+            loginUrl: PropTypes.Requireable<string>;
+            registerUrl: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export { providers_1 as providers };
+        let secondaryProviders_1: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            iconClass: PropTypes.Requireable<string>;
+            iconImage: PropTypes.Requireable<string>;
+            loginUrl: PropTypes.Requireable<string>;
+            registerUrl: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export { secondaryProviders_1 as secondaryProviders };
+        export let thirdPartyAuthApiStatus: PropTypes.Requireable<string>;
+        let isLoginPage_1: PropTypes.Requireable<boolean>;
+        export { isLoginPage_1 as isLoginPage };
+    }
+}
+import { PENDING_STATE } from '../data/constants';
+import PropTypes from 'prop-types';

package/dist/common-components/ThirdPartyAuth.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Hyperlink, Icon, } from '@openedx/paragon';
+import { Institution } from '@openedx/paragon/icons';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import Skeleton from 'react-loading-skeleton';
+import { loginPath, registerPath } from '../constants';
+import { ENTERPRISE_LOGIN_URL, PENDING_STATE } from '../data/constants';
+import messages from './messages';
+import { RenderInstitutionButton, SocialAuthProviders, } from './index';
+/**
+ * This component renders the Single sign-on (SSO) buttons for the providers passed.
+ * */
+const ThirdPartyAuth = (props) => {
+    const { formatMessage } = useIntl();
+    const { providers, secondaryProviders, currentProvider, handleInstitutionLogin, thirdPartyAuthApiStatus, isLoginPage, } = props;
+    const isInstitutionAuthActive = !!secondaryProviders.length && !currentProvider;
+    const isSocialAuthActive = !!providers.length && !currentProvider;
+    const isEnterpriseLoginDisabled = useAppConfig().DISABLE_ENTERPRISE_LOGIN;
+    const enterpriseLoginURL = getSiteConfig().lmsBaseUrl + ENTERPRISE_LOGIN_URL;
+    const isThirdPartyAuthActive = isSocialAuthActive || (isEnterpriseLoginDisabled && isInstitutionAuthActive);
+    return (_jsxs(_Fragment, { children: [((isEnterpriseLoginDisabled && isInstitutionAuthActive) || isSocialAuthActive) && (_jsx("div", { className: "mt-4 mb-3 h4", children: isLoginPage
+                    ? formatMessage(messages['login.other.options.heading'])
+                    : formatMessage(messages['registration.other.options.heading']) })), (isLoginPage && !isEnterpriseLoginDisabled && isSocialAuthActive) && (_jsxs(Hyperlink, { className: classNames('btn btn-link btn-sm text-body p-0', { 'mb-0': thirdPartyAuthApiStatus === PENDING_STATE }, { 'mb-4': thirdPartyAuthApiStatus !== PENDING_STATE }), destination: enterpriseLoginURL, children: [_jsx(Icon, { src: Institution, className: "institute-icon" }), formatMessage(messages['enterprise.login.btn.text'])] })), thirdPartyAuthApiStatus === PENDING_STATE && isThirdPartyAuthActive ? (_jsx("div", { className: "mt-4", children: _jsx(Skeleton, { className: "tpa-skeleton", height: 36, count: 2 }) })) : (_jsxs(_Fragment, { children: [(isEnterpriseLoginDisabled && isInstitutionAuthActive) && (_jsx(RenderInstitutionButton, { onSubmitHandler: handleInstitutionLogin, buttonTitle: formatMessage(messages['institution.login.button']) })), isSocialAuthActive && (_jsx("div", { className: "row m-0", children: _jsx(SocialAuthProviders, { socialAuthProviders: providers, referrer: isLoginPage ? loginPath : registerPath }) }))] }))] }));
+};
+ThirdPartyAuth.defaultProps = {
+    currentProvider: null,
+    providers: [],
+    secondaryProviders: [],
+    thirdPartyAuthApiStatus: PENDING_STATE,
+    isLoginPage: false,
+};
+ThirdPartyAuth.propTypes = {
+    currentProvider: PropTypes.string,
+    handleInstitutionLogin: PropTypes.func.isRequired,
+    providers: PropTypes.arrayOf(PropTypes.shape({
+        id: PropTypes.string,
+        name: PropTypes.string,
+        iconClass: PropTypes.string,
+        iconImage: PropTypes.string,
+        loginUrl: PropTypes.string,
+        registerUrl: PropTypes.string,
+    })),
+    secondaryProviders: PropTypes.arrayOf(PropTypes.shape({
+        id: PropTypes.string,
+        name: PropTypes.string,
+        iconClass: PropTypes.string,
+        iconImage: PropTypes.string,
+        loginUrl: PropTypes.string,
+        registerUrl: PropTypes.string,
+    })),
+    thirdPartyAuthApiStatus: PropTypes.string,
+    isLoginPage: PropTypes.bool,
+};
+export default ThirdPartyAuth;
+//# sourceMappingURL=ThirdPartyAuth.js.map

package/dist/common-components/ThirdPartyAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThirdPartyAuth.js","sourceRoot":"","sources":["../../src/common-components/ThirdPartyAuth.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport {\n  Hyperlink, Icon,\n} from '@openedx/paragon';\nimport { Institution } from '@openedx/paragon/icons';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Skeleton from 'react-loading-skeleton';\n\nimport { loginPath, registerPath } from '../constants';\nimport { ENTERPRISE_LOGIN_URL, PENDING_STATE } from '../data/constants';\nimport messages from './messages';\n\nimport {\n  RenderInstitutionButton,\n  SocialAuthProviders,\n} from './index';\n\n/**\n * This component renders the Single sign-on (SSO) buttons for the providers passed.\n * */\nconst ThirdPartyAuth = (props) => {\n  const { formatMessage } = useIntl();\n  const {\n    providers,\n    secondaryProviders,\n    currentProvider,\n    handleInstitutionLogin,\n    thirdPartyAuthApiStatus,\n    isLoginPage,\n  } = props;\n  const isInstitutionAuthActive = !!secondaryProviders.length && !currentProvider;\n  const isSocialAuthActive = !!providers.length && !currentProvider;\n  const isEnterpriseLoginDisabled = useAppConfig().DISABLE_ENTERPRISE_LOGIN;\n  const enterpriseLoginURL = getSiteConfig().lmsBaseUrl + ENTERPRISE_LOGIN_URL;\n  const isThirdPartyAuthActive = isSocialAuthActive || (isEnterpriseLoginDisabled && isInstitutionAuthActive);\n\n  return (\n    <>\n      {((isEnterpriseLoginDisabled && isInstitutionAuthActive) || isSocialAuthActive) && (\n        <div className=\"mt-4 mb-3 h4\">\n          {isLoginPage\n            ? formatMessage(messages['login.other.options.heading'])\n            : formatMessage(messages['registration.other.options.heading'])}\n        </div>\n      )}\n      {(isLoginPage && !isEnterpriseLoginDisabled && isSocialAuthActive) && (\n        <Hyperlink\n          className={classNames(\n            'btn btn-link btn-sm text-body p-0',\n            { 'mb-0': thirdPartyAuthApiStatus === PENDING_STATE },\n            { 'mb-4': thirdPartyAuthApiStatus !== PENDING_STATE },\n          )}\n          destination={enterpriseLoginURL}\n        >\n          <Icon src={Institution} className=\"institute-icon\" />\n          {formatMessage(messages['enterprise.login.btn.text'])}\n        </Hyperlink>\n      )}\n\n      {thirdPartyAuthApiStatus === PENDING_STATE && isThirdPartyAuthActive ? (\n        <div className=\"mt-4\">\n          <Skeleton className=\"tpa-skeleton\" height={36} count={2} />\n        </div>\n      ) : (\n        <>\n          {(isEnterpriseLoginDisabled && isInstitutionAuthActive) && (\n            <RenderInstitutionButton\n              onSubmitHandler={handleInstitutionLogin}\n              buttonTitle={formatMessage(messages['institution.login.button'])}\n            />\n          )}\n          {isSocialAuthActive && (\n            <div className=\"row m-0\">\n              <SocialAuthProviders\n                socialAuthProviders={providers}\n                referrer={isLoginPage ? loginPath : registerPath}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nThirdPartyAuth.defaultProps = {\n  currentProvider: null,\n  providers: [],\n  secondaryProviders: [],\n  thirdPartyAuthApiStatus: PENDING_STATE,\n  isLoginPage: false,\n};\n\nThirdPartyAuth.propTypes = {\n  currentProvider: PropTypes.string,\n  handleInstitutionLogin: PropTypes.func.isRequired,\n  providers: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      name: PropTypes.string,\n      iconClass: PropTypes.string,\n      iconImage: PropTypes.string,\n      loginUrl: PropTypes.string,\n      registerUrl: PropTypes.string,\n    }),\n  ),\n  secondaryProviders: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      name: PropTypes.string,\n      iconClass: PropTypes.string,\n      iconImage: PropTypes.string,\n      loginUrl: PropTypes.string,\n      registerUrl: PropTypes.string,\n    }),\n  ),\n  thirdPartyAuthApiStatus: PropTypes.string,\n  isLoginPage: PropTypes.bool,\n};\n\nexport default ThirdPartyAuth;\n"]}

package/dist/common-components/ThirdPartyAuthAlert.d.ts

@@ -0,0 +1,15 @@
+export default ThirdPartyAuthAlert;
+declare function ThirdPartyAuthAlert(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ThirdPartyAuthAlert {
+    namespace defaultProps {
+        export let currentProvider: string;
+        export { loginPath as referrer };
+    }
+    namespace propTypes {
+        let currentProvider_1: PropTypes.Requireable<string>;
+        export { currentProvider_1 as currentProvider };
+        export let referrer: PropTypes.Requireable<string>;
+    }
+}
+import { loginPath } from '../constants';
+import PropTypes from 'prop-types';

package/dist/common-components/ThirdPartyAuthAlert.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Alert } from '@openedx/paragon';
+import PropTypes from 'prop-types';
+import { loginPath, registerPath } from '../constants';
+import messages from './messages';
+const ThirdPartyAuthAlert = (props) => {
+    const { formatMessage } = useIntl();
+    const { currentProvider, referrer } = props;
+    const platformName = getSiteConfig().siteName;
+    let message;
+    if (referrer === loginPath) {
+        message = formatMessage(messages['login.third.party.auth.account.not.linked'], { currentProvider, platformName });
+    }
+    else {
+        message = formatMessage(messages['register.third.party.auth.account.not.linked'], { currentProvider, platformName });
+    }
+    if (!currentProvider) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Alert, { id: "tpa-alert", className: referrer === registerPath ? 'alert-success mt-n2 mb-5' : 'alert-warning mt-n2 mb-5', children: [referrer === registerPath ? (_jsx(Alert.Heading, { children: formatMessage(messages['tpa.alert.heading']) })) : null, _jsx("p", { children: message })] }), referrer === registerPath ? (_jsx("h4", { className: "mt-4 mb-4", children: formatMessage(messages['registration.using.tpa.form.heading']) })) : null] }));
+};
+ThirdPartyAuthAlert.defaultProps = {
+    currentProvider: '',
+    referrer: loginPath,
+};
+ThirdPartyAuthAlert.propTypes = {
+    currentProvider: PropTypes.string,
+    referrer: PropTypes.string,
+};
+export default ThirdPartyAuthAlert;
+//# sourceMappingURL=ThirdPartyAuthAlert.js.map

package/dist/common-components/ThirdPartyAuthAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThirdPartyAuthAlert.js","sourceRoot":"","sources":["../../src/common-components/ThirdPartyAuthAlert.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC5C,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC,QAAQ,CAAC;IAC9C,IAAI,OAAO,CAAC;IAEZ,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,GAAG,aAAa,CAAC,QAAQ,CAAC,2CAA2C,CAAC,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC;IACpH,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,aAAa,CAAC,QAAQ,CAAC,8CAA8C,CAAC,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC;IACvH,CAAC;IAED,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,MAAC,KAAK,IAAC,EAAE,EAAC,WAAW,EAAC,SAAS,EAAE,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,aACjH,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,CAC3B,KAAC,KAAK,CAAC,OAAO,cAAE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,GAAiB,CAC9E,CAAC,CAAC,CAAC,IAAI,EACR,sBAAI,OAAO,GAAK,IACV,EACP,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,CAC3B,aAAI,SAAS,EAAC,WAAW,YAAE,aAAa,CAAC,QAAQ,CAAC,qCAAqC,CAAC,CAAC,GAAM,CAChG,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG;IACjC,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,mBAAmB,CAAC,SAAS,GAAG;IAC9B,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,QAAQ,EAAE,SAAS,CAAC,MAAM;CAC3B,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Alert } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\n\nimport { loginPath, registerPath } from '../constants';\nimport messages from './messages';\n\nconst ThirdPartyAuthAlert = (props) => {\n  const { formatMessage } = useIntl();\n  const { currentProvider, referrer } = props;\n  const platformName = getSiteConfig().siteName;\n  let message;\n\n  if (referrer === loginPath) {\n    message = formatMessage(messages['login.third.party.auth.account.not.linked'], { currentProvider, platformName });\n  } else {\n    message = formatMessage(messages['register.third.party.auth.account.not.linked'], { currentProvider, platformName });\n  }\n\n  if (!currentProvider) {\n    return null;\n  }\n\n  return (\n    <>\n      <Alert id=\"tpa-alert\" className={referrer === registerPath ? 'alert-success mt-n2 mb-5' : 'alert-warning mt-n2 mb-5'}>\n        {referrer === registerPath ? (\n          <Alert.Heading>{formatMessage(messages['tpa.alert.heading'])}</Alert.Heading>\n        ) : null}\n        <p>{message}</p>\n      </Alert>\n      {referrer === registerPath ? (\n        <h4 className=\"mt-4 mb-4\">{formatMessage(messages['registration.using.tpa.form.heading'])}</h4>\n      ) : null}\n    </>\n  );\n};\n\nThirdPartyAuthAlert.defaultProps = {\n  currentProvider: '',\n  referrer: loginPath,\n};\n\nThirdPartyAuthAlert.propTypes = {\n  currentProvider: PropTypes.string,\n  referrer: PropTypes.string,\n};\n\nexport default ThirdPartyAuthAlert;\n"]}

package/dist/common-components/UnAuthOnlyRoute.d.ts

@@ -0,0 +1,14 @@
+export default UnAuthOnlyRoute;
+/**
+ * This wrapper redirects the requester to our default redirect url if they are
+ * already authenticated.
+ */
+declare function UnAuthOnlyRoute({ children }: {
+    children: any;
+}): any;
+declare namespace UnAuthOnlyRoute {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/common-components/UnAuthOnlyRoute.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { fetchAuthenticatedUser, getAuthenticatedUser, getUrlByRouteRole } from '@openedx/frontend-base';
+import PropTypes from 'prop-types';
+import { Navigate } from 'react-router-dom';
+import { dashboardRole } from '../constants';
+/**
+ * This wrapper redirects the requester to our default redirect url if they are
+ * already authenticated.
+ */
+const UnAuthOnlyRoute = ({ children }) => {
+    const [authUser, setAuthUser] = useState({});
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        fetchAuthenticatedUser({ forceRefresh: !!getAuthenticatedUser() }).then((authenticatedUser) => {
+            setAuthUser(authenticatedUser);
+            setIsReady(true);
+        });
+    }, []);
+    if (isReady) {
+        if (authUser && authUser.username) {
+            return _jsx(Navigate, { to: getUrlByRouteRole(dashboardRole) || '/', replace: true });
+        }
+        return children;
+    }
+    return null;
+};
+UnAuthOnlyRoute.propTypes = {
+    children: PropTypes.node.isRequired,
+};
+export default UnAuthOnlyRoute;
+//# sourceMappingURL=UnAuthOnlyRoute.js.map

package/dist/common-components/UnAuthOnlyRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnAuthOnlyRoute.js","sourceRoot":"","sources":["../../src/common-components/UnAuthOnlyRoute.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACzG,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,sBAAsB,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE;YAC5F,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAClC,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAE,iBAAiB,CAAC,aAAa,CAAC,IAAI,GAAG,EAAE,OAAO,SAAG,CAAC;QAC3E,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { fetchAuthenticatedUser, getAuthenticatedUser, getUrlByRouteRole } from '@openedx/frontend-base';\nimport PropTypes from 'prop-types';\nimport { Navigate } from 'react-router-dom';\n\nimport { dashboardRole } from '../constants';\n\n/**\n * This wrapper redirects the requester to our default redirect url if they are\n * already authenticated.\n */\nconst UnAuthOnlyRoute = ({ children }) => {\n  const [authUser, setAuthUser] = useState({});\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    fetchAuthenticatedUser({ forceRefresh: !!getAuthenticatedUser() }).then((authenticatedUser) => {\n      setAuthUser(authenticatedUser);\n      setIsReady(true);\n    });\n  }, []);\n\n  if (isReady) {\n    if (authUser && authUser.username) {\n      return <Navigate to={getUrlByRouteRole(dashboardRole) || '/'} replace />;\n    }\n\n    return children;\n  }\n\n  return null;\n};\n\nUnAuthOnlyRoute.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default UnAuthOnlyRoute;\n"]}

package/dist/common-components/components/ThirdPartyAuthContext.d.ts

@@ -0,0 +1,31 @@
+import { FC, ReactNode } from 'react';
+interface ThirdPartyAuthContextType {
+    fieldDescriptions: any;
+    optionalFields: {
+        fields: any;
+        extended_profile: any[];
+    };
+    thirdPartyAuthApiStatus: string | null;
+    thirdPartyAuthContext: {
+        platformName: string | null;
+        autoSubmitRegForm: boolean;
+        currentProvider: string | null;
+        finishAuthUrl: string | null;
+        countryCode: string | null;
+        providers: any[];
+        secondaryProviders: any[];
+        pipelineUserDetails: any | null;
+        errorMessage: string | null;
+        welcomePageRedirectUrl: string | null;
+    };
+    setThirdPartyAuthContextBegin: () => void;
+    setThirdPartyAuthContextSuccess: (fieldDescData: any, optionalFieldsData: any, contextData: any) => void;
+    setThirdPartyAuthContextFailure: () => void;
+    clearThirdPartyAuthErrorMessage: () => void;
+}
+interface ThirdPartyAuthProviderProps {
+    children: ReactNode;
+}
+export declare const ThirdPartyAuthProvider: FC<ThirdPartyAuthProviderProps>;
+export declare const useThirdPartyAuthContext: () => ThirdPartyAuthContextType;
+export {};

package/dist/common-components/components/ThirdPartyAuthContext.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState, } from 'react';
+import { COMPLETE_STATE, FAILURE_STATE, PENDING_STATE } from '../../data/constants';
+const ThirdPartyAuthContext = createContext(undefined);
+export const ThirdPartyAuthProvider = ({ children }) => {
+    const [fieldDescriptions, setFieldDescriptions] = useState({});
+    const [optionalFields, setOptionalFields] = useState({
+        fields: {},
+        extended_profile: [],
+    });
+    const [thirdPartyAuthApiStatus, setThirdPartyAuthApiStatus] = useState(null);
+    const [thirdPartyAuthContext, setThirdPartyAuthContext] = useState({
+        platformName: null,
+        autoSubmitRegForm: false,
+        currentProvider: null,
+        finishAuthUrl: null,
+        countryCode: null,
+        providers: [],
+        secondaryProviders: [],
+        pipelineUserDetails: null,
+        errorMessage: null,
+        welcomePageRedirectUrl: null,
+    });
+    // Function to handle begin state - mirrors THIRD_PARTY_AUTH_CONTEXT.BEGIN
+    const setThirdPartyAuthContextBegin = useCallback(() => {
+        setThirdPartyAuthApiStatus(PENDING_STATE);
+    }, []);
+    // Function to handle success - mirrors THIRD_PARTY_AUTH_CONTEXT.SUCCESS
+    const setThirdPartyAuthContextSuccess = useCallback((fieldDescData, optionalFieldsData, contextData) => {
+        setFieldDescriptions((fieldDescData === null || fieldDescData === void 0 ? void 0 : fieldDescData.fields) || {});
+        setOptionalFields(optionalFieldsData || { fields: {}, extended_profile: [] });
+        setThirdPartyAuthContext(contextData || {
+            platformName: null,
+            autoSubmitRegForm: false,
+            currentProvider: null,
+            finishAuthUrl: null,
+            countryCode: null,
+            providers: [],
+            secondaryProviders: [],
+            pipelineUserDetails: null,
+            errorMessage: null,
+            welcomePageRedirectUrl: null,
+        });
+        setThirdPartyAuthApiStatus(COMPLETE_STATE);
+    }, []);
+    // Function to handle failure - mirrors THIRD_PARTY_AUTH_CONTEXT.FAILURE
+    const setThirdPartyAuthContextFailure = useCallback(() => {
+        setThirdPartyAuthApiStatus(FAILURE_STATE);
+        setThirdPartyAuthContext(prev => (Object.assign(Object.assign({}, prev), { errorMessage: null })));
+    }, []);
+    // Function to clear error message - mirrors THIRD_PARTY_AUTH_CONTEXT_CLEAR_ERROR_MSG
+    const clearThirdPartyAuthErrorMessage = useCallback(() => {
+        setThirdPartyAuthApiStatus(PENDING_STATE);
+        setThirdPartyAuthContext(prev => (Object.assign(Object.assign({}, prev), { errorMessage: null })));
+    }, []);
+    const value = useMemo(() => ({
+        fieldDescriptions,
+        optionalFields,
+        thirdPartyAuthApiStatus,
+        thirdPartyAuthContext,
+        setThirdPartyAuthContextBegin,
+        setThirdPartyAuthContextSuccess,
+        setThirdPartyAuthContextFailure,
+        clearThirdPartyAuthErrorMessage,
+    }), [
+        fieldDescriptions,
+        optionalFields,
+        thirdPartyAuthApiStatus,
+        thirdPartyAuthContext,
+        setThirdPartyAuthContextBegin,
+        setThirdPartyAuthContextSuccess,
+        setThirdPartyAuthContextFailure,
+        clearThirdPartyAuthErrorMessage,
+    ]);
+    return (_jsx(ThirdPartyAuthContext.Provider, { value: value, children: children }));
+};
+export const useThirdPartyAuthContext = () => {
+    const context = useContext(ThirdPartyAuthContext);
+    if (context === undefined) {
+        throw new Error('useThirdPartyAuthContext must be used within a ThirdPartyAuthProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=ThirdPartyAuthContext.js.map

package/dist/common-components/components/ThirdPartyAuthContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThirdPartyAuthContext.js","sourceRoot":"","sources":["../../../src/common-components/components/ThirdPartyAuthContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext, FC, ReactNode, useCallback, useContext, useMemo, useState,\n} from 'react';\n\nimport { COMPLETE_STATE, FAILURE_STATE, PENDING_STATE } from '../../data/constants';\n\ninterface ThirdPartyAuthContextType {\n  fieldDescriptions: any,\n  optionalFields: {\n    fields: any,\n    extended_profile: any[],\n  },\n  thirdPartyAuthApiStatus: string | null,\n  thirdPartyAuthContext: {\n    platformName: string | null,\n    autoSubmitRegForm: boolean,\n    currentProvider: string | null,\n    finishAuthUrl: string | null,\n    countryCode: string | null,\n    providers: any[],\n    secondaryProviders: any[],\n    pipelineUserDetails: any | null,\n    errorMessage: string | null,\n    welcomePageRedirectUrl: string | null,\n  },\n  setThirdPartyAuthContextBegin: () => void,\n  setThirdPartyAuthContextSuccess: (fieldDescData: any, optionalFieldsData: any, contextData: any) => void,\n  setThirdPartyAuthContextFailure: () => void,\n  clearThirdPartyAuthErrorMessage: () => void,\n}\n\nconst ThirdPartyAuthContext = createContext<ThirdPartyAuthContextType | undefined>(undefined);\n\ninterface ThirdPartyAuthProviderProps {\n  children: ReactNode,\n}\n\nexport const ThirdPartyAuthProvider: FC<ThirdPartyAuthProviderProps> = ({ children }) => {\n  const [fieldDescriptions, setFieldDescriptions] = useState({});\n  const [optionalFields, setOptionalFields] = useState({\n    fields: {},\n    extended_profile: [],\n  });\n  const [thirdPartyAuthApiStatus, setThirdPartyAuthApiStatus] = useState<string | null>(null);\n  const [thirdPartyAuthContext, setThirdPartyAuthContext] = useState({\n    platformName: null,\n    autoSubmitRegForm: false,\n    currentProvider: null,\n    finishAuthUrl: null,\n    countryCode: null,\n    providers: [],\n    secondaryProviders: [],\n    pipelineUserDetails: null,\n    errorMessage: null,\n    welcomePageRedirectUrl: null,\n  });\n\n  // Function to handle begin state - mirrors THIRD_PARTY_AUTH_CONTEXT.BEGIN\n  const setThirdPartyAuthContextBegin = useCallback(() => {\n    setThirdPartyAuthApiStatus(PENDING_STATE);\n  }, []);\n\n  // Function to handle success - mirrors THIRD_PARTY_AUTH_CONTEXT.SUCCESS\n  const setThirdPartyAuthContextSuccess = useCallback((fieldDescData, optionalFieldsData, contextData) => {\n    setFieldDescriptions(fieldDescData?.fields || {});\n    setOptionalFields(optionalFieldsData || { fields: {}, extended_profile: [] });\n    setThirdPartyAuthContext(contextData || {\n      platformName: null,\n      autoSubmitRegForm: false,\n      currentProvider: null,\n      finishAuthUrl: null,\n      countryCode: null,\n      providers: [],\n      secondaryProviders: [],\n      pipelineUserDetails: null,\n      errorMessage: null,\n      welcomePageRedirectUrl: null,\n    });\n    setThirdPartyAuthApiStatus(COMPLETE_STATE);\n  }, []);\n\n  // Function to handle failure - mirrors THIRD_PARTY_AUTH_CONTEXT.FAILURE\n  const setThirdPartyAuthContextFailure = useCallback(() => {\n    setThirdPartyAuthApiStatus(FAILURE_STATE);\n    setThirdPartyAuthContext(prev => ({\n      ...prev,\n      errorMessage: null,\n    }));\n  }, []);\n\n  // Function to clear error message - mirrors THIRD_PARTY_AUTH_CONTEXT_CLEAR_ERROR_MSG\n  const clearThirdPartyAuthErrorMessage = useCallback(() => {\n    setThirdPartyAuthApiStatus(PENDING_STATE);\n    setThirdPartyAuthContext(prev => ({\n      ...prev,\n      errorMessage: null,\n    }));\n  }, []);\n\n  const value = useMemo(() => ({\n    fieldDescriptions,\n    optionalFields,\n    thirdPartyAuthApiStatus,\n    thirdPartyAuthContext,\n    setThirdPartyAuthContextBegin,\n    setThirdPartyAuthContextSuccess,\n    setThirdPartyAuthContextFailure,\n    clearThirdPartyAuthErrorMessage,\n  }), [\n    fieldDescriptions,\n    optionalFields,\n    thirdPartyAuthApiStatus,\n    thirdPartyAuthContext,\n    setThirdPartyAuthContextBegin,\n    setThirdPartyAuthContextSuccess,\n    setThirdPartyAuthContextFailure,\n    clearThirdPartyAuthErrorMessage,\n  ]);\n\n  return (\n    <ThirdPartyAuthContext.Provider value={value}>\n      {children}\n    </ThirdPartyAuthContext.Provider>\n  );\n};\n\nexport const useThirdPartyAuthContext = (): ThirdPartyAuthContextType => {\n  const context = useContext(ThirdPartyAuthContext);\n  if (context === undefined) {\n    throw new Error('useThirdPartyAuthContext must be used within a ThirdPartyAuthProvider');\n  }\n  return context;\n};\n"]}